.Normal                 { font-size: 16px; line-height: 1.428;font-family: 'Roboto', sans-serif; }
.dnnActions             { display: inline-block; }
.dnnActions li          { margin-right: 5px; list-style: none; float: left; }
.dnnCheckbox .mark      { background: none;}
.form-group .dnnLabel   { text-align: left; width: auto; }
.dnnLabel + span        { white-space: normal; }

#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar *:before, #ControlBar *:after,
#ControlBar li, #ControlBar li:before, #ControlBar li:after,
#ControlBar a, #ControlBar a:before, #ControlBar a:after,
.dnn_mact, .dnn_mact:before, .dnn_mact:after, .dnn_mact *:before, .dnn_mact *:after,
.dnn_mact li, .dnn_mact li:before, .dnn_mact li:after {
    -webkit-box-sizing: content-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box !important; /* Firefox, other Gecko */
    box-sizing: content-box !important; /* Opera/IE 8+ */
}
p {
 font-size: 1.25rem;
line-height: 1.3 !important;}
ul.sized li{
	 font-size: 1.25rem;
line-height: 1.5 !important;
	list-style: circle;
}

.navbar-right {
    float: left !important;
    margin-right: -15px;
}

.topbar {
    background:#1C3A61 !important;
	color:white !important;
}
.topbar .col-md-9 a,.topbar .col-md-9 a:hover{
	color:white;
}
.topbar .col-md-9 {
	font-size:20px;
}
@font-face {
  font-family: 'relay';
  src:  url('fonts/relay.eot?d7djpy');
  src:  url('fonts/relay.eot?d7djpy#iefix') format('embedded-opentype'),
    url('fonts/relay.ttf?d7djpy') format('truetype'),
    url('fonts/relay.woff?d7djpy') format('woff'),
    url('fonts/relay.svg?d7djpy#relay') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="relay-"], [class*=" relay-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'relay' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
	font-size:99px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.relay-technical-installation:before {
  content: "\e900";
}
.relay-technical-storage:before {
  content: "\e901";
}
.relay-technical-freight-forwarding:before {
  content: "\e902";
}
.relay-technical-transport:before {
  content: "\e903";
}

html {
	overflow-x: hidden;
}



















img {
	max-width:100%;
  height: auto !important;
}
/* Addition by Peter Schotman*/
ul.dnnAdminTabNav li a { font-size: 14px; }

/* Make the Control bar more mobile friendly 
.ControlContainer {
    position: relative;
    width: 726px;
    height: 53px;
    margin: 0px auto;
}*/

.paneOutline {
    margin: 5px 0;
    height: 50px;
    line-height: 50px;
    /*background: #eee;*/
    border: 1px solid #ccc;
    text-align: center;
    color: #666;
}
.paneOutline_display {
    margin: 2px 1px;
    height: 50px;
    line-height: 50px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
}



/* hayden's Styles */

.navbar-fixed-top {
    padding: 0px !important;
}

p.lead {
	font-size:20px !important;
}
.leadbox p:first-child {
  font-size:20px !important;
}
.leadbox ul,.thecontent ul {
  font-weight:300;
}
.leadbox li {
      position: relative;
      list-style:none;
      padding-left:20px;
      margin-bottom:10px;
      

    }
  
    .leadbox li::before {
      position: absolute;
      content: "\f061";
      font-family: 'FontAwesome';
      left: 0%;
      top: 0;
   

      z-index: 1;
    }

    .thecontent li {
      position: relative;
      list-style:none;
      padding-left:20px;
      margin-bottom:10px;

    }

        .thecontent li::before {
      position: absolute;
      content: "\f061";
      font-family: 'FontAwesome';
      left: 0%;
      top: 0;
   

      z-index: 1;
    }
    .cardblock h4 {
      color:#fff;
    }
ul.indented li {
    list-style-position: inside;
    padding-left: 2em;
    text-indent: -0.6em;
	margin-bottom:5px;
}
.nomobile {
  display:none;
}
.nodesktop{
  display:block;
}
@media only screen and (max-width: 768px) {
	.block[style] {
   height: auto !important;
}		

}
/* Navigation Style */
.navbar .navbar-nav > li > a {
    font-size: 20px !important;
    margin-right: 50px;
}
.maincontent a {
	color:#2B5F9C;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif !important;
}
/* Contact box top of page */
.topcontact {
	font-size:24px;
	float:right;
	color:#245899;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200;
	margin-top:30px;
}

.topcontact h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	margin:0;
	font-size:1.92rem;
}

/* White bordered MD Style Box */
.sideblock {
	padding:20px;
	margin-bottom:20px;
}
.sideblock select {
	display:block !important;
	width:100%;
	padding:20px;
}
.sideblock .card-title {
	color: rgb(55, 93, 129) !important;
	font-weight:400 !important;
}

ul.list-group {
	margin-left:0px;
}
ul.bulleted {
	font-weight:300;
	margin-left:0px;
}

/* Blog styles */

h2.post-title {
	font-size:2rem !important;
	font-weight:400;
}
















.sticky {
    position:fixed;
    top:0;
}



.menu {
   
    background:#428bca;
    width:100%;
	z-index:99999;
}
.content {
    margin-top:10px;
}

.content p {
    margin-bottom:20px;
}



.maintag {
	padding-top:50px;
}

.section-page-header {
    background: rgba(0, 0, 0, 0) url("slide-01-bg.webp") no-repeat scroll center center / cover !important;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 0px;
	min-height: 300px;
}

.christmas {
    background: rgba(0, 0, 0, 0) url("xmasbg.webp") no-repeat scroll center center / cover !important;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 100px;
	min-height: 300px;
}
.Page-Home2 .section-page-header {
    background: rgba(0, 0, 0, 0) url("slide-011-bg.webp") no-repeat scroll center center / cover !important;}
.section-page-header .page-title {
	color:white;
}

footer .Normal p,footer .Normal li{
	font-size:14px !important;
	color:white !important;
line-height:1.8;
font-weight:300;}
footer h4 {
	color:white !important;
}

.legal-footer {
    background: rgba(44, 94, 157, 0.2) none repeat scroll 0 0 !important;
    padding: 30px 0;
}
footer .widget-slider a{
	color:white !important;
}
footer .widget-slider p {
	color:white !important;
}















.portfolio .tile-1 {
                background-image: url("photocopier.webp");}
            
.portfolio .tile-2 {
                background-image: url("mfps.webp");}
.portfolio .tile-3 {
                background-image: url("mfd-gal.webp");}
.portfolio .tile-4 {
                background-image: url("printer.webp");}
.portfolio .tile-5 {
                background-image: url("it-hardware.webp");}
.portfolio .tile-6 {
                background-image: url("data.webp");}
.portfolio .tile-7 {
                background-image: url("data-racks.webp");}
.portfolio .tile-8 {
                background-image: url("data-storage.webp");}
.portfolio .tile-9 {
                background-image: url("telecom.webp");}
.portfolio .tile-10 {
                background-image: url("it-servers.webp");}
.portfolio .tile-11 {
                background-image: url("ups.webp");}
.portfolio .tile-12 {
                background-image: url("enterprise-storage.webp");}
.portfolio .tile-13 {
                background-image: url("vendingmachines.webp");}
.portfolio .tile-14 {
                background-image: url("coffeemachines.webp");}
.portfolio .tile-15 {
                background-image: url("av-equipment.webp");}
.portfolio .tile-16 {
                background-image: url("whiteboard.webp");}
.portfolio .tile-17 {
                background-image: url("displays.webp");}
.portfolio .tile-18 {
                background-image: url("lcd-screen.webp");}
               .portfolio .tile-19 {
                background-image: url("banking-system-thumb.webp");}
                  .portfolio .tile-20 {
                background-image: url("pharmacy-thumb.webp");}
                   .portfolio .tile-21 {
                background-image: url("lab-thumb.webp");}
                   .portfolio .tile-22 {
                background-image: url("blood-chain-thumb.webp");}
                     .portfolio .tile-23 {
                background-image: url("pallet-thumb.webp");}
                 .portfolio .tile-24 {
                background-image: url("medical-equipment-thumb.webp");}
                .portfolio .tile-25 {
                background-image: url("engineering-thumb.webp");}
                .portfolio .tile-26 {
                background-image: url("dentist-thumb.webp");}
                .portfolio .tile-27 {
                background-image: url("retail-equipment-thumb.webp");}

              

              






.button {
    color: #fff !important;
    background: #1c3a61;
    padding: 10px;
    display: inline-block;
    margin: auto;
    width: 190px;
}





 @media (min-width: 980px) {

  .section-page-header {

    padding-top: 100px;

}
   .nomobile {
     display:block !important;
   }
   .nodesktop {
     display:none !important;
   }

    #background_video {
      position: absolute;

      top: 50%; left: 50%;
      transform: translate(-50%, -50%);

      object-fit: cover;
      height: 100%; width: 100%;
		z-index:-1;
    }

    #video_cover {
      position: absolute;

      width: 100%; height: 100%;

      background: url('video_cover.webp') no-repeat;
      background-size: cover;
      background-position: center;
    }

    #video_controls {
      position: absolute;
      left: 50%;
      transform: translate(-50%, 0);
    }

    #play img {
      width: 100px;
    }
    #pause img {
      width: 90px;
    }
    #pause {
      display: none;
	 }}

    @media (min-width: 768px) {
      #video_controls {
        display: none;
      }
    }
@media (max-width: 768px){
#background_video {
	display:none;
	}
	.moback .row {
		background-color: #1C3A61;
	}
[class^="relay-"], [class*=" relay-"] {
  /* use !important to prevent issues with browser extensions that change fonts */

	font-size:59px;

}


}
/*BANNERS*/

.section-page-header h4.page-title {
	background-color:rgba(44,94,157,0.77);
	display:inline-block;
	padding:8px;
	border-radius:15px;
	
}
.Page-About_Relay .section-page-header{
	background:rgba(0, 0, 0, 0) url("about-page-bg-new.webp") no-repeat scroll center  !important;
	
}



.Page-Case_Studies2 .section-page-header{ /* case-studies/technical-transportation-case-study*/
	background:rgba(0, 0, 0, 0) url("case-studies-bg.webp") no-repeat scroll center  !important;

}


.Page-Relay_Iver .section-page-header{ /* About-Relay/Relay-Iver*/
	background: rgba(0, 0, 0, 0) url("iver-bg.webp") no-repeat scroll center !important;
	
	
}


.Page-Relay_Coatbridge .section-page-header{  /* About-Relay/Relay-Coatbridge*/
	background: rgba(0, 0, 0, 0) url("coatbridge-bg.webp")  no-repeat scroll center center!important;
	
}



.Page-Relay_Northampton .section-page-header{    /*About-Relay/Relay-Northampton*/
	background: rgba(0, 0, 0, 0) url("northampton-bg.webp")  no-repeat scroll center center!important;
	
}



.Page-Relay_Warrington .section-page-header{    /*About-Relay/Relay-Warrington*/
	background:rgba(0, 0, 0, 0) url("warrington-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Technical_IT .section-page-header{    /*About-Relay/Technical-IT*/
	background:rgba(0, 0, 0, 0) url("technical-bg.webp") no-repeat scroll center center !important;
	
}


.Page-FAQs .section-page-header{    /*About-Relay/FAQs */
	background:rgba(0, 0, 0, 0) url("faq-bg.webp") no-repeat scroll center center !important;
	
}


.Page-Transport .section-page-header{    /*Technical Transport Services */
	background:rgba(0, 0, 0, 0) url("transport-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Technical_Collection .section-page-header{    /*Transport/Technical-Collection */
	background:rgba(0, 0, 0, 0) url("collection-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Technical_Delivery .section-page-header{    /*Transport/Technical-Delivery */
	background:rgba(0, 0, 0, 0) url("delivery-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Technical_Relocation .section-page-header{    /*Transport/Technical-Relocation*/
	background:rgba(0, 0, 0, 0) url("relocation-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Technical_Logistics .section-page-header{    /*Transport/Technical-Logistics */
	background:rgba(0, 0, 0, 0) url("depot-bg.webp") no-repeat scroll center center !important;
	
}




.Page-Technical_Distribution .section-page-header{    /*Transport/Technical-Distribution */
	background:rgba(0, 0, 0, 0) url("dist-depot-bg.webp") no-repeat scroll center center !important;
	
}


.Page-Postal_Systems .section-page-header{    /*Transport/Technical-Distribution */
	background:rgba(0, 0, 0, 0) url("postal-systems-bg.webp") no-repeat scroll center center !important;
	
}

.Page-Technical_Transport .section-page-header{    /*Transport/Technical-Transport */
	background:rgba(0, 0, 0, 0) url("tech-transport.webp") no-repeat scroll center center !important;
	
}.Page-Technical_Movement .section-page-header{    /*Transport/Technical-Movement */
	background:rgba(0, 0, 0, 0) url("technical-movement-bg.webp") no-repeat scroll center center !important;
	
}
	.Page-Installation  .section-page-header{    
	background:rgba(0, 0, 0, 0) url("installation-bg.webp") repeat scroll center center !important;
	;
}
.L1_Installation   .section-page-header{
	background:rgba(0, 0, 0, 0) url("installation2-bg.webp") repeat scroll center center !important;
}

.Page-Contact_Relay  .section-page-header{    /*Contact Page */
	background:rgba(0, 0, 0, 0) url("contact-bg.webp") repeat scroll center center !important;
	;
}

.Page-Siting  .section-page-header{    /*Installation/Siting */
	background:rgba(0, 0, 0, 0) url("siting-bg.webp") repeat scroll center center !important;
	;
}

.Page-Storage  .section-page-header{    /*Technical-Storage */
	background:rgba(0, 0, 0, 0) url("storage-bg.webp") repeat scroll center center !important;
	;
}

.Page-Positioning .section-page-header{    /*Installation/Positioning */
	background:rgba(0, 0, 0, 0) url("position-bg.webp") repeat scroll center center !important;
	;
}

.Page-News .section-page-header{    /*News */
	background:rgba(0, 0, 0, 0) url("news-bg.webp") repeat scroll center center !important;
	;
}

.Page-DOP__Deliver__Offload__Position_ .section-page-header{    /*DOP*/
	background:rgba(0, 0, 0, 0) url("dop-bg.webp") repeat scroll center center !important;
	;
}

.Page-Freight_Fowarding .section-page-header{    /*Freight Fowarding*/
	background:rgba(0, 0, 0, 0) url("freight-bg.webp") repeat scroll center center !important;
	;
}

.Page-Transportation_and_installation_of_data_racks .section-page-header{   
	background:rgba(0, 0, 0, 0) url("data-rack-bg.webp") no-repeat scroll center center !important;
	
}



.Page-Interactive_Whiteboards .section-page-header{   
  background:rgba(0, 0, 0, 0) url("whiteboard-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Commercial_coffee_machines .section-page-header{   
  background:rgba(0, 0, 0, 0) url("coffee-bg.webp") no-repeat scroll center center !important;
  
}

.Page-LCD_Screens .section-page-header{   
  background:rgba(0, 0, 0, 0) url("lcd-bg.webp") no-repeat scroll center center !important;
  
}


.Page-Transportation_and_installation_of_vending_machines .section-page-header{   
  background:rgba(0, 0, 0, 0) url("vending-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Transportation_and_installation_of_interactive_display_screens .section-page-header{   
  background:rgba(0, 0, 0, 0) url("display-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Transportation_and_installation_of_UPS_equipment .section-page-header{   
  background:rgba(0, 0, 0, 0) url("ups-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Photocopiers .section-page-header{   
  background:rgba(0, 0, 0, 0) url("photocopier-bg.webp") no-repeat scroll center center !important;
  
}
.Page-Printers .section-page-header{   
  background:rgba(0, 0, 0, 0) url("printer-bg.webp") no-repeat scroll center center !important;
  
}
.Page-MFPs .section-page-header{   
  background:rgba(0, 0, 0, 0) url("mfp-bg.webp") no-repeat scroll center center !important;
  
}
.Page-Trusted_Overseas_Agents .section-page-header{   
  background:rgba(0, 0, 0, 0) url("overseas-bg.webp") no-repeat scroll center center !important;
  
}
.Page-Success_Stories .section-page-header{   
  background:rgba(0, 0, 0, 0) url("success-bg.webp") no-repeat scroll center center !important;
  
}
.Page-Secure_tracking .section-page-header{   
  background:rgba(0, 0, 0, 0) url("secure-tracking-bg.webp") no-repeat scroll center center !important;
  
}

.Page-AV_Equipment .section-page-header{   
  background:rgba(0, 0, 0, 0) url("av-equipment-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Telecommunications_equipment .section-page-header{   
  background:rgba(0, 0, 0, 0) url("telecommunications-bg.webp") no-repeat scroll center center !important;
  
}

.Page-Data_Storage_Equipment .section-page-header{   
  background:rgba(0, 0, 0, 0) url("data-storage-bg.webp") no-repeat scroll center center !important;
  
}

.Page-MFDs .section-page-header{   
    background:rgba(0, 0, 0, 0) url("mfd-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Enterprise_Storage .section-page-header{   
    background:rgba(0, 0, 0, 0) url("enterprise-storage-bg.webp") no-repeat scroll center center !important;
    
  }
  .Page-IT_Hardware .section-page-header{   
    background:rgba(0, 0, 0, 0) url("it-hardware-bg.webp") no-repeat scroll center center !important;
    
  }



   .Page-Data_Systems .section-page-header{   
    background:rgba(0, 0, 0, 0) url("data-systems-bg.webp") no-repeat scroll center center !important;
    
  }


     .Page-IT_Servers .section-page-header{   
    background:rgba(0, 0, 0, 0) url("it-servers-bg.webp") no-repeat scroll center center !important;
    
  }

   .Page-IT_Servers .section-page-header{   
    background:rgba(0, 0, 0, 0) url("it-servers-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Blood_cold_chain_equipment_ .section-page-header{   
    background:rgba(0, 0, 0, 0) url("blood-chain-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Laboratory_equipment .section-page-header{   
    background:rgba(0, 0, 0, 0) url("lab-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Pharmacy_equipment .section-page-header{   
    background:rgba(0, 0, 0, 0) url("pharmacy-bg.webp") no-repeat scroll center center !important;
    
  }

   .Page-Pallet_delivery .section-page-header{   
    background:rgba(0, 0, 0, 0) url("pallet-bg.webp") no-repeat scroll center center !important;
    
  }


    .Page-Banking_Systems .section-page-header{  
        background:rgba(0, 0, 0, 0) url("banking-system.webp") no-repeat scroll center center !important;
    
  }

   .Page-Retail_Equipment .section-page-header{  
        background:rgba(0, 0, 0, 0) url("retail-equipment.webp") no-repeat scroll center center !important;
  }


    .Page-Complex_Engineering_Equipment_ .section-page-header{  
        background:rgba(0, 0, 0, 0) url("complex-engineering-bg.webp") no-repeat scroll center center !important;
    
  }
  
      .Page-Global_Customs_Clearance_ .section-page-header{    
        background:rgba(0, 0, 0, 0) url("global-customs-clearance-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Medical_Equipment .section-page-header{  
        background:rgba(0, 0, 0, 0) url("medical-equipment-bg.webp") no-repeat scroll center center !important;
    
  }

    .Page-Dental_Equipment_ .section-page-header{  
        background:rgba(0, 0, 0, 0) url("dentist-bg.webp") no-repeat scroll center center !important;
    
  }

    .Page-Case_Studies4 .section-page-header{  
        background:rgba(0, 0, 0, 0) url("critical-lab-cs-bg.webp") no-repeat scroll center center !important;
    
  }

   .Page-Rolling_out_the_4G_upgrade_with_Panalpina .section-page-header{  
        background:rgba(0, 0, 0, 0) url("panalpina-cs-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Transporting_for_Esco .section-page-header{  
        background:rgba(0, 0, 0, 0) url("esco-cs-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-Relay_Takes_Up_Olympic_Baton .section-page-header{  
        background:rgba(0, 0, 0, 0) url("olympics-cs-bg.webp") no-repeat scroll center center !important;
    
  }

.Page-Eastbourne_Campus_of_Brighton_University___installation_of_vending_machines .section-page-header{  
        background:rgba(0, 0, 0, 0) url("brighton-uni-bg.webp") no-repeat scroll center center !important;
    
  }


  .Page-Strong_Partnership_Provides_Worldwide_Solutions .section-page-header{  
        background:rgba(0, 0, 0, 0) url("worldwide-solutions-bg.webp") no-repeat scroll center center !important;
    
  }

  .Page-New_service_launched_for_Toshiba .section-page-header{  
        background:rgba(0, 0, 0, 0) url("toshiba-bg.webp") no-repeat scroll center center !important;
    
  }

    .Page-Freight_Forwarding___Copy .section-page-header{  
        background:rgba(0, 0, 0, 0) url("worldwide-solutions-bg.webp") no-repeat scroll center center !important;
    
  }

     .Page-Sea_Freight .section-page-header{  
        background:rgba(0, 0, 0, 0) url("sea-freight-bg.webp") no-repeat scroll center center !important;
    
  }
     .Page-Professional_Packing .section-page-header{  
        background:rgba(0, 0, 0, 0) url("professional-packing-bg.webp") no-repeat scroll center center !important;
    
  }

     .Page-__man_Delivery .section-page-header{  
        background:rgba(0, 0, 0, 0) url("2-Man-Delivery-bg.webp") no-repeat scroll center center !important;
    
  }





 .Page-Local_Installation_Overseas  .section-page-header{
	background:rgba(0, 0, 0, 0) url("installation2-bg.webp") repeat scroll center center !important;
}

/*END OF BANNERS */



.homehead h1,.homehead a,.homehead a:hover,.homehead a:visited {
	text-align: center;
	color:#fff;
}
.homehead span {
	display:block;
	margin: 0 auto;
	text-align: center;
}
.homehead h2 {
	font-size:22px;
	color:white;
}
@media (max-width: 768px){
	.homehead h1 {
		font-size:30px;
	}
}

.maincontent {
	background-color: #fff;
	z-index: 99;
}
.btn-circle {
  width: 40px;
  height: 40px;
  line-height: 40px; /* adjust line height to align vertically*/
  padding:0;
  border-radius: 50%;
}














@font-face {
  font-family: 'relay2';
  src:  url('fonts/relay2.eot?po86ob');
  src:  url('fonts/relay2.eot?po86ob#iefix') format('embedded-opentype'),
    url('fonts/relay2.ttf?po86ob') format('truetype'),
    url('fonts/relay2.woff?po86ob') format('woff'),
    url('fonts/relay2.svg?po86ob#relay2') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="relay2-"], [class*=" relay2-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'relay2' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	color:white;
	font-size:99px;
	text-align:center;
	display:block;
	margin: 0 auto;
}

.relay2-relaymini:before {
  content: "\e908";
}

.relay2-collection:before {
  content: "\e900";
}
.relay2-delivery:before {
  content: "\e901";
}
.relay2-distribution:before {
  content: "\e902";
}
.relay2-installation:before {
  content: "\e903";
}
.relay2-logistics:before {
  content: "\e904";
}
.relay2-relocation:before {
  content: "\e905";
}
.relay2-storage:before {
  content: "\e906";
}
.relay2-transportation:before {
  content: "\e907";
}

.relaysopps {background-color: #1c3a61; padding: 20px;}
.relaysopps h5 {
	color:#fff !important;
}

.card .blogcard h5 {
    border-bottom: 1px solid #eee;
    min-height: 100px;
    padding-bottom: 10px;
}

.home00Animation_box {
    clear: both;
}
.home00Animation_box::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.home00_left_box, .home00_right_box {
    float: left;
    width: 31%;
}
.home00_center_box {
    float: left;
    width: 38%;
}
.home00Animation {
    padding: 25px 0;
}
.home00Animation li {
    border-top: 1px dashed #3192c1;
    color: #828282;
    list-style: outside none none;
    padding: 25px 0;
    position: relative;
}
.home00Animation li p {
    line-height: 25px;
}
.home00Animation li:last-child {
    border-bottom: 1px dashed #3192c1;
}
.home00Animation li::before {
    border-radius: 50%;
    content: " ";
    height: 9px;
    margin-top: -4px;
    position: absolute;
    top: 0;
    width: 9px;
}
.home00Animation li:first-child::before {
    display: none;
}
.home00Animation li .number {
    background-color: #2C5E9D;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 30px;
    height: 68px;
    line-height: 58px;
    line-height: 58px;
    margin-top: -29px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    top: 49.9999%;
    transition: background-color 200ms ease-in 0s;
    width: 68px;

}



.home00Animation li .number [class^="relay2-"],.home00Animation li .number [class*=" relay2-"] {
    color: white;
    display: block;
    font-family: "relay2" !important;
    font-size: 29px;
	line-height:1;
	padding-top:3px;
	cursor: crosshair;
}

.home00Animation li:hover .number {
    background-color: #AEAFB3;
	color:#2C5E9D !important;
}
.home00_left {
    margin: 0 30px 0 0;
    padding-right: 25px;
}
.home00_left li {
    padding-right: 15px;
    text-align: right;
}
.home00_left li::before {
    right: -30px;
}
.home00_left li .number {
    right: -55px;
}
.home00_right {
    margin: 0 0 0 30px;
    padding-left: 25px;
}
.home00_right li {
    padding-left: 15px;
    text-align: left;
}
.home00_right li::before {
    left: -30px;
}
.home00_right li .number {
    left: -70px;
}
.home00_center {
    padding: 25px 15px 0;
    text-align: center;
}
.home00_center .animation {
    margin: auto;
    text-align: center;
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.home00Animation_box p,.home00Animation_box {
		font-size:12px !important;
	}
	.navbar .navbar-nav > li > a {
    font-size: 16px !important;
    margin-right: 0px !important;
}
	#dnn_dnnLOGO_hypLogo img{
		display:block;
		margin: 0 auto;
	}
	.maintag {
    padding-top: 5px;
}
		.maintag img {
    padding-top: 5px;
			display:block;
		margin: 0 auto;
		
}
	.topcontact {
		float:none;}
	
	.topcontact a{
    color: #245899;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 24px;
    font-weight: 200;
    margin-top: 25px;
		display:block;
		margin: 0 auto;
		width:250px;
		padding:10px;
		border-radius:25px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		text-align: center;
		 background-color: #375d81;
    border-color: #183152;
    color: #fff;
		margin-bottom:20px;
}
	.topcontact h3 {display:none;}
	


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (orientation : landscape) {
		.relaysopps h5 {
			font-size:14px !important;
			font-weight:bold;
			text-transform:uppercase;
		}
		
		.card .blogcard h5 {
			font-size:20px;
}
			.navbar .navbar-nav > li > a {
    font-size: 20px !important;
    margin-right: 0px !important;
}
		.topcontact h3 {font-size:20px;}}



@media only screen and (max-width: 767px) {
.home00_left_box, .home00_right_box, .home00_center_box {
    float: none;
    width: 100%;
}
.home00_left, .home00_right {
    border: medium none !important;
}
.home00Animation li::before {
    display: none;
}
.home00Animation {
    border: medium none;
    margin: 0;
    padding: 0;
}
.home00Animation li {
    text-align: center;
}
.home00Animation li .number {
    margin: 0 auto 15px;
    position: static;
}
.home00_left_box li:first-child {
    border-top: medium none;
}
.home00Animation .animated {
    animation-name: fadeInUp;
}
.home00_center {
    padding-bottom: 25px;
}
}
.greybg {
	background-color: #EDEDED;
}
.testimonials{
	background-color:#2C5E9D !important;
	color:white !important;
}
.testimonials .card-title {
	color:white !important;
}
.dropdown-menu {
    background-color: #2b5f9c !important;
    border-radius: 0;
}


.Page-Home .section-page-header,.Page-Home2 .section-page-header{
	padding-top:0px !important;
}

.white-text p,.white-text .Normal,h4.white-text,.white-text .Head,.white-text a{
	color:white !important;
}
.white-text a {
	text-decoration: underline;
}


.multiitem-car {
    margin-bottom: 5em;
}
.carousel-indicators li {
    background-color: #000;
    height: 20px;
    margin-bottom: -30px;
    width: 20px;
	border-radius: 0!important;
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
}
/* .multiitem-car .carousel-indicators li:nth-child(1){
	background-color: transparent !important;
	background-image: url(arrowleft.png);
	border:none !important;
	border-radius:none !important;
}
.multiitem-car .carousel-indicators li:nth-child(2) {
	background-color: transparent !important;
	background-image: url(arrowright.png);
	border:none !important;
    border-radius:50% !important;
    background-color:grey;
} */

.multiitem-car .carousel-indicators li{border:none !important;
    border-radius:50% !important;
    background-color:grey !important;}

.multiitem-car .carousel-indicators .active {
    background-color: #428bca !important;
    height: 20px !important;
    width: 20px !important;
}
.multiitem-car .carousel-control.left, .multiitem-car .carousel-control.right {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.multiitem-car .carousel-indicators {
    margin-bottom: -2em;
}


#contact-buttons-bar {
  position: fixed;
  top: 120px;
  left: -50px;
  width: 50px;
}


#contact-buttons-bar.slide-on-scroll {
  position: absolute;
}

.contact-button-link  {
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  margin-bottom: 1px;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  background: #8e8e93;
  color: #fff;
  position: relative;
  left: 0;
  
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  
  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;
}
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active,
.contact-button-link:visited{
  color: #fff;
  padding-left: 20px;
  width: 70px;
}
.contact-button-link.cb-hidden {
  left: -50px;
}
.contact-button-link.facebook {
  background: #3b5998;
}
.contact-button-link.linkedin {
  background: #0077b5;
}
.contact-button-link.gplus {
  background: #db4437;
}

.contact-button-link.separated {
  margin-top: 1em;
}

.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active {
  background: transparent;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 50px;
}
.contact-button-link.show-hide-contact-bar:hover {
  color: #000;
  background: #ccc;
  padding: 0;
  width: 50px;
}
/*
.twitter {
	background-color: #00ACED;
}
.youtube {
	background-color:#BA0001;
}*/
#contact-buttons-bar[style]{
	float:right !important;
	right:0px !important;
}



@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 19px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 4px;
    color: #ffffff;
    background-color: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'\e040';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-linkedin {
    background-color: #3371b7;
}
.soc-linkedin:before {
    content:'\e049';
}
.soc-youtube {
    background-color: #e02a20;
}
.soc-youtube:before {
    content:'\e051';
}

.soc-twitter:hover {
    background-color: #61bbf2;
}
.soc-facebook:hover {
    background-color: #526fac;
}
.soc-linkedin:hover {
    background-color: #4785cb;
}
.soc-youtube:hover {
    background-color: #f43e34;
}

h1  {margin:0 !important;
padding-top:5px;
padding-bottom:5px;}    

h3{ font-size: 2.6rem !important;}

 .locations a:hover{
	color:#999 !important;
}






.socialmedia{
	float:right;
}


.masonry-column .bg {
margin-bottom:30px; background-repeat: no-repeat;
background-size:cover; background-position: center center;
 }

 .masonry-column h2{
  padding:20px; width:100%; font-size:2.5rem; margin-top:0 !important; text-align: center;

 }

.masonry-column .bg  {
  
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.masonry-column .bg :before {
  content: '';
  position: absolute;
  border: #428bca solid 10px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.masonry-column .bg :hover:before, .masonry-column .bg :focus:before, .masonry-column .bg :active:before {
  opacity: 1;
}

.masonry-column .bg h2{color:transparent;  transition:color 0.3s ease; background-color:transparent; transition:background-color 0.3s ease;}

.masonry-column .bg:hover h2, .masonry-column .bg:focus h2, .masonry-column .bg h2:active h2{color:white; background-color:#428bca; }

 

 @media(max-width:767px){.masonry-column .bg[style]{min-height: 400px !important;}
 .masonry-column h2{
color:white;  padding:20px; width:100%; text-align: center;

 }}



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (orientation : portrait){
		.socialmedia{
			float:none;
			padding-left:280px
		}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (orientation : landscape) { .socialmedia{
		
		margin-bottom:5px !important;
		
		
		
		
		}}


@media screen and (min-device-width: 100px) and (max-device-width: 767px){
	 .socialmedia{
		  margin-bottom:30px;
		
		 float:none !important;
		 margin-left:25%
		  
			
			
		}
	.topcontact {
		float:none;}
	
	.topcontact a{
    color: #245899;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 24px;
    font-weight: 200;
    margin-top: 25px;
		display:block;
		margin: 0 auto;
		width:250px;
		padding:10px;
		border-radius:25px;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		text-align: center;
		 background-color: #375d81;
    border-color: #183152;
    color: #fff;
		margin-bottom:20px;
}
	.topcontact h3 {display:none;}
	
}


@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	  .socialmedia{
		  margin-bottom:30px;
		
		 float:none !important;
		 margin-left:25%
		  
			
			
		}

}



@media only screen and (min-device-width: 480px) 
                   and (max-device-width: 640px) 
                   and (orientation: landscape) {



 .socialmedia{
		  margin-bottom:30px;
		
		 float:none !important;
		 margin-left:35% !important;
		  
			
			
		}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
	and (orientation : portrait){
		.socialmedia{
		  margin-bottom:5px;
		
		
		  
			
			
}

}

.notification h3{
	font-size: 14px !important;
}