body{font-family: 'Poppins', sans-serif; font-size: 16px; }

#cookieholder{width:100% !important;position:fixed;background:rgba(0,0,0,0.5);background:rgb(0,0,0,0.5);bottom:0px;z-index:9999;}
#cookiefoot{margin:0 auto;padding:10px;}
#cookiefoot p{color:#FFFFFF;text-align:left;}
#cookiefoot a{color:#FFFFFF;text-decoration:underline;text-align:left;}
#cookiefoot p.accept{color:#FFFFFF;text-decoration:none;cursor:pointer;}
#cookieOK{text-align:right !important;float:right !important;font-weight:700 !important;font-size:13px !important}

h1{font-size:36px; font-weight: 500; text-transform: uppercase}
h1:after {
    content: "";
    display: block;
    background: #ffa500;
    height: 2px;
    width: 300px;
    margin: 0 auto;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

h2{font-size:30px; line-height: 24px; font-weight: 600; text-transform: uppercase; margin-top: 0}
h2:after { content: ""; display: block; background: #ffa500; height: 2px; width: 200px; margin: 0 auto; margin-top: 14px !important; margin-bottom: 20px ;}
.newsblock h2:after {  margin: 0; }
.teamprofile h2:after{display: none}
h3{font-size:19px;}
h3.sub { text-align: left}
h3.sub:after { content: ""; display: block; background: #ffa500; height: 2px; width: 100px; margin-top: 14px !important; margin-bottom: 14px !important;}
h6 { font-weight: 700;font-size: 13px;}

.subsection h2 { font-size: 20px; text-transform: none; line-height: 28px }

a { color: #000000;}
a:hover { color: #000000; text-decoration: underline;}

a.faqlink { font-weight: 600; font-size: 16px;}
a.faqlink .faqq { color: #9ecc3b; font-size: 18px;}
.fa-phone {-webkit-transform: scaleX(-1);  transform: scaleX(-1); }

.pad0 {padding: 0 !important}
.padbot0{padding-bottom:0px !important;}
.padbot8{padding-bottom:8px !important;}
.padleft7 { padding-left:7px !important; }
.padleft0{padding-left:0px !important;}
.padright0{padding-right:0px !important;}
.padright7 { padding-right:7px !important; }
.padright10{padding-right:10px !important;}
.padright20{ padding-right: 20px; }
.padtopbot10{padding:10px 0 !important;}
.padtop30 { padding-top: 30px;}
.padtop20 { padding-top: 20px;}
.padleft20 { padding-left: 20px;}
.padbot30 { padding-bottom: 30px;}
.padbot20 { padding-bottom: 20px;}
.pad15{padding:15px !important;}
.spacer0{clear:both;height:0 !important;}
.spacer10{clear:both;height:10px !important;}
.spacer20{clear:both;height:20px !important;}
.spacer25{clear:both;height:25px !important;}
.spacer30{clear:both;height:30px !important;}
.spacer35{clear:both;height:35px !important;}
.spacer40 {clear: both; height: 40px}
.marbot0{margin-bottom:0px !important;}
.marbot5{margin-bottom:5px !important;}
.marbot10{margin-bottom:10px !important;}
.marbot20{margin-bottom:20px !important;}
.marbot40{margin-bottom:40px !important;}
.martop5{margin-top:5px !important;}
.martop10{margin-top:10px !important;}
.martop15{margin-top:15px !important;}
.martop20{margin-top:20px !important;}
.martop30{margin-top:30px !important;}
.martop40{margin-top:40px !important;}
.marbot40{margin-bottom:40px !important;}
.marright5{margin-right:5px !important;}
.marright0{margin-right:0 !important;}
.marright10{margin-right:10px !important;}
.marleft0 { margin-left: 0 !important}
.marleft10 { margin-left: 10px !important}
.marleft5 { margin-left: 5px !important}
.borderbot0{border-bottom:0 !important;}
.posrel{position:relative;}
.containerpad { padding-left: 15px; padding-right: 15px;}
.glyphicon-remove { color: red;}
.whitebg { background-color: #FFFFFF; padding-bottom: 40px}
.greybg { background-color: #f6f6f6;}
.bluebg { background-color: #1d3c72;}
.darkbg { background-color: #272727;}
.block { padding: 50px 0; }
.block.subsections{padding-top: 0px;}
.table-responsive { border: 0;}
.marginauto { margin: auto}
.block h2:after { margin-bottom: 60px;}
.pagecontent.block h2:after { margin-bottom: 20px; }
.pagecontent.block h2 { margin-top: 20px;}

.pagecontent p { line-height: 28px }
.pagecontent h1 { line-height: 45px }

.pagecontent img { border-radius: 8px }

.newsleft { text-align:left !important }

#header {transition: all 1s linear; position: fixed; background-color: rgba(0,0,0,0); padding-top: 30px; top: 0; z-index: 9; clear:both;width: 100%}
#header.bgrd { background-color:#1d3c72; }
a.headphone { color: #FFFFFF; text-align: right; font-size: 24px; font-weight: 400}
a.headphone:hover { text-decoration: none}
#header .fas { color: #FFF; font-size: 20px; margin-right: 8px;}
#header .fa-search { margin-right: 20px;}
#mainlogo { transition: all 0.5s ease; height: auto}
#mainlogo.mini { height: 40px;}

.pagerblock {    display: inline-block;
    width: 30px!important;
    height: 30px!important;
    line-height: 30px;
    float: left;
    background-color: #fefefe;
    border: 1px solid #ddd;
    margin-right: 2px;
    text-align: center;}
	.pagelink {color: #dda90a;
    text-decoration: none;
    display: block;}
	
.pager-current {font-weight: 500; color: #ffa500}

.pagerlink{padding: 10px}

.navbar { margin-bottom: 0;}
.navbar-collapse { padding-right: 0}
.navbar-nav.transparent { float: right; margin: 0;}
.nav.transparent>li>a { font-weight: 500; color: #FFFFFF; padding: 8px 20px; transition: all 0.6s ease; border:1px solid transparent}
.nav.transparent>li>a.first { padding-left: 0}
.nav.transparent>li>a.last { padding-right: 0}
.nav.transparent>li>a:hover { background-color: transparent; color:#ffa500 }
.collapsed:hover .dropdown-menu.transparent { width: auto; display: block; background-color: rgba(0,0,0,0.4); z-index: 999999999;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background: #1d3c72; }

.subnav a {color: #FFFFFF}
.nav>li {position: unset}
.dropdown-menu.transparent {width: 100% !important;background-color: rgba(29,60,114,1) !important;padding-top: 0;padding-bottom: 0;min-height: 450px}
.dropdown-menu.transparent h3 {margin: 18px 0 5px;display: block;font-weight: 600;color: #fff;border-bottom: 1px solid #4a638e;padding-bottom: 7px;}
.navbar-nav.transparent {position: relative}
.topthirdnav li a {color: #FFFFFF}
ul.topthirdnav  {list-style-type: none;padding: 0}
.topthirdnav>li>a {font-size: 12px;	font-weight: 100;    color: #FFFFFF;    padding-left: 0px;    transition: all 0.6s ease;    border: 1px solid transparent;	display: inline-block;}
.topthirdnav>li>a:hover { color: #ffa500; text-decoration: none;}
.nopad {padding: 0}
.subnav>a:hover {  color: #ffa500; text-decoration: none;}
 .subnav>a { font-weight: 500; color: #FFFFFF; transition: all 0.6s ease; border: 1px solid transparent;}

.contactdiv {position: absolute;right: 0;height: 100%;background-color: #4a638e;padding: 10px 15px;}
.contactdiv .btn { color: #fff;border: 1px solid #fff;padding: 15px;font-size: 16px;border-radius: 0;   font-weight: 600;width: 100%;transition: all 0.3s ease;margin: 5px 0;}
.contactdiv .btn:hover {color: #1d3c72;background-color: #FFFFFF; font-size: 16px;border-radius: 0; width: 100%}
.contactdiv h3 { border: 0 !important}
.contactdiv p {color: #fff;font-weight: 500;font-size: 13px}
.contactdiv address {color: #fff;font-weight: 500}
.dropdown-menu h3 {font-size: 16px}
.dropdownmenulayout {padding: 10px 15px 28px}

#Carousel a.button { background: #ffa500; border: 2px solid #FFF; font-weight: 500; font-size: 16px; padding: 8px 30px; color: #FFF; transition: all 0.5s ease; display: inline-block;}
#Carousel a.button .fab, #Carousel a.button .fas { margin-right: 10px; }
#Carousel a.button:hover { background: #FFF; color:#1d3c72; text-decoration: none}
#Carousel a.button.linkedin { background: #0073B1; }
#Carousel a.button.linkedin:hover { background: #FFF; color:#0073B1;  }

.introhome { transform: translate3d(0px, 0px, 0px); overflow:hidden; background-attachment: fixed !important;  background-position: top center !important; background-repeat: no-repeat !important;  background-size: contain !important; height: 700px;}
.innerbghome { min-height: 700px; background-position:center center !important; background-repeat:no-repeat !important;}

#search .intro { height: 600px;}
.intro { transform: translate3d(0px, 0px, 0px); overflow:hidden; background-attachment: fixed !important;  background-position: top center !important; background-repeat: no-repeat !important;  background-size: contain !important; height: 700px;}
.innerbg { min-height: 700px; background-position:center center; background-repeat:no-repeat;}

.spotbox { position: absolute; top: 40%; left: 0; text-align:left; padding-right: 15px;}
.carousel-title {font-size:48px; color: #FFF; text-shadow: 1px 1px 1px #000; font-weight: 500 }
.carousel-subtitle{font-size:30px; color: #FFF; font-weight: 500; }
.carousel-subline{font-size:16px; color: #FFF; font-weight: 500; width: 550px; }

.carousel-indicators { z-index: 8}
.carousel-control.left,.carousel-control.right { background:none !important; }
.spotboxpage { width:100%; position: absolute; top: 50%; right: 0; transform: translateY(-20%); text-align: center; padding: 0 10px }
.spotboxpage .carousel-title {font-size:48px; color: #FFF; text-shadow: 1px 1px 1px #000; font-weight: 500 }
.spotboxpage h1 { line-height: normal; font-size:48px; color: #FFF; text-shadow: 1px 1px 1px #000; font-weight: 500; text-transform: none}
.spotboxpage h1:after { background: transparent;  }
.spotboxpage p {font-size:16px; color: #FFF; font-weight: 500;}
.spotboxpage .bsiholder {
    /* position: absolute; */
    margin: auto;
    text-align: center;
    width: 100%;
    /* bottom: -107px; */
    margin-top: 30px !important;
}
.spotboxpage .bsibgrd { width: 180px; background: rgba(255,255,255,0.9); border-radius: 15px;  margin: auto; }
.spotboxpage .bsipad { padding: 12px 0;}


.pageheader{position: relative; top:40%;}

.spotbox .btn-carousel { background-color: transparent; border: 2px solid #FFF !important; padding: 10px 40px; color: #FFF; font-weight: 500; font-size: 18px; margin-top: 13px;  transition: all .2s ease-in-out;}
.spotbox .btn-carousel:hover { background-color: #000 !important; }

.homefeatbox .imgholder { overflow: hidden; height: 200px; border-radius:15px; background: #000 }
.homefeatbox .imgholder-in { height: 200px;background-repeat:no-repeat; background-position: center center; margin-bottom: 15px; overflow: hidden; background-size: cover;  transition: all .57s ease-in-out; background-color: #000;}
.homefeatbox:hover .imgholder-in { transform: scale(1.2); opacity: 0.7; }
.homefeatbox h3 { color: #1d3c72; font-weight: 500; font-size: 18px; }
.homefeatbox a:hover { text-decoration: none !important}

.subsections .imgholder { overflow: hidden; height: 200px; border-radius:10px; background: #000 }
.subsections h2:after { margin: 0; margin-bottom: 20px; }
.subsections .titleunder h2:after { margin: auto; margin-bottom: 20px; }



.subsection { margin-bottom: 30px; background: #1d3c72; height: auto; border-radius: 10px; padding: 15px 0 }
.subsection h2 { text-align: left; color: #FFF; }
.subsection p { margin-bottom: 4px; font-size: 13px; color: #FFF}

.subsection:hover{opacity: 0.8}
.subsection{min-height:250px;}

.whyarmo { height: 300px;}
.whyarmo:hover { opacity: 0.6;}
.whyarmo p { font-size: 13px; font-weight: 400; padding: 0 40px;}
.whyarmo a:hover{text-decoration: none;}

.pageicon { height: 230px;float: none;display: inline-block;width: 24%; vertical-align: top}
.pageicon p { font-size: 13px; font-weight: 400; }
.pageicon a:hover { text-decoration: none}
.pageicon:hover { opacity: 0.6}

.bluebg h2 { color: #FFF; text-align: center}
/* plus glyph for showing collapsible panels */
.bluebg .panel-heading .accordion-plus-toggle:before {
   font-family: "Font Awesome 5 Pro";
   content: "\f067";
   float: right;
   color: silver;
}

.panel-heading {
    padding: 16px;

}

.bluebg .panel-heading .accordion-plus-toggle.collapsed:before {
   content: "\f067";
   color: #333;
}

/* arrow glyph for showing collapsible panels */
.bluebg .panel-heading .accordion-arrow-toggle:before {
   font-family: "Font Awesome 5 Free";
   content: "\f078";
   float: right;
   color: silver;
}

.bluebg .panel-heading .accordion-arrow-toggle.collapsed:before {
   content: "\f054";
   color: silver;
}

/* sets the link to the width of the entire panel title */
.bluebg .panel-title > a {
   display: block;
}

.bluebg .panel-title a:hover, .bluebg .panel-title a:active, .bluebg .panel-title a:focus { text-decoration: none; }

.cta.bluebg h3 { color: #FFF; font-size: 40px; font-weight: 300; margin-bottom: 30px; margin-top: 0 }
.cta.bluebg a.button { border: 2px solid #FFF; font-weight: 600; font-size: 20px; padding: 8px 50px; color: #FFF; transition: all 0.5s ease; display: inline-block}
.cta.bluebg a.button:hover { background: #FFF; color:#1d3c72; text-decoration: none}
.cta.page.bluebg p { color: #FFF; font-size: 24px; font-weight: 300; margin-bottom: 30px; margin-top: 0 }
.specbutton{ border: 2px solid #FFF; font-weight: 600; font-size: 20px; padding: 8px 50px; color: #FFF; transition: all 0.5s ease; display: inline-block}
.specbutton:hover{ background: #FFF; color:#1d3c72; text-decoration: none}
.darkbg h2 { color: #FFF;}

.newsblock { padding-left: 0; padding: 15px;  height: auto;  border: 1px solid #EEEEEE; background-color: #FAFAFA; margin: 15px; overflow: hidden; border-radius: 10px}
.newsblock .imgholder {padding-left: 0; height: 200px; overflow: hidden; padding-right: 0;}
.newsimage {border-radius: 10px; max-height: 200px; margin: auto} 
.newsblock h2 { line-height: 21px;}
.newsblock h2 a { color: #1d3c72; text-transform: none; font-size: 17px; }
.newsblock h2 a:hover { color:#ffa500 ; text-decoration: none;}
.newsblock h2:after { margin-bottom: 15px !important; }
.newsblock p { font-size: 15px;}


.newsblock.home { background: #1d3c72; height: auto; border-radius: 10px;}
.newsblock.home .imgholder { border-radius: 15px; height: 150px; margin-bottom: 0; border: 1px solid #FFF;}
.newsblock.home h2 { text-align: left; line-height: 19px; margin-bottom: 2px; font-size: 15px; color: #FFF}
.newsblock.home h2:after { display: none}
.newsblock.home p { margin-bottom: 4px; font-size: 13px; color: #FFF}
.newsblock.home small { font-size: 13px; color: #ffa500; font-weight: 500}
.newsleft { text-align: left !important }

.spotlight { margin-bottom: 30px;}
.spotlight p { color: #FFF; }
.spotlight a { color: #FFF; }
.spotlightbox .unslider-nav ol li {border: 1px solid #FFF; background: #FFF}
.spotlightbox .button { float: right; text-transform:uppercase; border: 2px solid #FFF; font-weight: 500; font-size: 16px; padding: 8px 20px; color: #FFF; transition: all 0.5s ease; display: inline-block; }
.spotlightbox .videoholder {background:#4e4e4e; padding: 15px; }
.spotlightbox .button:hover { background: #FFF; color: #272727; text-decoration: none}

.contactform h3 { margin-top: 0;}
.contactform h3:after { content: ""; display: block; background: #ffa500; height: 2px; width: 100px; margin-top: 14px !important; margin-bottom: 14px !important;}

.bgtint{ background-color: rgba(0,0,0,0.3)!important; background-blend-mode: overlay;}

.circle{ position:relative; width:75%; padding-bottom:75%; background:#ffa500; border-radius:50%;	margin: auto}
.teamtext h5{ color: #FFA500; margin-bottom: 20px; }
.teamtext h4{ margin-top: 10px;	}
.teamholder{ position: relative; margin-bottom: 30px;	min-height: 205px}
.teamholder a:hover{ text-decoration: none;}
.sociallinks .fa-linkedin{color: #0077b5; font-size:30px; background-color: #fafafa; transform: translateY(-6%);}
.sociallinks .fa-envelope-square{color: #d7bc15; font-size:30px; background-color: #fafafa; transform: translateY(-6%);}
.sociallinks{ position: absolute; left: 15%; top: 60%; height: 26px; overflow: hidden;}

.downloadspage h4{font-size: 14px; text-align: center}
.downloads{height: 150px; border: 1px solid #cccccc; padding: 10px; border-radius: 10px}
.downloads:hover{background-color: #fafafa;}

.testimonial p {width: 70%;color: #1d3c72;margin: auto;font-weight: 500;font-size: 18px;font-style: italic}
.quotation-left    {font-size: 75px;color: #ebebeb !important;float: left;padding-left: 75px;margin-top: -20px;}
.quotation-right    {font-size: 75px;color: #ebebeb !important;float: right;padding-right: 75px;margin-top: -20px;}
.unslider-nav ol li { width: 14px;  height: 14px; border-radius: 50%; border: 1px solid #1D3C72;}
.spotlightbox .unslider-nav ol li { width: 20px;  height: 20px; border-radius: 50%; border: 1px solid #1D3C72;}

.unslider-nav ol li { margin: 0 2px; }
.unslider-nav ol li.unslider-active { cursor: default; background-color: #FFA500; border: 1px solid #FFA500;}

.pagecontent a { font-weight:500; text-decoration: underline }
.pagecontent a:hover { text-decoration: none; }
.pagecontent ul li { list-style-position: inside; margin-bottom: 10px; font-weight: 600}
.pagecontent ol li { list-style-position: inside;}

.pagecontent ul {margin: 20px 0 40px 0}
.pagecontent ol {margin: 20px 0 40px 0}

.pagegallery .owl-item {padding: 0 20px} 
.pagegallery .innerbg {background-size: cover !important;min-height: unset; border-radius: 10px} 
.pagegallery iframe {width: 100%} 
.pagegallery .owl-prev {position: absolute;top: 35%;   font-size: 60px;left: -5%;color: #b7b7b7;cursor: pointer}
.pagegallery .owl-next {position: absolute;top: 35%;   font-size: 60px;right: -5%;color: #b7b7b7;cursor: pointer}

#footer { background: url(); background-color: #363636; border-top: 5px solid #ffa500;  padding: 20px 0; color: #FFF; font-size: 14px;  }
#footer h3 { color: #FFF; font-weight: 600; font-size:16px; margin-top: 0 }
#footer h3:after { content: ""; display: block; background: #ffa500; height: 2px; width: 100px; margin-top: 14px !important; margin-bottom: 14px !important;}
#footer ul { padding-left: 0; list-style: none}
#footer ul li a { color: #FFF; font-size: 14px; font-weight: 400; line-height: 24px;}
#footer ul li a:hover { text-decoration: none}
.footeraddress {text-align: right;}

#subfooter { background-color: #1d3c72; padding: 20px 0; color: #FFF; font-size: 13px; }
.subfootlinks { float: right; text-align: right}
.subfootlinks a { text-align: right; /*float: right; */ color: #FFF;}

.sticky-container{ padding: 0px; margin: 0px; position: fixed; right: -119px;width: 200px;	}
.sticky-container-first{ padding: 0px; margin: 0px; position: fixed; left: -255px; top: 230px; width: 300px;}
.sticky-first li{ list-style-type: none; background-color: #333; color: #efefef; height: 42px; padding: 0px; margin: 0px 0px 1px 0px; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer;	}
.sticky-first li.email{ background-color: #FFA500;}
.sticky-first li.telephone{background-color: #8db600;}
.sticky-first li.download{background-color: #1D3C72;}
.sticky-first li.facebook{ background-color: #4A70BF;}
.sticky-first li.twitter{ background-color: #1DA1F2;}
.sticky-first li.youtube{ background-color: #CD201F;}
.sticky-first li.linkedin{ background-color: #0077b5;}
.sticky-first li p{ padding: 0px; margin: 0px; line-height: 43px; overflow: hidden; font-size: 14px; font-weight: 500;}
.sticky-first li:hover p {float: right;	}
.sticky-first li:hover{	margin-right: 34px;-webkit-transform: translateX(115px);-moz-transform: translateX(115px);-o-transform: translateX(115px);-ms-transform: translateX(115px);transform:translateX(115px);}
.sticky-first li.email:hover{margin-right: -100px;}
.sticky-first li.telephone:hover{ margin-right: -10px;	}
.sticky-first li i{ float: right; margin: 5px 5px; color: #ffffff;	font-size: 18px;}
.sticky-first li.email i{ padding-top: 7px; padding-right: 10px;}
.sticky-first li.telephone i{ padding-top: 7px;	padding-left: 7px;}
.sticky-first li.download i{ padding-top: 6px; padding-right: 7px;}
.sticky-first li.facebook i{ padding-top: 7px; padding-right: 12px;}
.sticky-first li.twitter i{ padding-top: 7px; padding-right: 7px;}
.sticky-first li.youtube i{ padding-top: 6px; padding-right: 7px;}
.sticky-first li.linkedin i{ padding-top: 7px; padding-right: 8px;}

.col-md-5ths { width: 20%; float: left; }

@media (min-width: 1400px) {
	.container { width: 1370px !important;}
	.dropdown-menu.container { width: 1340px !important;}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.pageicon{vertical-align: top;}
	.subsection .imgholder { margin-bottom: 15px;}
	
	.hidemob{display:none !important;}
	
	.pagegallery .owl-prev {top: 23% }
	.pagegallery .owl-next {top: 23% }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.mobcenter{text-align: center!important; float:none!important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.hidemob{display:none !important;}
	
	#burgerholder, .burgerholderexit { position: absolute; top: 10%; right: 2%; font-size: 30px}
	#mainlogo { height: 60px;}
	#mainlogo.mini { margin-bottom: 10px}
	.drawer-nav .dropdown-menu.transparent{width: 100% !important}
	.pageicon{width: 47%}
	.subsection .imgholder { margin-bottom: 15px;}
	
	.pagegallery .owl-prev {top: 23%; }
	.pagegallery .owl-next {top: 23%; }
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .introhome {
    max-height: 500px;
}
    .innerbghome {
    min-height: 500px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
    .spotbox {
    position: absolute;
    top: 30% !important;
    left: 0%;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}
	.hidemob{display:none !important;}
	.sociallinks{top:40%}
	.sociallinks .fa-linkedin{font-size:20px }
	.sociallinks .fa-envelope-square{font-size:20px}
	.newsblock {min-height: 450px;height: auto}
	#header { padding-top: 15px; }
	#header.bgrd { padding-top: 10px; padding-bottom: 6px;}
	#burgerholder, .burgerholderexit { position: absolute; top: 0; right: 0;}
	#mainlogo { height: 40px;}
	#mainlogo.minimobile { height: 30px;}
	.innerbg { min-height: 500px;}
	.intro { height: 500px;}
	.spotbox { width: 100%;}
	.carousel-title {font-size:28px;}
	.carousel-subtitle{font-size:18px; }
	.carousel-subline{ width: 300px; font-size: 13px; }
	.spotbox .btn-carousel { padding: 8px 20px; font-size: 15px;}
	.spotlightbox .videoholder { margin-bottom: 15px;}
	.spotlightbox .button { float: none; }
	.newsblock.home .imgholder { margin-bottom: 15px; }
	.newstext { padding-left: 0; padding-right: 0}
	.footeraddress { text-align: left;}
	.subfootlinks { text-align: left; float: left; clear: both; margin-top: 10px;}
	.subfootlinks a {text-align: left; float: left; margin-right: 10px;}
	h1 { font-size: 24px;}
	.cta.bluebg h3 { font-size: 26px; }
	.cta.bluebg h3 { font-size: 26px; }
	.cta.bluebg a.button { font-size: 17px; }
	#footer .col-xs-12 { margin-bottom: 15px;}
	.spotboxpage h1 { font-size: 30px; margin-bottom: 10px }
	.spotboxpage h1:after { display: none}
	.spotboxpage p { font-size: 13px; }
	
	.pageicon{width: 100%}
	
	
	.pagegallery .owl-prev {top: 14%; left: -20%; font-size: 40px}
	.pagegallery .owl-next {top: 14%; right: -20%; font-size: 40px}
	
	/*.spotboxpage .bsiholder{bottom: -100px}*/
	
	.quotation-left    {font-size: 50px;padding-left: 50px;}
	.quotation-right    {font-size: 50px;;padding-right: 50px;}
	
	.newsblock h2{margin-top: 20px}
	
	.pageheader{top:30%;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
     
    .introhome {
    background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    max-height: 500px;
}
	.hidemob{display:none !important;}
	#header { padding-top: 15px; }
	#header.bgrd { padding-top: 10px; padding-bottom: 6px;}
	#burgerholder, .burgerholderexit { position: absolute; top: 0; right: 0;}
	#mainlogo { height: 40px;}
	#mainlogo.minimobile { height: 30px;}
	.innerbg { min-height: 500px;}
	.intro { height: 500px;}
	.spotbox { width: 100%;}
	.carousel-title {font-size:26px;}
	.carousel-subtitle{font-size:18px; }
	.carousel-subline{ width: 300px; font-size: 13px; }
	.spotbox .btn-carousel { padding: 8px 20px; font-size: 15px;}
	.spotlightbox .videoholder { margin-bottom: 15px;}
	.spotlightbox .button { float: none; }
	.newsblock.home .imgholder { margin-bottom: 15px; }
	.newstext { padding-left: 0; padding-right: 0}
	.footeraddress { text-align: left;}
	.subfootlinks { text-align: left; float: left; clear: both; margin-top: 10px;}
	.subfootlinks a {text-align: left; float: left; margin-right: 10px;}
	h1 { font-size: 24px;}
	.cta.bluebg h3 { font-size: 26px; }
	.cta.bluebg h3 { font-size: 26px; }
	.cta.bluebg a.button { font-size: 17px; }
	#footer .col-xs-12 { margin-bottom: 15px;}
	
}