article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}
html {
    cursor: default;
    font-size: 100%;
    overflow-y: scroll;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body, form, input, button, select, textarea {
    font-size: 100%;
    margin: 0
}
a {
    text-decoration: none;
    color: inherit
}
a, a:active, a:hover {
    outline: none
}
abbr {
    _border-bottom: expression(this.title ? '1px dotted': 'none')
}
abbr[title] {
    border-bottom: 1px dotted
}
b, strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
mark {
    background: #FF0;
    color: #000
}
pre, code, kbd, samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before, q:after {
    content: '';
    content: none
}
small, sub, sup {
    font-size: 75%
}
sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
nav ul {
    list-style: none
}
audio[controls], canvas, video {
    display: inline-block;
    *display: inline
}
audio {
    display: none;
    _display: expression(this.controls ? 'inline': 'none');
    *zoom: 1
}
audio[controls] {
    display: inline-block
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
legend {
    *margin-left: -7px
}
button, input, select, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button, input {
    line-height: normal;
    _overflow: expression(this.type=='button|reset|submit'? 'visible': '')
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    overflow: visible
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box
}
input[type="search"] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    overflow-y: hidden;
    background: #d7d7d7
}
html.-moz- {
    margin-right: 0px !important
}
body {
    width: auto;
	overflow-x:hidden;
	background: #1c4864;
}
main {
    min-height: 765px;
}

main.HERO{
	/*margin-top: -145px !important;*/
}

.sectionSpacer {
    margin: 1.5% 0
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .noMobileMargin {
        margin: 0 0 5% !important
    }
    .dobbleSectionSpacer {
        margin: 4% 0 !important
    }
    .mobilePadding {
        padding: 2% 0px !important
    }
    .mobileMarginBottom {
        margin-bottom: 5% !important
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .deviceSectionSpacer {
        margin-bottom: 1% !important
    }
    .tabletMarginTop {
        margin-top: 3% !important
    }
    .tabletNoMargin {
        margin: 0 !important
    }
}
.tabletShowOnly {
    display: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tabletShowOnly {
        display: block
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .tabletShowOnly {
        display: none
    }
}
.tempDisplayNone {
    display: none !important
}
.mobileShow {
    display: none !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mobileShow {
        display: block !important
    }
}
.noListStyle {
    list-style: none
}
.noMaxWidth {
    max-width: none !important
}
.fullWidth {
    width: 100% !important
}
.noPaddingMain {
    padding: 0 !important
}
.noPaddingTop {
    padding-top: 0 !important
}
.noPaddingBottom {
    padding-bottom: 0 !important
}
.addthis-smartlayers {
    display: none !important
}
.overflowHiden {
    overflow: hidden !important
}
.pageNotFound {
    width: 40%;
    margin: 10% auto;
    text-align: center;
    float: none;
    display: block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .pageNotFound {
        margin: 12% auto 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pageNotFound {
        margin: 25% auto 0;
        width: 70%
    }
}
.serchLineHeader {
    color: #FFFFFF;
    background: #113559;
    padding: 15px;
    border-bottom: 3px solid #3778BC;
    margin: 0px;
    float: left;
    width: 100%;
    display: inline-block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .serchLineHeader {
        width: 90.7%;
        padding: 15px 2%;
        display: block;
        float: none;
        overflow: hidden;
        margin: 0 auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .serchLineHeader {
        width: 86.7%;
        display: block;
        margin: 0 auto;
        padding: 15px 4%;
        overflow: hidden;
        float: none;
        max-width: 296px;
        text-align: center
    }
}
main.PLP .searchtitle .description {
    font-size: 15.2px;
    background: #272727;
    color: white;
    padding: 3% 4%;
    width: 92%;
    margin: 1.5% 0 0 0;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .searchtitle .description {
        width: 86.7%;
        display: block;
        margin: 0 auto;
        padding: 15px 4%;
        overflow: hidden;
        float: none
    }
}
.serchPageHeader {
    margin: 5px 0 15px 15px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .serchPageHeader {
        margin: 25px 0 15px 35px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .serchPageHeader {
        width: 100%;
        text-align: center;
        margin: 15px auto 25px
    }
}
#result_report {
    margin: -10px 0 15px 17px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #result_report {
        margin: -10px 0 15px 35px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #result_report {
        width: 100%;
        text-align: center;
        margin: -15px auto 25px
    }
}
#other_pages {
    margin: 0 auto;
    float: none;
    width: 97%;
    text-align: center;
    max-width: 1080px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #other_pages {
        margin: 0 auto 20px
    }
}
.tempHide {
    display: none
}
.floatLeftClearFix {
    float: left;
    clear: both
}
.block {
    display: block;
    overflow: hidden
}
.inBlock {
    display: inline-block !important
}
.hide {
    display: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tablet-hide {
        display: none !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mobile-hide {
        display: none !important
    }
}
.hypen-hide {
    display: inline
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .hypen-hide {
        display: none !important
    }
}
.hypen-hide2 {
    display: inline
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .hypen-hide2 {
        display: none !important
    }
}
.clearFixer {
    clear: left
}
.noFloat {
    float: none !important
}
h1, h2, h3, h4, h5, h6 {
    color: #1C4864;
   
    margin: 0px 0px 15px
}
p {
    color: #333;
   
    margin-top: 0px;
    font-size: 0.95em
}
sup {
    font-size: 0.6em
}
header {
    width: 100%;
    height: 118px;
    background: #1C4864;
    border-bottom: 5px solid #7D96A6;
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    header {
        display: none
    }
}

.desktopNav .ctaWraper{
	position: absolute;
	top: 50px;
	right: 95px;
	font-family: "Trebuchet MS";
	font-size: 15pt;
	color: #FFFFFF;
}

@media screen and (max-device-width: 1570px), screen and (max-width: 1570px) {
	.desktopNav .ctaWraper{
		display: none;
	}
}

.desktopNav .ctaWraper .phone{
	font-size: 15pt;
	font-weight: bold;
    padding-right: 40px;
	
}

.desktopNav .ctaWraper .cta{
	padding: 10px;
	margin-top: 10px;
	font-size: 15pt;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(227,124,21, 1) none repeat scroll 0% 0%;
	color: white;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 10px;
}

.desktopNav .ctaWraper .cta:hover{
	background: rgba(227,124,21, 0) none repeat scroll 0% 0%;
	color: #E37914;
	border: 2px solid #E37914;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

header .constrained {
    width: 97%;
    max-width: 1080px;
    height: 114px;
    margin: 0 auto;
    padding-right: 8px;
    position: relative
}
header .constrained .desktopLogo {
    float: left;
    cursor: pointer
}
header .constrained a {
    float: right
}
header .constrained a:focus, header .constrained a:hover {
    text-decoration: none
}
header .constrained .phoneNumber {
    float: right;
    color: #fff;
    margin: 17px 0px;
    font-size: 24px
}
header .constrained .ctaWraper {
    position: absolute;
    bottom: 15px;
    right: 10px
}
header .constrained .ctaWraper .cta {
    width: 106px;
    height: 22px;
    padding: 6px 12px 4px;
    margin-left: 25px;
    color: #fff;
    font-size: 16px;
    line-height: 21px
}
header .constrained .ctaWraper .cta.red {
    background: #00d57c url("../images/Contact-icon.png") no-repeat scroll right 9px top 50%/18% auto;
    width: 112px;
    transition: all 0.2s ease-in
}
header .constrained .ctaWraper .cta.red:hover {
    background: #75e8b8 url("../images/Contact-icon.png") no-repeat scroll right 9px top 50%/18% auto
}
header .constrained .ctaWraper .cta.blue {
    background: #7D96A6 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto;
    transition: all 0.2s ease-in
}
header .constrained .ctaWraper .cta.blue:hover {
    background: #8ca2b0 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto
}
header .constrained .search {
    width: 30%;
    height: 32px;
    background: #fff;
    position: absolute;
    bottom: 15px;
    right: 327px
}
header .constrained .search .search-input {
    border: medium none;
    outline: medium none;
    background: #FFF none repeat scroll 0% 0%;
    width: 84%;
    height: 30px;
    margin: 0px;
    z-index: 10;
    padding: 0px 0px 0px 10px;
    font-family: inherit;
    font-size: 15px;
    color: #0186D3;
    float: left;
    border-radius: 0px
}
header .constrained .search .search-submit {
    background-image: url("../images/search-icon.png");
    background-position: 0px 1px;
    background-repeat: no-repeat;
    background-color: #0186D3;
    width: 30px;
    height: 32px;
    display: block;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border: medium none;
    outline: medium none;
    float: right;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s
}
.cta-button {
    text-align: center;
    padding: 10px !important;
    background-color: #00d57c;
    color: #FFFFFF;
    font-weight: bold;
    min-height: auto;
    max-width: 250px;
}
.cta-button.red {
    background-color: #00d57c;
    transition: all 0.2s ease-in;
    color: #FFFFFF
}
.cta-button.red:hover {
    background: #75e8b8;
    color: #FFFFFF
}


.cta-button.white {
    background: rgba(227,121,20, 1) none repeat scroll 0% 0%;
	color: #FFFFFF;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 10px;
}

.cta-button.white:hover {
    background: rgba(227,121,20, 0) none repeat scroll 0% 0%;
	color: #E37C15;
	border: 2px solid #E37C15;
	transition: all 0.5s ease-in-out;
	font-size: 112%;
	-webkit-transition: all 0.2s ease-in-out;
}

.pure-toggle-label-wraper .constrained {
    width: 90%;
    height: auto;
    margin: 0px 5.2%;
    display: inline-block
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained {
        width: 100%;
        margin: 0px
    }
}
.pure-toggle-label-wraper .constrained .logo {
    margin-top: 15px;
	margin-left: 60px;
	max-height: 100px;
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained .logo {
        float: left;
        width: 125px;
        height: auto;
  /*      margin-top: 10px;*/
		/*margin-left: 20px;*/
		margin-top:0;
		margin-left:0;
    }
}
.pure-toggle-label-wraper .constrained a {
    float: none;

}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained a {
        margin: 0px
    }
}
.pure-toggle-label-wraper .constrained .ctaWraper {
    float: right;
    clear: both;
    width: 53%;
	margin-top: 55px;
	text-align: right;
}
@media screen and (max-device-width: 860px), screen and (max-width: 860px) {
    .pure-toggle-label-wraper .constrained .ctaWraper {
        display: none
    }
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta {
	padding: 10px;
	margin-top: 10px;
	font-size: 15pt;
	font-weight: bold;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
	color: white;
	border: 2px solid white;
	box-sizing: border-box;
	cursor: pointer;	
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta:hover {
	background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%;
	color: #1c4864;
	transition: all 0.5s ease-in-out;
	font-size: 112%;
	-webkit-transition: all 0.5s ease-in-out;
}
.pure-toggle-label-wraper .constrained .ctaWraper .phone {
	font-size: 15pt;
    font-weight: bold;
    padding-right: 40px;
}


@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained .ctaWraper .cta {
        float: none;
        margin-left: 0
    }
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta.red {
    background: #00d57c;
    width: 34.9%
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta.red:hover {
    background: #75e8b8
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta.blue {
    background: #7D96A6
}
.pure-toggle-label-wraper .constrained .ctaWraper .cta.blue:hover {
    background: #8ca2b0
}
.pure-toggle-label-wraper .constrained .search {
    width: 47%;
    height: 30px;
    float: left;
    background: #fff
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained .search {
        display: none
    }
}
.pure-toggle-label-wraper .constrained .search .search-input {
    border: medium none;
    outline: medium none;
    background: #FFF none repeat scroll 0% 0%;
    width: 80%;
    height: 30px;
    margin: 0px;
    z-index: 10;
    padding: 0px 0px 0px 10px;
    font-family: inherit;
    font-size: 15px;
    color: #0186D3;
    float: left;
    border-radius: 0px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .pure-toggle-label-wraper .constrained .search .search-input {
        width: 81%
    }
}
.pure-toggle-label-wraper .constrained .search .search-submit {
    background-image: url("../images/search-icon.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: #0186D3;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0px;
    margin: 0px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    border: medium none;
    outline: medium none;
    float: right;
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s
}
#sticky_navigation_wrapper {
    display: flex;
}
.desktopNav {
	background: rgba(37, 82, 109, 0);
    width: 100%;
    height: 110px;
    z-index: 1000;
}

.desktopNav .desktopLogo{
    float: left; 
    margin-left: 50px; 
    /*margin-top: 20px; */
    /*margin-bottom: 20px; */
    margin-right: 40px
    
}

@media screen and (max-device-width: 1165px), screen and (max-width: 1165px) {
.desktopNav .desktopLogo {
	margin-left: 30px;
	margin-right: 20px;
}
	
}

.desktopNav ul {
    max-width: 1140px;
    height: 47px;
    text-align: center;
	margin-top: 40px;
    padding: 0px;
    display: flex;
	float: left;
    flex-flow: row nowrap;
    justify-content: space-between
}
.desktopNav ul li {
    width: auto;
    line-height: 20px;
    height: 20px;
    margin-top: 14px;
    display: inline-block
}
.desktopNav ul li.homeButton {
    margin-top: 20px
}
.desktopNav ul li.homeButton a {
    padding: 21px 24px 9px;
    background-image: url(../images/home.png);
    background-position: 50% 46%;
    background-repeat: no-repeat;
    background-size: 52%
}
.desktopNav ul li.homeButton a:hover {
    background-image: url(../images/homeH.png)
}
.desktopNav ul li a {
    color: #FFFFFF;
    padding: 15px 20px;
	font-family: "Trebuchet MS";
    font-size: 15pt;
	font-weight: bold;
	text-transform: uppercase;
}
@media screen and (max-width:1170px ) and (min-width:900px){
    .desktopNav ul li a{
         padding: 15px 8px;
    }
}
@media screen and (max-width:1375px ) and (min-width:1024px){
    .desktopNav ul li a{
         padding: 15px 8px;
         font-size:12pt;
    }
}
.desktopNav ul li a:hover, .desktopNav ul li a:active, .desktopNav ul li a:focus {
    color: #7d96a6
}
.desktopNav ul li .dropDown {
    overflow: hidden;
    background: rgba(51, 51, 51, 0.9);
    color: #fff;
    position: absolute;
    z-index: 15;
    width: 100%;
    left: 0px;
    top: 100%;
    height: 0px;
    padding: 0px;
    transition: all 300ms ease-in-out 500ms
}
.desktopNav ul li .dropDown .constrained {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto
}
.desktopNav ul li .dropDown ul {
    width: 45%;
    height: auto;
    display: block;
    margin: 0px;
    text-align: left;
    float: left;
    padding: 17px 0px 0px 30px
}
.desktopNav ul li .dropDown ul:first-child {
    /*padding-left: 13px*/
}
.desktopNav ul li .dropDown ul li {
    display: block;
    margin-top: 2px;
    width: 100%
}
.desktopNav ul li .dropDown ul li.first {
    display: inline-block;
    /*height: 26px;*/
    height:auto;
    border-bottom: 1px solid #777;
    margin-bottom: 6px
}
.desktopNav ul li .dropDown ul li a {
    padding: 0;
    font-size: 14px
}
.desktopNav ul li .dropDown ul li a:hover, .desktopNav ul li .dropDown ul li a:active, .desktopNav ul li .dropDown ul li a:focus {
    color: #7fabda;
    text-decoration: none
}
.desktopNav ul li .dropDown ul li a h4 {
    margin: 0;
    font-size: 16px;
    color: #7d96a6;
    padding-bottom: 3px;
    text-decoration: none !important
}
.desktopNav ul li .dropDown ul li a h4:hover, .desktopNav ul li .dropDown ul li a h4:active, .desktopNav ul li .dropDown ul li a h4:focus {
    color: #7fabda
}
.desktopNav ul > li:hover .dropDown {
    height: auto;
    padding: 0 0 35px;
    opacity: 1
}
.desktopNav ul > li:active .dropDown {
    height: auto;
    padding: 0 0 35px;
    opacity: 1
}
.desktopNav ul > li:focus .dropDown {
    height: auto;
    padding: 0 0 35px;
    opacity: 1
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .desktopNav {
        display: none
    }
}
.pure-toggle-label-wraper {
    display: none !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .pure-toggle-label-wraper {
        display: block !important
    }
}
#accordian .ctaWraper {
    display: none
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #accordian .ctaWraper {
        float: left;
        width: 100%;
        display: flex;
        background: #122130 none repeat scroll 0% 0%;
        flex-flow: row nowrap;
        padding: 12px 0px 12px 0px;
        justify-content: space-around
    }
}
#accordian .ctaWraper .cta {
    width: 34%;
    height: 22px;
    background: #888;
    padding: 6px 12px 4px;
    margin-left: 5%;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    float: right;
    text-align: center
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #accordian .ctaWraper .cta {
        float: none;
        margin-left: 0
    }
}
#accordian .ctaWraper .cta.red {
    background: #00d57c;
    width: 34.9%
}
#accordian .ctaWraper .cta.red:hover {
    background: #75e8b8
}
#accordian .ctaWraper .cta.blue {
    background: #929292
}
#accordian .ctaWraper .cta.blue:hover {
    background: #9e9e9e
}
#accordian .search {
    display: none
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #accordian .search {
        width: 100%;
        display: inline-block;
        height: 30px;
        margin-top: 12px
    }
    #accordian .search form {
        width: 90%;
        margin: 0 auto
    }
    #accordian .search .search-input {
        border: medium none;
        outline: medium none;
        background: #FFF none repeat scroll 0% 0%;
        width: calc(100% - 41px);
        height: 30px;
        margin: 0px;
        z-index: 10;
        padding: 0px 0px 0px 10px;
        font-family: inherit;
        font-size: 15px;
        color: #0186D3;
        float: left;
        border-radius: 0px
    }
    #accordian .search .search-submit {
        background-image: url("../images/search-icon.png");
        background-position: 0px 0px;
        background-repeat: no-repeat;
        background-color: #0186D3;
        width: 30px;
        height: 30px;
        display: block;
        padding: 0px;
        margin: 0px;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
        border: medium none;
        outline: medium none;
        float: left;
        transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    main#desktop.HOME {
        margin: 230px 0px 0px !important
    }
    div.pure-toggle-label-wraper {
        top: 43px
    }
    label.pure-toggle-label {
        top: 15.5% !important;
        position: absolute
    }
}
/*@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {*/
/*    main.HOME .hero {*/
/*        margin-top: -28px*/
/*    }*/
/*}*/
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-device-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-device-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-device-width: 500px), screen and (max-width: 900px) and (max-device-width: 500px), screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 500px), screen and (max-width: 900px) and (max-width: 500px) {
    main.HOME .hero {
        margin-top: inherit
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .hero .noMarginTablet {
        margin-bottom: 0
    }
}
.hero .mainTop {
    width: 100%;
    background: #d7d7d7
}
.mainBgImg {
    width: 100%;
    padding: 2% 0;
    max-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mainBgImg {
        max-height: none
    }
}
.mainBgImg.difrence {
    background-image: url(../images/banners/DifrenceBG.jpg);
    border-top: 4px solid #7e7e7e
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainBgImg.difrence {
        background-size: 250%;
        padding: 4% 0 0%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mainBgImg.difrence {
        background-size: cover
    }
}
.mainBgImg.difrence .centerWrapper {
    width: 668px;
    margin: 0 auto 2%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainBgImg.difrence .centerWrapper {
        width: 100%
    }
}
.mainBgImg.difrence .centerWrapper h3 {
    text-align: center;
    color: #a7d4fd;
    text-transform: uppercase;
    font-size: 2.7em;
    font-weight: normal;
    margin-bottom: 0.6em;
    letter-spacing: 0.2em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainBgImg.difrence .centerWrapper h3 {
        font-size: 2.2em;
        max-width: 450px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mainBgImg.difrence .centerWrapper h3 {
        font-size: 1.9em;
        letter-spacing: 0em;
        max-width: 335px
    }
}
.mainBgImg.difrence .centerWrapper p {
    color: #f7fbff;
    font-size: 1em;
    width: 627px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainBgImg.difrence .centerWrapper p {
        width: 94%
    }
}
.mainBgImg.difrence .centerWrapper p span {
    font-size: 1.6em;
    text-transform: uppercase;
    margin: 0.4em 0 0.3em;
    display: block;
    letter-spacing: 0.2em;
    color: #fff;
    padding-bottom: 0.2em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainBgImg.difrence .centerWrapper p span {
        letter-spacing: 0.4em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mainBgImg.difrence .centerWrapper p span {
        letter-spacing: 0.1em;
        font-size: 1.3em
    }
}
.main1 {
    background: #FFFFFF;
    padding: 1.4% 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .main1 {
        padding: 2.5% 0 0.2%
    }
}
.main2 {
    background: #fff;
    padding: 2% 0
}
.main2 .Slot_5 h3 span.darkBG {
    background: #eee;
    color: #023b70
}
.main2.dark {
    background: #272727
}
.main2.dark .Slot_5 h3 span {
    background: #272727
}
.main2.medium {
    background: #313131
}
.main2.medium .Slot_5 h3 span {
    background: #313131
}
.main2.lighten {
    background: #f3f3f3
}
.main2.lighten .Slot_5 h3 span.lightBG {
    background: #f3f3f3;
    color: #023b70
}
.main2.darken {
    background: #e4e4e4
}
.main2.darken .Slot_5 h3 span.darkBG {
    background: #e4e4e4;
    color: #023b70
}
.main3 {
    background: #ffffff;
    padding: 15px 0 26px
}
.main3.tempDisplayNone {
    display: none
}
.main3.darkBG {
	background-color: #d7eaf8;
    background-position: 0px 0px;
	background-size: cover;
    background-repeat: no-repeat;
    border-top: 4px solid #d5d5d5
}
.main3.darkBG span.darkBG {
	color: #FFFFFF;
    background: #1c4864;
}
.main3.darken {
    background: #dbdbdb
}
.main3.darken .Slot_5 h3 span.darkBG {
    background: #dbdbdb;
    color: #023b70
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .main3 {
        padding: 15px 0 0.5%
    }
    .main3 .mainTop {
        width: 90.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .main3 .mainTop {
        width: 90%
    }
}
.main4 {
    background: #fff;
    padding: 15px 0 26px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .main4 {
        padding: 15px 0 0.5%
    }
    .main4 .mainTop {
        width: 90.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .main4 .mainTop {
        width: 90%
    }
}
.main4.darken {
    background: #cfcfcf
}
.main4.darken .Slot_5 h3 span.darkBG {
    background: #cfcfcf;
    color: #023b70
}
.constrain {
    max-width: 1080px
}
.constrain.services {
    max-width: 1080px;
    padding-bottom: 1.5%;
    width: 94%
}
.constrain.services1 {
    max-width: 1080px
}
.mainTop {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .mainTop {
        width: 100%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mainTop {
        width: 90%
    }
}
.mainTop.services {
    padding-bottom: 60px
}
.mainTop.sectors {
    max-width: 1570px !important
}
footer {
    background: #363636;
    width: 100%;
    float: left;
    height: auto
}
footer .footerTop {
    width: 100%
}
footer .footerTop .constrained {
    width: 97%;
    max-width: 1080px;
    margin: 0 auto
}
footer .footerTop .constrained ul {
    color: #fff;
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin: 0px 0px 8px
}
footer .footerTop .constrained ul li {
    width: 16.5%;
    float: left;
    padding: 0px 0px 0px 1.3%
}
footer .footerTop .constrained ul li:first-child {
    padding: 0px
}
footer .footerTop .constrained ul li:last-child {
    width: 11%
}
footer .footerTop .constrained ul li h3 {
    color: #4485c8;
    margin: 18px 0 0;
    font-size: 16px
}
footer .footerTop .constrained ul li ul li {
    display: block;
    width: 100%
}
footer .footerTop .constrained ul li ul li:last-child {
    width: inherit
}
footer .footerTop .constrained ul li ul li a {
    font-size: 12px;
    line-height: 15px;
    display: block;
    padding: 0px 0px 5px
}
footer .footerTop .constrained ul li ul li a:hover {
    text-decoration: underline
}
footer .footerTop .constrained ul li ul li a h4 {
    color: #7fabda;
    margin: 9px 0px 0px;
    font-size: 13px
}
footer .footerTop .constrained ul li ul li a h4:hover {
    text-decoration: underline
}
footer .footerBottom {
    width: 100%;
    min-height: 187px;
    background: #272727;
    overflow: hidden;
    border-top: 4px solid #5d5d5d
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    footer .footerBottom {
        min-height: 69px !important
    }
}
footer .footerBottom .constrained {
    width: 97%;
    max-width: 1080px;
    margin: 0 auto;
    height: 106.5px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    footer .footerBottom .constrained {
        display: inline
    }
}
footer .footerBottom .constrained .socialMedia {
    margin-top: 25px;
    float: right;
    width: 220px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    footer .footerBottom .constrained .socialMedia {
        float: none;
        clear: both;
        margin: 32px auto 20px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    footer .footerBottom .constrained .socialMedia {
        margin: 16px auto 9px
    }
}
footer .footerBottom .constrained .socialMedia img {
    margin-left: 10px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    footer .footerBottom .constrained .socialMedia .socialFirst {
        margin-left: 2%
    }
}
footer .footerBottom .constrained .affiliates {
    width: 635px;
    margin-top: 24px;
    float: left
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    footer .footerBottom .constrained .affiliates {
        float: none;
        margin: 20px auto 24px;
        width: 374px;
        overflow: hidden
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    footer .footerBottom .constrained .affiliates {
        display: none
    }
}
footer .footerBottom .constrained .affiliates a {
    float: left;
    height: 63px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    footer .footerBottom .constrained .affiliates a.centerFix {
        margin-left: 51px
    }
    footer .footerBottom .constrained .affiliates a.centerFix2 {
        margin-left: 25px
    }
}
footer .footerBottom .constrained .affiliates img {
    margin-right: 10px
}
footer .footerBottom .constrained .affiliates img.last {
    margin: 0
}
footer .footerBottom .copyright {
    color: #fff;
    background: #1a1a1a;
    font-size: 11px;
    clear: both;
    width: 100%;
    padding: 15px 0px 13px;
    margin: 0;
    text-align: center;
    height: auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    footer .footerBottom .copyright {
        padding: 15px 6% 8px;
        width: 88%;
        margin: 0 auto
    }
}
#carouselHeader {
    width: 100%;
    background: #3d3d3d;
    margin: 0;
    text-align: center;
    color: #FFFFFF;
    padding: 8px 0;
    border-bottom: 3px solid #7D96A6
}
#carouselHeader.galleryHeading {
    margin: 0 0 17px
}
#owl-demo.Spotlighted .item {
    position: relative
}
#owl-demo.Spotlighted .item div {
    width: 33.33333333333333%;
    padding: 2%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 400px
}
#owl-demo.Spotlighted .item div h2 {
    display: block;
    width: 100%;
    font-weight: bold;
    text-transform: none;
    position: static;
    font-size: 1.6em;
    text-align: left;
    padding: 0;
    margin: 0 0 9px -1px;
    color: #1C4864
}
#owl-demo.Spotlighted .item div h3 {
    display: block;
    width: 100%;
    font-weight: bold;
    font-size: 1.3em;
    text-transform: none;
    position: static;
    text-align: left;
    padding: 0;
    margin: 0 0 8px 0;
    color: #272727
}
#owl-demo.Spotlighted .item div p {
    color: #404040
}
#owl-demo.Spotlighted .item .deviceTitle {
    display: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #owl-demo.Spotlighted .item .deviceTitle {
        display: block;
        top: unset;
        bottom: 110px;
        width: 100%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        position: absolute
    }
    #owl-demo.Spotlighted .item .deviceTitle h2 {
        position: static;
        width: auto;
        text-align: center;
        top: unset;
        left: unset;
        padding: 1.6%;
        background: #8d9296;
        margin: 0 auto;
        display: table;
        float: none;
        border-radius: 8px;
        color: #FFFFFF
    }
}
#owl-demo.Spotlighted .item img {
    display: block;
    width: 100%;
    height: auto
}
#owl-demo.owl-carousel .owl-item .item img.spotLighted {
    width: auto;
    float: left
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #owl-demo.owl-carousel .owl-item .item img.spotLighted {
        width: 100%;
        float: none
    }
}
.fancybox:hover .fancyboxX4:hover {
    border-color: #5892ce !important;
    opacity: 0.8
}
.ticked {
    background-image: url(../images/icons/list_check.png);
    background-repeat: no-repeat;
    background-position: center
}
.image-link {
    cursor: url(../images/icons/zoom-in-Grey.png), auto
}
.popupGroup .image-link {
    cursor: url(../images/icons/zoom-in-White.png), auto
}
.popupGroup .image-link.fancybox.detailTum {
    cursor: url(../images/icons/zoom-in-Grey.png), auto
}
.popupGroup.grey .image-link {
    cursor: url(../images/icons/zoom-in-Grey.png), auto
}
#results {
    max-width: 1080px;
    display: block;
    clear: both;
    margin: 0 auto;
    width: 97%;
    overflow: hidden
}
.subRow {
    display: block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .subRow {
        overflow: hidden
    }
}
.subRow .Slot_10 {
    margin-right: 1.4% !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .subRow .Slot_10 {
        margin: 0px auto 5% !important
    }
}
.subRow .Slot_10.last {
    margin-right: 0 !important
}
.noMarginBottom {
    margin-bottom: 0 !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .slotRow h2.sectionHeader.mobileMarginBottom {
        margin-bottom: 5%
    }
}
.slotRow {
    float: left;
    width: 100%
}
.slotRow.HOME {
    float: none;
    width: 94%;
    margin: 0 auto 30px;
    max-width: 1570px;
    overflow: hidden
}
.slotRow.marginFix {
    margin-top: 40px;
    margin-bottom: -1.4%
}
.slotRow.fullWidhtAdjuster {
    margin: 2% 0 3% !important
}
.slotRow.centerFix {
    width: 96%;
    margin: 0 auto;
    float: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.centerTablet {
        width: 95% !important;
        float: none !important;
        margin: 0 auto !important
    }
    .slotRow.moblieSpaceFix {
        margin-bottom: 3%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage {
        width: 95% !important;
        overflow: hidden;
        margin: 0px auto 2.5%;
        float: none !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow.detailPage {
        width: 100% !important;
        margin: 0 auto 6%
    }
}
.slotRow.detailPage .onPageBanner .assemblyThree, .slotRow.detailPage .onPageBanner .assemblyThree2 {
    top: 34%
}
.slotRow.detailPage .onPageBanner .assemblyThreeEnd, .slotRow.detailPage .onPageBanner .assemblyThreeEnd2 {
    left: 290px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage .onPageBanner .assemblyThreeEnd, .slotRow.detailPage .onPageBanner .assemblyThreeEnd2 {
        display: none
    }
}
.slotRow.detailPage .onPageBanner .assemblyButton {
    top: 14%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage .onPageBanner .assemblyButton {
        float: none;
        position: absolute;
        top: auto;
        bottom: 6%;
        left: 50%;
        padding: 0.5% 84% 0.4% 0.7%
    }
}
.slotRow.detailPage .onPageBanner .assemblyButtonEnd {
    left: 208px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage .onPageBanner .assemblyButtonEnd {
        left: 1.5%
    }
}
.slotRow.detailPage .onPageBanner .screenShot {
    position: absolute;
    top: 50%;
    right: 51%;
    z-index: 200;
    transform: rotate(10deg);
    box-shadow: -1px 3px 26px #0e0e0e;
    width: 10%;
    min-width: 115px;
    height: auto;
    margin-top: -85px;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage .onPageBanner .screenShot {
        margin-top: -117px;
        right: 50%;
        min-width: 200px
    }
}
.slotRow.detailPage .onPageBanner h3 {
    width: 37%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.detailPage .onPageBanner h3 {
        width: 29%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow.detailPage .onPageBanner h3 {
        width: 47%;
        font-size: 1.2em;
        max-width: 340px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow {
        padding: 0
    }
    .slotRow.tabletMargin {
        margin: -1.4% auto 5.4% !important
    }
    .slotRow.ListPage {
        width: 95% !important;
        overflow: hidden;
        margin: 0px auto 2.5%;
        float: none !important
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-device-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-device-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-device-width: 500px), screen and (max-width: 900px) and (max-device-width: 500px), screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 500px), screen and (max-width: 900px) and (max-width: 500px) {
    .slotRow.ListPage {
        max-width: 329px;
        width: 100%;
        margin: 0 auto 6%
    }
}
.slotRow.addMarginBottom {
    margin-bottom: 1.4%
}

@media screen and (max-device-width: 820px), screen and (max-width: 820px) {
    .slotRow.addMarginBottom  {
        margin-bottom: 6%;
    }
}


.slotRow.tabletMartginBottom {
    /*margin-bottom: -1%*/
    margin-bottom:20px;
}

@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.tabletMartginBottom {
        margin-bottom: 3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow.tabletMartginBottom {
        margin-bottom: inherit
    }
}
.slotRow.homePage {
    max-width: 1567px;
    margin: 0 auto;
    float: none
}
@media screen and (max-device-width: 1024px){
    .slotRow.homePage {
    overflow: hidden;
    clear: both;
    /*float:right;*/
}
}
p.article span.paragraphSpace {
    display: none
}
span.paragraphSpace {
    line-height: 0.5em;
    display: block
}
.slotRow.NegMarginBottom {
    margin-bottom: -1.4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow.NegMarginBottom {
        margin-bottom: 1.4%
    }
}
.space {
    margin: 0 0 3%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tabletSpace {
        margin: 0 0 3%
    }
}
.biggerSpace {
    margin: 0 auto 4%
}
.biggerSpace_9 {
    margin: 0 0 2.6%
}
.spaceFix {
    margin-bottom: 1.6%
}
.space_9 {
    margin: 0 0 1.6%
}
.slotRow .textBox h1 {
    color: white;
    background: #272727;
    padding: 12px 0;
    border-bottom: 3px solid #3778bc;
    margin: 0 0 1.4%;
    display: block;
    text-align: center;
    font-size: 1.7em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow .textBox h1 {
        margin: 0 0 5%
    }
}
.Slot_1:last-child, .fullWidhtAdjuster .Slot_1:last-child, .Slot_2:last-child, .Slot_4:last-child, .Slot_7:last-child, .Slot_8:last-child, .Slot_9:last-child, .Slot_10:last-child, .Slot_14:last-child, .Slot_19:last-child {
    margin-right: 0px
}
.Slot_1 img, .Slot_2 img, .Slot_3 img, .Slot_4 img, .Slot_6 img, .Slot_7 img, .Slot_8 img, .Slot_9 img, .Slot_10 img, .Slot_11 img, .Slot_14 img, .Slot_15 img, .Slot_16 img, .Slot_19 img, .Slot_20 img {
    width: 100%;
    display: block
}
.slotRow-6 {
    float: right;
    width: 97%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-6 {
        width: 95%;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-6 {
        width: 100%
    }
}
.slotRow-5 {
    float: right;
    width: 97%
}
.slotRow-5.addMarginBottom {
    margin-bottom: 2.5%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-5 {
        width: 95%;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-5 {
        width: 100%
    }
}
.slotRow-5 .TitleBanner {
    width: 96.1%;
    text-align: center;
    padding: 1.2% 2%;
    margin: 0 auto;
    float: none;
    display: block;
    font-size: 1.8em;
    color: white;
    background: #1C4864;
    border-bottom: 3px solid #3778BC
}
.fullWidhtAdjuster .Slot_1 {
    width: 22.5%;
    margin-right: 3.333%
}
.Slot_1 {
    width: 23.95%;
    margin-right: 1.4%;
    float: left;
    position: relative;
    overflow: hidden
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1.maxWidth {
        max-width: 330px
    }
}
.Slot_1.x3 {
    width: 74.6%
}
.Slot_1.x3 h2 {
    padding: 0.5% 0%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.x3 h2 {
        width: 270%;
        margin-left: -85%;
        padding: 2.8% 0
    }
}
.Slot_1.x3 h2 img {
    margin: 0;
    width: 100%
}
.Slot_1.x3 img {
    margin-top: 6.4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.x3 img {
        width: 302%;
        margin-top: 20%
    }
}
.Slot_1.FatzerIcons img {
    margin-top: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.detailPage {
        width: 45.4%;
        margin: 0 1.5% 3.3% 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1.detailPage {
        width: 99.5%;
        clear: both;
        float: none;
        margin: 7% auto
    }
    .Slot_1.detailPage:nth-child(even) {
        margin: 7% auto !important
    }
    .Slot_1.detailPage.firstEle {
        margin-top: 1%
    }
}
.Slot_1.insideSlot_6 {
    width: 48%;
    margin: 0 0 4% 4%;
    float: left
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.insideSlot_6 {
        width: 45.4%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1.insideSlot_6 {
        width: 99.5%;
        float: none;
        margin: 7% auto !important
    }
}
.Slot_1.insideSlot_6.firstSlot {
    margin-left: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.insideSlot_6.firstSlot {
        margin-left: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1.insideSlot_6.firstSlot {
        margin-top: 0px !important
    }
}
.Slot_1.insideSlot_6 h2 {
    padding: 2% !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1.insideSlot_6 h2 {
        margin-top: 0 !important
    }
}
.Slot_1.insideSlot_6 h2 img {
    margin-top: 0
}
.Slot_1.insideSlot_6 img {
    border: none !important;
    margin-top: 12.5%
}
.Slot_1 a {
    border-bottom: 2px solid #656668;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    position: relative
}
.Slot_1 a:hover.redF {
    border-bottom: 2px solid #D54451
}
.Slot_1 a:hover.blueF {
    border-bottom: 2px solid #387de0
}
.Slot_1 a:hover.greenF {
    border-bottom: 2px solid #40c86d
}
.Slot_1 a:hover.purpleF {
    border-bottom: 2px solid #a229b6
}
.Slot_1 a:hover.orangeF {
    border-bottom: 2px solid #ff953c
}
.Slot_1 a:hover.aquaF {
    border-bottom: 2px solid #1eb9f9
}
.Slot_1 h2 {
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 5.5% 0px 4%;
    color: #ffffff;
    text-align: center;
    background: #1C4864;
    border-bottom: 2px solid #3778BC;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    z-index: 800;
    top: 0px;
    left: 0px
}
.Slot_1 h2 img {
    margin: 0
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 h2 {
        font-size: 23px
    }
}
.Slot_1 img {
    margin-top: 20%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 img {
        margin-top: 18%
    }
}
.Slot_1 img.dobbleLine {
    margin-top: 30%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 img.dobbleLine {
        margin-top: 28%
    }
}
.Slot_1.x3 .caption {
    bottom: -29%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.x3 .caption {
        bottom: -17%
    }
}
.Slot_1.x3 a:hover > .caption .captionInner {
    bottom: 7%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1.x3 a:hover > .caption .captionInner {
        bottom: 1%
    }
}
.Slot_1 .caption {
    position: absolute;
    z-index: 700;
    bottom: -9%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    color: #fff;
    -webkit-transition: height 1s;
    transition: height 1s
}
.Slot_1 .caption .captionInner {
    height: 0%;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
.Slot_1 .caption .captionInner p {
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 50%;
    color: #FFFFFF;
    display: block;
    transform: translate(0, -50%);
    width: 100%;
    line-height: 1.06em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 .caption .captionInner p {
        font-size: 14px
    }
}
.Slot_1 .caption .captionInner p br {
    margin-bottom: 5px
}
.Slot_1 .capSlot9 {
    bottom: -12%
}
.Slot_1 a:hover > .caption .captionInner {
    bottom: -6%
}
.Slot_1 a:hover > .caption, .Slot_1 .captionInner {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 a:hover > .caption, .Slot_1 .captionInner {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 a:hover > .caption, .Slot_1 .captionInner {
        height: 87.5%
    }
}
.Slot_1 a:hover > .caption.dobbleLiner {
    height: 75% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 {
        width: 48.7%;
        margin-right: 2.5%;
        margin-bottom: 2.5%
    }
    .Slot_1:nth-child(even) {
        margin-right: 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 {
        width: 100%;
        margin: 0px 0px 5%
    }
}
.Slot_1 .caption.ctaWraper {
    position: absolute;
    z-index: 700;
    bottom: -9%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-out, background 0.5s ease-in;
    transition: height 1s ease-out, background 0.5s ease-in
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 .caption.ctaWraper {
        background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
        height: 78% !important
    }
    .Slot_1 .caption.ctaWraper.deviceOp {
        background: rgba(225, 225, 225, 0.3) none repeat scroll 0% 0%
    }
}
.Slot_1 .caption.ctaWraper .captionInnerCTA {
    height: auto !important;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 .caption.ctaWraper .captionInnerCTA {
        bottom: -42%;
        transform: translate(0, -48%)
    }
}
.Slot_1 .caption.ctaWraper .captionInnerCTA h3 {
    max-width: 120px;
    color: #fff;
    width: 100%;
    margin: 0 auto;
    border-radius: 6px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 .caption.ctaWraper .captionInnerCTA h3 {
        width: auto;
        background: #787878;
        padding: 3%;
        max-width: none
    }
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p, .Slot_1 .caption.ctaWraper .captionInnerCTA span {
    margin: 0;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    width: 100%
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta {
    width: 117px;
    height: 26px;
    padding: 6px 34px 4px 0px;
    margin: 15px auto 0;
    line-height: 24px;
    font-weight: bold;
    font-size: 1em;
    border-radius: 6px
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.red, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.red {
    background: #00d57c url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto;
    width: 117px;
    transition: all 0.2s ease-in
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.red:hover, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.red:hover {
    background: #75e8b8 url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.red.view, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.red.view {
    background: #00d57c url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.red.view:hover, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.red.view:hover {
    background: #75e8b8 url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.blue, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.blue {
    background: #7D96A6 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto;
    transition: all 0.2s ease-in
}
.Slot_1 .caption.ctaWraper .captionInnerCTA p.cta.blue:hover, .Slot_1 .caption.ctaWraper .captionInnerCTA span.cta.blue:hover {
    background: #8ca2b0 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 .caption.ctaWraper .captionInnerCTA p, .Slot_1 .caption.ctaWraper .captionInnerCTA span {
        font-size: 14px
    }
}
@media screen and (max-device-width: 649px), screen and (max-width: 649px) {
    .Slot_1 .caption.ctaWraper .captionInnerCTA p, .Slot_1 .caption.ctaWraper .captionInnerCTA span {
        font-size: 12px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 .caption.ctaWraper .captionInnerCTA p, .Slot_1 .caption.ctaWraper .captionInnerCTA span {
        font-size: 15px
    }
}
.Slot_1 a:hover > .caption.ctaWraper .captionInnerCTA {
    bottom: -42%;
    transform: translate(0, -48%)
}
.Slot_1 a:hover > .caption.ctaWraper, .Slot_1 .captionInnerCTA {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_1 a:hover > .caption.ctaWraper, .Slot_1 .captionInnerCTA {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_1 a:hover > .caption.ctaWraper, .Slot_1 .captionInnerCTA {
        height: 87.5%
    }
}
.Slot_1 a:hover > .caption.biger {
    height: 78% !important
}
.Slot_1 a:hover > .caption.biger.ctaWraper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-in-out, background 1s ease-in-out;
    transition: height 1s ease-in-out, background 1s ease-in-out
}
.Slot_1 a:hover > .caption.dobbleLiner.ctaWraper {
    height: 75% !important
}
.Slot_2 {
    width:100%;
    margin-right: 1.4%;
    float: left;
    position: relative;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 {
        width: 100%;
        margin-bottom: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 {
        margin-bottom: 5%;
        overflow: hidden
    }
}
.Slot_2.last {
    margin-right: 0
}
.Slot_2 h2 {
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 2.1% 0px;
    color: #ffffff;
    text-align: center;
    background: #1C4864;
    border-bottom: 2px solid #3778BC;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    z-index: 800;
    top: 0px;
    left: 0px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 h2 {
        font-size: 23px;
        padding: 4% 0px
    }
}
.Slot_2 h2 img {
    width: 49.6%;
    margin: 0px auto
}
.Slot_2 h2 img.recommended {
    width: 70%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 h2 img {
        width: 100%
    }
}
.Slot_2 img {
    margin-top: 9.4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 img {
        margin-top: 9.3%
    }
    .Slot_2 img.ntSlot9 {
        margin-top: 9.3%;
        width: 151.2%;
        margin-left: -27%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 img {
        width: 206.2%;
        margin-left: -55%;
        margin-top: 18.01%
    }
}
.Slot_2 img.dobbleLine {
    margin-top: 14%
}
.Slot_2 .caption {
    position: absolute;
    z-index: 700;
    bottom: -19%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    color: #fff;
    -webkit-transition: height 1s;
    transition: height 1s
}
.Slot_2 .caption .captionInner {
    height: 0%;
    position: relative;
    bottom: -110px;
    -webkit-transition: all 1s;
    transition: all 1s
}
.Slot_2 .caption .captionInner p {
    color: #FFFFFF;
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%);
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 .caption .captionInner p {
        font-size: 14px
    }
}
.Slot_2 a:hover > .caption .captionInner {
    bottom: 0%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 a:hover > .caption .captionInner {
        bottom: 5.5%
    }
}
.Slot_2 a:hover > .caption, .Slot_2 .captionInner {
    height: 94% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 a:hover > .caption, .Slot_2 .captionInner {
        height: 96.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 a:hover > .caption, .Slot_2 .captionInner {
        height: 96.3%
    }
}
.Slot_2 .caption.ctaWraper {
    position: absolute;
    z-index: 700;
    bottom: -15%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-out, background 0.5s ease-in;
    transition: height 1s ease-out, background 0.5s ease-in
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 .caption.ctaWraper {
        background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
        height: 88% !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 .caption.ctaWraper {
        height: 97% !important
    }
}
.Slot_2 .caption.ctaWraper .captionInnerCTA {
    height: auto !important;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 .caption.ctaWraper .captionInnerCTA {
        bottom: -42%;
        transform: translate(0, -48%)
    }
}
.Slot_2 .caption.ctaWraper .captionInnerCTA h3 {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    border-radius: 6px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 .caption.ctaWraper .captionInnerCTA h3 {
        width: auto;
        background: #787878;
        padding: 3%
    }
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p, .Slot_2 .caption.ctaWraper .captionInnerCTA span {
    margin: 0;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    width: 100%
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta {
    width: 117px;
    height: 26px;
    padding: 6px 34px 4px 0px;
    margin: 15px auto 0;
    line-height: 24px;
    font-weight: bold;
    font-size: 1em;
    border-radius: 6px
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.red, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.red {
    background: #00d57c url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto;
    width: 117px;
    transition: all 0.2s ease-in
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.red:hover, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.red:hover {
    background: #75e8b8 url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.red.view, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.red.view {
    background: #00d57c url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.red.view:hover, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.red.view:hover {
    background: #75e8b8 url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.blue, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.blue {
    background: #7D96A6 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto;
    transition: all 0.2s ease-in
}
.Slot_2 .caption.ctaWraper .captionInnerCTA p.cta.blue:hover, .Slot_2 .caption.ctaWraper .captionInnerCTA span.cta.blue:hover {
    background: #8ca2b0 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 .caption.ctaWraper .captionInnerCTA p, .Slot_2 .caption.ctaWraper .captionInnerCTA span {
        font-size: 14px
    }
}
@media screen and (max-device-width: 649px), screen and (max-width: 649px) {
    .Slot_2 .caption.ctaWraper .captionInnerCTA p, .Slot_2 .caption.ctaWraper .captionInnerCTA span {
        font-size: 12px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 .caption.ctaWraper .captionInnerCTA p, .Slot_2 .caption.ctaWraper .captionInnerCTA span {
        font-size: 15px
    }
}
.Slot_2 a:hover > .caption.ctaWraper .captionInnerCTA {
    bottom: -42%;
    transform: translate(0, -48%)
}
.Slot_2 a:hover > .caption.ctaWraper, .Slot_2 .captionInnerCTA {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_2 a:hover > .caption.ctaWraper, .Slot_2 .captionInnerCTA {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 a:hover > .caption.ctaWraper, .Slot_2 .captionInnerCTA {
        height: 87.5%
    }
}
.Slot_2 a:hover > .caption.biger.ctaWraper {
    height: 88% !important
}
.Slot_2 a:hover > .caption.biger.ctaWraper.ctaWraper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-in-out, background 1s ease-in-out;
    transition: height 1s ease-in-out, background 1s ease-in-out
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_2 a:hover > .caption.biger.ctaWraper {
        height: 97% !important
    }
}
.Slot_2 a:hover > .caption.dobbleLiner.ctaWraper {
    height: 75% !important
}
.Slot_3 {
    position: relative;
    width: 100%
}
.Slot_3.borderBottom {
    border-bottom: 4px solid #3778BC
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 {
        margin-bottom: 2.5%
    }
}
.Slot_3 .rounded {
    border-radius: 12px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 .rounded {
        border-radius: 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 img.deviceZoom {
        width: 210%;
        margin-left: -50%
    }
    .Slot_3 img.deviceZoom.Bespoke {
        width: 154%
    }
    .Slot_3 img.deviceZoom.home {
        width: 180%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 img#pestControl {
        margin: -6% 0 -3% -94%
    }
    .Slot_3 img.deviceZoom.Bespoke {
        width: 180%;
        margin-left: -217px
    }
    .Slot_3 img.deviceZoom.swimming {
        width: 350%;
        margin-left: -420px
    }
    .Slot_3 img.deviceZoom.home {
        width: 400%;
        margin-left: -140%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 .deviceZoomSectors {
        width: 210%;
        margin-left: -50%
    }
    .Slot_3 .deviceZoomSectors.aero {
        margin-left: -85%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 .deviceZoomSectors {
        width: 350%
    }
    .Slot_3 .deviceZoomSectors.aero {
        margin-left: -142%
    }
    .Slot_3 .deviceZoomSectors.structural {
        margin-left: -109%
    }
    .Slot_3 .deviceZoomSectors.leisure {
        margin-left: -120%
    }
    .Slot_3 .deviceZoomSectors.materialHandling {
        margin-left: -110%
    }
    .Slot_3 .deviceZoomSectors.mining {
        margin-left: -179%
    }
    .Slot_3 .deviceZoomSectors.ppe {
        margin-left: -124%
    }
}
.Slot_3 .viewDetails {
    background: url(../images/content-slots/Slot-3/viewDetails.JPG) no-repeat 0% 0%;
    background-size: 100%;
    height: auto;
    width: 21.5%;
    padding: 2.6% 0px;
    margin: 0px;
    position: absolute;
    z-index: 600;
    bottom: 15%;
    left: 6.5%
}
.Slot_3 a:hover > .viewDetails {
    background: url(../images/content-slots/Slot-3/viewDetailsHover.JPG) no-repeat 0% 0%;
    background-size: 100%
}
.Slot_3 div#heroTextRap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url(../images/grid-1.png) !important
}
.Slot_3 div#heroTextRap div#heroTextBox {
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center
}
.Slot_3 div#heroTextRap h1.hero {
    display: block;
    color: white;
    font-size: 4em;
    text-transform: uppercase;
    text-shadow: 2px 2px 11px black;
    font-family: 'Oswald', sans-serif
}
@media screen and (max-device-width: 1450px), screen and (max-width: 1450px) {
    .Slot_3 div#heroTextRap h1.hero {
        font-size: 3em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 div#heroTextRap h1.hero {
        font-size: 2.5em !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 div#heroTextRap h1.hero {
        font-size: 2em !important
    }
}
.Slot_3 div#heroTextRap h2.hero {
    display: block;
    color: white;
    font-size: 1.7em;
    font-weight: normal;
    text-shadow: 2px 2px 11px black;
    max-width: 650px;
    margin: 0 auto
}
@media screen and (max-device-width: 1450px), screen and (max-width: 1450px) {
    .Slot_3 div#heroTextRap h2.hero {
        font-size: 1em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 div#heroTextRap h2.hero {
        display: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 div#heroTextRap h2.hero {
        display: none
    }
}
.Slot_3 h1.overlay {
    opacity: 1;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 2.8%;
    z-index: 999
}
.Slot_3 h1.overlay.constrain {
    opacity: 1;
    position: absolute;
    z-index: 999;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    color: #FFFFFF;
    width: 100%;
    font-size: 3.4em;
    letter-spacing: 0.8em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-left: 0.3em;
    max-width: 1126px
}
.Slot_3 h1.overlay.constrain.sector {
    margin-left: 0;
    margin-bottom: 16px;
    font-size: 2.9em;
    letter-spacing: 0.1em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 h1.overlay.constrain.sector {
        font-size: 1.8em;
        letter-spacing: 0.1em;
        margin: 15px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 h1.overlay.constrain.sector {
        font-size: 1.6em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 h1.overlay.constrain {
        font-size: 2.4em;
        letter-spacing: 0.2em;
        margin: 10px 0px
    }
}
.Slot_3 .textBox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    padding: 17.3px 2%;
    background: #171717;
    opacity: 0.7;
    text-align: center
}
.Slot_3 .textBox.taller {
    padding: 27px 2%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_3 .textBox.taller {
        padding: 16px 2%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_3 .textBox.taller.twoLines {
        height: 60px
    }
}
.mobile-show-fix {
    display: none !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mobile-show-fix {
        display: block !important
    }
}
.mobile-show {
    display: none
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .mobile-show {
        display: block;
        width: 84.5%;
        background: #113559;
        border-bottom: 3px solid #3778BC;
        text-align: center;
        padding: 0 3%;
        margin: 4.4% auto 4%;
        float: none
    }
    .mobile-show.transparent {
        background: transparent;
        border: none;
        padding: 0;
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }
    .mobile-show h1 {
        color: #fff;
        font-size: 27.3pt;
        text-transform: uppercase;
        margin: 25px 0 0;
        padding: 0 2%
    }
    .mobile-show h1.smallerText {
        font-size: 22pt !important;
        padding: 0
    }
    .mobile-show h2 {
        color: #fff;
        font-size: 12pt;
        width: 100%;
        margin: 13px 0px 25px;
        line-height: 1.9rem
    }
    .mobile-show h2 span {
        display: inline-block;
        font-size: 12pt
    }
}
.tablet-show {
    display: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tablet-show {
        display: block;
        width: 84.5%;
        background: #113559;
        border-bottom: 3px solid #3778BC;
        text-align: center;
        padding: 0 3%;
        margin: 1.4% auto 4%;
        float: none
    }
    .tablet-show.override {
        width: 89.5%;
        margin: 3% auto 3%;
        border-radius: 12px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-device-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-device-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-device-width: 500px), screen and (max-width: 900px) and (max-device-width: 500px), screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 500px), screen and (max-width: 900px) and (max-width: 500px) {
    .tablet-show.override {
        width: 83.5%;
        margin: 3% auto 7%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tablet-show h1 {
        color: #fff;
        font-size: 34.5pt;
        text-transform: uppercase;
        margin: 25px 0 0
    }
    .tablet-show h2 {
        color: #fff;
        font-size: 12pt;
        width: 100%;
        margin: 13px 0px 25px;
        line-height: 1.9rem
    }
    .tablet-show h2 span {
        display: inline-block;
        font-size: 16pt;
        font-weight: initial;
        max-width: 540px;
        padding: 0 2%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .tablet-show .tabletHeader {
        margin: 25px 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .tablet-show {
        margin-bottom: 5%
    }
    .tablet-show h1 {
        font-size: 27pt;
        margin: 25px 0
    }
    .tablet-show h2 {
        display: none
    }
}
.Slot_4 {
    width: 23.95%;
    margin-right: 1.4%;
    float: left;
    position: relative;
    height: 121px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_4 {
        width: 48.7%;
        margin-right: 2.5%;
        margin-bottom: 2.5%
    }
    .Slot_4:nth-child(even) {
        margin-right: 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_4 {
        width: 100%;
        max-width: 330px;
        margin: 0 auto 5%;
        float: none
    }
    .Slot_4:nth-child(even) {
        margin: 0 auto 5%
    }
    .Slot_4:last-child {
        margin-bottom: 8%
    }
}
.Slot_4 h3 {
    position: absolute;
    color: #fff;
    background: url(../images/content-slots/Slot-4/Ribon.png) repeat-x;
    padding: 9px 10px 10px 12px;
    margin: 0;
    font-size: 0.95rem;
    bottom: 8%
}
.Slot_4 h3 span {
    background: url(../images/content-slots/Slot-4/ribonEnd.png) no-repeat;
    height: 77px;
    width: 29px;
    position: absolute;
    top: 0px;
    right: -29px
}
.Slot_4 img {
    
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_4 img {
        margin-top: -9%
    }
}
.services .Slot_5.sectionHeader {
    margin: 3% 0 2%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .services .Slot_5.sectionHeader {
        margin: 4% 0 0%
    }
}
main.PLP .textBox div.Slot_5.lighter {
    margin: 0;
    padding-bottom: 8px
}
.Slot_5 {
    width: 100%;
    margin-bottom: 2.5%;
    display: inline-block;
    position: relative
}
@media screen and (max-device-width: 700px), screen and (max-width: 700px) {
    .Slot_5 {
        margin-bottom: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 {
        margin-bottom: 5%
    }
}
.Slot_5.homePage {
    width: 100%;
    display: block;
    position: relative;
    max-width: 1567px;
    margin: 0 auto
}
.Slot_5.homePage h3 {
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #2168af;
    padding: 0px 0px 20px;
    margin: 6px 0px 0px 0px;
    max-width: 1777px;
    width: 112%;
    left: -6%
}
.Slot_5.sectionHeader {
    margin: 21px 0 6px
}
.Slot_5.sectionHeader.services {
    margin: 4px 0 18px
}
.Slot_5.sectionHeader h3 {
    font-size: 1.5em;
    color: #fff
}
.Slot_5.sectionHeader h3 span.main1BG {
    background: #333
}
.Slot_5.sectionHeader h3 span.main1Darker {
    background: #272727
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5.sectionHeader.mobileHide {
        display: none
    }
    .Slot_5.sectionHeader.mobileShow {
        display: block
    }
}
.Slot_5 h3 {
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #3281b4;
    padding: 0px 0px 20px;
    margin: 6px 0px 0px 0px
}
@media screen and (max-device-width: 700px), screen and (max-width: 700px) {
    .Slot_5 h3 {
        font-size: 1.3rem;
        margin-top: 10px
    }
}
@media screen and (max-device-width: 530px), screen and (max-width: 530px) {
    .Slot_5 h3 {
        margin-top: 0px
    }
}
.Slot_5 h3:before {
    content: '';
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #3778BC;
    display: block;
    position: absolute;
    width: 98%;
    left: 1%;
    top: 28%
}
@media screen and (max-device-width: 700px), screen and (max-width: 700px) {
    .Slot_5 h3:before {
        top: 25%
    }
}
@media screen and (max-device-width: 530px), screen and (max-width: 530px) {
    .Slot_5 h3:before {
        top: 35%
    }
}
.Slot_5 h3 span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 0.8em;
    background-color: #ffffff
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_5 h3 span.servicesFont {
        font-size: 0.68em
    }
}
@media screen and (max-device-width: 530px), screen and (max-width: 530px) {
    .Slot_5 h3 span.servicesFont {
        font-weight: bold;
        max-width: 161px
    }
}
@media screen and (max-device-width: 530px), screen and (max-width: 530px) {
    .Slot_5 h3 span {
        font-size: 18px;
        margin: 7px auto 0
    }
    .Slot_5 h3 span.servicesFont {
        font-size: 0.68em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 h3 span {
        font-weight: 900;
        max-width: 270px;
        font-size: 1.35rem
    }
    .Slot_5 h3 span.bespoke {
        font-size: 1.2rem;
        font-weight: bold
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 .noPadding {
        padding: 0
    }
}
.Slot_5 div {
    width: 32.32%;
    float: left;
    padding: 1.5% 0 2%;
    margin: 0 1.5% 0 0
}
.Slot_5 div:nth-child(2) {
    background: #316ba8
}
.Slot_5 div:nth-child(3) {
    background: #295a8d
}
.Slot_5 div:nth-child(4) {
    background: #214871
}
.Slot_5 div:last-child {
    margin: 0 auto
}
@media screen and (max-device-width: 720px), screen and (max-width: 720px) {
    .Slot_5 div:last-child {
        margin: 0 auto 1.2%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div:last-child {
        margin: 0 auto 3.5%
    }
}
@media screen and (max-device-width: 720px), screen and (max-width: 720px) {
    .Slot_5 div {
        width: 100%;
        height: 116px;
        margin: 0 auto 2.5%;
        float: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div {
        width: 100%;
        max-width: 330px;
        height: auto;
        padding: 8% 0;
        /*min-height: 147px;*/
        margin-bottom: 5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div a {
        display: block;
        padding: 8% 0
    }
}
.Slot_5 div h4 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    display: block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_5 div h4 {
        font-size: 13px
    }
}
@media screen and (max-device-width: 720px), screen and (max-width: 720px) {
    .Slot_5 div h4 {
        float: right;
        margin: 35px 9% 0 0;
        display: inline-block;
        font-size: 18px;
        width: 254px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div h4 {
        float: none;
        margin: 0 auto;
        display: block;
        font-size: 16px
    }
}
.Slot_5 div h4 a {
    color: #a7c5e5;
    padding: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_5 div h4 a {
        display: block
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div h4 a {
        display: inline
    }
}
.Slot_5 div img {
    display: block;
    margin: 5% auto 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_5 div img {
        width: 40%
    }
}
@media screen and (max-device-width: 720px), screen and (max-width: 720px) {
    .Slot_5 div img {
        float: left;
        margin: 16px 0 0 7%;
        width: 100px;
        height: auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_5 div img {
        float: none;
        margin: 5% auto 0
    }
}
#accordianDownload ul li.noBorder {
    border-bottom: none
}
.overflowH {
    overflow: hidden;
    padding: 4%
}
.overflowH.negMarginAcord {
    margin: 0 0 -3.3%
}
.craneImages {
    box-sizing: border-box;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100.1%;
    background-position: 0% 0%
}
.Slot_6.rel {
    position: relative
}
.Slot_6.rel img {
    visibility: hidden
}
.Slot_6.rel.craneImages {
    border: 2px solid #4c4d4e
}
.Slot_6.rel .applicationsNav {
    position: absolute;
    background: #333;
    width: 100%;
    height: 100%;
    border: 2px solid #111111;
    box-sizing: border-box
}
.Slot_6.rel .applicationsNav ul {
    color: #FFFFFF;
    list-style: none;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1em;
    display: block !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_6.rel .applicationsNav ul {
        font-size: 0.9em
    }
}
.Slot_6.rel .applicationsNav ul li {
    display: table;
    width: 100%;
    margin: 0;
    background: #272727 !important;
    border-bottom: 2px solid black !important;
    box-sizing: border-box;
    transition: all 0.25s ease-in-out;
    overflow: hidden
}
.Slot_6.rel .applicationsNav ul li:hover {
    background: #343434 !important;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li.two {
    height: 50%
}
.Slot_6.rel .applicationsNav ul li.three {
    height: 33.33333333333333%
}
.Slot_6.rel .applicationsNav ul li.four {
    height: 25%
}
.Slot_6.rel .applicationsNav ul li.five {
    height: 20%
}
.Slot_6.rel .applicationsNav ul li.lastOne {
    border-bottom: none !important
}
.Slot_6.rel .applicationsNav ul li a {
    height: 72%;
    vertical-align: middle;
    display: table-cell !important;
    padding: 3% 0 3% 4%;
    color: #FFFFFF !important;
    line-height: initial !important;
    transition: all 0.25s ease-in-out !important
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlue2 {
    border-left: 8px solid #D54451;
    padding: 3% 0
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlue2:before {
    content: " ";
    border-left: 8px solid #3668AF;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 20% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlue2:hover {
    border-left: 16px solid #e63343
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlue2:hover:before {
    content: " ";
    border-left: 16px solid #2565c0;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 20% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1 {
    border-left: 5px solid #D54451;
    padding: 3% 0
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1:before {
    content: " ";
    border-left: 5px solid #4DA269;
    height: 100%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1 span {
    border-left: 6px solid #3067b5;
    height: 100%;
    margin-right: 2%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1:hover {
    border-left: 11px solid #e63343
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1:hover:before {
    content: " ";
    border-left: 11px solid #3bb463;
    height: 100%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedBlueGreen1:hover span {
    border-left: 12px solid #2565c0;
    height: 100%;
    margin-right: 2%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedGreen1 {
    border-left: 8px solid #D54451;
    padding: 3% 0
}
.Slot_6.rel .applicationsNav ul li a.tbRedGreen1:before {
    content: " ";
    border-left: 8px solid #4DA269;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRedGreen1:hover {
    border-left: 16px solid #e63343
}
.Slot_6.rel .applicationsNav ul li a.tbRedGreen1:hover:before {
    content: " ";
    border-left: 16px solid #3bb463;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 13% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbRed {
    border-left: 16px solid #D54451
}
.Slot_6.rel .applicationsNav ul li a.tbRed:hover {
    border-left: 32px solid #e63343
}
.Slot_6.rel .applicationsNav ul li a.tbBlue {
    border-left: 16px solid #3668AF
}
.Slot_6.rel .applicationsNav ul li a.tbBlue:hover {
    border-left: 32px solid #2565c0
}
.Slot_6.rel .applicationsNav ul li a.tbGreen {
    border-left: 16px solid #4DA269
}
.Slot_6.rel .applicationsNav ul li a.tbGreen:hover {
    border-left: 32px solid #3bb463
}
.Slot_6.rel .applicationsNav ul li a.tbOrange {
    border-left: 16px solid #F08831
}
.Slot_6.rel .applicationsNav ul li a.tbOrange:hover {
    border-left: 32px solid #ff8722
}
.Slot_6.rel .applicationsNav ul li a.tbPurple {
    border-left: 16px solid #81388D
}
.Slot_6.rel .applicationsNav ul li a.tbPurple:hover {
    border-left: 32px solid #8c299c
}
.Slot_6.rel .applicationsNav ul li a.tbAqua {
    border-left: 16px solid #20A6DE
}
.Slot_6.rel .applicationsNav ul li a.tbAqua:hover {
    border-left: 32px solid #0daef1
}
.Slot_6.rel .applicationsNav ul li a.tbBlueAqua {
    border-left: 8px solid #3668AF;
    padding: 3% 0
}
.Slot_6.rel .applicationsNav ul li a.tbBlueAqua:before {
    content: " ";
    border-left: 8px solid #20A6DE;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 8% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel .applicationsNav ul li a.tbBlueAqua:hover {
    border-left: 16px solid #2565c0
}
.Slot_6.rel .applicationsNav ul li a.tbBlueAqua:hover:before {
    content: " ";
    border-left: 16px solid #0daef1;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 8% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_6.rel#towerCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneAll.jpg)
}
.Slot_6.rel#towerCraneImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneRed.jpg)
}
.Slot_6.rel#towerCraneImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneBlue.jpg)
}
.Slot_6.rel#towerCraneImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneGreen.jpg)
}
.Slot_8 {
    width: 49%;
    max-height: 255px;
    height: auto;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    position: relative;
    overflow: hidden
}
.Slot_8.lastOne {
    margin-right: 0
}
.Slot_8.detailPage {
    max-height: 355px
}
.Slot_8.detailPage a:hover > .caption {
    height: 68%
}
.Slot_8.detailPage h2 {
    padding: 11px 16px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_8 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 5.5%
    }
    .Slot_8.bespoke {
        margin-bottom: 2%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_8 {
        padding-top: 90px;
        margin-bottom: 0
    }
    .Slot_8.bespoke {
        margin-top: -20px
    }
}
.Slot_8 h2 {
    height: 77px;
    width: auto;
    margin: 0px;
    padding: 2% 3% 0% 3%;
    color: #ffffff;
    text-align: left;
    background: url(../images/content-slots/Slot-8/Ribon.png) repeat-x;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    z-index: 800;
    top: 25px;
    left: 0px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_8 h2 {
        width: 100%;
        padding: 2.7% 3% 0% 3% !important
    }
}
.Slot_8 font {
    font-size: 17px;
    display: inherit
}
.Slot_8 span {
    background: url(../images/content-slots/Slot-8/ribonEnd.png) no-repeat;
    height: 77px;
    width: 29px;
    position: absolute;
    top: 0px;
    right: -29px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_8 span {
        display: none
    }
}
.Slot_8 img {
    width: 100%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_8 img {
        position: relative
    }
}
.Slot_8 .caption {
    position: absolute;
    z-index: 700;
    bottom: -25%;
    left: 0px;
    width: 86%;
    height: 0%;
    padding: 4% 7%;
    text-align: center;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
    -webkit-transition: height 1s;
    transition: height 1s
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_8 .caption {
        bottom: -35%
    }
}
.Slot_8 .caption p {
    width: 100%;
    margin: 0px;
    line-height: 18px;
    color: #fff;
    text-align: left
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_8 .caption p {
        line-height: 17px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_8 .caption p {
        font-size: 0.84em;
        line-height: 19px
    }
}
.Slot_8 a:hover > .caption {
    height: 60%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_8 a:hover > .caption {
        height: 70%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_8 a:hover > .caption {
        height: 89%
    }
}
.Slot_9 {
    width: 32.35%;
    margin-right: 1.4%;
    margin-bottom: 1.4%;
    float: left;
    position: relative;
    overflow: hidden
}
.Slot_9 figure {
    margin: 0
}
@media screen and (max-device-width: 662px), screen and (max-width: 662px) {
    .Slot_9 figure img {
        margin-top: 13.9%
    }
}
.Slot_9 figure figcaption {
    border-left: 2px solid #656668;
    border-right: 2px solid #656668;
    border-bottom: 2px solid #656668;
    padding: 3%;
    background: #1b3550;
    color: #FFFFFF
}
.Slot_9 figure figcaption dl {
    margin: 0 !important
}
.Slot_9 figure figcaption dl dt {
    width: 60px !important;
    font-size: 1.1em !important;
    text-align: left !important;
    letter-spacing: 0.05em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 figure figcaption dl dt {
        width: 46px !important;
        letter-spacing: normal !important;
        font-size: 1em !important
    }
}
.Slot_9 figure figcaption dl dd {
    font-size: 1.1em !important;
    letter-spacing: 0.02em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 figure figcaption dl dd {
        letter-spacing: normal !important;
        font-size: 1em !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 figure figcaption dl dd {
        margin: 0 0 0 15px !important
    }
}
.Slot_9 figure figcaption dl dd:last-of-type {
    padding-bottom: 0 !important
}
.Slot_9 figure figcaption a.cta {
    width: 100%;
    margin-top: 3%;
    padding: 2%;
    color: #FFFFFF;
    font-size: 1.25em;
    text-align: center;
    letter-spacing: 0.07em;
    text-indent: 0.07em;
    border: none;
    font-weight: bold
}
.Slot_9 figure figcaption a.cta.red {
    background: #00d57c url("../images/downloads-icon.png") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: right 14px top 50%;
    background-size: 5% auto;
    transition: background-color 0.3s ease-in-out
}
.Slot_9 figure figcaption a.cta.red:hover {
    background: #75e8b8 url("../images/downloads-icon.png") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: right 14px top 50%;
    background-size: 5% auto
}
.Slot_9 figure figcaption a.cta.blue {
    background: #7D96A6 url("../images/downloads-icon.png") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: right 14px top 50%;
    background-size: 5% auto;
    transition: background-color 0.3s ease-in-out
}
.Slot_9 figure figcaption a.cta.blue:hover {
    background: #8ca2b0 url("../images/downloads-icon.png") no-repeat scroll;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: right 14px top 50%;
    background-size: 5% auto
}
@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
    .Slot_9.fig {
        width: 44.7%;
        margin: 2.65% 2.65% 1.65%
    }
    .Slot_9.fig:nth-child(3n+0) {
        margin-right: 2.65%
    }
    .Slot_9.fig:nth-child(4) {
        margin-right: 0
    }
}
@media screen and (max-device-width: 662px), screen and (max-width: 662px) {
    .Slot_9.fig {
        width: 100%;
        margin: 0px auto 5%;
        float: none
    }
    .Slot_9.fig:last-child {
        margin-right: auto
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9.ntSlot2 {
        width: 94.7%;
        margin-right: 0
    }
    .Slot_9.ntSlot2 img {
        margin-top: 10.6%
    }
    .Slot_9.ntSlot2 a h2 img {
        margin: 0 auto;
        width: 69%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 img.mobileWidth {
        width: 124%;
        margin-left: -12%
    }
    .Slot_9.ntSlot2 {
        margin: 0 auto 5%;
        width: 100%;
        max-width: 330px
    }
    .Slot_9.ntSlot2.last {
        margin-bottom: 1%
    }
    .Slot_9.ntSlot2 img {
        margin-top: 17.3%
    }
    .Slot_9.ntSlot2 a h2 img {
        margin: 0 0 0 -17%;
        width: 134%
    }
}
.Slot_9.homePage {
    width: 30.7%;
    margin-right: 3.9%;
    margin-bottom: 3.9%
}
.Slot_9:nth-child(3n+0) {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9:nth-child(3n+0) {
        margin-right: 2.65%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9:nth-child(3n+0) {
        margin: 0px auto 5%
    }
}
.Slot_9.reAddMargin {
    margin-right: 1.4%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9.reAddMargin {
        margin: 0px auto 5%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 {
        width: 44.7%;
        margin: 2.65% 2.65% 1.65%
    }
    .Slot_9:nth-child(4) {
        margin-right: 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-device-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-device-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-device-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-device-width: 500px), screen and (max-width: 900px) and (max-device-width: 500px), screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape) and (max-width: 500px), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait) and (max-width: 500px), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape) and (max-width: 500px), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait) and (max-width: 500px), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) and (max-width: 500px), screen and (max-width: 900px) and (max-width: 500px) {
    .Slot_9:nth-child(4) {
        margin: 0px auto 5%
    }
}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .Slot_9 {
        width: 100%;
        margin: 0px auto 5%;
        float: none
    }
    .Slot_9:last-child {
        margin-right: auto
    }
}
.Slot_9 a {
    border-bottom: 2px solid #656668;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    position: relative
}

.Slot_9 a:hover.redF {
    border-bottom: 2px solid #D54451
}
.Slot_9 a:hover.blueF {
    border-bottom: 2px solid #387de0
}
.Slot_9 a:hover.greenF {
    border-bottom: 2px solid #40c86d
}
.Slot_9 a:hover.purpleF {
    border-bottom: 2px solid #a229b6
}
.Slot_9 a:hover.orangeF {
    border-bottom: 2px solid #ff953c
}
.Slot_9 a:hover.aquaF {
    border-bottom: 2px solid #1eb9f9
}
.Slot_9 h2 {
    height: auto;
	min-height: 48px;
    width: 100%;
    margin: 0px;
    padding: 3% 0px 2%;
    color: #ffffff;
    text-align: center;
    background: #1C4864;
    border-bottom: 2px solid #3778BC;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    /*position: absolute;*/
    z-index: 800;
    /*top: 0px;*/
    /*left: 0px*/
}
.Slot_9 h2.headingFix {
    padding: 2.3% 0px 2%
}
.Slot_9 h2 img {
    margin: 0;
    height: auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 h2 {
        font-size: 23px
    }
}
.Slot_9.homePage h2 {
    padding: 2.1% 0 2.2%
}
.Slot_9.homePage h2 img {
    margin: 0
}
.Slot_9 img {
    margin-top: 14%;
}
.Slot_9.imgbox {
    overflow: hidden;
}
.Slot_9.imgbox img{
   transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.Slot_9.imgbox:hover img{
    transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.Slot_9 img.justImg {
    margin-top: 0
}
.Slot_9 img.dobbleLine {
    margin-top: 23.8%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 img.dobbleLine {
        margin-top: 23%
    }
}
.Slot_9.homePage img {
    margin-top: 11%
}
.Slot_9 .caption {
    position: absolute;
    z-index: 700;
    bottom: -13%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    color: #fff;
    -webkit-transition: height 1s;
    transition: height 1s
}
.Slot_9 .caption .captionInner {
    height: 0%;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
.Slot_9 .caption .captionInner p {
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 50%;
    color: #FFFFFF;
    display: block;
    transform: translate(0, -50%);
    width: 100%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 .caption .captionInner p {
        font-size: 14px
    }
}
@media screen and (max-device-width: 649px), screen and (max-width: 649px) {
    .Slot_9 .caption .captionInner p {
        font-size: 12px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 .caption .captionInner p {
        font-size: 15px
    }
}
.Slot_9 a:hover > .caption .captionInner {
    bottom: 0%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 a:hover > .caption .captionInner {
        bottom: -3%
    }
}
.Slot_9 a:hover > .caption, .Slot_9 .captionInner {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 a:hover > .caption, .Slot_9 .captionInner {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 a:hover > .caption, .Slot_9 .captionInner {
        height: 87.5%
    }
}
.Slot_9 a:hover > .caption.biger {
    height: 87% !important
}
.Slot_9 a:hover > .caption.dobbleLiner {
    height: 75% !important
}
.Slot_9 .caption.ctaWraper {
    position: absolute;
    z-index: 700;
    bottom: -13%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-out, background 0.5s ease-in;
    transition: height 1s ease-out, background 0.5s ease-in
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 .caption.ctaWraper {
        background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
        height: 87% !important
    }
}
.Slot_9 .caption.ctaWraper .captionInnerCTA {
    height: auto !important;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 .caption.ctaWraper .captionInnerCTA {
        bottom: -40%;
        transform: translate(0, -50%);
        padding: 5% 0
    }
}
.Slot_9 .caption.ctaWraper .captionInnerCTA h3 {
    color: #fff;
    width: 100%;
    margin: 0 auto;
    border-radius: 6px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 .caption.ctaWraper .captionInnerCTA h3 {
        width: auto;
        background: #787878;
        padding: 3%
    }
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p, .Slot_9 .caption.ctaWraper .captionInnerCTA span {
    margin: 0;
    font-size: 15px;
    color: #FFFFFF;
    display: block;
    width: 100%
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta {
    width: 117px;
    height: 26px;
    padding: 6px 34px 4px 0px;
    margin: 15px auto 0;
    line-height: 24px;
    font-weight: bold;
    font-size: 1em;
    border-radius: 6px
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.red, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.red {
    background: #00d57c url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto;
    width: 117px;
    transition: all 0.2s ease-in
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.red:hover, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.red:hover {
    background: #75e8b8 url("../images/icons/ContactEmalPhone.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.red.view, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.red.view {
    background: #00d57c url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.red.view:hover, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.red.view:hover {
    background: #75e8b8 url("../images/icons/viewRange.png") no-repeat scroll right 9px top 50%/18% auto
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.blue, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.blue {
    background: #7D96A6 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto;
    transition: all 0.2s ease-in
}
.Slot_9 .caption.ctaWraper .captionInnerCTA p.cta.blue:hover, .Slot_9 .caption.ctaWraper .captionInnerCTA span.cta.blue:hover {
    background: #8ca2b0 url("../images/downloads-icon.png") no-repeat scroll right 13px top 50%/11% auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 .caption.ctaWraper .captionInnerCTA p, .Slot_9 .caption.ctaWraper .captionInnerCTA span {
        font-size: 14px
    }
}
@media screen and (max-device-width: 649px), screen and (max-width: 649px) {
    .Slot_9 .caption.ctaWraper .captionInnerCTA p, .Slot_9 .caption.ctaWraper .captionInnerCTA span {
        font-size: 12px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 .caption.ctaWraper .captionInnerCTA p, .Slot_9 .caption.ctaWraper .captionInnerCTA span {
        font-size: 15px
    }
}
.Slot_9 a:hover > .caption.ctaWraper .captionInnerCTA {
    bottom: -40%;
    transform: translate(0, -50%)
}
.Slot_9 a:hover > .caption.ctaWraper, .Slot_9 .captionInnerCTA {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_9 a:hover > .caption.ctaWraper, .Slot_9 .captionInnerCTA {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_9 a:hover > .caption.ctaWraper, .Slot_9 .captionInnerCTA {
        height: 87.5%
    }
}
.Slot_9 a:hover > .caption.biger {
    height: 87% !important
}
.Slot_9 a:hover > .caption.biger.ctaWraper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
    -webkit-transition: height 1s ease-in-out, background 1s ease-in-out;
    transition: height 1s ease-in-out, background 1s ease-in-out
}
.Slot_9 a:hover > .caption.dobbleLiner.ctaWraper {
    height: 75% !important
}
#towerCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneAll.jpg)
}
#towerCraneImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneRed.jpg)
}
#towerCraneImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneBlue.jpg)
}
#towerCraneImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/TowerCrane/productImage-TowerCraneGreen.jpg)
}
#crawlerCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CrawlerCrane/productImage-CrawlerCraneAll.jpg)
}
#crawlerCraneImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CrawlerCrane/productImage-CrawlerCraneRed.jpg)
}
#crawlerCraneImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CrawlerCrane/productImage-CrawlerCraneGreen.jpg)
}
#allTerrainCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/All%20Terrain%20Crane/productImage-allTerrainCraneRed.jpg)
}
#allTerrainCraneImg.grey {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/All%20Terrain%20Crane/productImage-allTerrainCraneGrey.jpg)
}
#diaphragmWallGrabImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/DiaphragmWallGrab/productImage-DiaphragmWallGrabAll.jpg)
}
#diaphragmWallGrabImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/DiaphragmWallGrab/productImage-DiaphragmWallGrabBlue.jpg)
}
#diaphragmWallGrabImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/DiaphragmWallGrab/productImage-DiaphragmWallGrabGreen.jpg)
}
#cableDredgerOneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger1/productImage-CableDredger1All.jpg)
}
#cableDredgerOneImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger1/productImage-CableDredger1Red.jpg)
}
#cableDredgerOneImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger1/productImage-CableDredger1Blue.jpg)
}
#cableDredgerOneImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger1/productImage-CableDredger1Green.jpg)
}
#cableDredgerTwoImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger2/productImage-CableDredger2All.jpg)
}
#cableDredgerTwoImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger2/productImage-CableDredger2Blue.jpg)
}
#cableDredgerTwoImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger2/productImage-CableDredger2Green.jpg)
}
#cableDredgerTwoImg.grey {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/CableDredger2/productImage-CableDredger2Grey.jpg)
}
#slurryTrenchCutterImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Slurry%20Trench%20Cutter/productImage-SlurryTrenchCutterAll.jpg)
}
#slurryTrenchCutterImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Slurry%20Trench%20Cutter/productImage-SlurryTrenchCutterRed.jpg)
}
#slurryTrenchCutterImg.orange {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Slurry%20Trench%20Cutter/productImage-SlurryTrenchCutterOrange.jpg)
}
#slurryTrenchCutterImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Slurry%20Trench%20Cutter/productImage-SlurryTrenchCutterBlue.jpg)
}
#slurryTrenchCutterImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Slurry%20Trench%20Cutter/productImage-SlurryTrenchCutterGreen.jpg)
}
#rotaryDrillingRigImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Rotary%20Drilling%20Rig/productImage-RotaryDrillingRigAll.jpg)
}
#rotaryDrillingRigImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Rotary%20Drilling%20Rig/productImage-RotaryDrillingRigRed.jpg)
}
#rotaryDrillingRigImg.blueAqua {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Rotary%20Drilling%20Rig/productImage-RotaryDrillingRigBlueAqua.jpg)
}
#rotaryDrillingRigImg.aqua {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Rotary%20Drilling%20Rig/productImage-RotaryDrillingRigAqua.jpg)
}
#pileDriverImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Pile%20Driver/productImage-PileDriverAll.jpg)
}
#pileDriverImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Pile%20Driver/productImage-PileDriverRed.jpg)
}
#pileDriverImg.orange {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Pile%20Driver/productImage-PileDriverOrange.jpg)
}
#boredPileGrabImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Bored%20Pile%20Grab/productImage-BoredPileGrabAll.jpg)
}
#boredPileGrabImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Bored%20Pile%20Grab/productImage-BoredPileGrabRed.jpg)
}
#boredPileGrabImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Bored%20Pile%20Grab/productImage-BoredPileGrabBlue.jpg)
}
#boredPileGrabImg.green {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Bored%20Pile%20Grab/productImage-BoredPileGrabGreen.jpg)
}
#offshoreCranesImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Offshore%20Cranes/productImage-OffshoreCranesAll.jpg)
}
#offshoreCranesImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Offshore%20Cranes/productImage-OffshoreCranesRed.jpg)
}
#offshoreCranesImg.blue {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Offshore%20Cranes/productImage-OffshoreCranesBlue.jpg)
}
#drillingOperationsImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/DrillingOperations/productImage-DrillingOperationsAll.jpg)
}
#offshoreWinchesImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Offshore%20Winches/productImage-Offshore-WinchesAll.jpg)
}
#offshoreWinchesImg.grey {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Offshore%20Winches/productImage-Offshore-WinchesGrey.jpg)
}
#riserTensionersImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/MarineRiserTensioners/productImage-Marine-Riser-TensionersAll.jpg)
}
#ShipToShoreCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/ShipToShore%20Crane/productImage-ShipToShoreCraneAll.jpg)
}
#ShipToShoreCraneImg.red {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/ShipToShore%20Crane/productImage-ShipToShoreCraneRed.jpg)
}
#ShipToShoreCraneImg.redGreen {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/ShipToShore%20Crane/productImage-ShipToShoreCraneRedGreen.jpg)
}
#harbourMobileCraneImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/HarbourMobileCrane/productImage-HarbourMobileCraneAll.jpg)
}
#vanCarrierRtgRmgImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/VanCarrierRgtRmg/productImage-VanCarrierRtgRmgAll.jpg)
}
#scraperInstallationImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Scraper%20Installation/productImage-ScraperInstallation.jpg)
}
#scraperInstallationImg.grey {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/Scraper%20Installation/productImage-ScraperInstallationGrey.jpg)
}
#marineRiserTensionersImg {
    background-image: url(../images/content-slots/Slot-10/CraneApplicatinos/Singels/MarineRiserTensioners/productImage-Marine-Riser-TensionersAll.jpg)
}
.Slot_10 {
    width: 23.95%;
    margin-right: 1.4%;
    float: left;
    border: 2px solid #272727;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #272727
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_10 {
        width: 44.7%;
        margin: 2.65%
    }
    .Slot_10.tabletFloatRight {
        float: right
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_10 {
        width: 100%;
        margin: 0px auto 5%;
        float: none
    }
    .Slot_10:last-child {
        margin: 0px auto 5%
    }
    .Slot_10.tabletFloatRight {
        float: none
    }
}
.Slot_10 .craneImages {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100.1%;
    background-position: 0% 0%
}
.Slot_10 .craneImages img {
    visibility: hidden
}
.Slot_10 .applicationsNav a {
    display: block;
    overflow: hidden
}
.Slot_10 .applicationsNav ul {
    list-style: none;
    color: #FFFFFF;
    padding: 0;
    width: 100%;
    margin: 0;
    font-size: 0.94em
}
.Slot_10 .applicationsNav ul li {
    margin: 0;
    background: #272727;
    border-top: 2px solid black;
    transition: all 0.25s ease-in-out;
    position: relative
}
.Slot_10 .applicationsNav ul li:hover {
    background: #343434;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li.first {
    border-top: none
}
.Slot_10 .applicationsNav ul li.ApplicationHeading {
    margin: 0px;
    color: #FFFFFF;
    background: #1C4864;
    font-size: 1.25em;
    font-weight: bold;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li.ApplicationHeading:hover {
    background: #57707f;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a {
    display: block;
    padding: 3% 0 3% 4%;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a:hover {
    color: #FFFFFF
}
.Slot_10 .applicationsNav ul li a.tbPurple {
    border-left: 6px solid #81388D
}
.Slot_10 .applicationsNav ul li a.tbPurple:hover {
    border-left: 16px solid #8c299c
}
.Slot_10 .applicationsNav ul li a.tbRed1, .Slot_10 .applicationsNav ul li a.tbRed2, .Slot_10 .applicationsNav ul li a.tbRed3, .Slot_10 .applicationsNav ul li a.tbRed4, .Slot_10 .applicationsNav ul li a.tbRed5, .Slot_10 .applicationsNav ul li a.tbRed6, .Slot_10 .applicationsNav ul li a.tbRed7, .Slot_10 .applicationsNav ul li a.tbRed8, .Slot_10 .applicationsNav ul li a.tbRed9, .Slot_10 .applicationsNav ul li a.tbRed10, .Slot_10 .applicationsNav ul li a.tbRed11 {
    border-left: 8px solid #D54451
}
.Slot_10 .applicationsNav ul li a.tbRed1:hover, .Slot_10 .applicationsNav ul li a.tbRed2:hover, .Slot_10 .applicationsNav ul li a.tbRed3:hover, .Slot_10 .applicationsNav ul li a.tbRed4:hover, .Slot_10 .applicationsNav ul li a.tbRed5:hover, .Slot_10 .applicationsNav ul li a.tbRed6:hover, .Slot_10 .applicationsNav ul li a.tbRed7:hover, .Slot_10 .applicationsNav ul li a.tbRed8:hover, .Slot_10 .applicationsNav ul li a.tbRed9:hover, .Slot_10 .applicationsNav ul li a.tbRed10:hover, .Slot_10 .applicationsNav ul li a.tbRed11:hover {
    border-left: 16px solid #e63343
}
.Slot_10 .applicationsNav ul li a.tbGreen1, .Slot_10 .applicationsNav ul li a.tbGreen2, .Slot_10 .applicationsNav ul li a.tbGreen3, .Slot_10 .applicationsNav ul li a.tbGreen4, .Slot_10 .applicationsNav ul li a.tbGreen5, .Slot_10 .applicationsNav ul li a.tbGreen6, .Slot_10 .applicationsNav ul li a.tbGreen7, .Slot_10 .applicationsNav ul li a.tbGreen8, .Slot_10 .applicationsNav ul li a.tbGreen9, .Slot_10 .applicationsNav ul li a.tbGreen10, .Slot_10 .applicationsNav ul li a.tbGreen11 {
    border-left: 6px solid #4DA269
}
.Slot_10 .applicationsNav ul li a.tbGreen1:hover, .Slot_10 .applicationsNav ul li a.tbGreen2:hover, .Slot_10 .applicationsNav ul li a.tbGreen3:hover, .Slot_10 .applicationsNav ul li a.tbGreen4:hover, .Slot_10 .applicationsNav ul li a.tbGreen5:hover, .Slot_10 .applicationsNav ul li a.tbGreen6:hover, .Slot_10 .applicationsNav ul li a.tbGreen7:hover, .Slot_10 .applicationsNav ul li a.tbGreen8:hover, .Slot_10 .applicationsNav ul li a.tbGreen9:hover, .Slot_10 .applicationsNav ul li a.tbGreen10:hover, .Slot_10 .applicationsNav ul li a.tbGreen11:hover {
    border-left: 16px solid #3bb463
}
.Slot_10 .applicationsNav ul li a.tbOrange1, .Slot_10 .applicationsNav ul li a.tbOrange2, .Slot_10 .applicationsNav ul li a.tbOrange3, .Slot_10 .applicationsNav ul li a.tbOrange4, .Slot_10 .applicationsNav ul li a.tbOrange5, .Slot_10 .applicationsNav ul li a.tbOrange6, .Slot_10 .applicationsNav ul li a.tbOrange7, .Slot_10 .applicationsNav ul li a.tbOrange8, .Slot_10 .applicationsNav ul li a.tbOrange9, .Slot_10 .applicationsNav ul li a.tbOrange10, .Slot_10 .applicationsNav ul li a.tbOrange11 {
    border-left: 6px solid #F08831
}
.Slot_10 .applicationsNav ul li a.tbOrange1:hover, .Slot_10 .applicationsNav ul li a.tbOrange2:hover, .Slot_10 .applicationsNav ul li a.tbOrange3:hover, .Slot_10 .applicationsNav ul li a.tbOrange4:hover, .Slot_10 .applicationsNav ul li a.tbOrange5:hover, .Slot_10 .applicationsNav ul li a.tbOrange6:hover, .Slot_10 .applicationsNav ul li a.tbOrange7:hover, .Slot_10 .applicationsNav ul li a.tbOrange8:hover, .Slot_10 .applicationsNav ul li a.tbOrange9:hover, .Slot_10 .applicationsNav ul li a.tbOrange10:hover, .Slot_10 .applicationsNav ul li a.tbOrange11:hover {
    border-left: 16px solid #ff8722
}
.Slot_10 .applicationsNav ul li a.tbBlue1, .Slot_10 .applicationsNav ul li a.tbBlue2, .Slot_10 .applicationsNav ul li a.tbBlue3, .Slot_10 .applicationsNav ul li a.tbBlue4, .Slot_10 .applicationsNav ul li a.tbBlue5, .Slot_10 .applicationsNav ul li a.tbBlue6, .Slot_10 .applicationsNav ul li a.tbBlue7, .Slot_10 .applicationsNav ul li a.tbBlue8, .Slot_10 .applicationsNav ul li a.tbBlue9, .Slot_10 .applicationsNav ul li a.tbBlue10, .Slot_10 .applicationsNav ul li a.tbBlue11 {
    border-left: 6px solid #3668AF
}
.Slot_10 .applicationsNav ul li a.tbBlue1:hover, .Slot_10 .applicationsNav ul li a.tbBlue2:hover, .Slot_10 .applicationsNav ul li a.tbBlue3:hover, .Slot_10 .applicationsNav ul li a.tbBlue4:hover, .Slot_10 .applicationsNav ul li a.tbBlue5:hover, .Slot_10 .applicationsNav ul li a.tbBlue6:hover, .Slot_10 .applicationsNav ul li a.tbBlue7:hover, .Slot_10 .applicationsNav ul li a.tbBlue8:hover, .Slot_10 .applicationsNav ul li a.tbBlue9:hover, .Slot_10 .applicationsNav ul li a.tbBlue10:hover, .Slot_10 .applicationsNav ul li a.tbBlue11:hover {
    border-left: 16px solid #2565c0
}
.Slot_10 .applicationsNav ul li a.tbAqua1, .Slot_10 .applicationsNav ul li a.tbAqua2, .Slot_10 .applicationsNav ul li a.tbAqua3, .Slot_10 .applicationsNav ul li a.tbAqua4, .Slot_10 .applicationsNav ul li a.tbAqua5, .Slot_10 .applicationsNav ul li a.tbAqua6, .Slot_10 .applicationsNav ul li a.tbAqua7, .Slot_10 .applicationsNav ul li a.tbAqua8, .Slot_10 .applicationsNav ul li a.tbAqua9, .Slot_10 .applicationsNav ul li a.tbAqua10, .Slot_10 .applicationsNav ul li a.tbAqua11 {
    border-left: 6px solid #20A6DE
}
.Slot_10 .applicationsNav ul li a.tbAqua1:hover, .Slot_10 .applicationsNav ul li a.tbAqua2:hover, .Slot_10 .applicationsNav ul li a.tbAqua3:hover, .Slot_10 .applicationsNav ul li a.tbAqua4:hover, .Slot_10 .applicationsNav ul li a.tbAqua5:hover, .Slot_10 .applicationsNav ul li a.tbAqua6:hover, .Slot_10 .applicationsNav ul li a.tbAqua7:hover, .Slot_10 .applicationsNav ul li a.tbAqua8:hover, .Slot_10 .applicationsNav ul li a.tbAqua9:hover, .Slot_10 .applicationsNav ul li a.tbAqua10:hover, .Slot_10 .applicationsNav ul li a.tbAqua11:hover {
    border-left: 16px solid #0daef1
}
.Slot_10 .applicationsNav ul li a.tbBlue28 {
    border-left: 3px solid #3668AF;
    padding: 3% 0
}
.Slot_10 .applicationsNav ul li a.tbBlue28:before {
    content: " ";
    border-left: 3px solid #20A6DE;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbBlue28:hover {
    border-left: 8px solid #2565c0
}
.Slot_10 .applicationsNav ul li a.tbBlue28:hover:before {
    content: " ";
    border-left: 8px solid #0daef1;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1 {
    border-left: 2px solid #D54451;
    padding: 3% 0
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1:before {
    content: " ";
    border-left: 3px solid #4DA269;
    height: 100%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1 span {
    border-left: 3px solid #3067b5;
    height: 100%;
    margin-right: 2%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1:hover {
    border-left: 6px solid #e63343
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1:hover:before {
    content: " ";
    border-left: 6px solid #3bb463;
    height: 100%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlueGreen1:hover span {
    border-left: 6px solid #2565c0;
    height: 100%;
    margin-right: 2%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlue2 {
    border-left: 4px solid #D54451;
    padding: 3% 0
}
.Slot_10 .applicationsNav ul li a.tbRedBlue2:before {
    content: " ";
    border-left: 4px solid #3668AF;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedBlue2:hover {
    border-left: 8px solid #e63343
}
.Slot_10 .applicationsNav ul li a.tbRedBlue2:hover:before {
    content: " ";
    border-left: 8px solid #2565c0;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedGreen1 {
    border-left: 4px solid #D54451;
    padding: 3% 0
}
.Slot_10 .applicationsNav ul li a.tbRedGreen1:before {
    content: " ";
    border-left: 4px solid #4DA269;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.Slot_10 .applicationsNav ul li a.tbRedGreen1:hover {
    border-left: 8px solid #e63343
}
.Slot_10 .applicationsNav ul li a.tbRedGreen1:hover:before {
    content: " ";
    border-left: 8px solid #3bb463;
    height: 100%;
    margin-right: 4%;
    position: static;
    padding: 3.5% 0px;
    transition: all 0.25s ease-in-out
}
.productBox {
    float: left;
    width: 95%;
    padding: 2.5%;
    margin-bottom: 3%;
    background: #e0e0e0;
    border-bottom: 2px solid #ccc;
    position: relative
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox {
        margin-bottom: 6%
    }
}
.productBox h2 {
    width: 53%;
    margin: 0 0 1% 0.8%;
    padding: 0;
    color: #1C4864;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 26.4px
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox h2 {
        width: 85%;
        margin: 2% 0 2% 7.3%;
        font-size: 28px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox h2 {
        margin: 3% 0 3% 2%;
        font-size: 1.35em
    }
}
.productBox .productContaner {
    width: 44%;
    height: 238px;
    margin-right: 2%;
    float: left;
    border: 2px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background: #FFFFFF;
    position: relative
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .productContaner {
        width: 94%;
        height: auto;
        float: none;
        margin: 3% auto;
        display: block
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox .productContaner {
        width: 100%;
        margin: 0 auto
    }
}
.productBox .productContaner img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    margin-top: -36%
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .productContaner img {
        width: 70%;
        margin: 0 auto;
        display: block;
        position: static;
        top: initial
    }
}
.productBox ul {
    float: left;
    width: 50%;
    margin: 0 0 0 1%;
    padding-left: 3%;
    font-size: 0.97em;
    line-height: 1.6em
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox ul {
        width: 85%;
        padding-left: 10%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox ul {
        padding-left: 8%;
        width: 88%
    }
}
.productBox .clearFixUl {
    float: left;
    width: 40%
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .clearFixUl {
        height: 70px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox .clearFixUl {
        height: 71px
    }
}
.productBox p {
    width: 53%;
    margin: 0 0 1% 0.8%;
    padding: 0
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox p {
        width: 85%;
        margin: 0 0 2% 7.3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox p {
        margin: 0 0 3% 2%;
        width: 95%
    }
}
.productBox dl {
    float: left;
    margin: 0 0 0 1%;
    width: 52%;
    max-width: 365px;
    font-size: 0.97em
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox dl {
        float: none;
        margin: 0 auto;
        width: 85%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .productBox dl {
        max-width: inherit
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox dl {
        margin: 0 0 0 2%;
        display: inline-block;
        width: 96%;
        font-size: 0.9em
    }
}
.productBox dl span {
    line-height: 27px
}
.productBox dl span.smalerLineHeight {
    line-height: 23px
}
.productBox dl span dt {
    display: inline;
    clear: both;
    float: left;
    font-weight: bold;
    color: #1C4864
}
.productBox dl span dt.heading {
    font-size: 1.1em;
    text-decoration: underline
}
.productBox dl span dd {
    display: inline;
    float: right;
    margin-left: 0;
    font-weight: bold;
    color: #1C4864;
    font-size: 0.95em
}
.productBox dl span dd.heading {
    font-size: 1.1em;
    text-decoration: underline
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox dl span dd {
        font-size: 0.9em
    }
}
.productBox .clearFix {
    float: left;
    width: 40%
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .clearFix {
        height: 95px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox .clearFix {
        height: 64px
    }
}
.productBox .contactUs {
    width: 41.5%;
    position: absolute;
    bottom: 22px;
    left: 47.5%;
    background-color: #7D96A6;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px 25px 10px 25px;
    margin-right: 5.1%;
    margin-top: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease-in
}
.productBox .contactUs:hover {
    background-color: #8ca2b0
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .contactUs {
        width: 90%;
        left: 5%;
        padding: 10px 0px 10px
    }
}
.productBox .buyNow {
    width: 41.5%;
    position: absolute;
    bottom: 22px;
    left: 47.5%;
    background-color: #7D96A6;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 10px 40px;
    margin-right: 5.1%;
    margin-top: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 4px;
    background-image: url(../images/icons/shopping-cart.png);
    background-size: 23px 23px;
    background-position: 34% 50%;
    background-repeat: no-repeat;
    transition: background-color 0.2s ease-in
}
.productBox .buyNow:hover {
    background-color: #8ca2b0;
    background-image: url(../images/icons/shopping-cart.png);
    background-size: 23px 23px;
    background-position: 34% 50%;
    background-repeat: no-repeat
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .buyNow:hover {
        background-position: 39% 50%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox .buyNow:hover {
        background-position: 34% 50%
    }
}
@media screen and (max-device-width: 674px), screen and (max-width: 674px) {
    .productBox .buyNow {
        width: 80.5%;
        left: 5%;
        background-position: 39% 50%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .productBox .buyNow {
        width: 70%;
        left: initial;
        background-position: 34% 50%;
        padding: 10px 25% 10px 0px;
        margin: 9px auto 0;
        float: none;
        display: block;
        position: static
    }
}
.thumbnail {
    width: 100%;
    display: inherit
}
.thumbnailX4 {
    width: 24%;
    margin: 1.33% 1.33% 1.33% 0;
    display: block;
    float: left;
    border: 2px solid #ccc;
    box-sizing: border-box
}
.thumbnailX4:hover {
    border: 2px solid #3778BC
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .thumbnailX4 {
        margin: 1.33% 1.33% 0px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .thumbnailX4 {
        width: 49.3%
    }
    .thumbnailX4.lastMobile {
        margin-right: 0
    }
}
.thumbnailX5 {
    width: 18.92%;
    margin: 1.5% 1.33% 1.33% 0;
    display: block;
    float: left;
    border: 2px solid #ccc;
    box-sizing: border-box
}
.thumbnailX5:hover {
    border: 2px solid #3778BC
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .thumbnailX5 {
        width: 32.4%;
        margin: 1.33% 1.33% 0px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .thumbnailX5 {
        width: 49.3%
    }
    .thumbnailX5.moblieLast {
        margin-right: 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-5 .thumbnailX5 {
        width: 32.4%;
        margin: 1.33% 1.33% 0px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-5 .thumbnailX5 {
        width: 49.3%
    }
    .slotRow-5 .thumbnailX5.moblieLast {
        margin-right: 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-5 .thumbnailX5.LastTablet {
        margin: 1.33% 0 0 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-5 .thumbnailX5.LastTablet {
        margin: 1.33% 1.33% 0px 0px
    }
}
.slotRow-5 .thumbnailX5.Last {
    margin: 1.33% 0px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-5 .thumbnailX4 {
        width: 24%;
        margin: 1.33% 1.33% 0px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-5 .thumbnailX4 {
        width: 49.3%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .slotRow-5 .thumbnailX4.LastTablet {
        margin: 1.33% 1.33% 0px 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .slotRow-5 .thumbnailX4.LastTablet {
        margin-right: 0px
    }
}
.slotRow-5 .thumbnailX4.Last {
    margin: 1.33% 0px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .thumbnailX4.LastTablet {
        margin-right: 0px
    }
}
.thumbnailX4.Last {
    margin: 1.33% 0px
}
.thumbnailX3 {
    width: 32.4%;
    margin: 1.33% 1.33% 1.33% 0;
    display: block;
    float: left;
    border: 2px solid #ccc;
    box-sizing: border-box
}
.thumbnailX3:hover {
    border: 2px solid #3778BC
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .thumbnailX3 {
        margin: 1.33% 1.33% 0px 0px
    }
}
.thumbnailX3.Last {
    margin: 1.33% 0px
}
.thumbnailX2, .thumbnailX2Last {
    width: 49.3%;
    margin: 1.33% 1.33% 1.33% 0;
    display: block;
    float: left
}
.thumbnailX2Last {
    margin: 1.33% 0px 1.33%
}
.onPageBanner {
    position: relative;
    float: left;
    width: 200%;
    min-height: 114px;
    margin: 0;
    padding: 3%;
    overflow: hidden;
    cursor: pointer;
    background: #1C4864;
    background: -webkit-linear-gradient(left, #1C4864, #000);
    background: -o-linear-gradient(right, #1C4864, #000);
    background: -moz-linear-gradient(right, #1C4864, #000);
    background: linear-gradient(to right, #1C4864, #000)
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner {
        min-height: 215px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner {
        min-height: 204px
    }
}
.onPageBanner h2, .onPageBanner h3 {
    color: #FFFFFF;
    float: left;
    margin: 0
}
.onPageBanner.winchRopeBanner h2 {
    width: 210px
}
.onPageBanner h2 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3em;
    width: 182px;
    margin-bottom: 5px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner h2 {
        font-size: 1.85em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner h2 {
        line-height: inherit;
        margin-bottom: 0px
    }
}
.onPageBanner h3 {
    font-size: 1.4em;
    font-weight: normal;
    clear: left;
    width: 33%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner h3 {
        width: 29%;
        font-size: 1.1em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner h3 {
        width: 47%;
        font-size: 1.2em;
        max-width: 340px
    }
}
.onPageBanner .assemblyButton {
    position: absolute;
    top: 20%;
    left: 50%;
    background: #7D96A6;
    color: #FFFFFF;
    padding: 0.3% 27% 0.2% 0.3%;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .assemblyButton {
        float: none;
        position: absolute;
        top: auto;
        bottom: 6%;
        left: 50%;
        padding: 0.5% 84% 0.4% 0.7%
    }
    .onPageBanner .assemblyButton .innerAssemblyButton {
        width: 120px;
        display: block
    }
    .onPageBanner .assemblyButton .innerAssemblyButton.deviceLineFix {
        width: 160px
    }
}
.onPageBanner .assemblyButtonEnd {
    left: 222px
}
.onPageBanner .assemblyButtonEnd.assembliesPage {
    left: calc(1.5% + 185px);
    top: calc(1.5% + 1.5em)
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .assemblyButtonEnd.assembliesPage {
        left: 1.5%;
        bottom: calc(1.5% + 19px);
        top: initial
    }
}
.onPageBanner .assemblyButtonEnd.winchRopeButton {
    left: 250px !important;
    top: 16%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .assemblyButtonEnd.winchRopeButton {
        left: 1.5% !important;
        top: inherit !important;
        bottom: 8% !important
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .assemblyButtonEnd {
        left: 1.5%
    }
}
.onPageBanner .screenShot {
    position: absolute;
    top: 50%;
    right: 52%;
    z-index: 200;
    transform: rotate(10deg);
    box-shadow: -1px 3px 26px #0E0E0E;
    width: 9%;
    min-width: 130px;
    height: auto;
    margin-top: -85px;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.onPageBanner .screenShot.biger {
    width: 11%;
    top: 40%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .screenShot.biger {
        width: 20%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .screenShot {
        margin-top: -117px;
        right: 50%
    }
    .onPageBanner .screenShot.winchRopeScreen {
        margin-top: -139px;
        right: 51%;
        min-width: 180px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner .screenShot {
        display: none
    }
}
.onPageBanner #assemblyOne, .onPageBanner #assemblyOne2 {
    position: absolute;
    top: 35%;
    left: 310px;
    z-index: 199
}
.onPageBanner #assemblyOne.winch, .onPageBanner #assemblyOne2.winch {
    top: 40%;
    left: 295px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner #assemblyOne.winch, .onPageBanner #assemblyOne2.winch {
        top: 77%;
        left: 15px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner #assemblyOne, .onPageBanner #assemblyOne2 {
        top: 61%;
        left: 20px
    }
}
.onPageBanner #assemblyTwo, .onPageBanner #assemblyTwo2 {
    position: absolute;
    top: 8%;
    left: 220px;
    z-index: 198;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner #assemblyTwo, .onPageBanner #assemblyTwo2 {
        top: 80.5%;
        left: 35px
    }
}
.onPageBanner.winchRopeBanner #assemblyTwo, .onPageBanner #assemblyTwo2 {
    left: 235px;
    top: 4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner.winchRopeBanner #assemblyTwo, .onPageBanner #assemblyTwo2 {
        top: 51%;
        left: 70px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner.winchRopeBanner #assemblyTwo, .onPageBanner #assemblyTwo2 {
        left: 108px
    }
}
.onPageBanner .assemblyThree, .onPageBanner .assemblyThree2 {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 197;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-delay: 450ms;
    animation-delay: 450ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.onPageBanner .assemblyThreeEnd, .onPageBanner .assemblyThreeEnd2 {
    left: 310px
}
.onPageBanner .assemblyThreeEnd.assemblyPage, .onPageBanner .assemblyThreeEnd2.assemblyPage {
    left: calc(1.5% + 270px);
    top: calc(1.5% + 5em)
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .onPageBanner .assemblyThreeEnd, .onPageBanner .assemblyThreeEnd2 {
        left: auto;
        right: 0px
    }
    .onPageBanner .assemblyThreeEnd.assemblyPage, .onPageBanner .assemblyThreeEnd2.assemblyPage {
        left: calc(1.5% + 173px);
        top: calc(1.5% + 0.5em)
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .onPageBanner .assemblyThreeEnd, .onPageBanner .assemblyThreeEnd2 {
        display: none
    }
}
.loop3 {
    -webkit-animation-iteration-count: 2;
    -moz-animation-iteration-count: 2;
    animation-iteration-count: 2
}
.loop5 {
    -webkit-animation-iteration-count: 4;
    -moz-animation-iteration-count: 4;
    animation-iteration-count: 4
}
.delayer200ms {
    -webkit-animation-delay: 200ms !important;
    -moz-animation-delay: 200ms !important;
    animation-delay: 200ms !important
}
.delayer300ms {
    -webkit-animation-delay: 300ms !important;
    -moz-animation-delay: 300ms !important;
    animation-delay: 300ms !important
}
.delayer400ms {
    -webkit-animation-delay: 400ms !important;
    -moz-animation-delay: 400ms !important;
    animation-delay: 400ms !important
}
.delayer500ms {
    -webkit-animation-delay: 500ms !important;
    -moz-animation-delay: 500ms !important;
    animation-delay: 500ms !important
}
.delayer600ms {
    -webkit-animation-delay: 600ms !important;
    -moz-animation-delay: 600ms !important;
    animation-delay: 600ms !important
}
.delayer700ms {
    -webkit-animation-delay: 700ms !important;
    -moz-animation-delay: 700ms !important;
    animation-delay: 700ms !important
}
.delayer800ms {
    -webkit-animation-delay: 800ms !important;
    -moz-animation-delay: 800ms !important;
    animation-delay: 800ms !important
}
.delayer950ms {
    -webkit-animation-delay: 950ms !important;
    -moz-animation-delay: 950ms !important;
    animation-delay: 950ms !important
}
.delayer1000ms {
    -webkit-animation-delay: 1000ms !important;
    -moz-animation-delay: 1000ms !important;
    animation-delay: 1000ms !important
}
.delayer1200ms {
    -webkit-animation-delay: 1200ms !important;
    -moz-animation-delay: 1200ms !important;
    animation-delay: 1200ms !important
}
.ListPageInSlotRow {
    float: left;
    width: 74.6%;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .ListPageInSlotRow {
        width: 94.7%;
        margin: 3.65% 2.65% 2.65% 2.65%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .ListPageInSlotRow {
        width: 100%;
        max-width: 330px;
        float: none;
        margin: 6.5% auto 0px
    }
}
.ListPageInSlotRow .assemblyButton {
    top: 12%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .ListPageInSlotRow .assemblyButton {
        top: 63%;
        height: 65px
    }
}
.ListPageInSlotRow .assemblyThree, .ListPageInSlotRow .assemblyThree2 {
    top: 30%
}
.ListPageInSlotRow .screenShot {
    top: 38%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .ListPageInSlotRow .screenShot {
        top: 51%;
        min-width: 200px;
        width: 15%
    }
}
.ListPageInSlotRow #assemblyOne, .ListPageInSlotRow #assemblyOne2 {
    top: 27%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .ListPageInSlotRow #assemblyOne, .ListPageInSlotRow #assemblyOne2 {
        top: 61%
    }
}
.Slot_11 {
    margin: 0 4% 4% 0;
    width: 48%;
    float: left;
    position: relative;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_11 {
        width: 100%;
        margin-bottom: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 {
        margin-bottom: 5%;
        overflow: hidden
    }
}
.Slot_11.noLeftMargin {
    margin: 0 0 4% 0
}
.Slot_11 h2 {
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 2.1% 0px;
    color: #ffffff;
    text-align: center;
    background: #1C4864;
    border-bottom: 2px solid #3778BC;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    z-index: 800;
    top: 0px;
    left: 0px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 h2 {
        font-size: 23px;
        padding: 4% 0px
    }
}
.Slot_11 h2 img {
    width: 49.6%;
    margin: 0px auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 h2 img {
        width: 100%
    }
}
.Slot_11 img {
    margin-top: 9.4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_11 img {
        margin-top: 9.3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 img {
        width: 206.2%;
        margin-left: -55%;
        margin-top: 18.01%
    }
}
.Slot_11 .caption {
    position: absolute;
    z-index: 700;
    bottom: -19%;
    left: 0px;
    width: 88%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    color: #fff;
    -webkit-transition: height 1s;
    transition: height 1s
}
.Slot_11 .caption .captionInner {
    height: 0%;
    position: relative;
    bottom: -110px;
    -webkit-transition: all 1s;
    transition: all 1s
}
.Slot_11 .caption .captionInner p {
    color: #FFFFFF;
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%);
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 .caption .captionInner p {
        font-size: 14px
    }
}
.Slot_11 a:hover > .caption .captionInner {
    bottom: 0%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 a:hover > .caption .captionInner {
        bottom: 5.5%
    }
}
.Slot_11 a:hover > .caption, .Slot_11 .captionInner {
    height: 94% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_11 a:hover > .caption, .Slot_11 .captionInner {
        height: 96.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_11 a:hover > .caption, .Slot_11 .captionInner {
        height: 96.3%
    }
}
.Slot_12 {
    width: 48.5%;
    float: left
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_12 {
        width: 100%
    }
}
.Slot_12.last {
    margin-left: 3%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_12.last {
        margin-left: 0
    }
}
.Slot_12 h2 {
    display: block;
    margin-bottom: 3px
}
.Slot_12 p {
    margin-bottom: 10px;
    font-size: 15px
}
.Slot_12 img {
    width: 100%;
    margin-bottom: 15px
}
.Slot_12 img.colors {
    margin-top: 9px
}
.Slot_13 {
    width: 29.3%;
    min-height: 342px;
    margin-right: 3%;
    padding: 1%;
    float: left;
    background: #ccc;
    color: #333
}
.Slot_13.last {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 {
        min-height: inherit;
        width: 98%;
        margin-bottom: 3%
    }
}
.Slot_13 h3 {
    margin: -3% -3.5% 2.5%;
    background: #1C4864;
    line-height: 35px;
    border-bottom: 3px solid #3778BC
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 h3 {
        margin: -1% -1% 0.5%;
        width: 102%
    }
}
.Slot_13 h3 img {
    width: 100%;
    margin: 5% 0 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 h3 img {
        display: block;
        width: 60%;
        max-width: 320px;
        margin: 10px auto
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 p {
        margin-bottom: 8px
    }
}
.Slot_13 ul {
    font-size: 0.95em;
    padding-left: 15px;
    margin: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 ul {
        margin-bottom: 5px;
        display: block;
        overflow: hidden
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_13 ul li {
        float: left;
        margin-right: 25px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_13 ul li {
        float: inherit;
        margin-right: 0
    }
}
.Slot_14 {
    width: 18.85%;
    margin-right: 1.4%;
    margin-bottom: 1.4%;
    float: left;
    position: relative;
    overflow: hidden
}
.Slot_14.homePage {
    width: 17.6%;
    margin-right: 3%
}
.Slot_14:nth-child(5n) {
    margin-right: 0px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14:nth-child(5n) {
        margin-right: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14:nth-child(5n) {
        margin: 0px auto 5%
    }
}
.Slot_14:nth-child(1n+6) {
    margin-bottom: 0px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14:nth-child(1n+6) {
        margin-bottom: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14:nth-child(1n+6) {
        margin: 0px auto 5%
    }
}
.Slot_14 h2 {
    height: auto;
    width: 100%;
    margin: 0px;
    padding: 5.5% 0px 4%;
    color: #ffffff;
    text-align: center;
    background: #1C4864;
    border-bottom: 2px solid #3778BC;
    font-weight: bold;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    position: absolute;
    z-index: 800;
    top: 0px;
    left: 0px
}
.Slot_14 h2 img {
    margin: 0
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14 h2 {
        font-size: 23px
    }
}
.Slot_14 img {
    margin-top: 20%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14 img {
        margin-top: 18%
    }
}
.Slot_14 img.dobbleLine {
    margin-top: 30%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14 img.dobbleLine {
        margin-top: 28%
    }
}
.Slot_14 .caption {
    position: absolute;
    z-index: 700;
    bottom: -9%;
    left: 0px;
    width: 88.1%;
    height: 0%;
    padding: 4% 6%;
    text-align: center;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    color: #fff;
    -webkit-transition: height 1s;
    transition: height 1s
}
.Slot_14 .caption .captionInner {
    height: 0%;
    position: relative;
    bottom: -90px;
    -webkit-transition: all 1s;
    transition: all 1s
}
.Slot_14 .caption .captionInner p {
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 50%;
    color: #FFFFFF;
    display: block;
    transform: translate(0, -50%);
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14 .caption .captionInner p {
        font-size: 14px
    }
}
.Slot_14 .caption .captionInner p br {
    margin-bottom: 5px
}
.Slot_14 a:hover > .caption .captionInner {
    bottom: -6%
}
.Slot_14 a:hover > .caption, .Slot_14 .captionInner {
    height: 85% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14 a:hover > .caption, .Slot_14 .captionInner {
        height: 88%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14 a:hover > .caption, .Slot_14 .captionInner {
        height: 87.5%
    }
}
.Slot_14 a:hover > .caption.dobbleLiner {
    height: 75% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_14 {
        width: 44.7%;
        margin: 2.65% 2.65% 1.65%
    }
    .Slot_14:nth-child(even) {
        margin-right: 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_14 {
        width: 100%;
        margin: 0px auto 5%;
        float: none;
        max-width: 330px
    }
    .Slot_14:nth-child(even) {
        margin: 0px auto 5%
    }
}
main.HOME .main1.noPadding {
    padding: 0 !important
}
main.HOME .main1.noPadding.darker {
    background: #333;
    border-top: 4px solid #515151
}
main.HOME .main1 .mainTop.fullWidth {
    width: 100%;
    max-width: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main1 .mainTop.fullWidth {
        width: 90.5%;
        max-width: 1260px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .main1 .mainTop.fullWidth {
        width: 100%;
        max-width: none
    }
}
main.HOME .main2 .mainTop.fullWidth {
    width: 100%;
    max-width: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main2 .mainTop.fullWidth {
        width: 90.5%;
        max-width: 1260px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .main2 .mainTop.fullWidth {
        width: 100%;
        max-width: none
    }
}
main.HOME .main2.noPadding {
    padding: 0;
    border-top: 4px solid #515151
}
.topBorder {
    border-top: 4px solid #666
}
.Slot_15 {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    background: #023b70;
    box-sizing: border-box
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15 {
        width: 100%;
        margin-bottom: 5.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 {
        margin-bottom: 0
    }
}
.Slot_15.left {
    border-right: 2px solid #666
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15.left {
        border: none
    }
}
.Slot_15.right {
    border-left: 2px solid #666
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15.right {
        border: none
    }
}
.Slot_15.top {
    border-bottom: 2px solid #666
}
.Slot_15.bottom {
    border-top: 2px solid #666
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15.bottom {
        border-top: none;
        border-bottom: 2px solid #666
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15.third {
        border-top: none
    }
}
.Slot_15 .caption {
    position: absolute;
    z-index: 700;
    bottom: 50%;
    left: 50%;
    width: 280px;
    padding: 8px;
    margin: 0px -148px;
    text-align: center;
    color: #000;
    border-radius: 8px;
    -webkit-transition: all 1s;
    transition: all 1.5s;
    background: #88949b
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 .caption {
        width: 250px;
        padding: 4px 0;
        margin: 0px -125px
    }
}
.Slot_15 .caption .viewButton {
    width: 120px;
    padding: 2.5%;
    margin-left: -60px;
    border: 1px solid #fff;
    position: absolute;
    bottom: -50px;
    left: 50%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    background: rgba(84, 84, 84, 0.6) none repeat scroll 0% 0%;
    -webkit-transition: all 1.5s;
    transition: all 1.5s
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 .caption .viewButton {
        width: 100px;
        padding: 4px 0;
        margin-left: -50px;
        bottom: -40px
    }
}
.Slot_15 .caption .captionInner {
    -webkit-transition: all 3s;
    transition: all 3s
}
.Slot_15 .caption .captionInner h2 {
    margin: 0;
    color: #fff;
    font-size: 1.55em;
    -webkit-transition: color 2s;
    transition: color 2s
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 .caption .captionInner h2 {
        font-size: 1.3em
    }
}
.Slot_15 .caption .captionInner p {
    display: block;
    color: #fff;
    margin: 0 auto;
    font-size: 15px;
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 .caption .captionInner p {
        font-size: 14px
    }
}
.Slot_15 a {
    position: relative;
    display: block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15 a {
        padding: 22% 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 a {
        padding: 30% 0
    }
}
.Slot_15 a img {
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    backface-visibility: hidden;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
    transform: translateZ(0) scale(1, 1);
    transition: all 1.5s ease-in-out
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_15 a img {
        width: 101%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none;
        transform: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_15 a img {
        width: 140%
    }
}
.Slot_15 a:hover > img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -ms-transform: scale(1.07, 1.07);
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
    transition: all 1.5s ease-in-out
}
.Slot_15 a:hover > .caption {
    background: #fff
}
.Slot_15 a:hover > .caption .viewButton {
    transition: all 2s;
    background: #7D96A6
}
.Slot_15 a:hover > .caption .viewButton:hover {
    background: #9baebb
}
.Slot_15 a:hover > .caption .captionInner h2 {
    color: #7D96A6
}
.Slot_16 {
    width: 44%;
    margin: 2%;
    float: left;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 1% 1% 2%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_16 {
        width: 94%;
        height: auto !important;
        margin: 0px 0px 5%;
        padding: 3%
    }
}
.Slot_16.last {
    margin-right: 0
}
.Slot_16 img {
    margin-bottom: 2%
}
.Slot_16 .articleImg{
    width:100%;
    height:200px;
    margin-bottom:20px;
}
.Slot_16 span.date {
    display: block;
    color: #b0b0b0;
    font-style: italic;
    padding: 1% 2.3% 0
}
.Slot_16 h2 {
    margin: 8px 0 2px;
    padding: 0 2.3%;
   text-overflow:ellipsis;
   white-space:nowrap;
   overflow: hidden;
}
.Slot_16 h3.articleSubTitle {
    display: block;
    padding: 0 2.3%;
    font-weight: normal;
    margin-bottom: 0px
}
.Slot_16 p.article {
    padding: 0 2.3%;
    margin-top: 8px;
    line-height: 1.5em
}
.Slot_16 p.article.bottomPaddingFix {
    padding-bottom: 30px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_16 p.article.bottomPaddingFix {
        padding-bottom: 0
    }
}
.Slot_16 .readArtical {
    width: 85%;
    background: #E37914;
    border: 1px solid transparent;
    /*position: absolute;*/
    bottom: 3.2%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_16 .readArtical {
        width: 93%;
        background: #E37914;
        border: 1px solid transparent;
        position: static;
        bottom: inherit;
        left: inherit;
        right: inherit;
        margin: 5px auto 0
    }
}
.Slot_16 .readArtical:hover {
    background: #e3ac77;
    border: 1px solid #E37914;
    color: #FFFFFF
}
#DynamicPopup {
    max-width: 540px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopup {
        max-height: 90%;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto
    }
}
#DynamicPopup h2 {
    font-size: 1.5em
}
#DynamicPopupSpotLight {
    max-width: 980px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopupSpotLight {
        max-height: 90%;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: auto
    }
}
#DynamicPopupSpotLight h2 {
    font-size: 1.7em
}
#DynamicPopup, #DynamicPopupSpotLight {
    position: relative;
    background: #FFF;
    padding: 15px;
    width: auto;
    margin: 20px auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopup, #DynamicPopupSpotLight {
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: auto;
        margin-bottom: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #DynamicPopup, #DynamicPopupSpotLight {
        padding: 11px
    }
}
#DynamicPopup img, #DynamicPopupSpotLight img {
    width: 100%
}
#DynamicPopup h2, #DynamicPopupSpotLight h2 {
    margin: 10px 0 2px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopup h2, #DynamicPopupSpotLight h2 {
        font-size: 1.65em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #DynamicPopup h2, #DynamicPopupSpotLight h2 {
        margin: 1px 0 2px;
        font-size: 1.5em
    }
}
#DynamicPopup p, #DynamicPopupSpotLight p {
    margin: 0;
    padding: 0 2px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopup p, #DynamicPopupSpotLight p {
        font-size: 0.9em;
        padding-bottom: 11px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #DynamicPopup p, #DynamicPopupSpotLight p {
        font-size: 0.84em
    }
}
#DynamicPopup p a, #DynamicPopupSpotLight p a {
    color: #929292
}
#DynamicPopup p a:hover, #DynamicPopupSpotLight p a:hover {
    color: #7298b1;
    text-decoration: underline
}
#DynamicPopup button.mfp-close, #DynamicPopupSpotLight button.mfp-close {
    top: -8px;
    right: -8px;
    background: #fff;
    color: #7D96A6;
    opacity: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 33px;
    font-size: 35px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #DynamicPopup button.mfp-close, #DynamicPopupSpotLight button.mfp-close {
        line-height: 21px;
        font-size: 35px;
        width: 30px;
        height: 30px;
        top: 4px;
        right: 4px
    }
}
#DynamicPopup button.mfp-close:hover, #DynamicPopupSpotLight button.mfp-close:hover {
    color: #627d8e;
    background: #e6e6e6
}
.ctaWraper2 {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden
}
.ctaWraper2 .cta {
    display: block;
    width: 96%;
    padding: 4px 2% 4px;
    margin: 0 0 1% 0;
    color: #fff;
    font-size: 1.4em;
    line-height: 48px;
    text-align: center
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .ctaWraper2 .cta {
        margin: 3% 0 4%
    }
}
.ctaWraper2 .cta.red {
    background: #00d57c;
    transition: all 0.2s ease-in
}
.ctaWraper2 .cta.red:hover {
    background: #00d57c
}
.ctaWraper2 .cta.blue {
    background: #6e8a9c;
    transition: all 0.2s ease-in
}
.ctaWraper2 .cta.blue:hover {
    background: #7D96A6
}
.ctaWraper2 .cta img {
    width: 26px;
    margin-bottom: -7px;
    margin-left: 8px
}
.Slot_18 {
    float: left;
    width: 49.3%;
    margin: 1.4% 0 0 0;
    position: relative;
    background: #7D96A6;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_18 {
        width: 100%
    }
    .Slot_18.first.last {
        margin-bottom: 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18 {
        margin: 3% 0 0 0
    }
}
.Slot_18.first {
    margin: 1.4% 1.4% 0 0
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18.first {
        margin: 3% 0 0 0
    }
}
.Slot_18.last {
    margin-bottom: 1.4%
}
.Slot_18 a {
    line-height: 0;
    display: block
}
.Slot_18 a:hover h3 {
    color: #bac7cf;
    font-size: 1.4em;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
    transition: all 0.4s ease-in-out
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18 a:hover h3 {
        font-size: 1.08em
    }
}
.Slot_18 a:hover h3 img {
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    color: #9baebb;
    transition: all 0.4s ease-in-out
}
.Slot_18 img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1);
    transition: all 0.4s ease-in-out
}
.Slot_18 img:hover {
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    opacity: 0.93;
    transition: all 0.4s ease-in-out
}
.Slot_18 h3 {
    position: absolute;
    left: 3%;
    bottom: 5%;
    color: #fff;
    border-bottom: none;
    background: none;
    padding: 0;
    font-size: 1.3em;
    z-index: 900;
    transition: all 0.4s ease-in-out
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .Slot_18 h3 {
        bottom: 11%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18 h3 {
        bottom: 0%;
        left: 2%;
        font-size: 1em
    }
}
.Slot_18 h3:hover {
    font-size: 1.4em;
    transition: all 0.4s ease-in-out
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18 h3:hover {
        font-size: 1.08em
    }
}
.Slot_18 h3:hover ~ img {
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    color: #9baebb;
    font-size: 1.4em;
    opacity: 0.93;
    transition: all 0.4s ease-in-out
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_18 h3:hover ~ img {
        font-size: 1.08em
    }
}
.Slot_19 {
    float: left;
    width: 23.94%;
    margin-right: 1.4%
}
@media screen and (max-device-width: 1090px), screen and (max-width: 1090px) {
    .Slot_19 {
        width: 49.3%;
        margin-bottom: 3%
    }
    .Slot_19:nth-child(2) {
        margin-right: 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .Slot_19 {
        width: 100%;
        margin: 0 auto 10%
    }
}
.Slot_19 img {
    width: 70%;
    margin: 0 auto
}
.Slot_19 h3, .Slot_19 a {
    width: 100%;
    text-align: center
}
.Slot_19 h3 {
    color: white;
    margin: 20px 0;
    font-size: 1.5em;
    font-weight: normal
}
.Slot_19 a {
    display: block;
    width: 121px;
    margin: 0 auto 20px;
    padding: 1.9% 0;
    text-align: center;
    color: #fff;
    background: #6e8a9c;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all 0.35s ease-in-out
}
.Slot_19 a:hover {
    background: #8ca2b0;
    border: 1px solid #fff;
    color: white
}
.Slot_20 {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    background: #023b70;
    box-sizing: border-box
}
@media screen and (max-device-width: 1400px), screen and (max-width: 1400px) {
    .Slot_20 {
        width: 50%
    }
}
@media screen and (max-device-width: 754px), screen and (max-width: 754px) {
    .Slot_20 {
        width: 100%
    }
}
.Slot_20 .caption {
    position: absolute;
    z-index: 700;
    bottom: 50%;
    left: 50%;
    width: 310px;
    padding: 8px;
    margin: 0px -163px;
    text-align: center;
    color: #000;
    border-radius: 8px;
    -webkit-transition: all 1s;
    transition: all 1.5s;
    background: #88949b
}
.Slot_20 .caption .viewButton {
    width: 120px;
    padding: 2.5%;
    margin-left: -60px;
    border: 1px solid #fff;
    position: absolute;
    bottom: -50px;
    left: 50%;
    box-sizing: border-box;
    border-radius: 8px;
    color: #fff;
    background: rgba(84, 84, 84, 0.6) none repeat scroll 0% 0%;
    -webkit-transition: all 1.5s;
    transition: all 1.5s
}
.Slot_20 .caption .captionInner {
    -webkit-transition: all 3s;
    transition: all 3s
}
.Slot_20 .caption .captionInner h2 {
    margin: 0;
    color: #fff;
    font-size: 1.55em;
    -webkit-transition: color 2s;
    transition: color 2s
}
.Slot_20 .caption .captionInner p {
    display: block;
    color: #fff;
    margin: 0 auto;
    font-size: 15px;
    width: 100%
}
.Slot_20 a {
    position: relative;
    display: block
}
.Slot_20 a img {
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    backface-visibility: hidden;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.8;
    transform: translateZ(0) scale(1, 1);
    transition: all 1.5s ease-in-out;
    height: 320px !important
}
.Slot_20 a:hover > img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    -ms-transform: scale(1.07, 1.07);
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07);
    transition: all 1.5s ease-in-out
}
.Slot_20 a:hover > .caption {
    background: #fff
}
.Slot_20 a:hover > .caption .viewButton {
    transition: all 2s;
    background: #7D96A6
}
.Slot_20 a:hover > .caption .viewButton:hover {
    background: #9baebb
}
.Slot_20 a:hover > .caption .captionInner h2 {
    color: #7D96A6
}
.Slot_21 {
    width: 15%;
    min-height: 13em;
    float: left;
    margin-right: 2%;
    margin-bottom: 0;
    position: relative;
    overflow: hidden
}
.Slot_21:nth-child(6n+7) {
    margin-right: 0
}
@media screen and (max-device-width: 1380px), screen and (max-width: 1380px) {
    .Slot_21 {
        width: 32%
    }
    .Slot_21:nth-child(4n+5) {
        margin-right: 2%
    }
    .Slot_21:nth-child(3n+4) {
        margin-right: 0
    }
}
@media screen and (max-device-width: 1010px), screen and (max-width: 1010px) {
    .Slot_21 {
        width: 49%
    }
    .Slot_21:nth-child(3n+4) {
        margin-right: 2%
    }
    .Slot_21:nth-child(2n+3) {
        margin-right: 0
    }
}
@media screen and (max-device-width: 700px), screen and (max-width: 700px) {
    .Slot_21 {
        width: 100%;
        margin: 0
    }
    .Slot_21:nth-child(2n+3) {
        margin-right: 0
    }
    .Slot_21:nth-child(3n+4) {
        margin-right: 0
    }
    .Slot_21:nth-child(4n+5) {
        margin-right: 0
    }
}
.Slot_21:hover h4 {
    background: #7D96A6;
    color: white
}
.Slot_21:hover div.captions {
    bottom: 0
}
.Slot_21 img {
    display: block;
    width: 50%;
    margin: 0 auto
}
.Slot_21 h4 {
    position: relative;
    display: block;
    text-align: center;
    font-size: 1em;
    padding: 1em 0;
    margin: 0;
    transition: background .4s ease-in-out, color .4s ease-in-out;
    z-index: 2
}
.Slot_21 div.captions {
    position: absolute;
    bottom: -83%;
    width: 100%;
    height: calc(100% - 51.25px);
    background: #e1e1e1;
    z-index: 1;
    opacity: .85;
    transition: bottom .4s ease-in-out
}
.Slot_21 div.captions ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}
.Slot_21 div.captions ul li {
    padding-bottom: 10px
}
.Slot_21 div.captions ul li:last-child {
    padding-bottom: 0
}
.Slot_21 div.captions ul li a {
    transition: color .3s ease;
    cursor: pointer
}
.Slot_21 div.captions ul li a:hover {
    color: #7D96A6
}
.hidenEllipsesText {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}
#DynamicPopup p .ellipsesHide, #DynamicPopupSpotLight p .ellipsesHide {
    display: none
}
#DynamicPopup p .hidenEllipsesText, #DynamicPopupSpotLight p .hidenEllipsesText {
    position: static !important;
    top: auto !important;
    left: auto !important
}
.zipWireConfiguratorIMG {
    display: block;
    width: 118%;
    margin-left: -9%
}
a.animatedOverflow {
    display: block;
    padding: 0 7.5%;
    overflow: hidden;
    background: #015D9C;
    position: relative
}
a.animatedOverflow.threeAcross {
    padding: 0 3.74%
}
a.animatedOverflow.bottomMarginFix {
    margin-bottom: 1%
}
a.animatedOverflow img {
    position: relative;
    z-index: 99
}
a.animatedOverflow h2 {
    display: none
}
a.animatedOverflow h2.linkClicked {
    display: block;
    position: absolute;
    z-index: 98;
    top: 50%;
    margin-top: -1.1em;
    text-align: center;
    width: 85%;
    color: #FFFFFF;
    font-size: 2em;
    text-transform: uppercase
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    a.animatedOverflow h2.linkClicked {
        font-size: 1.7em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    a.animatedOverflow h2.linkClicked {
        font-size: 1.1em
    }
}
main .cta.mobileClickMsg {
    float: none;
    display: block;
    margin-top: 3%;
    margin-bottom: 6% !important;
    font-size: 1.25em !important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2%;
    background: #7D96A6;
    color: #fff;
    transition: all 0.25s ease-in-out
}
main .cta.mobileClickMsg:hover {
    background: #8ca2b0
}
main .cta.mobileClickMsg.last {
    margin: 4% 0 3% !important
}
main.PLP .main2 .mainTop.sectors, main.PLP .main2 .mainTop.services {
    width: 88%;
    padding: 0 6%
}
main.PLP .main2 .mainTop.sectors .Slot_5.sectionHeader, main.PLP .main2 .mainTop.services .Slot_5.sectionHeader {
    margin: 35px 0 27px
}
main.PLP .main2 .mainTop.sectors .Slot_5.sectionHeader h3::before, main.PLP .main2 .mainTop.services .Slot_5.sectionHeader h3::before {
    top: 32%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 .mainTop.sectors .Slot_5.sectionHeader, main.PLP .main2 .mainTop.services .Slot_5.sectionHeader {
        margin: 15px 0 7px
    }
}
main.PLP .main2 .mainTop.assemblies {
    width: 77%;
    padding: 0 11.5%
}
main.PLP .main2 .mainTop.assemblies.maxWidth {
    max-width: 1560px;
    padding: 0;
    width: 97%
}
main.PLP .main2 .mainTop.assemblies .Slot_5.sectionHeader {
    margin: 35px 0 27px
}
main.PLP .main2 .mainTop.assemblies .Slot_5.sectionHeader h3::before {
    top: 32%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 .mainTop.assemblies .Slot_5.sectionHeader {
        margin: 15px 0 7px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 .mainTop.sectors {
        width: 94%;
        padding: 0 3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main2 .mainTop.sectors {
        padding: 3.5% 3% 0
    }
}
.listItem {
    width: 30.7%;
    margin-right: 3.9%;
    margin-bottom: 3.9%;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItem {
        width: 48%;
        margin-right: 3.9%;
        margin-bottom: 3.9%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .listItem {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 6%
    }
}
.listItem.noMarginRight3 {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItem.noMarginRight3 {
        margin-right: 3.9%
    }
}
.listItem.noMarginRight3.last {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItem.noMarginRight2 {
        margin-right: 0
    }
}
.listItem.tabLastInRow {
    margin-right: 3.9%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItem.tabLastInRow {
        margin-right: 0
    }
    .listItem.tabLastInRow.deskLastInRow {
        margin-right: 0
    }
}
.listItem.deskLastInRow {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItem.deskLastInRow {
        margin-right: 3.9%
    }
}

.tabs .listItemFull {
    width: 25%;
	margin: 0 !important;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #FFFFFF
}

.listItemFull {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #FFFFFF
}
.listItemFull:nth-child(3n+4) {
    margin-right: 0
}
/*@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
	
	.tabs .listItemFull {
        width: 48% !important;
        margin-right: 3.9% !important;
        margin-bottom: 3.9% !important;
    }
	
    .listItemFull {
        width: 48%;
        margin-right: 3.9%;
        margin-bottom: 3.9%
    }
	
    .listItemFull:nth-child(3n+4) {
        margin-right: 3.9%
    }
	
    .listItemFull:nth-child(2n+3) {
        margin-right: 0
    }
	
}*/
@media screen and (max-device-width: 1121px), screen and (max-width: 1121px) {
	
    .tabs .listItemFull {
        margin-right: 0 !important;
        width: 50% !important;
        margin-bottom: 8% !important;
    }
	
	.listItemFull {
        margin-right: 0 !important;
        width: 100%;
        margin-bottom: 8%
    }
	
    .listItemFull:nth-child(3n+4) {
        margin-right: 0
    }
	
    .listItemFull .item-sector p.services {
        line-height: 1rem;
        font-size: 0.84em
    }
	
}
.listItemFull.noMarginRight3 {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItemFull.noMarginRight3 {
        margin-right: 3.9%
    }
}
.listItemFull.noMarginRight3.last {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItemFull.noMarginRight2 {
        margin-right: 0
    }
    .listItemFull.tabletFixNone {
        margin-right: 0
    }
    .listItemFull.tabletFix {
        margin-right: 3.9%
    }
    .listItemFull .item-sector p.services {
        line-height: 0.95rem
    }
}
.listItemFull.tabLastInRow {
    margin-right: 2%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItemFull.tabLastInRow {
        margin-right: 0
    }
    .listItemFull.tabLastInRow.deskLastInRow {
        margin-right: 0
    }
}
.listItemFull.deskLastInRow {
    margin-right: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .listItemFull.deskLastInRow {
        margin-right: 3.9%
    }
}
.item-sector {
    background: #2b5f95
}
.item-sector img {
    opacity: .6
}
.item-sector h2 {
    font-size: 1.125rem;
	font-family: "Josefin Sans", "Trebuchet MS";
	text-align: center;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 2px solid #fff;
    -webkit-transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
    transition: width .5s ease-in
}
.item-sector h2.design {
    width: 163px
}
.item-sector h2.fuse {
    width: 164px
}
.item-sector h2.testing {
    width: 79px
}
.item-sector h2.pressing {
    width: 92px
}
.item-sector h2.swaging {
    width: 167px
}
.item-sector h2.sourcing {
    width: 97px
}
.item-sector h2.contactUs {
    width: 118px
}
.item-sector h2.socketing {
    width: 108px
}
.item-sector h2.analiysis {
    width: 188px
}
.item-sector h2.stamping {
    width: 96px
}
.item-sector h2.aero {
    width: 113px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.aero.fontFix {
        width: 92px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.aero.fontFix {
        width: 78px
    }
}
.item-sector h2.agro {
    width: 252px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.agro.fontFix {
        width: 200px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.agro.fontFix {
        width: 169px
    }
}
.item-sector h2.structural {
    width: 301px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.structural.fontFix {
        width: 239px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.structural.fontFix {
        width: 201px
    }
}
.item-sector h2.automotive {
    width: 120px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.automotive.fontFix {
        width: 97px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.automotive.fontFix {
        width: 83px
    }
}
.item-sector h2.construction {
    width: 145px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.construction.fontFix {
        width: 117px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.construction.fontFix {
        width: 100px
    }
}
.item-sector h2.lifting {
    width: 169px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.lifting.fontFix {
        width: 134px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.lifting.fontFix {
        width: 115px
    }
}
.item-sector h2.defence {
    width: 201px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.defence.fontFix {
        width: 159px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.defence.fontFix {
        width: 135px
    }
}
.item-sector h2.hvac {
    width: 213px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.hvac.fontFix {
        width: 168px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.hvac.fontFix {
        width: 145px
    }
}
.item-sector h2.entertainment {
    width: 278px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.entertainment.fontFix {
        width: 220px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.entertainment.fontFix {
        width: 186px
    }
}
.item-sector h2.rail {
    width: 93px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.rail.fontFix {
        width: 74px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.rail.fontFix {
        width: 66px
    }
}
.item-sector h2.leisure {
    width: 78px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.leisure.fontFix {
        width: 63px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.leisure.fontFix {
        width: 55px
    }
}
.item-sector h2.oem {
    width: 245px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.oem.fontFix {
        width: 195px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.oem.fontFix {
        width: 166px
    }
}
.item-sector h2.marine {
    width: 72px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.marine.fontFix {
        width: 58px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.marine.fontFix {
        width: 50px
    }
}
.item-sector h2.handling {
    width: 193px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.handling.fontFix {
        width: 153px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.handling.fontFix {
        width: 130px
    }
}
.item-sector h2.medical {
    width: 84px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.medical.fontFix {
        width: 67px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.medical.fontFix {
        width: 58px
    }
}
.item-sector h2.mining {
    width: 65px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.mining.fontFix {
        width: 52px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.mining.fontFix {
        width: 45px
    }
}
.item-sector h2.oil {
    width: 92px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.oil.fontFix {
        width: 74px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.oil.fontFix {
        width: 63px
    }
}
.item-sector h2.netting {
    width: 311px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.netting.fontFix {
        width: 247px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.netting.fontFix {
        width: 209px
    }
}
.item-sector h2.civil {
    width: 179px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.civil.fontFix {
        width: 142px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.civil.fontFix {
        width: 120px
    }
}
.item-sector h2.pest {
    width: 142px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.pest.fontFix {
        width: 113px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.pest.fontFix {
        width: 97px
    }
}
.item-sector h2.safety {
    width: 131px
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .item-sector h2.safety.fontFix {
        width: 103px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector h2.safety.fontFix {
        width: 88px
    }
}
.item-sector p {
    font-size: .875rem;
    font-style: italic;
    line-height: normal;
    margin: 1.5rem 0
}
.item-sector p.services {
    font-style: normal
}
@media screen and (max-device-width: 1130px), screen and (max-width: 1130px) {
    .item-sector p {
        line-height: 1rem
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sector p {
        font-size: 0.8rem;
        line-height: 0.9rem
    }
    .item-sector p.services {
        line-height: 1rem
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .item-sector p {
        font-size: 0.85rem
    }
}
.effect-cover img {
    display: block;
    max-width: none;
    min-height: auto;
    width: 100%;
    opacity: 1;
    transition: opacity .6s, transform .8s ease-in-out
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .effect-cover img {
        width: 120%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .effect-cover img {
        width: 100%
    }
}
.effect-cover h2 {
    color: #1c4864
}
@media screen and (max-device-width: 1250px), screen and (max-width: 1250px) {
    .effect-cover h2.fontFix {
        font-size: 0.95em;
        letter-spacing: -0.04em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .effect-cover.item-sector h2.fontFix {
        font-size: 0.7em
    }
}
.effect-cover h2, .effect-cover p {
    transform: translate(0, 0)
}
.effect-cover p {
    color: rgba(255, 255, 255, 0.8);
    opacity: 0;
    margin: 3% 0;
    transition: opacity .6s, transform .6s
}
.item-sq {
    position: relative;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    display: block
}
.item-sq img {
    max-width:100%;
    position: relative;
    display: block;
    opacity: 1;
    vertical-align: middle;
    border: 0
}
.effect-cover figcaption {
    text-align: center;
    transition: all .6s ease-in-out
}
.item-sq figcaption {
    position: relative;
    z-index: 2;
    padding: 2em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.item-sq figcaption:hover a {
    top: 0;
    background: tomato
}
.item-sq a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    text-indent: 200%;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    padding: 0
}
.item-sq span {
    position: absolute;
    top: 76%;
    top: calc(76% - 1em);
    left: 0;
    width: 88%;
    height: 92%;
    display: block;
    padding: 6% 6% 0 6%;
    background: #000;
    opacity: 0;
    transition: all .6s ease-in-out
}
.item-sq figcaption {
    position: absolute;
    top: 76%;
    top: calc(77% - 1.1em);
    left: 0;
    width: 88%;
    height: 92%;
    display: block;
	margin-top: 13%;
    padding: 6% 6% 0 6%;
}
@media screen and (max-device-width: 1130px), screen and (max-width: 1130px) {
    .item-sq figcaption {
        width: 94%;
        padding: 6% 3% 0 3%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .item-sq figcaption {
        width: 93%;
        padding: 9% 3% 0 3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .item-sq figcaption {
        padding: 13% 3% 0 3%
    }
}
.effect-cover:focus h2, .effect-cover:focus img, .effect-cover:focus p, .effect-cover:hover h2, .effect-cover:hover img, .effect-cover:hover p {
    color: #fff;
    transform: translate(0, 0)
}
.effect-cover:focus img, .effect-cover:focus p, .effect-cover:hover img, .effect-cover:hover p {
    opacity: 1
}
.effect-cover:focus figcaption, .effect-cover:hover figcaption {
    transform: translate(0, 0);
    top: 0%
}
@media screen and (max-device-width: 1130px), screen and (max-width: 1130px) {
    .effect-cover:focus figcaption, .effect-cover:hover figcaption {
        padding: 2% 3% 0 3%
    }
}
.effect-cover:focus span, .effect-cover:hover span {
    top: 0%;
    background: none;
    opacity: 0
}
.effect-cover:focus p, .effect-cover:hover p {
    transition-duration: .6s
}
a:focus, a:hover {
    color: #021829;
    text-decoration: none
}
a:focus.underLine, a:hover.underLine {
    text-decoration: underline
}
a:active, a:hover {
    outline: 0
}
.item-sector:focus img, .item-sector:hover img {
    opacity: 0.2;
    transform: scale(1.05, 1.05) translate(0, 2.5%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.effect-cover.item-sector:hover h2 {
    width: 100%;
    -webkit-transition: width .8s ease-out;
    -moz-transition: width .8s ease-out;
    -o-transition: width .8s ease-out;
    transition: width .8s ease-out
}
.grid {
    background: #ccc;
    padding: 1.2%;
    display: block;
    overflow: hidden
}
.grid a {
    width: 17%;
    margin: 1.5%;
    display: block;
    float: left;
    box-sizing: border-box;
    border: 2px solid #656668;
    overflow: hidden;
    transition: border 0.5s ease-in
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .grid a {
        width: 30.3%
    }
    .grid a.hider {
        display: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    .grid a {
        width: 47%
    }
    .grid a.hider {
        display: block
    }
}
.grid a img {
    display: block;
    width: 100%;
    transition: border 0.5s ease-in
}
.grid a:hover {
    box-sizing: border-box;
    border: 2px solid #7D96A6;
    cursor: url(../images/icons/zoom-in-Grey.png), auto
}
.grid a:active {
    cursor: url(../images/icons/zoom-in-Blue.png), auto
}
.bottomNav .owl-pagination {
    bottom: -14%;
    z-index: 800;
    width: 78px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    .bottomNav .owl-pagination {
        width: 248px
    }
}
.bottomNav .owl-buttons {
    top: auto;
    bottom: -14%;
    height: 56px;
    width: 250px;
    z-index: 700;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    .bottomNav .owl-buttons {
        width: 364px;
        bottom: -15.5%
    }
}
.bottomNav .owl-buttons .owl-prev {
    position: absolute;
    left: 20px;
    top: 10px;
    background-image: url("../images/carousel/wArrowLeft.png") !important;
    background-size: 71% auto !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    background-attachment: scroll;
    background-position: 36% 50%;
    background-clip: border-box;
    background-origin: padding-box
}
.bottomNav .owl-buttons .owl-prev:hover {
    background-image: url("../images/carousel/wArrowLeftH.png") !important
}
.bottomNav .owl-buttons .owl-next {
    position: absolute;
    right: 20px;
    top: 10px;
    background-image: url("../images/carousel/wArrowRight.png") !important;
    background-size: 71% auto !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    background-attachment: scroll;
    background-position: 69% 50%;
    background-clip: border-box;
    background-origin: padding-box
}
.bottomNav .owl-buttons .owl-next:hover {
    background-image: url("../images/carousel/wArrowRightH.png") !important
}
.bottomNav .owl-controls.clickable .owl-buttons div {
    color: #1C4864;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 23px;
    font-size: 30px;
    font-weight: bold;
    filter: Alpha(Opacity=100);
    opacity: 1
}
.bottomNav .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    .bottomNav .owl-controls.clickable .owl-buttons div {
        padding: 20px
    }
}
main.HOME div.videoHeaderWrap {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 100%;
    background-image: url("../images/grid-1.png") !important
}
main.HOME div.videoHeaderTextBox {
    position: absolute;
    z-index: 4;
    top: 200px;
    left: 40%;
    width: 100%;
    max-width: 1103px;
    background: none;
    background-repeat: no-repeat;
    padding: 0;
    right: unset;
    height: auto;
    transform: translateX(-50%)
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME div.videoHeaderTextBox {
        top: 8vw;
		font-size: 1.7em;
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
	/*main.HOME video {*/
	/*	margin-top: 230px !important;*/
	/*}*/
	
    main.HOME div.videoHeaderTextBox {
        top: 70vw;
    	font-size: 0.7em;
    	text-align: center;
    	left: 50%;
		
    }
}
main.HOME div.videoHeaderTextBox h1,
main.HOME div.videoHeaderTextBox h2,
main.HOME div.videoHeaderTextBox h4{
    width: 100%;
    color: white;
    text-shadow: 3px 3px 6px rgba(37, 82, 109, 0.9)
}
main.HOME div.videoHeaderTextBox h1 {
    font-size: 4em;
    font-family: "Josefin Sans", "Trebuchet MS";
}
main.HOME div.videoHeaderTextBox h4{
     font-size: 2em;
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
	main.HOME div.videoHeaderTextBox {
		left: 50%;
	}
	
	main.HOME div.videoHeaderTextBox h1 {
        font-size: 2em; width: 100%; text-align: center;
    }
}
@media screen and (max-device-width: 1060px), screen and (max-width: 1060px) {
    main.HOME div.videoHeaderTextBox h1 {
        font-size: 3em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME div.videoHeaderTextBox h1 {
        font-size: 2.2em;
        padding: 0 2em;
        box-sizing: border-box
    }
}
@media screen and (max-device-width: 660px), screen and (max-width: 660px) {
    main.HOME div.videoHeaderTextBox h1 {
       padding: 0;
    }
}
@media screen and (max-device-width: 360px), screen and (max-width: 360px) {
    main.HOME div.videoHeaderTextBox h1 {
        font-size: 2em;
        padding: 0;
    }
}
main.HOME div.videoHeaderTextBox h2 {
    font-size: 1.7em;
    font-weight: normal
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
    main.HOME div.videoHeaderTextBox h2 {
        font-size: 1em;
        padding: 0 7em;
        box-sizing: border-box
    }
}
@media screen and (max-device-width: 1060px), screen and (max-width: 1060px) {
    main.HOME div.videoHeaderTextBox h2 {
        font-size: 1em
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME div.videoHeaderTextBox h2 {
        display: none;
        font-size: 1.2em;
        padding: 0 10em
    }
}
@media screen and (max-device-width: 660px), screen and (max-width: 660px) {
    main.HOME div.videoHeaderTextBox h2 {
        padding: 0 2em
    }
}
@media screen and (max-device-width: 360px), screen and (max-width: 360px) {
    main.HOME div.videoHeaderTextBox h2 {
        padding: 0 1em;
        display: none
    }
}
main.HOME div.videoHeaderTextBox img {
    display: block;
    width: 100%;
    height: auto
}
main.HOME div.videoHeaderTextBox .videoHeader {
    font-family: 'arvil_sansregular';
    font-weight: normal;
    font-size: 9em;
    color: #FFFFFF;
    float: left;
    position: static;
    padding: 0;
    line-height: 95px;
    text-transform: none
}
main.HOME div.videoHeaderTextBox i {
    width: 100%;
    color: #FFFFFF;
    font-style: italic;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    position: static;
    margin-top: 18px
}
main.HOME .ctaWraper {
    position: absolute;
    top: 600px;
    left: 40%;
    z-index: 4;
    width:100%;
    transform: translateX(-50%);
    max-width: 1103px;
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
    main.HOME .ctaWraper {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 470px;
    }
}
@media screen and (max-device-width: 1366px), screen and (max-width: 1366px) {
    main.HOME .ctaWraper {
    top: 400px !important;    
    }
}
@media screen and (max-device-width: 1186px), screen and (max-width: 1186px) {
    main.HOME .ctaWraper {
    left: 50%;
    top: 400px !important;    
    transform: translateX(-50%);
    }
}
@media screen and (max-device-width: 1121px), screen and (max-width: 1121px) {
    main.HOME .ctaWraper {
    left: 50%;
    top: 350px !important;    
    transform: translateX(-50%);
    }
}
@media screen and (max-device-width: 820px), screen and (max-width: 820px) {
    main.HOME .ctaWraper {
    left: 50%;
    top: 300px !important; 
     transform: translateX(-50%);
    }
}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    main.HOME .ctaWraper {
        
    }
}
main.HOME .ctaWraper a, main.HOME .ctaWraper button {
    width: 180px;
    padding: 10px;
	margin-left: 20px;
    color: white;
    border: 2px solid white;
    display: block;
    text-align: center;
    float: left;
    font-size: 1em;
	font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
    main.HOME .ctaWraper a, main.HOME .ctaWraper button {
        width: 192px;
        padding: 0.8%;
        font-size: 1.3em;
        line-height: 1.7em
    }
}
@media screen and (max-device-width: 1186px), screen and (max-width: 1186px) {
    main.HOME .ctaWraper a, main.HOME .ctaWraper button {
        font-size: 1.1em
    }
}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    main.HOME .ctaWraper a, main.HOME .ctaWraper button {
        width: 124px;
        font-size: 1em
    }
}
main.HOME .ctaWraper a.cta.red, main.HOME .ctaWraper button.cta.red {
    background: rgba(0, 213, 124, 1) none repeat scroll 0% 0%;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.red:hover, main.HOME .ctaWraper button.cta.red:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #00d57c;
    border: 2px solid #00d57c;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.blue, main.HOME .ctaWraper button.cta.blue {
    background: rgba(48, 139, 192, 0.0) none repeat scroll 0% 0%;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.blue:hover, main.HOME .ctaWraper button.cta.blue:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #7D96A6;
    border: 2px solid #7D96A6;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.blue.first, main.HOME .ctaWraper button.cta.blue.first {
    margin-left: 0;
    background: rgba(48, 139, 192, 0.0) none repeat scroll 0% 0%
}
main.HOME .ctaWraper a.cta.blue.first:hover, main.HOME .ctaWraper button.cta.blue.first:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #7D96A6;
    border: 2px solid #7D96A6;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.blue.middle, main.HOME .ctaWraper button.cta.blue.middle {
    background: rgba(48, 139, 192, 0) none repeat scroll 0% 0%
}
main.HOME .ctaWraper a.cta.blue.middle:hover, main.HOME .ctaWraper button.cta.blue.middle:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #1c4864;
    border: 2px solid #1c4864;
	transition: all 0.5s ease-in-out;
	font-size: 112%;
    -webkit-transition: all 0.5s ease-in-out;
}
main.HOME .ctaWraper a.cta.blue.second, main.HOME .ctaWraper button.cta.blue.second {
    background: rgba(16, 99, 147, 0.6) none repeat scroll 0% 0%
}
main.HOME .ctaWraper a.cta.blue.second:hover, main.HOME .ctaWraper button.cta.blue.second:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #7D96A6;
    border: 2px solid #7D96A6;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .ctaWraper a.cta.blue.third, main.HOME .ctaWraper button.cta.blue.third {
    background: rgba(0, 71, 113, 0.6) none repeat scroll 0% 0%
}
main.HOME .ctaWraper a.cta.blue.third:hover, main.HOME .ctaWraper button.cta.blue.third:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #7D96A6;
    border: 2px solid #7D96A6;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.HOME .mainThin {
    padding: 21px 0 51px
}
main.HOME .mainThin.lightGreyBG {
    background: #f6f6f6
}
main.HOME .mainThin.whiteBG {
    background: #fff;
    padding: 21px 0 71px;
    border-top: 4px solid #cecece
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .mainThin.whiteBG {
        padding: 21px 0 51px
    }
}
main.HOME .mainThin.whiteBG .affiliatesWrapper h3 {
    margin-bottom: 35px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .mainThin.whiteBG .affiliatesWrapper h3 {
        margin-bottom: 15px
    }
}
main.HOME .mainThin.whiteBG .affiliatesWrapper h3 span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 0.8em
}
main.HOME .mainThin.whiteBG .affiliatesWrapper h3 span.mainThinBG {
    background: #fff;
    color: #3778BC
}
main.HOME .mainThin .affiliatesWrapper {
    margin: 0 auto;
    width: 94%;
    max-width: 1570px
}
main.HOME .mainThin .affiliatesWrapper h3 {
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0px 0px 10px;
    margin: 6px 0px 14px 0px
}
main.HOME .mainThin .affiliatesWrapper h3::before {
    content: '';
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #3778BC;
    display: block;
    position: absolute;
    width: 98%;
    left: 1%;
    top: 28%
}
main.HOME .mainThin .affiliatesWrapper h3 span {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    padding: 0 0.8em
}
main.HOME .mainThin .affiliatesWrapper h3 span.mainThinBG {
    background: #d7d7d7;
    color: #307cac
}
main.HOME .main1 {
    background: #e4e4e4;
    padding: 2% 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main1 {
        padding: 2.5% 0 3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .main1 {
        padding: 7% 0 3%
    }
}
main.HOME .main1.heroBanner {
    position: relative
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main1.heroBanner {
        margin-top: 130px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
     main.HOME .main1.heroBanner {
        margin-top: 0;
    }
}

main.HOME .main1 .mainTop {
    width: 100%;
    max-width: 1080px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main1 .mainTop {
        width: 95.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .main1 .mainTop {
        width: 90%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .main1 .slotRow .Slot_1 {
        width: 44.7%;
        margin: 2.65%;
        margin-bottom: 2.65%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .main1 .slotRow .Slot_1 {
        width: 100%;
        margin: 0px auto 5%;
        float: none;
        max-width: 330px
    }
}
main.HOME .centerWrapper {
    width: 80%;
    margin: auto;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
main.HOME .textBox {
    width: 100%;
    margin: 0 auto;
    height: auto;
    float: none
}
main.HOME .textBox.marginTop {
    margin-top: 15px;
    display: inline-block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .textBox {
        width: 95%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .textBox {
        max-width: 330px;
        width: 100%
    }
}
main.HOME .textBox h1, main.HOME .textBox p {
    width: 100%;
    float: left
}
main.HOME .textBox h1 {
    color: #fff;
    background: #1C4864;
    padding: 15px 0px;
    border-bottom: 3px solid #3778BC;
    margin: 0px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .textBox h1 {
        font-size: 24px
    }
}
main.HOME .textBox p {
    font-size: 15.2px;
    background: #272727;
    color: #fff;
    padding: 3% 4%;
    width: 92%;
    margin: 0px 0px 15px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .textBox p {
        width: 88%;
        padding: 6%;
        font-size: 15px
    }
}
main.HOME .valuesWraper {
    width: 100%;
    margin: 0px auto
}
main.HOME .valuesWraper .values {
    width: 21.95%;
    height: 250px;
    margin-right: 1.4%;
    padding: 1%;
    float: left;
    background: #1C4864;
    border-bottom: 3px solid #3778BC
}
main.HOME .valuesWraper .values:last-child {
    margin-right: 0px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .valuesWraper .values {
        width: 44.7%;
        height: 258px;
        margin: 2.65%;
        margin-bottom: 2.65%;
        padding: 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .valuesWraper .values {
        width: 100%;
        height: 290px;
        margin: 0px auto 5%;
        float: none;
        max-width: 330px;
        display: inline-block
    }
}
main.HOME .valuesWraper .values h2 {
    float: left;
    text-align: center;
    width: 100%;
    margin: 1% 0px 4px;
    font-size: 23px;
    color: #4c98c8
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .valuesWraper .values h2 {
        font-size: 25px
    }
}
main.HOME .valuesWraper .values h2 span {
    display: block;
    font-size: 13px;
    padding: 7px 0 5px;
    color: #9ec7e1;
    overflow: hidden;
    width: 103%;
    margin-left: -1.5%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .valuesWraper .values h2 span {
        font-size: 16px
    }
}
main.HOME .valuesWraper .values p {
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    width: 184px;
    float: none;
    margin: 0 0 20px;
    color: #fff
}
main.HOME .valuesWraper .values .valIcons {
    padding: 15px;
    background-repeat: no-repeat;
    background-size: 74%;
    background-position: 50%;
    width: 90px;
    height: 90px;
    margin: 0px auto;
    float: none;
    display: block;
    clear: both
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .valuesWraper .values .valIcons {
        width: 115px;
        height: 115px
    }
}
main.HOME .valuesWraper .values .valOne {
    background-image: url("../images/heart.png")
}
main.HOME .valuesWraper .values .valTwo {
    background-image: url("../images/lightBulb.png")
}
main.HOME .valuesWraper .values .valThree {
    background-image: url("../images/cogs.png")
}
main.HOME .valuesWraper .values .valFour {
    background-image: url("../images/person.png")
}
main.HOME .constrain.services {
    padding-bottom: 80px
}
main.HOME .owl-carousel .owl-item {
    float: left
}
main.HOME .active .ourServices::after {
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.2);
    height: 77%;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -5%
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    main.HOME .active .ourServices::after {
        display: none
    }
}
main.HOME .ourServices {
    width: 90%;
    float: left;
    padding: 0;
    position: relative;
    margin: 0 auto;
    float: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    main.HOME .ourServices {
        width: 100%;
        margin: 0 auto;
        float: none;
        padding: 0;
        max-width: 350px
    }
}
main.HOME .ourServices.first {
    padding-left: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .ourServices.first {
        padding: 1.5%
    }
}
main.HOME .ourServices.first::after {
    display: none
}
main.HOME .ourServices.last {
    margin-right: 0
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    main.HOME .ourServices.last {
        margin: 0 auto
    }
}
main.HOME .ourServices img {
    width: 71%;
    margin: 0 auto 20px;
    display: block
}
main.HOME .ourServices h3 {
    display: block;
    text-align: center;
    margin: 10px 0 8px;
    font-size: 1.5em;
    color: #3778BC
}
main.HOME .ourServices strong {
    display: block;
    text-align: center;
    font-size: 0.84em;
    color: #93b8df;
    width: 80%;
    margin: 0 auto;
    min-width: 186px
}
main.HOME .ourServices a {
    display: block;
    width: 121px;
    margin: 20px auto 20px;
    padding: 1.9% 0;
    text-align: center;
    color: #fff;
    background: #00d57c;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0);
    transition: all 0.35s ease-in-out
}
main.HOME .ourServices a:hover {
    background: #75e8b8;
    border: 1px solid #fff
}
main.HOME .homePageNav.testimonials .owl-pagination {
    width: 186px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.HOME .homePageNav.testimonials .owl-pagination {
        bottom: -11px
    }
}
main.HOME .homePageNav.testimonials .owl-controls.clickable .owl-page span {
    background: #a4c8ed
}
main.HOME .homePageNav.testimonials .owl-controls.clickable .owl-page:hover span {
    background: #7D96A6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
main.HOME .homePageNav.testimonials .owl-controls .owl-page.active span {
    background: #6c9fd4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
main.HOME .homePageNav.testimonials .owl-controls .owl-page.active span:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
main.HOME .homePageNav .owl-pagination {
    bottom: -14%;
    z-index: 800;
    width: 78px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    main.HOME .homePageNav .owl-pagination {
        width: 248px
    }
}
main.HOME .homePageNav .owl-buttons {
    top: auto;
    bottom: -14%;
    height: 56px;
    width: 250px;
    z-index: 700;
    left: 50%;
    right: 50%;
    transform: translateX(-50%)
}
@media screen and (max-device-width: 640px), screen and (max-width: 640px) {
    main.HOME .homePageNav .owl-buttons {
        width: 364px;
        bottom: -15.5%
    }
}
main.HOME .homePageNav .owl-buttons .owl-prev {
    position: absolute;
    left: 20px;
    top: 10px;
    background-image: url("../images/carousel/wArrowLeft.png") !important;
    background-size: 71% auto !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    background-attachment: scroll;
    background-position: 36% 50%;
    background-clip: border-box;
    background-origin: padding-box
}
main.HOME .homePageNav .owl-buttons .owl-prev:hover {
    background-image: url("../images/carousel/wArrowLeftH.png") !important
}
main.HOME .homePageNav .owl-buttons .owl-next {
    position: absolute;
    right: 20px;
    top: 10px;
    background-image: url("../images/carousel/wArrowRight.png") !important;
    background-size: 71% auto !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    background-attachment: scroll;
    background-position: 69% 50%;
    background-clip: border-box;
    background-origin: padding-box
}
main.HOME .homePageNav .owl-buttons .owl-next:hover {
    background-image: url("../images/carousel/wArrowRightH.png") !important
}
main.HOME .homePageNav .owl-controls.clickable .owl-buttons div {
    color: #1C4864;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 23px;
    font-size: 30px;
    font-weight: bold;
    filter: Alpha(Opacity=100);
    opacity: 1
}
main.HOME .homePageNav .owl-controls.clickable .owl-buttons div:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.HOME .homePageNav .owl-controls.clickable .owl-buttons div {
        padding: 20px
    }
}
#plpBody {
    background: #1C4864
}
main.PLP img.madeInLogo {
    width: 100%;
    display: block;
    margin: 2.8% auto 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP img.madeInLogo {
        margin: 2.8% auto 1.8%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP img.madeInLogo {
        margin: 4.8% auto 3.8%
    }
}
main.PLP.dowloads {
    background: #eeeeee
}
main.PLP .slotRow.banner {
    margin: 18px 0 15px
}
main.PLP .slotRow.banner img {
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .slotRow.banner img {
        width: 176%;
        margin-left: -62%
    }
    main.PLP .slotRow.banner img.blackRope {
        width: 161%;
        margin: -16px 0
    }
}
main.PLP .betweenSlotRow {
    margin-top: 1.5%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .betweenSlotRow {
        margin-top: 0
    }
}
main.PLP .negMargin {
    margin: -1.33% 0px
}
main.PLP .main1 {
    /*padding: 1.3% 0*/
    padding:0;
}
main.PLP .main1 .mainTop {
    /*width: 97%;*/
    /*max-width: 1080px*/
    width:100%;
    max-width:100%;
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main1 {
        padding: 0;
        margin-top: -24px
    }
    main.PLP .main1.deviceNoMargin {
        margin: 0
    }
    main.PLP .main1 .mainTop {
        width: 100%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main1 {
        margin-top: 0px
    }
}
/*.mobile-show {*/
/*	background: none;*/
/*	border-bottom: none;*/
/*}*/

main.PLP .main1 .mobile-show {
    margin: 4% auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main1 .mobile-show {
        margin: 1.4% auto 5%
    }
}
main.PLP .mobile-show h1 {
    padding: 25px 0;
    font-size: 27pt;
    float: none;
    clear: none
}
main.PLP .main2 {
    padding: 1.5% 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 {
        padding: 2.5% 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main2 {
        padding: 7% 0px 5%
    }
}
main.PLP .main2.lighter {
    background: white
}
main.PLP .main2 .mainTop {
    width: 97%;
    max-width: 1080px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 .mainTop {
        width: 95.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main2 .mainTop {
        width: 90%
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .main2 .slotRow .Slot_1 {
        width: 44.7%;
        margin: 2.65%;
        margin-bottom: 2.65%
    }
    main.PLP .main2 .slotRow .Slot_1.x3 {
        overflow: hidden
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .main2 .slotRow .Slot_1 {
        width: 100%;
        margin: 0px auto 5%;
        float: none
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .Slot_3 {
        margin-bottom: 0
    }
}
main.PLP .description {
    font-size: 15.2px;
    background: #272727;
    color: white;
    padding: 3% 4%;
    width: 92%;
    margin: 1.5% 0 0 0;
    overflow: hidden
}
main.PLP .description.fullWidth {
    width: 92% !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .description {
        width: 86.7%;
        display: block;
        margin: 1.5% auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .description {
        width: 92%;
        max-width: 296px;
        text-align: center;
        padding: 4%;
        margin: 0 auto 3%
    }
    main.PLP .description.noMaxWidth {
        max-width: none
    }
}
main.PLP .description.top {
    margin: 0 auto 1.4%
}
main.PLP .description.noMarginTop {
    margin-top: 0
}
main.PLP .description div h2.lighter {
    color: #3778BC;
    margin-bottom: 6px
}
main.PLP .description h4 {
    margin: 0 0 3px;
    color: #4c9bcd
}
main.PLP .description p {
    color: #fff
}
main.PLP .description ul {
    padding: 0 16px;
    margin: 0 0 10px;
    display: block;
    font-size: 14px;
    float: left
}
main.PLP .description ul li.listHeader {
    list-style: none;
    font-size: 1.2em;
    padding-bottom: 6px;
    margin-left: -16px
}
main.PLP .descriptionFullWidth {
    font-size: 15.2px;
    background: #272727;
    color: #fff;
    padding: 3%;
    width: 100%;
    margin: 0 0 3% 0;
    float: left;
    border: 1px solid #999;
    box-sizing: border-box
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .descriptionFullWidth {
        margin: 3% 0;
        text-align: center
    }
}
main.PLP .descriptionFullWidth a {
    text-decoration: underline
}
main.PLP .descriptionFullWidth a:hover {
    color: #7D96A6
}
main.PLP .descriptionFullWidth h3 {
    font-size: 1.5em;
    color: #3e81c7;
    margin: 0px 0px 8px 0px
}
main.PLP .descriptionFullWidth h4 {
    margin: 0 0 3px;
    color: #4c9bcd
}
main.PLP .descriptionFullWidth p {
    color: #fff
}
main.PLP .descriptionFullWidth ul {
    padding-left: 20px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .descriptionFullWidth ul {
        padding-left: 16px
    }
}
main.PLP .negTextBox {
    margin-top: -15px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .negTextBox {
        width: 95% !important;
        margin: -15px 2.5% 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .negTextBox {
        width: 100% !important;
        margin: -10px 0px
    }
}
main.PLP .textBox.marginTop {
    margin-top: 15px
}
main.PLP .textBox.marginTopNoTab {
    margin-top: 15px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox.marginTopNoTab {
        margin-top: 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox {
        width: 100%;
        float: none;
        margin: 0 auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox {
        width: 100%
    }
}
main.PLP .textBox > h2:first-of-type {
    width: 96%;
    text-align: center;
    padding: 1% 2%;
    margin: 0 auto;
    float: none;
    display: block;
    font-size: 1.5em;
    color: white;
    background: #113559;
    border-bottom: 3px solid #3778bc
}
main.PLP .textBox h3 {
    display: block;
    color: #FFFFFF;
    margin-bottom: 4px
}
main.PLP .textBox > div:first-of-type {
    font-size: 15px;
    background: #fff;
    color: #272727;
    padding: 3%;
    width: 94%;
    margin: 0px 0px 15px;
    float: left
}
main.PLP .textBox > div:first-of-type.noBottomSpaceing {
    padding: 3% 3% 0;
    margin: 0
}
@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
    main.PLP .textBox > div:first-of-type .slotRow {
        float: none;
        width: 100%;
        overflow: hidden
    }
}
main.PLP .textBox > div:first-of-type.lighter {
    background: #fff
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type.lighter.mobileWidth {
        width: 94%
    }
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 {
    float: left;
    width: 99.8%
}
@media screen and (max-device-width: 1200px), screen and (max-width: 1200px) {
    main.PLP .textBox > div:first-of-type.lighter .slotRow-5 {
        float: none;
        width: 94.7%;
        overflow: hidden;
        margin: 3.25% auto
    }
}
@media screen and (max-device-width: 662px), screen and (max-width: 662px) {
    main.PLP .textBox > div:first-of-type.lighter .slotRow-5 {
        width: 100%;
        margin: 0 0 2% 0
    }
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 #accordianDownload ul {
    float: none;
    margin: 0;
    padding: 0
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 #accordianDownload ul li {
    margin: 0
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 #accordianDownload ul li table {
    width: 100%
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr.tableHeader {
    background: #255990 !important
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr.tableHeader th {
    padding: 6px;
    font-size: 0.93em;
    height: 29px;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr.tableHeader th {
        font-size: 0.8em;
        padding: 6px 2px
    }
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr {
    background: #4290c5;
    color: #FFFFFF;
    text-align: center;
    height: 35px
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr:nth-child(2n+1) {
    background: #86abcb
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr td {
    font-size: 0.9em;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table tr td {
        font-size: 0.75em;
        padding: 0px
    }
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr {
    background: #4290c5
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr:nth-child(2n+1) {
    background: #86abcb
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr.tableHeader th {
    padding-left: 1.5%;
    font-size: 1.1em;
    background: #255990 !important;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr.tableHeader.tabletFix th {
        padding-left: 0;
        font-size: 0.8em
    }
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr td.padLeft {
    padding-left: 1.5%;
    border: 1px solid #FFFFFF
}
main.PLP .textBox > div:first-of-type.lighter .slotRow-5 table.leftAlign tr td.padTop {
    padding-top: 1.1%;
    padding-right: 1.5%;
    border: 1px solid #FFFFFF
}
main.PLP .textBox > div:first-of-type.lighter p, main.PLP .textBox > div:first-of-type.lighter ul {
    color: #272727;
    font-size: 1.05em
}
main.PLP .textBox > div:first-of-type.lighter ul {
    padding: 0 16px;
    margin: 0 0 10px;
    display: block;
    float: left
}
main.PLP .textBox > div:first-of-type.lighter ul li {
    margin-bottom: 0.4em
}
main.PLP .textBox > div:first-of-type.lighter ul li.listHeader {
    list-style: none;
    font-size: 1.2em;
    padding-bottom: 6px;
    margin-left: -16px
}
main.PLP .textBox > div:first-of-type.lighter > h2:first-of-type {
    width: auto;
    text-align: left;
    padding: 0;
    margin: 0 0 0.4em;
    float: left;
    color: #3778BC;
    background: none;
    border: none;
    font-size: 1.84em;
    font-weight: normal
}
main.PLP .textBox > div:first-of-type.lighter > h2:first-of-type.sectionHeader {
    width: 96%;
    text-align: center;
    padding: 1% 2%;
    margin: 0 auto 1.4%;
    float: none;
    display: block;
    font-size: 1.7em;
    font-weight: bold;
    color: white;
    background: #113559;
    border-bottom: 3px solid #3778bc
}
main.PLP .textBox > div:first-of-type.lighter > h2:first-of-type.sectionHeader.mobileMarginFix {
    margin-bottom: 5.5%;
    padding: 5% 2%
}
main.PLP .textBox > div:first-of-type.lighter > h2:first-of-type.fullWidth {
    width: 100%
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter h3 {
    color: #3778BC
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter h3 span {
    background: #fff
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div {
    margin: 0 auto;
    background: none;
    padding: 0;
    width: 80%;
    float: none
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img {
    margin: 0;
    float: left
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.madeInLogo {
    margin: 2.8% auto 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.madeInLogo {
        margin: 6% auto 5%
    }
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.afiliates1 {
    width: 44%;
    max-width: 490px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.afiliates1 {
        width: 100%;
        margin: 0 0 5% 5%
    }
}
main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.afiliates2 {
    width: 56%;
    max-width: 633px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type.lighter .Slot_5.lighter div img.afiliates2 {
        width: 100%;
        margin: 0 0 0 -2%
    }
}
main.PLP .textBox > div:first-of-type .leftBlock {
    margin: 0 4% 0 0;
    padding: 0;
    width: calc(100% - 398px)
}
main.PLP .textBox > div:first-of-type .leftBlock.presses {
    width: calc(100% - 430px)
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .textBox > div:first-of-type .leftBlock {
        width: 100%
    }
    main.PLP .textBox > div:first-of-type .leftBlock.presses {
        width: 100%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type {
        padding: 4% 5%;
        width: 90%
    }
}
main.PLP .textBox > div:first-of-type p {
    color: #272727;
    font-size: 15px
}
main.PLP .textBox > div:first-of-type .tick {
    margin: 0 5% 3% 0;
    display: inline-block
}
main.PLP .textBox > div:first-of-type .tick:last-of-type {
    margin: 0px 0px 3%
}
main.PLP .textBox > div:first-of-type .tick img {
    margin: 0 4px -6px 0
}
main.PLP .textBox > div:first-of-type dl {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 0px 2px;
    font-weight: bold;
    line-height: 19px;
    overflow: auto
}
main.PLP .textBox > div:first-of-type dl span {
    display: block;
    overflow: hidden
}
main.PLP .textBox > div:first-of-type dl span.left {
    float: left;
    width: 60%
}
main.PLP .textBox > div:first-of-type dl span.right {
    float: right;
    width: 40%
}
main.PLP .textBox > div:first-of-type dl dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
    font-size: 1em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type dl dt {
        float: left;
        clear: left;
        text-align: left;
        font-weight: bold;
        width: 100%
    }
}
main.PLP .textBox > div:first-of-type dl dt:after {
    content: ":"
}
main.PLP .textBox > div:first-of-type dl dd {
    margin: 0 0 0 15px;
    padding: 0 0 0.5em 0;
    float: left;
    font-size: 1em;
    font-weight: normal
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type dl dd {
        margin: 0;
        font-size: 1.2em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type ul.fontSizeFixed {
        font-size: 14px
    }
}
main.PLP .textBox > div:first-of-type ul {
    padding: 0 16px;
    margin: 0 0 10px;
    display: block;
    font-size: 15px;
    float: left;
    line-height: 1.8em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .textBox > div:first-of-type ul {
        font-size: 11px;
        margin: 10px 0
    }
}
main.PLP .textBox > div:first-of-type ul.marginBottom {
    margin-bottom: 15px !important
}
main.PLP .textBox > div:first-of-type ul li.listHeader {
    list-style: none;
    font-size: 1.2em;
    padding-bottom: 6px;
    margin-left: -16px
}
main.PLP .textBox > div:first-of-type ul li.listSubHeader {
    list-style: none;
    font-size: 1.1em;
    padding-bottom: 0px;
    padding-top: 6px;
    margin-left: -16px
}
main.PLP .textBox > div:first-of-type ul li.listSubHeader.first {
    padding-top: 0px
}
main.PLP .textBox > div:first-of-type ul.lineSpacer li {
    line-height: 1.5em
}
main.PLP .textBox > div:first-of-type ul.firstUl {
    margin-bottom: -27px
}
main.PLP .textBox > div:first-of-type ul.secondUl {
    margin-top: 27px
}
main.PLP .textBox > div:first-of-type ul a {
    text-decoration: underline
}
main.PLP .textBox > div:first-of-type ul a:hover {
    color: #7D96A6
}
main.PLP .textBox > div:first-of-type .iconOuterWraper {
    display: block;
    float: left
}
main.PLP .textBox > div:first-of-type .iconOuterWraper .iconWraper {
    display: block;
    float: left;
    margin: 7px 18px 7px 0
}
main.PLP .textBox > div:first-of-type .iconOuterWraper .iconWraper:last-of-type {
    margin: 7px 2.1px 7px 0
}
main.PLP .textBox > div:first-of-type .iconOuterWraper .iconWraper .craneIcon {
    width: 55px;
    padding: 0 10px 5px;
    margin: 0 auto;
    display: block
}
main.PLP .textBox > div:first-of-type .iconOuterWraper .iconWraper strong {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 10px
}
main.PLP .fancybox {
    width: 15.54%;
    margin: 0 1.33% 1.33% 0;
    display: block;
    float: left;
    border: 2px solid #ccc;
    box-sizing: border-box
}
main.PLP .fancybox:nth-child(6n+0) {
    margin: 0 0 1.33%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .fancybox {
        width: 23.94%
    }
    main.PLP .fancybox:nth-child(6n+0) {
        margin: 0 1.33% 1.33% 0
    }
    main.PLP .fancybox:nth-child(4n+0) {
        margin: 0 0 1.33%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .fancybox {
        width: 48.24%;
        margin: 0 3.43% 3.43% 0
    }
    main.PLP .fancybox:nth-child(6n+0) {
        margin: 0 3.43% 3.43% 0
    }
    main.PLP .fancybox:nth-child(4n+0) {
        margin: 0 3.43% 3.43% 0
    }
    main.PLP .fancybox:nth-child(2n+0) {
        margin: 0 0 3.43%
    }
}
main.PLP .slotRow3 h2.sectionHeader {
    width: 96%;
    color: white;
    background: #272727;
    padding: 12px 2%;
    border-bottom: 3px solid #3778bc;
    margin: 0 0 1.4%;
    display: block;
    text-align: center;
    font-size: 1.7em;
    float: none;
    overflow: hidden
}
main.PLP .slotRow3 h2.sectionHeader.noMarginCentered {
    margin: 0 auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .slotRow3 h2.sectionHeader {
        width: 90.9%;
        margin: 0 auto 1.4%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .slotRow3 h2.sectionHeader {
        margin: 0 0 5%;
        font-size: 1.5em;
        width: 96%
    }
    main.PLP .slotRow3 h2.sectionHeader.noMarginCentered {
        margin: 6% auto 0
    }
}
main.PLP .floatFix {
    float: none;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .tabletWidth {
        width: 95%;
        float: none;
        margin: 3% auto !important;
        display: block;
        overflow: hidden
    }
}
main.PLP .tabletWidth .Slot_2 {
    width: 49.3%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .tabletWidth .Slot_2 {
        width: 100%;
        margin-bottom: 6%
    }
    main.PLP .tabletWidth .Slot_2:last-child {
        margin-bottom: 1%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .tabletWidth {
        max-width: 330px;
        width: 100%
    }
    main.PLP .tabletWidth.mobileNoMax {
        max-width: none
    }
    main.PLP .tabletWidth .Slot_2 a img {
        width: 160%;
        margin-left: -3%;
        margin-top: 18.01%
    }
    main.PLP .tabletWidth .Slot_2 a img.grippleImages {
        margin-left: -14%
    }
    main.PLP .tabletWidth .Slot_2 a img.grippleImages2 {
        margin-left: -26%
    }
    main.PLP .tabletWidth .Slot_2 a img.grippleImages3 {
        margin-left: -35%
    }
    main.PLP .tabletWidth .Slot_2 a img.tensionKitsMobile {
        width: 120%;
        margin-left: -10%
    }
    main.PLP .tabletWidth .Slot_2 a h2 img {
        width: 100%;
        margin: 0px auto
    }
}
main.PLP .slotRow2 {
    width: 100%;
    float: none;
    overflow: hidden;
    margin: 1% auto 0
}
main.PLP .slotRow2.space {
    margin: 0 0 3%
}
main.PLP .slotRow2.biggerSpace {
    margin: 0 auto 4%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .slotRow2 {
        width: 95%;
        margin: 3% auto 0
    }
    main.PLP .slotRow2 .Slot_2 {
        margin-bottom: 4.2%
    }
    main.PLP .slotRow2 .Slot_2:last-child {
        margin-bottom: 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .slotRow2 {
        max-width: 330px;
        width: 100%
    }
    main.PLP .slotRow2 .Slot_2 a img {
        width: 160%;
        margin-left: -3%;
        margin-top: 18.01%
    }
    main.PLP .slotRow2 .Slot_2 a img.ntSlot9 {
        width: 186%;
        margin-left: -43%;
        margin-top: 18.6%
    }
    main.PLP .slotRow2 .Slot_2 a h2 img {
        width: 100%;
        margin: 0px auto
    }
}
main.PLP .slotRow h2.sectionHeader {
    width: 96%;
    color: white;
    background: #272727;
    padding: 12px 2%;
    border-bottom: 3px solid #3778bc;
    margin: 0 0 1.4%;
    display: block;
    text-align: center;
    font-size: 1.7em;
    float: none
}
main.PLP .slotRow h2.sectionHeader.noMarginCentered {
    margin: 0 auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .slotRow h2.sectionHeader span.blockFix {
        display: block
    }
    main.PLP .slotRow h2.sectionHeader span.tabletHyphenHider {
        display: inline-block;
        line-height: 0;
        text-indent: -9999px
    }
    main.PLP .slotRow h2.sectionHeader.tabletMarginBottom {
        margin-bottom: 3%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .slotRow h2.sectionHeader {
        margin-bottom: 0px;
        font-size: 1.5em;
        width: 96%
    }
    main.PLP .slotRow h2.sectionHeader.mobileSpacer {
        margin-top: 5%
    }
    main.PLP .slotRow h2.sectionHeader.noMarginCentered {
        margin: 6% auto 0
    }
    main.PLP .slotRow h2.sectionHeader span.blockFix {
        display: inline
    }
    main.PLP .slotRow h2.sectionHeader span.tabletHyphenHider {
        display: none
    }
}
main.PLP .marginTop {
    margin-top: 1%
}
main.PLP .vid {
    margin-bottom: 1.1%
}
main.PLP .vid.addMarginTop {
    margin-top: 1.6%
}
main.PLP .vid.marginTopBottom {
    margin-top: 3%;
    margin-bottom: 3%
}
main.PLP .vid.moblieMargin {
    margin: 2% 0 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PLP .vid {
        width: 95% !important;
        margin: 0px 2.5% 1.33%
    }
    main.PLP .vid.moblieMargin {
        margin: 0 2.5% 5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PLP .vid {
        width: 100% !important;
        margin: 14px 0px 0px
    }
    main.PLP .vid.moblieMargin {
        margin: 0 0 6%
    }
}
main.PLP .vid .iFrameContainer-16x9 {
    position: relative;
    height: 0;
    overflow: hidden
}
main.PLP .vid .iFrameContainer-16x9 iframe {
    position: absolute;
    top: 0;
    left: -3px;
    width: 100%;
    height: 100%
}
main.PLP .vid .iFrameContainer-16x9 {
    padding-bottom: 56.25%
}
main.PLP .vid .iFrameContainer-4x3 {
    padding-bottom: 75%
}
.Slot_3 .ctaWraper {
    position: absolute;
    top: 71%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 230px;
    z-index: 4
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
    .Slot_3 .ctaWraper {
        max-width: 190px
    }
}
@media screen and (max-device-width: 1186px), screen and (max-width: 1186px) {
    .Slot_3 .ctaWraper {
        max-width: 150px
    }
}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .Slot_3 .ctaWraper {
        max-width: 125px
    }
}
.Slot_3 .ctaWraper a, .Slot_3 .ctaWraper button {
    width: 227px;
    padding: 1.3%;
    color: white;
    border-radius: 8px;
    border: 2px solid white;
    display: block;
    text-align: center;
    float: left;
    font-size: 1.6em;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none
}
@media screen and (max-device-width: 1600px), screen and (max-width: 1600px) {
    .Slot_3 .ctaWraper a, .Slot_3 .ctaWraper button {
        width: 192px;
        padding: 0.8%;
        font-size: 1.3em;
        line-height: 1.7em
    }
}
@media screen and (max-device-width: 1186px), screen and (max-width: 1186px) {
    .Slot_3 .ctaWraper a, .Slot_3 .ctaWraper button {
        width: 152px;
        font-size: 1.1em
    }
}
@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .Slot_3 .ctaWraper a, .Slot_3 .ctaWraper button {
        width: 124px;
        font-size: 1em
    }
}
.Slot_3 .ctaWraper a.cta.red, .Slot_3 .ctaWraper button.cta.red {
    background: rgba(0, 213, 124, 1) none repeat scroll 0% 0%;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
.Slot_3 .ctaWraper a.cta.red:hover, .Slot_3 .ctaWraper button.cta.red:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #00d57c;
    border: 2px solid #00d57c;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
.Slot_3 .ctaWraper a.cta.blue, .Slot_3 .ctaWraper button.cta.blue {
    background: rgba(48, 139, 192, 0.6) none repeat scroll 0% 0%;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
.Slot_3 .ctaWraper a.cta.blue:hover, .Slot_3 .ctaWraper button.cta.blue:hover {
    background: #fff none repeat scroll 0% 0%;
    color: #7D96A6;
    border: 2px solid #7D96A6;
    -webkit-transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out;
    transition: color 0.7s ease-in-out, border 0.7s ease-in-out, background 0.7s ease-in-out
}
main.PDP .slotRow.banner {
    margin: 18px 0 15px
}
main.PDP .slotRow.banner img {
    width: 100%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow.banner img {
        width: 176%;
        margin-left: -62%
    }
    main.PDP .slotRow.banner img.blackRope {
        width: 161%;
        margin: -16px 0
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .noFloatTablet {
        float: none !important
    }
}
main.PDP .fancybox.detailTum {
    width: 24%;
    margin: 0 1.33% 1.33% 0;
    display: block;
    float: left;
    border: 2px solid #ccc;
    box-sizing: border-box
}
main.PDP .fancybox.detailTum:nth-child(4n) {
    margin: 0 0 1.33% 0
}
main.PDP .negMargin {
    margin: -1.33% 0px
}
main.PDP .fancyboxFullWidth {
    width: 100%;
    margin-bottom: 3%;
    display: block
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .fancyboxFullWidth {
        margin-bottom: 0
    }
    main.PDP .fancyboxFullWidth.moblieMarginBottom {
        margin-bottom: 3%
    }
}
main.PDP .marginTop {
    margin-top: 3%
}
main.PDP .leftColWraper {
    float: left;
    width: 26%;
    margin-left: 1%;
	margin-top: 60px;
    position: relative
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .leftColWraper {
        display: none
    }
}
main.PDP .leftColWraper #leftColInnerWraper {
    top: 36%;
    transition: top 250ms ease-in-out
}
main.PDP #rightColWraper {
    display: block;
    overflow: hidden;
    transition: opacity 1s ease-out
}
main.PDP #rightColWraper .slotRow-5 {
    margin-bottom: 2%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #rightColWraper .slotRow-5.mobileMarginTop {
        margin-top: 6%
    }
    main.PDP #rightColWraper .slotRow-5.noMarginBottomMob {
        margin-bottom: 0 !important
    }
}
main.PDP #rightColWraper .slotRow {
    float: right;
    width: 97%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #rightColWraper .slotRow {
        width: 100%
    }
}
main.PDP #rightColWraper .slotRow a.thumbnailSwitcher {
    width: 32.333%;
    float: left;
    padding: 0 1.5% 1.5% 0
}
main.PDP #rightColWraper .slotRow a.thumbnailSwitcher:nth-child(3n+3) {
    padding-right: 0
}
main.PDP #rightColWraper .slotRow a.thumbnailSwitcher img {
    width: 100%;
    display: block
}
main.PDP #rightColWraper .slotRow h2.detailSubHeader {
    width: 96%;
    text-align: center;
    padding: 1% 2%;
    margin: 0 auto 1.4%;
    float: none;
    display: block;
    font-size: 1.5em;
    color: white;
    background: #272727;
    border-bottom: 3px solid #3778BC
}
main.PDP #rightColWraper .slotRow.marginBottomThumb {
    margin-bottom: 1.5%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #rightColWraper .slotRow.mobileMarginTop {
        margin-top: 6%
    }
    main.PDP #rightColWraper .slotRow.noMarginBottomMob {
        margin-bottom: 0 !important
    }
    main.PDP #rightColWraper .slotRow.mobileMarginFix {
        float: none;
        margin-bottom: 5%;
        overflow: hidden
    }
}
main.PDP #rightColWraper .slotRow.tabletWidth {
    margin: 0 0 1.5% 0
}
main.PDP #rightColWraper .slotRow.tabletWidth.negMarginBottom {
    margin: 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #rightColWraper .slotRow.tabletWidth {
        width: 95%;
        float: none;
        margin: 3% auto !important;
        display: block;
        overflow: hidden
    }
    main.PDP #rightColWraper .slotRow.tabletWidth.negMarginBottom {
        margin: 0 auto 1% !important
    }
    main.PDP #rightColWraper .slotRow.tabletWidth.noMarginTabletTB {
        margin: 0 auto !important
    }
}
main.PDP .RecomendedWraper, main.PDP .leftNavWraper, main.PDP .leftInfoWraper {
    background: #fff;
    width: 100%;
    box-sizing: border-box;
}
main.PDP .RecomendedWraper {
    margin-top: 8%
}
main.PDP .RecomendedWraper.noMarginTop {
    margin-top: 0
}
main.PDP a .leftColHeader {
    margin: 1% 0;
    color: #FFF;
    font-size: 1em;
    width: 93.5%;
    background: #1C4864;
    border-left: 0px solid #7D96A6;
    padding: 3.3%;
    transition: all 0.25s ease-in-out
}
main.PDP a .leftColHeader:hover {
    border-left: 10px solid #75828b
}
main.PDP a .leftColHeader2 {
    margin: 3% 0 1%;
    color: #FFF;
    font-size: 1em;
    width: 93.5%;
    background: #1C4864;
    border-left: 0px solid #7D96A6;
    padding: 3.3%;
    transition: all 0.25s ease-in-out
}
main.PDP a .leftColHeader2:hover {
    border-left: 10px solid #75828b
}
main.PDP .leftNavWraper.marginTop {
    margin-top: 8%
}
main.PDP .leftNavWraper a {
    display: block;
    overflow: hidden
}
main.PDP .leftNavWraper ul {
    list-style: none;
    color: #0d384e;
    padding: 0;
    width: 100%;
    margin: 0;
    font-size: 0.94em
}
main.PDP .leftNavWraper ul li {
    margin: 5px 0 0;
    background: #E7E7E7
}
main.PDP .leftNavWraper ul li a {
    display: block;
    padding: 3% 0 3% 4%;
    border-left: 0px solid #7D96A6;
    transition: all 0.25s ease-in-out;
    font-weight: bold
}
main.PDP .leftNavWraper ul li a:hover {
    border-left: 10px solid #75828b
}
main.PDP .RecomendedWraper .leftColHeader {
    margin: 0.7% 0;
    color: #FFF;
    font-size: 1em;
    width: 93.5%;
    background: #1C4864;
    border-left: 0px solid #7D96A6;
    padding: 3.3%
}
main.PDP .RecomendedWraper h2 {
    background: #E7E7E7;
    color: #0d384e;
    border-left: 0px solid #7D96A6;
    font-size: 1em;
    font-weight: bold;
    transition: all 0.25s ease-in-out;
    padding: 3.2% 0px 3% 4%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    /*width: 100%;*/
    /*height: 21px;*/
    margin: 0
}
main.PDP .RecomendedWraper ul {
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    font-size: 0.94em
}
main.PDP .RecomendedWraper ul li {
    margin: 0
}
main.PDP .RecomendedWraper ul li img {
    width: 100%;
    height: auto;
    transition: all 0.25s ease-in-out;
    position: absolute;
    top: 17%;
    left: 0;
    z-index: 899
}
main.PDP .RecomendedWraper ul li a {
    display: block;
    background: #3778BC;
    overflow: hidden;
    position: relative;
    height: 0px;
    padding: 8% 0;
    border-top: 0.5em solid white;
    transition: padding 0.5s ease-in-out
}
main.PDP .RecomendedWraper ul li a:hover {
    height: 0px;
    padding: 40% 0
}
main.PDP .RecomendedWraper ul li a:hover h2 {
    border-left: 10px solid #75828b
}
main.PDP .leftInfoWraper {
    padding: 2% 2% 0.5%
}
main.PDP .leftInfoWraper a {
    display: block;
    width: 100%
}
main.PDP .leftInfoWraper a img {
    width: 100%;
    height: auto
}
main.PDP .main2 {
    padding: 30px 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .main2 {
        padding: 15px 0 25px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .main2 {
        padding: 2.75% 0px
    }
}
main.PDP .main2 .slotRow3NoFloat {
    width: 71%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .main2 .slotRow3NoFloat {
        width: 100%
    }
}
main.PDP .main2 .slotRow, main.PDP .main2 .slotRow2, main.PDP .main2 .slotRow3 {
    float: right;
    width: 97%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .main2 .slotRow, main.PDP .main2 .slotRow2, main.PDP .main2 .slotRow3 {
        float: left;
        width: 100%
    }
}
main.PDP .slotRow h2.sectionHeader {
    width: 96%;
    text-align: center;
    padding: 1% 2%;
    margin: 0 auto;
    float: none;
    display: block;
    font-size: 1.5em;
    color: #fff;
    background: #1C4864;
    border-bottom: 3px solid #3778BC
}
main.PDP .slotRow h2.sectionHeader.noMarginCentered {
    margin: 0 auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow h2.sectionHeader {
        width: 91%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow h2.sectionHeader {
        margin-bottom: 0px;
        font-size: 1.5em;
        width: 96%
    }
    main.PDP .slotRow h2.sectionHeader.noMarginCentered {
        margin: 6% auto 0
    }
}
main.PDP .slotRow h1 {
    width: 100%;
    text-align: center;
    padding: 2% 0%;
    margin: 0 auto 3.3%;
    float: none;
    display: block;
    font-size: 2em;
    color: #1C4864;
    font-family: "Josefin Sans", "Trebuchet MS"
}
main.PDP .slotRow h1.noMarginCentered {
    margin: 0 auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow h1 {
        margin-bottom: 0px;
        margin-top: 6%;
        font-size: 2em
    }
    main.PDP .slotRow h1.noMarginCentered {
        margin: 6% auto 0
    }
}
main.PDP .slotRow2 h2 {
    width: 96.1%;
    text-align: center;
    padding: 1.2% 2%;
    margin: 0 auto;
    float: none;
    display: block;
    font-size: 1.7em;
    color: #fff;
    background: #1C4864;
    border-bottom: 3px solid #3778BC
}
main.PDP .slotRow2 h2 .smallerText {
    font-size: 0.8em
}
main.PDP .slotRow2 h2.noMarginCentered {
    margin: 0 auto
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2 h2 {
        margin-bottom: 0px;
        margin-top: 6%;
        font-size: 2em
    }
    main.PDP .slotRow2 h2.noMarginCentered {
        margin: 6% auto 0
    }
}
main.PDP .slotRow2.grey {
    background: #98999b
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow2.grey {
        width: 95%;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey {
        width: 100%
    }
}
main.PDP .slotRow2.grey.marginTop {
    margin-top: 2%
}
main.PDP .slotRow2.grey.marginTop2 {
    margin-top: 3%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow2.grey.marginTop2 {
        margin-top: 5%
    }
}
main.PDP .slotRow2.grey .rowInner {
    background: #515253;
    width: 93%;
    margin: 3.3% auto;
    padding-bottom: 1.9%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey .rowInner {
        padding: 0.5% 0 2.7%;
        max-width: 328px
    }
}
main.PDP .slotRow2.grey .detailsWrapper {
    background: #FFFFFF;
    overflow: hidden;
    width: 91.3%;
    margin: 0 auto;
    border: 2px solid #4c4d4e;
    padding: 1% 2%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey .detailsWrapper {
        width: 89%;
        padding: 1% 2% 0 2%
    }
}
main.PDP .slotRow2.grey .detailsWrapper p {
    margin: 5px 0px 6px
}
main.PDP .slotRow2.grey h2 {
    margin: 0 auto
}
main.PDP .slotRow2.grey h3 {
    margin: 0 auto;
    font-size: 1.6em;
    font-weight: bold
}
main.PDP .slotRow2.grey dl {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 0px 2px;
    font-weight: bold;
    line-height: 19px;
    overflow: auto
}
main.PDP .slotRow2.grey dl span {
    display: block;
    overflow: hidden
}
main.PDP .slotRow2.grey dl span.left {
    float: left;
    width: 60%
}
main.PDP .slotRow2.grey dl span.right {
    float: right;
    width: 40%
}
main.PDP .slotRow2.grey dl dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey dl dt {
        float: left;
        clear: left;
        text-align: left;
        font-weight: bold;
        width: 100%
    }
}
main.PDP .slotRow2.grey dl dt:after {
    content: ":"
}
main.PDP .slotRow2.grey dl dd {
    margin: 0 0 0 15px;
    padding: 0 0 0.5em 0;
    color: #316ba8;
    float: left;
    font-size: 1.1em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey dl dd {
        margin: 0;
        font-size: 1.2em
    }
}
main.PDP .slotRow2.grey .Slot_6 {
    width: 46.95%;
    margin: 2% 0% 2% 2%
}
main.PDP .slotRow2.grey .Slot_6:last-child {
    margin-left: 4%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey .Slot_6:last-child {
        margin: 7% auto;
        max-width: 328px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow2.grey .Slot_6 {
        width: 94.5%;
        clear: both;
        float: none;
        margin: 2.5% auto;
        max-width: none;
        display: block
    }
}
main.PDP .slotRow2 img {
    border: 2px solid #4c4d4e;
    box-sizing: border-box
}
main.PDP .Slot_6 {
    width: 48%;
    margin: 0 0 4%;
    float: left
}
main.PDP .Slot_6:last-child {
    margin-left: 4%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .Slot_6:last-child {
        margin: 6% auto
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .Slot_6 {
        width: 45.4%;
        margin: 0 0 3.3% 2.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .Slot_6 {
        width: 99.5%;
        clear: both;
        float: none;
        margin: 7% auto
    }
}
main.PDP .slotRow3NoFloat {
    float: right;
    display: block
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow3NoFloat {
        margin: 0 auto;
        float: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow3NoFloat {
        margin-bottom: 3%
    }
}
main.PDP .slotRow3NoFloat.addMarginBottom {
    margin-bottom: 2.5%
}
main.PDP .slotRow3 {
    float: left;
    width: 100%;
    display: block
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow3 {
        margin-bottom: 3%
    }
}
main.PDP .slotRow3.addMarginBottom {
    margin-bottom: 2.5%
}
main.PDP .slotRow3.marginTop {
    margin-top: 3.1%
}
main.PDP table {
    width: 100%;
    font-weight: bold;
    float: right
}
main.PDP table.marginBottom {
    margin-bottom: 2.5%
}
main.PDP table .tableBuyNow {
    width: 90%;
    margin: 0;
    padding: 8% 5%;
    display: block;
    font-size: 0.9em !important;
    line-height: 19px !important;
    color: #FFFFFF !important
}
main.PDP table .tableBuyNow.smallPad {
    padding: 5.5% 5%
}
main.PDP table .tableBuyNow .buttonText {
    display: inline;
    font-weight: 900
}
main.PDP table .tableBuyNow .buttonText .shoppingCart {
    background-image: url(../images/icons/shopping-cart.png);
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    display: inline-block;
    margin-right: 3px
}
main.PDP table .tableBuyNow .buttonText .contactIcon {
    background-image: url(../images/icons/ContactEmalPhone.png);
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    width: 26px;
    height: 20px;
    display: inline-block;
    margin-right: 3px
}
main.PDP table .tableBuyNow .buttonText .textWiggle {
    display: inline-block
}
main.PDP table .tableBuyNow.blue {
    background-color: #7D96A6;
    transition: all 0.2s ease-in
}
main.PDP table .tableBuyNow.blue:hover {
    background-color: #8ca2b0
}
main.PDP table .tableBuyNow.red {
    background-color: #c31138;
    transition: all 0.2s ease-in
}
main.PDP table .tableBuyNow.red:hover {
    background-color: #75e8b8
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP table {
        width: 95%;
        float: none;
        margin: 0 auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP table {
        width: 100%;
        margin: 0 auto;
        max-width: 330px
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow-5 table {
        width: 100%
    }
}
main.PDP .slotRow-5 table tr.tableHeader {
    background: #1c4864 !important
}
main.PDP .slotRow-5 table tr.tableHeader th {
    padding: 6px;
    font-size: 0.93em;
    height: 29px;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow-5 table tr.tableHeader th {
        font-size: 0.8em;
        padding: 6px 2px
    }
}
main.PDP .slotRow-5 table tr {
    background: #29678f;
    color: #FFFFFF;
    text-align: center;
    height: 35px
}
main.PDP .slotRow-5 table tr:nth-child(2n+1) {
    background: #7d96a6
}
main.PDP .slotRow-5 table tr td {
    font-size: 0.9em;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow-5 table tr td {
        font-size: 0.75em;
        padding: 0px
    }
}
main.PDP .slotRow-5 table.leftAlign tr {
    background: #4290c5
}
main.PDP .slotRow-5 table.leftAlign tr:nth-child(2n+1) {
    background: #86abcb
}
main.PDP .slotRow-5 table.leftAlign tr.tableHeader th {
    padding-left: 1.5%;
    font-size: 1.1em;
    background: #255990 !important;
    border: 1px solid #FFFFFF
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow-5 table.leftAlign tr.tableHeader.tabletFix th {
        padding-left: 0;
        font-size: 0.8em
    }
}
main.PDP .slotRow-5 table.leftAlign tr td.padLeft {
    padding-left: 1.5%;
    border: 1px solid #FFFFFF
}
main.PDP .slotRow-5 table.leftAlign tr td.padTop {
    padding-top: 1.1%;
    padding-right: 1.5%;
    border: 1px solid #FFFFFF
}
main.PDP .cta {
    width: 43.8%;
    padding: 2% 1.8% 1.7%;
    font-size: 1.03em !important;
    float: left;
    font-weight: bold !important;
    margin-bottom: 3.1%;
    text-transform: uppercase;
    line-height: inherit !important;
    text-decoration: none
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta {
        width: 91.1%;
        margin-left: 2.7%;
        margin-right: 0;
        text-align: center
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .cta {
        width: 96%;
        max-width: 315.33px;
        margin: 0 auto 4%;
        float: none;
        display: block;
        padding: 4% 1.8% 3.4%;
        font-size: 0.97em
    }
}
main.PDP .cta:first-child {
    margin-right: 4%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .cta:first-child {
        margin-right: auto
    }
}

main.PDP .cta.red {
    background: #00d57c url("../images/Contact-icon.png") no-repeat scroll;
	color: #FFFFFF;
	border: 2px solid #00d57c;
    background-position: right 11px top 50%;
    background-size: 8% auto;
    transition: all 0.2s ease-in-out;
}

@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.red {

    }
}

main.PDP .cta.red:hover {
    background: #FFFFFF url("../images/Contact-icon-red.png") no-repeat scroll;
	color: #00d57c;
	border: 2px solid #00d57c;
    background-position: right 11px top 50%;
    background-size: 8% auto
}

@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.red:hover {

    }
}
main.PDP .cta.red.shoppingCart {
    background-image: url(../images/icons/shopping-cart.png);
    background-repeat: no-repeat
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.red.shoppingCart {
        background: #00d57c
    }
}
main.PDP .cta.blue {
    background: url("../images/downloads-icon-blue.png") no-repeat scroll;
	border: solid 2px #1c4864;
	color: #1c4864;
    background-position: right 14px top 50%;
    background-size: 5% auto;
    transition: background-color 0.3s ease-in-out
}
main.PDP .cta.blue.cog {
    background: url("../images/icons/Cog.png") no-repeat scroll !important;
	border: solid 2px #1c4864;
	color: #1c4864;
    background-position: right 4px top 40% !important;
    background-size: 11% auto !important;
    transition: background-color 0.3s ease-in-out !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.blue.cog {
        background: #1c4864 !important;
        margin-bottom: 1.5% !important
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .cta.blue.cog {
        margin-bottom: 4% !important
    }
}
main.PDP .cta.blue.cog:hover {
    background: #1c4864 url("../images/icons/Cog.png") no-repeat scroll !important;
	color: #FFFFFF;
    background-position: right 4px top 40% !important;
    background-size: 11% auto !important
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.blue.cog:hover {
        background: #1c4864 !important
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.blue {
        background: #7D96A6;
        margin-bottom: 1.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .cta.blue {
        margin-bottom: 4%
    }
}
main.PDP .cta.blue:hover {
    background: #1c4864 url("../images/downloads-icon.png") no-repeat scroll;
	color: #FFFFFF;
    background-position: right 14px top 50%;
    background-size: 5% auto
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .cta.blue:hover {
        background: #1c4864
    }
}
main.PDP .cta.mobileshow {
    display: none
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .cta.mobileshow {
        display: block
    }
}
main.PDP .cta.buyNow {
    width: 97%;
    max-width: none;
    margin-top: 3%;
    margin-bottom: 0px
}
main.PDP .cta.buyNow2 {
    width: 97%;
    margin-top: 0;
    margin-bottom: 15px;
    max-width: 315.33px
}
main.PDP .cta .buttonText {
    display: inline;
    font-weight: bold
}
main.PDP .cta .buttonText .shoppingCart {
    background-image: url(../images/icons/shopping-cart.png);
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    width: 23px;
    height: auto;
    display: inline-block;
    margin-right: 3px
}
main.PDP .cta .buttonText .textWiggle {
    display: inline-block
}
main.PDP .fullWidth {
    width: 95.8% !important;
    text-align: center;
    background-image: none !important
}
main.PDP .fullWidth span {
    display: inline;
    background: url("../images/Contact-icon.png") no-repeat scroll;
    background-size: 100% auto;
    background-position: right 0px top 45%;
    transition: background-color 0.3s ease-in-out;
    padding: 13px;
    margin-left: 10px
}
main.PDP .fullWidth span:hover {
    background: url("../images/Contact-icon.png") no-repeat scroll;
    background-size: 100% auto;
    background-position: right 0px top 45%
}
main.PDP .Slot_3 {
    margin-bottom: 3.3%
}
main.PDP .Slot_3.smallerMarginBottom {
    margin-bottom: 1.6%
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .Slot_3 {
        overflow: hidden
    }
    main.PDP .Slot_3 img {
        width: 300%;
        display: block;
        margin: -6% -5% -3%
    }
    main.PDP .Slot_3 img.pressesImg {
        margin: -6% -27% -3%
    }
    main.PDP .Slot_3 img.pressesImg.Small20 {
        margin: 0% -182% 0%
    }
    main.PDP .Slot_3 img.pressesImg.Small40 {
        margin: 0% -88%
    }
    main.PDP .Slot_3 img.pressesImg.Small130 {
        margin: 0% -18% 0%
    }
    main.PDP .Slot_3 img.pressesImg.Small250 {
        margin: 0% -24%
    }
    main.PDP .Slot_3 img.pressesImg.Medium300 {
        margin: 0% -22%
    }
    main.PDP .Slot_3 img.pressesImg.Medium500 {
        margin: 0% -26%
    }
    main.PDP .Slot_3 img.pressesImg.Medium600-1S {
        margin: 0% -31%;
        width: 270%
    }
    main.PDP .Slot_3 img.pressesImg.Medium600-2S {
        margin: 0% -31%;
        width: 280%
    }
    main.PDP .Slot_3 img.pressesImg.Medium1000 {
        margin: 0% -26%;
        width: 270%
    }
    main.PDP .Slot_3 img.pressesImg.Large2000 {
        margin: 0% -34%
    }
    main.PDP .Slot_3 img.pressesImg.Large4200 {
        margin: 0% -27% 0%;
        width: 290%
    }
    main.PDP .Slot_3 img.pressesImg.RoundDie {
        margin: 0% -16% 0%
    }
    main.PDP .Slot_3 img.pressesImg.TurnbackDie {
        margin: 0% -18% 0%
    }
    main.PDP .Slot_3 img.fallArrestImg {
        margin: -9% -137% 0%
    }
    main.PDP .Slot_3 img.wrSlingImg {
        margin: -9% -100% 0%
    }
    main.PDP .Slot_3 img.InfillImg {
        margin: -6% -167% -3%
    }
    main.PDP .Slot_3 img.zipWireImg {
        margin: -4% -65% 0%;
        width: 285%
    }
    main.PDP .Slot_3 img.galv7x19Img {
        margin: -6% -3% -3%
    }
    main.PDP .Slot_3 img.bsAssembliesImg {
        margin: 0% -134% 0%
    }
    main.PDP .Slot_3 img.zwAssembliesImg {
        margin: 0% -67% 0%;
        width: 290%
    }
    main.PDP .Slot_3 img.towerCraneImg {
        margin: 0% -127% -2%
    }
    main.PDP .Slot_3 img.MarineRiserBannerImg {
        margin: 0% -168% -2%
    }
    main.PDP .Slot_3 img.drillingOppImg {
        margin: 0% -151% -2%
    }
    main.PDP .Slot_3 img.offshoreCraneImg {
        margin: 0% -138% -2%
    }
    main.PDP .Slot_3 img.shipToShoreImg {
        margin: -4% -58% 0%
    }
    main.PDP .Slot_3 img.HarbourCranesImg {
        margin: -4% -196% 0%
    }
    main.PDP .Slot_3 img.PortCranesImg {
        margin: -4% -113% 0%
    }
    main.PDP .Slot_3 img.GrippleStandardImg {
        margin: -6% -143% -3%
    }
    main.PDP .Slot_3 img.GrippleExpressImg {
        margin: -6% -25% -3%
    }
    main.PDP .Slot_3 img.GrippleTrapezeImg {
        margin: -6% -87% -3%
    }
    main.PDP .Slot_3 img.GrippleCClipImg {
        margin: 0% 0% -9%
    }
    main.PDP .Slot_3 img.winchRopesImg {
        margin: -8% -117% 0%
    }
    main.PDP .Slot_3 img.GreenWallImg {
        margin: -6% -167% 0%
    }
    main.PDP .Slot_3 img.CoatedMetricImg {
        margin: 0% -21% -3%
    }
}
main.PDP .noMaxWidth {
    max-width: none !important
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .noMaxWidth .cta {
        max-width: none
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .noMargin {
        margin: 0
    }
    main.PDP .noMargin {
        margin: 0
    }
    main.PDP .noMarginBottomMob {
        margin-bottom: 0 !important
    }
}
main.PDP .vid {
    margin-bottom: 2.2%
}
main.PDP .vid.marginTopBottom {
    margin-top: 3%;
    margin-bottom: 3%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .vid {
        width: 95% !important;
        margin: 0px 2.5% 1.33%
    }
    main.PDP .vid.tabletMargin {
        margin: 0px 2.5% 3.5%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .vid {
        width: 100% !important;
        margin: 14px 0px 0px
    }
}
main.PDP .vid .iFrameContainer-16x9 {
    position: relative;
    height: 0;
    overflow: hidden
}
main.PDP .vid .iFrameContainer-16x9 iframe {
    position: absolute;
    top: 0;
    left: -3px;
    width: 100%;
    height: 100%
}
main.PDP .vid .iFrameContainer-16x9 {
    padding-bottom: 56.25%
}
main.PDP .vid .iFrameContainer-4x3 {
    padding-bottom: 75%
}
main.PDP .negTextBox {
    margin-top: -15px
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .negTextBox {
        width: 95% !important;
        margin: -15px 2.5% 0px
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .negTextBox {
        width: 100% !important;
        margin: -10px 0px
    }
}
main.PDP .textBox.marginTop3 {
    margin-top: 3.1%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .textBox {
        width: 95%;
        float: none;
        margin: 0 auto
    }
    main.PDP .textBox.tabletTextBoxFix {
        width: 99.6%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox {
        width: 100%;
        max-width: 328px
    }
    main.PDP .textBox.noMarginBottom {
        margin-bottom: 0
    }
    main.PDP .textBox.tabletTextBoxFix {
        max-width: inherit
    }
    main.PDP .textBox.mobileTextBoxFix {
        max-width: inherit
    }
}
main.PDP .textBox img {
    width: 100%;
    display: block
}
main.PDP .textBox h2 {
    width: 96%;
    text-align: center;
    padding: 2% 2%;
    margin: 0 auto;
    float: none;
    display: block;
    font-size: 1.5em;
	font-family: "Josefin Sans", "Trebuchet MS";
    color: white;
    background: #1C4864;
    
}
main.PDP .textBox h3 {
    display: block;
    color: #000000;
    margin-bottom: 4px
}
main.PDP .textBox h4 {
    margin: 0 0 3px;
    color: #2c81d7
}
main.PDP .textBox div {
    font-size: 15px;
    background: #fff;
    color: #272727;
    padding: 3% 4%;
    width: 92%;
    margin: 0px 0px 3%;
    float: left
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div {
        padding: 4% 5%;
        width: 90%
    }
    main.PDP .textBox div.ropeTextBoxFix {
        margin-bottom: 0
    }
}
main.PDP .textBox div .floatFix {
    width: 100%;
    display: block
}
main.PDP .textBox div p {
    color: #272727;
    font-size: 15px
}
main.PDP .textBox div p a {
    color: #272727;
    text-decoration: underline
}
main.PDP .textBox div p a:hover {
    color: #aabbc5
}
main.PDP .textBox div .tick {
    margin: 0 5% 3% 0;
    display: inline-block
}
main.PDP .textBox div .tick:last-of-type {
    margin: 0px 0px 3%
}
main.PDP .textBox div .tick img {
    margin: 0 4px -6px 0;
    display: inline-block;
    width: inherit
}
main.PDP .textBox div dl {
    width: 100%;
    display: inline-block;
    margin: 10px 0px 0px 2px;
    font-weight: bold;
    line-height: 19px;
    overflow: auto
}
main.PDP .textBox div dl.widther dt {
    width: 100px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div dl.widther dt {
        font-size: 1.2em;
        margin: 8px 0 4px
    }
}
main.PDP .textBox div dl.widther dd {
    width: 75%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .textBox div dl.widther dd {
        width: 70%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div dl.widther dd {
        clear: both;
        font-size: 1em;
        width: 100%
    }
}
main.PDP .textBox div dl span {
    display: block;
    overflow: hidden
}
main.PDP .textBox div dl span.left {
    float: left;
    width: 60%
}
main.PDP .textBox div dl span.right {
    float: right;
    width: 40%
}
main.PDP .textBox div dl dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
    font-size: 1em
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div dl dt {
        float: left;
        clear: left;
        text-align: left;
        font-weight: bold;
        width: 100%
    }
}
main.PDP .textBox div dl dt:after {
    content: ":"
}
main.PDP .textBox div dl dd {
    margin: 0 0 0 15px;
    padding: 0 0 0.5em 0;
    float: left;
    font-size: 1em;
    font-weight: normal
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div dl dd {
        margin: 0;
        font-size: 0.9em
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div ul.fontSizeFixed {
        font-size: 14px
    }
}
main.PDP .textBox div ul {
    padding: 0 16px;
    margin: 0 0 10px;
    display: block;
    font-size: 15px;
    float: left
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div ul {
        font-size: 11px;
        margin: 10px 0
    }
}
main.PDP .textBox div ul.marginBottom {
    margin-bottom: 15px !important
}
main.PDP .textBox div ul li.spacer {
    margin-bottom: 8px
}
main.PDP .textBox div ul li.listHeader {
    list-style: none;
    font-size: 1.2em;
    padding-bottom: 6px;
    margin-left: -16px
}
main.PDP .textBox div ul li.listSubHeader {
    list-style: none;
    font-size: 1.1em;
    padding-bottom: 0px;
    padding-top: 6px;
    margin-left: -16px
}
main.PDP .textBox div ul li.listSubHeader.first {
    padding-top: 0px
}
main.PDP .textBox div ul.lineSpacer li {
    line-height: 1.5em
}
main.PDP .textBox div ul.firstUl {
    margin-bottom: -27px
}
main.PDP .textBox div ul.secondUl {
    margin-top: 27px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .textBox div ul.secondUl {
        margin-top: -10px
    }
}
main.PDP .textBox div ul a {
    text-decoration: underline
}
main.PDP .textBox div ul a:hover {
    color: #7D96A6
}
main.PDP .textBox div .iconOuterWraper {
    display: block;
    float: left
}
main.PDP .textBox div .iconOuterWraper .iconWraper {
    display: block;
    float: left;
    margin: 7px 0
}
main.PDP .textBox div .iconOuterWraper .iconWraper .craneIcon {
    width: 55px;
    padding: 0 10px 5px;
    margin: 0 auto;
    display: block
}
main.PDP .textBox div .iconOuterWraper .iconWraper strong {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 10px
}
main.PDP .descriptionFullWidth {
    font-size: 15.2px;
    background: #fff;
    color: #272727;
    padding: 3%;
    width: 94%;
    margin: 0 0 3% 0;
    float: left
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .descriptionFullWidth {
        margin: 6% 0 6% 0
    }
    main.PDP .descriptionFullWidth.maxWidth {
        margin: 0 auto 4.2%;
        max-width: 304px;
        float: none
    }
    main.PDP .descriptionFullWidth.mobileMargin {
        margin: 0 0 6% 0
    }
    main.PDP .descriptionFullWidth.MobileNoMarginBottom {
        margin-bottom: 0
    }
}
main.PDP .descriptionFullWidth a {
    text-decoration: underline
}
main.PDP .descriptionFullWidth a:hover {
    color: #7D96A6
}
main.PDP .descriptionFullWidth h3 {
    font-size: 1.5em;
    color: #3e81c7;
    margin: 0px 0px 8px 0px;
    display: block
}
main.PDP .descriptionFullWidth h4 {
    margin: 0 0 3px;
    color: #4c9bcd
}
main.PDP .descriptionFullWidth p {
    color: #272727
}
main.PDP .descriptionFullWidth dl {
    margin-top: 0
}
main.PDP .descriptionFullWidth dl dt {
    font-weight: bold;
    font-size: 1.1em;
    color: #3778BC
}
main.PDP .descriptionFullWidth dl dd {
    margin: 2px 0px 10px
}
main.PDP .descriptionFullWidth ul {
    padding-left: 20px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .descriptionFullWidth ul {
        padding-left: 16px
    }
}
main.PDP .descriptionFullWidth ul.noMarginTop {
    margin-top: 0
}
main.PDP .descriptionFullWidth ul.noMargin {
    margin: 0
}
main.PDP .description {
    font-size: 15.2px;
    background: #272727;
    color: white;
    padding: 3%;
    width: 94%;
    margin: 0 0 3% 0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .description {
        width: 86.7%;
        display: block;
        margin: 1.5% auto
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .description {
        width: 92%;
        max-width: 296px;
        text-align: center;
        padding: 4%;
        margin: 0 auto 3%
    }
    main.PDP .description.noMaxWidth {
        max-width: none
    }
}
main.PDP .description h3 {
    font-size: 1.5em;
    color: #FFFFFF
}
main.PDP .description h4 {
    margin: 0 0 3px;
    color: #4c9bcd
}
main.PDP .description p {
    color: #fff
}
main.PDP #hireform {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    width: 100%;
    padding: 0px 3% 3%;
    float: left;
    text-align: justify;
    white-space: normal;
    letter-spacing: normal;
    word-spacing: normal;
    display: block;
    line-height: 15px;
    background-color: #ccc
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #hireform {
        width: 94%
    }
}
main.PDP #hireform input[type="checkbox"] {
    display: none
}
main.PDP #hireform input[type="checkbox"] + label {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block
}
main.PDP #hireform input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 1px 0 8px;
    vertical-align: middle;
    background: url(../images/icons/check_radio_sheet.png) left top no-repeat;
    cursor: pointer
}
main.PDP #hireform input[type="checkbox"]:checked + label span {
    background: url(../images/icons/check_radio_sheet.png) -19px top no-repeat
}
main.PDP #hireform input[type="checkbox"] + label span.firstChecker {
    margin: -1px 1px 0 0
}
main.PDP #hireform .CheckBoxTogle {
    display: table-row
}
main.PDP #hireform .DropdownTogle {
    display: none
}
@media screen and (max-device-width: 675px), screen and (max-width: 675px) {
    main.PDP #hireform .CheckBoxTogle {
        display: none
    }
    main.PDP #hireform .DropdownTogle {
        display: table-row;
        background: #656668 !important;
        color: #333 !important
    }
}
main.PDP #hireform table {
    font-weight: normal;
    color: #FFFFFF;
    font-weight: bold;
    width: 94%
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #hireform table {
        width: 100%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #hireform table {
        max-width: initial
    }
}
main.PDP #hireform table tr {
    background: #69a7d1
}
main.PDP #hireform table tr:nth-child(2n+1) {
    background: #aac4da
}
main.PDP #hireform .noScroll {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    border: solid grey 1px;
    margin-bottom: 13px
}
main.PDP #hireform .noScroll select {
    padding: 9px 10px 0px 10px;
    margin: -5px -30px -5px -8px;
    cursor: pointer;
    display: block;
    height: 42px;
    background-color: #333;
    color: #FFFFFF
}
main.PDP #hireform .noScroll select option {
    display: inline-block;
    margin: 0px 5px 0px 0px;
    padding: 0px 4px 2px
}
main.PDP #hireform .noScroll select option:hover {
    background: #7D96A6;
    color: #FFFFFF
}
main.PDP #hireform strong {
    font-weight: bold
}
main.PDP #hireform h4 {
    background: #1C4864;
    color: #fff;
    width: 100%;
    padding: 20px 3.6%;
    margin-left: -3.2%;
    border-bottom: 3px solid #7D96A6;
    font-size: 1.75em
}
main.PDP #hireform h4 span {
    font-size: 0.8em
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #hireform h4 {
        width: 99.2%;
        text-align: center
    }
}
@media screen and (max-device-width: 675px), screen and (max-width: 675px) {
    main.PDP #hireform h4 {
        font-size: 1.3em
    }
}
main.PDP #hireform #submitButton {
    width: 94%;
    margin: 20px 0px 0px;
    background: #7D96A6;
    border: none;
    padding: 13px 0px;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    font-family: inherit;
    border-radius: 6px;
    transition: background-color 0.2s ease-in
}
main.PDP #hireform #submitButton:hover {
    background-color: #8ca2b0
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #hireform #submitButton {
        width: 100%;
        margin: 20px 0px 8px
    }
}
main.PDP #hireform .personalDetails {
    display: block;
    float: left;
    width: 94%;
    padding: 3.3% 0px;
    background: #2f2e2b
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP #hireform .personalDetails {
        width: 94%;
        padding: 3.3% 0px 3.3% 6%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #hireform .personalDetails {
        padding: 3.3% 0px 3.3%;
        width: 100%
    }
}
main.PDP #hireform .personalDetails .titleAndField {
    float: left;
    width: 49%;
    margin: 7px 0px
}
@media screen and (max-device-width: 675px), screen and (max-width: 675px) {
    main.PDP #hireform .personalDetails .titleAndField {
        width: 100%
    }
}
main.PDP #hireform .personalDetails .titleAndField strong {
    display: inline-block;
    width: 40%;
    text-align: right;
    margin-right: 2%;
    color: #FFFFFF
}
@media screen and (max-device-width: 675px), screen and (max-width: 675px) {
    main.PDP #hireform .personalDetails .titleAndField strong {
        width: 32%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #hireform .personalDetails .titleAndField strong {
        width: 45%
    }
}
main.PDP #hireform .personalDetails .titleAndField input {
    display: inline-block;
    padding: 0px 2px 2px;
    width: 50%;
    border-top: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background: #D9D9D9
}
@media screen and (max-device-width: 675px), screen and (max-width: 675px) {
    main.PDP #hireform .personalDetails .titleAndField input {
        width: 45%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .marginBottomMob {
        margin-bottom: 6%
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP #rightColWraper .slotRow.mobileWidth {
        max-width: 328px;
        float: none;
        overflow: hidden;
        margin: 0px auto
    }
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .noMarginTablet {
        margin: 0 auto 3.1%
    }
}
main.PDP .listMarginBottom {
    margin-bottom: 1.4%
}
main.PDP .slotRow-5 h2.sectionHeader {
    width: 96%;
    color: white;
    background: #272727;
    padding: 12px 2%;
    border-bottom: 3px solid #3778bc;
    margin: 0 0 -0.7%;
    display: block;
    text-align: center;
    font-size: 1.7em;
    float: none;
    overflow: hidden
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    main.PDP .slotRow-5 h2.sectionHeader {
        margin: 3% 0 0
    }
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    main.PDP .slotRow-5 h2.sectionHeader {
        margin: 3% 0
    }
}
nav #accordian {
    width: 100%;
    margin: 163px auto 0px;
    color: white
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    nav #accordian {
        margin: 86px auto 0px
    }
}
nav #accordian ul {
    margin: 0;
    padding: 0
}
nav #accordian input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px
}
nav #accordian h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    margin: 0;
    padding: 2px 10px;
    cursor: pointer;
    background: #225678;
    border-bottom: 1px solid #133144;
    display: block;
    color: #fff
}
nav #accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
    background: #193f58;
    border-bottom: 1px solid #3778BC
}
nav #accordian h3 span {
    transition: all 500ms ease-in-out 0s
}
nav #accordian h3 span.plus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
nav #accordian h3 span.plus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(90deg);
    transition: all 500ms ease-in-out 0s
}
nav #accordian h3 span.minus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
nav #accordian h3 span.minus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg);
    transition: all 500ms ease-in-out 0s
}
input[type=checkbox].icon1:checked ~ nav #accordian h3 span::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg)
}
nav #accordian li {
    list-style-type: none;
    border-bottom: 1px solid #1E365A
}
nav #accordian ul ul li a {
    color: #EEEEEE;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    display: block;
    padding: 0 28px;
    border-left: 0px solid #3778BC;
    transition: all 0.20s ease-in-out
}
nav #accordian ul ul li .subHeader {
    color: #FFFFFF;
    padding: 0px 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 44px
}
nav #accordian ul ul li .subHeader:hover {
    border-left: 5px solid #3778BC
}
nav .subHeader.all {
    border-bottom: 2px solid #205067
}
nav .subHeader.group2, nav .subHeader.group3, nav .subHeader.group4 {
    border-top: 2px solid #205067
}
nav #accordian ul ul li .subHeader {
    background: #1C4864
}
nav #accordian ul ul li .subHeader:hover {
    background: #183d54
}
nav #accordian ul ul li {
    background: #29648a
}
nav #accordian ul ul li:hover {
    background: #15374c
}
nav #accordian ul ul li a:hover {
    border-left: 5px solid #3778BC
}
nav #accordian ul ul {
    display: none
}
nav #accordian li.active ul {
    display: block
}
#accordianDownload {
    width: 100%;
    margin: 0 auto;
    color: white
}
#accordianDownload ul {
    margin: 0;
    padding: 0
}
#accordianDownload input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px
}
#accordianDownload h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 2px 10px;
    cursor: pointer;
    background: #292929;
    border-bottom: 1px solid #474747;
    display: block;
    color: #fff
}
#accordianDownload h3 div.ropeTableFix {
    font-size: 21px
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px) {
    #accordianDownload h3 div.ropeTableFix {
        font-size: 16px
    }
}
#accordianDownload h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
    background: #1a1a1a;
    border-bottom: 1px solid #999
}
#accordianDownload h3 span {
    transition: all 500ms ease-in-out 0s
}
#accordianDownload h3 span.plus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
#accordianDownload h3 span.plus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(90deg);
    transition: all 500ms ease-in-out 0s
}
#accordianDownload h3 span.minus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
#accordianDownload h3 span.minus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg);
    transition: all 500ms ease-in-out 0s
}
input[type=checkbox].icon1:checked ~ #accordianDownload h3 span::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg)
}
#accordianDownload h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    padding: 2px 35px;
    cursor: pointer;
    background: #1f1f1f;
    border-bottom: 1px solid #5c5c5c;
    display: block;
    color: #fff;
    text-transform: none
}
#accordianDownload h4:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
    background: #1a1a1a;
    border-bottom: 1px solid #8f8f8f
}
#accordianDownload h4 span {
    transition: all 500ms ease-in-out 0s
}
#accordianDownload h4 span.plus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
#accordianDownload h4 span.plus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(90deg);
    transition: all 500ms ease-in-out 0s
}
#accordianDownload h4 span.minus {
    margin-right: 10px;
    background: #FFFFFF;
    width: 15px;
    height: 3px;
    display: inline-block;
    margin-bottom: 4px
}
#accordianDownload h4 span.minus::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg);
    transition: all 500ms ease-in-out 0s
}
input[type=checkbox].icon1:checked ~ #accordianDownload h4 span::before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #FFFFFF;
    transform: rotate(0deg)
}
#accordianDownload li {
    list-style-type: none;
    border-bottom: 1px solid #474747
}
#accordianDownload ul ul li a {
    color: #333;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 40px;
    display: block;
    transition: all 0.20s ease-in-out
}
@media screen and (max-device-width: 1024px) and (max-height: 800px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: landscape), screen and (max-width: 800px) and (max-height: 1280px) and (-webkit-min-device-pixel-ratio: 1.3) and (orientation: portrait), screen and (color: 32) and (max-device-width: 1280px) and (max-device-height: 800px) and (orientation: landscape), screen and (color: 32) and (max-device-width: 800px) and (max-device-height: 1280px) and (orientation: portrait), screen and (orientation: portrait) and (-webkit-device-pixel-ratio: 2), screen and (max-width: 900px) {
    #accordianDownload ul ul li a.cta {
        width: 96.4%;
        margin: 0 0 1.5%
    }
}
#accordianDownload ul ul li .subHeader {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 44px
}
#accordianDownload ul ul li .subHeader {
    background: #ccc
}
#accordianDownload ul ul li {
    background: #ccc
}
#accordianDownload ul ul li a:hover {
    color: #0186d3
}
#accordianDownload ul ul {
    display: none
}
#accordianDownload li.active ul {
    display: block
}
body, html {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}




button:focus,
input:focus,
textarea:focus,
select:focus {
	outline: none;
}

.stat-text-1 {
	margin-top: 120px;
	font-family: 'Josefin Sans', 'Trebuchet MS';
	font-size: 1.8em;
	color: #FFFFFF;
	text-shadow: 2px 2px #1c4864;
}

.stat-text-2 {
	margin-top: 50px;
	font-family: 'Josefin Sans', 'Trebuchet MS';
	font-size: 7.3em;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 2px 2px #1c4864;
}

.stat-text-3 {
	width: 65%;
	margin-top: 20px;
	font-family: 'Josefin Sans', 'Trebuchet MS';
	font-size: 1.5em;
	color: #FFFFFF;
	text-shadow: 2px 2px #1c4864;
}

.stat-box {
	margin-top: 100px !important;
	margin-bottom: 100px !important
}

.background {
	background-image: url("../images/ab.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hero-static {
	width: 100%;
	padding: 0;
	margin: 0;
	background-image: url("../images/home-hero.jpg") !important;
}



@media screen and (max-device-width: 1795px),
screen and (max-width: 1795px) {
	main.HOME .centerWrapper {
		width: 90%;
	}
}

@media screen and (max-device-width: 1592px),
screen and (max-width: 1592px) {
	/*.stat-box {*/
	/*	width: 60% !important;*/
	/*	margin-left: 80px !important;*/
	/*}*/
}

@media screen and (max-device-width: 1190px),
screen and (max-width: 1190px) {
	.stat-box {
		width: 90% !important;
	}
}

@media screen and (max-device-width: 1121px),
screen and (max-width: 1121px) {
	/*main.HERO {*/
	/*	margin-top: 130px !important;*/
	/*}*/

	.stat-text-2 {
		margin-top: 60px;
		font-size: 4em;
		text-align: center;
		text-shadow: 1px 1px #1c4864;
	}

	.stat-text-3 {
		width: 100%;
		font-size: 1.5em;
		text-align: center;
		text-shadow: 1px 1px #1c4864;
	}
}
@media screen and (max-device-width:1024px) and (min-device-width:600px) ,screen and (max-width:1024px) and (min-width:600px){

    main.HERO {
		margin-top: 130px !important
	}
}

@media screen and (max-device-width: 600px),
screen and (max-width: 600px) {

	.stat-text-1 {
		margin-top: 40px;
		font-size: 1em;
		text-align: center;
		text-shadow: 1px 1px #1c4864;
	}

	.stat-text-2 {
		margin-top: 40px;
		font-size: 3em;
		text-align: center;
		text-shadow: 1px 1px #1c4864;
	}

	.stat-text-3 {
		width: 100%;
		font-size: 1em;
		text-align: center;
		text-shadow: 1px 1px #1c4864;
	}

	.stat-box {
		width: 90% !important;
		margin-top: 10px !important;
		margin-bottom: 50px !important;
		margin-left: 20px !important;
	}

	.background {
		width: 100% !important;
		background-image: url("../images/ab.jpg") !important;
	}
}

.tabs {
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	overflow: hidden;
}

.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1em;
	padding: 2rem 0;
	text-align: center;
}

.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1em;
	padding: 2rem 0;
	margin-top: -70px;
	text-align: center;
	background-color: #43677e;
	border-bottom: 1px solid rgba(239, 237, 239, 0.5);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tabs [class^="tab"] [type="radio"]:hover,
.tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
	background-color: #1c4864;
	border-bottom: 1px solid #fd264f;
}

.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
	background-color: #1c4864;
	border-bottom: 2px solid #7d96a6;
}

.tabs [class^="tab"] [type="radio"]:checked+div,
.tabs [class*=" tab"] [type="radio"]:checked+div {
	opacity: 1;
}

.tabs [class^="tab"] [type="radio"]+div,
.tabs [class*=" tab"] [type="radio"]+div {
	display: block;
	opacity: 0;
	padding: 2rem 0;
	width: 90%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tabs .tab-2 {
	width: 50%;
}

.tabs .tab-2 [type="radio"]+div {
	width: 200%;
	margin-left: 200%;
}

.tabs .tab-2 [type="radio"]:checked+div {
	margin-left: 0;
}

.tabs .tab-2:last-child [type="radio"]+div {
	margin-left: 100%;
}

.tabs .tab-2:last-child [type="radio"]:checked+div {
	margin-left: -100%;
}

/*widget css*/
.card-body {
	font-family: "Josefin Sans", "Trebuchet MS", sans-serif;
	margin: 10px auto;
	padding: 20px;
	width: 259px;
	min-height: 150px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.card-body h3 {
	width: 100%;
	margin-bottom: 5px;
}

.count {
	font-size: 40px;
	font-weight: 500;
}

.card-body p {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	margin-bottom: 10px;
}

.card-body i {
	width: 100%;
	font-size: 80px;
	opacity: 1;
	color: #1c4864;
}

.video_container {
	overflow: hidden;
}

.testimonialWrapper #testimonials .item img{
    height:300px;
}
@media screen and (max-device-width: 500px), screen and (max-width: 500px){
    .testimonialWrapper #testimonials .item img {
        width: 85%;
        height:auto;
    }
    .testimonialWrapper #testimonials .item{
        height: auto;
        min-height: auto;
    }
}
@media screen and (max-width:1024px){
   main{
        margin-top:0;
    }
}

@media screen and (max-width:1024px) and (min-width:501px){
    main{
        margin-top:130px;
    }
}
@media screen and (max-width:500px){
    main{
        margin-top:85px;
    }
}
.steel .Slot_9{
    box-shadow: 0 0 4px 0px #fff;
}
.steel .Slot_9:hover{
    box-shadow: 0 0 6px 0px #fff;
}
.top{
    background:#000;
}
.top .pure-container {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    max-width:1170px;
    margin:0 auto;
}
.top .link-way {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
}
.top .link-way i {
    color: #fcb026;
    font-size: 18px;
    padding: 0 7px;
}

.top .link-way span.phone,
.top .link-way span.envelope {
    display: flex;
    height: 40px;
    align-items: center;
    position: relative;
    border-left: 1px #3a3a3a solid;
    padding: 0 10px;
    color:#fff;
}
.top .link-way span.envelope .tiktok{
    display: inline-block;
   
    width:18px;
    height:18px;
    background:url(../images/tiktok.svg);
     background-size: 100% 100%;
}

.top .link-way a, 
.top .header-share, 
.top .header-share ul {
    color: #fff;
}
.top .header-share, 
.top .header-share ul {
    display: flex;
    display: -webkit-flex;
    height: 40px;
    align-items: center;
    justify-content: flex-end;
    color: #939393;
    font-size: 15px;
}
.top .header-share ul {
    margin-left: 10px;
}
.top .header-share, 
.top .header-share ul li{
    list-style: none;
    margin: 0 10px;
    cursor: pointer;
   
}
.top .header-share, 
.top .header-share ul li a{
     color: #fff;
}
.top .header-share ul li a i {
    color: #fff;
    margin-left: 6px;
}
@media  (max-width: 900px){
    .top .link-way{
        justify-content: space-between;
        width: 100%;
    }
    .top .link-way span.phone,
    .top .link-way span.envelope {
        border-left:0;
    }
  
   .top .header-share{
        display: none;
    }
}
@media  (max-width: 550px){
      .top .link-way .tx{
        display: none;
    }
}
@media  (max-width: 375px){
      .top .link-way a, .top .header-share, .top .header-share ul{
        font-size:12px
    }
}

@media (max-width: 1600px){
    .container {
        width: 1170px;
        margin: 0 auto;
    }
}

.paginations {
	height: auto;
	text-align: center;
	clear:both;
	margin-bottom: 40px;
}
.paginations li {
	display: inline-block;
	/*height: 34px;*/
	margin-right: 5px;
}
.paginations li a {
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 12px;
	font-size: 16px;
	border: 1px solid #dddddd;
	color: #555555;
	text-decoration: none;
}
.paginations li a:hover {
	background: #f5f5f5;
	color: #E27B14;
}
.paginations li.thisclass {
	background: #E27B14;
	color: #fff;
}
.paginations li.thisclass a, .paginations li.thisclass a:hover {
	background: transparent;
	border-color: #E27B14;
	color: #fff;
	cursor: default;
}
/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 7px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 10000;
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #e75c1e;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
}
.aside-nav-one-img img{
    width: 22px;
}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -132px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 52px;
    background: rgba(227,121,20, 1);
    color: rgba(227,121,20, 1);
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 15px;
}

.aside-nav-one-desc .qq-name i{
  width: 22px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #e00012;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.qq-name-box{
    position: absolute;
    right: 0px;
}

.more-width:hover .aside-nav-one-desc {
    width: 185px;
    color: #fff;
    transition: .3s;
}
.more-width-call:hover .aside-nav-one-desc {
    width: 185px;
}

.more-width-qq:hover .aside-nav-one-desc {
    width: 281px;
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}
.more-width-message:hover .aside-nav-one-desc{
    width:140px;
    color: #fff;
    transition: .3s;
}
.more-width-qq:hover .aside-nav-one-img{
    left: -223px;
}


.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}
.aside-nav-one-img img{
    vertical-align: middle;
}

/*------------------------------- 侧边栏end -------------------------------------*/
@media (max-width:900px){
    main.HOME div.videoHeaderWrap{
        display: none !important;
    }
}
.langBox{
    position: relative;
}
.desktopNav ul li.langBox .dropDown{
    top:55px;
}
main.HOME .centerWrapper .stat-text-2 {
    flex: 0 0 100%;
    width: 100%;
}
/* —— 语言下拉：不换行 + 自适应最小宽度 —— */
.desktopNav ul li.langBox .dropDown {
    width: auto;
    min-width: 120px;
    left: auto;
    right: 0; /* 右对齐贴合"语言"按钮，避免下拉飘到左边 */
}
.desktopNav ul li.langBox .dropDown ul {
    width: 100%;
    padding: 12px 0;
    float: none;             /* 避免只有一个 ul 还飘左 */
}
.desktopNav ul li.langBox .dropDown ul li {
    text-align: center;
}
.desktopNav ul li.langBox .dropDown ul li a h4 {
    white-space: nowrap;     /* 核心：禁止中文换行 */
    padding: 4px 18px;
    margin: 0;
    display: inline-block;   /* 让 padding 生效、文字宽度自适应 */
}