/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */


body {font-family: 'Montserrat', sans-serif;
     /*overflow-y: hidden;  Hide vertical scrollbar */
     max-width: 100%;
     overflow-x: hidden!important; /* Hide horizontal scrollbar */
   
}


/* DISABLE X Horizontal Scrolling on Safari Bootstrap 4 Apple devices */
.container-fluid {overflow-x:hidden!important;overflow-y:hidden!important;}


video {
  width: 100%;
  height: auto;
  display:block;
      float:left;
}

h4 {font-family: 'Montserrat', sans-serif;}

h5 {color:#878787; line-height: 1.5em;}



/* Contact Details above navbar background colour */


.bgcolour {background-color:#2066A4; }



/* Blog Border Image */

#borderimg {
  border: 2px solid #0071bc;
}



/* SOCIAL Page Links Instagram and Blog on footer of all pages */

a.six:link {font-family: 'Montserrat', sans-serif; color:#1378c9; !important;}
a.six:hover {font-family: 'Montserrat', sans-serif; color:#9ac93b; text-decoration:none !important;}
a.six:active {font-family: 'Montserrat', sans-serif; color:#1378C9; !important;}


/* header Page Links */

a.contact:link {font-family: 'Montserrat', sans-serif; font-size:1.1em; font-weight:500; color:#ffffff; !important;}
a.contact:hover {font-family: 'Montserrat', sans-serif; font-size:1.1em; font-weight:500; color:#ffffff; text-decoration:underline; !important;}
a.contact:active {font-family: 'Montserrat', sans-serif; font-size:1.1em; font-weight:500; color:#ffffff; !important;}
a.contact:visited {font-family: 'Montserrat', sans-serif; font-size:1.1em; font-weight:500; color:#ffffff; !important;}



/* Center the caption in the Bootstrap 4 carosul */

.carousel-caption{
    top: 30%;
    height: auto;
    max-height: 120px;
}


.right {float:right; }

.fontheader {font-size:1.1em; font-weight:500; color:white;}

.white {color:#FFFFFF; }

.bgblue {background-color:#1869F6; }

.bgbrown {background-color:#951d19; }

.black {color: #000000; }



ul.b {
  list-style-type: square;
}

ul.c {
  list-style-type: square; padding-left:15px!important;
}

ol.d {
  list-style-type: lower-alpha;
}

.yellow {color:#FFFF00; }

.hd1 {font-family: 'Montserrat', sans-serif; font-weight:bolder; color:#124B54;}

.hd2 {font-family: 'Montserrat', sans-serif; font-weight:bolder; color:#ffffff;}

.hd3 {font-family: 'Montserrat', sans-serif; font-weight:bolder; color:#0071bc;}

.hd5 {font-family: 'Montserrat', sans-serif; font-weight:bold; color:#063746;}

.left {text-align:left;}

.icon-pack {max-width:175px; max-height:auto; margin-bottom:1em; }


/* change the link color */
.navbar-nav .nav-item .nav-link { 
    font-size:1.2em;
    color: white;
    font-weight:bold;
}


/* change the color of active or hovered links */
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    font-size:1.2em;
    color: #FFA64D;
}

.section-header {background-color:#0F4953; }

/* ============ desktop view ============ */
.navbar {font-family: 'Montserrat', sans-serif; font-weight:bold;}
.navbar-dark {background-color:#008dc9;}

.dropdown-menu {background-color:#20313b;}
.dropdown-item {color:#ffffff; font-size:1em; }
.dropdown-item:hover {background-color:#FF9021; color:#FFFFFF;}



@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none;}
	.navbar .nav-item:hover .dropdown-menu{ display: block; font-size:1em;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
    
    
}	

/* ============ desktop view .end// ============ */


@media all and (min-width:991px) {  
	.dropdown:after{
			content: ''; 
		    top: 0;
		    right: 0;
		    bottom: 0;
		    left: 0;
		    transition: opacity .15s ease-in-out;
		    opacity: 0;
		    visibility:hidden;
		    background-color: rgba(0,0,0,.5);
		    pointer-events: none;
		}

	.dropdown:hover .nav-link{
			position:relative;
			z-index:12;
		}

	.dropdown:hover:after{
			z-index:10; opacity:1; 
			visibility:visible;
			position: fixed;
	}
    
}

.contacttxt {font-size:16px; }

/* FLASH BUTTON LINKS */
a.one:link {color:#ffffff; text-decoration:none;}
a.one:visited {color:#ffffff; text-decoration:none;}
a.one:hover {color:#ffffff; text-decoration:none;}


/* FOOTER LINKS */
a.two:link {color:#63B1FF; text-decoration:none;}
a.two:visited {color:#ffffff; text-decoration:none;}
a.two:hover {color:#00ED40; text-decoration:none;}

/* FOOTER PRIVACY LINKS */
a.policy:link {color:#FFFFFF; text-decoration:none;}
a.policy:visited {color:#FFFFFF; text-decoration:none;}
a.policy:hover {color:#FFFF00; text-decoration:none;}

.str {font-weight:bold;}
.text-right {text-align:right; }


.responsive {width:100%; height:auto; }

.wt-icon {max-width:100px; height:auto; margin:30px 0 20px 0; }
       
hr {height: 1px; background-color: #fff; border: none;}


.hr2 {height: 1px; background-color: #ffffff; border: none; margin:12px 0 12px 0; }



/* SERVICE LINKS */

a.service:link {color:#0071bc;}
a.service:visited {color:#0071bc;}
a.service:hover {color:#063746;}


/* Hero Image */

.h-250 {height:300px; }

.hero-image0 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../site_safety_images/sitesafety_construction.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_hse.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_risk.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_sustainability.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image4 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_environment.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}



.hero-image5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_training.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image6 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_audits.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image7 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_audit_manager.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image8 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_renewables.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image9 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_hse_manager.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image10 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_constructionsite.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image11 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_facefit_training.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image12 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_scrap_metal.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image13 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_plant.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image14 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_HSE.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image15 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../site_safety_images/sitesafety_dsear.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image16 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_risk_assessments.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image17 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../site_safety_images/sitesafety_noise_assessment.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}





.hero-image-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../mirabusiness_images/mirabusiness_business_continuity.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../mirabusiness_images/mirabusiness_crisis_managements.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../mirabusiness_images/mirabusiness_risk_management.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


.hero-image-4 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../mirabusiness_images/mirabusiness_hse_manager.jpg");
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../mirabusiness_images/mirabusiness_audit_manager.jpg");
  height: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-image-5 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../mirabusiness_images/mirabusiness_audit_manager.jpg");
  height: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}



.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}


/* PADDING */

.ptb0 {padding-top:0; padding-bottom:0; }

.p0 {
    padding:0; 
    }
    
.p2t {
    padding-top:2%;
    }
    
.p3t {
    padding-top:3%;
    }

.p4t {
    padding-top:4%;
    }
    
    
.p2tb {
    padding-top:2%;
    padding-bottom:2%;
    }
    
.p3tb {
    padding-top:3%;
    padding-bottom:3%; 
    }

.p4tb {
    padding-top:4%;
    padding-bottom:4%;
    }
    
.center {
    text-align:center; 
    }
	
/* CONTACT BANNER */
.contactbanner {   
  text-align: center;
  padding-top:5%;
  padding-bottom:5%;
  margin-bottom:0;
  background-color:#124B54;
  overflow-x:hidden!important;
}


/* SOCIAL ICONS FOOTER  */
.icons {
    color:#2F97FF;
    padding-right:10px;
}

.icons:hover { 
    color:#FFFF00;
}
    


/*-------------------------------------
	13. Breadcrumb 
-------------------------------------*/

/*13.1 breadcrumb-row-1*/

.bg-gray-light {background-color:#379ACB; }

.wt-breadcrumb{ 
	margin:0;
	list-style:none;
    font-size: 14px;
    text-align:center;
	 
}
.wt-breadcrumb li { 
	padding:0; 
	margin-right:3px;  
	color:#333333;
	position:relative;
	display:inline-block;
}
.wt-breadcrumb li a { 
	color:#000000;
    text-decoration:none;	
}
.wt-breadcrumb li:last-child { 
	color:#FFFFFF;
}
.wt-breadcrumb li:last-child:after { 
	display:none;
}


/*13.2 Breadcrumb-1*/ 
.breadcrumb-style-1 li:after { 
	content:"/"; 
	margin-left:17px;
}

/*13.3 Breadcrumb-2*/ 
.breadcrumb-style-2 li:after { 
	content:"\f101"; 
	margin-left:17px;
	font-family: 'FontAwesome';
}

/*13.4 breadcrumb-3*/
.breadcrumb-style-3 li{
	padding:20px 15px 20px 20px;	
}
.breadcrumb-style-3 li:after, .breadcrumb-style-3 li:before {
	content:""; 
	position:absolute;
	height:50%;
	width:1px;	
	background-color:#e8e9e9 ;
	border-right:1px solid #ccc;
	right:0px;
}
.breadcrumb-style-3 li:after { 
	top:0px;
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
	-ms-transform: skew(30deg);
	transform: skew(30deg);
}

.breadcrumb-style-3 li:before {
	bottom:0px;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	transform: skew(-30deg);
	
}

.breadcrumb-style-3 li:last-child:before{
	display:none;	
	}



/* FOOTER COLUMNS */    
.white_bg {
   background-color:#102b72;
   color:#ffffff;
   padding: 3% 2% 0 2%;
} 

.base_bg {
   text-align:left;
   background-color:#102b72;
   color:#ffffff;
   padding: 0 2% 1% 2%;
} 
 

/* FOOTER */
footer {   
  text-align: center;
  color:#ffffff;
  padding-top:3%;
  padding-bottom:2%;
  background-color:#102b72;
}



/*----  NEW CARD BACK GROUND COLOURS AND FONT  ----*/


.purple1 {background-color:#A400BC;} 
.whitetxt {color:#ffffff;}

.orange1 {background-color:#f63302;} 
.whitetxt {color:#ffffff;}

.blue1 {background-color:#0071bc;} 
.whitetxt {color:#ffffff;}

.green1 {background-color:#008040;} 
.whitetxt {color:#ffffff;}

.brown1 {background-color:#9a9a2e;} 
.whitetxt {color:#ffffff;}

.turquoise1 {background-color:#00a9ba} 
.whitetxt {color:#ffffff;}

.purple2 {background-color:#3c185b;} 
.whitetxt {color:#ffffff;}

.blue2 {background-color:#006cc4;} 
.whitetxt {color:#ffffff;}


/*----  Main Card Style Sheet  ----*/
.bg-dark {background-color: #004264!important; }
.bg-secondary {background-color: #FFA000!important; }
.bg-success {background-color: #00B440!important; }
.text-white-50 {color: #FFFFFF!important; }


/* environmental Management*/
.envbg {background-color:#206da5;}
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offwhite {color:#EFEFEF;}

/* crisis Management and health safety Card */
.crisisbg {background-color:#063746;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offgrey {color:#B4BCBC;}

/* security asset Card */
.secbg {background-color:#37A9AF;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offwhite {color:#EFEFEF;}


/* business continuity Card */
.businessbg {background-color:#059dc1;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offwhite {color:#EFEFEF;}


/* risk management Card */
.riskbg {background-color:#097ccf;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offwhite {color:#EFEFEF;}

/* personal security management Card */
.persecbg {background-color:#004264;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offwhite {color:#EFEFEF;}

/* covid Card */
.covidbg {background-color:#063746;} 
.whitetxt {color:#ffffff;}
.bold {font-weight:bold;}
.offgrey {color:#B4BCBC;}

/* hsebg Card */
.hsebg {background-color:#086066;} 

/* Auditbg Card */
.auditbg {background-color:#004B96;} 


.bg-1 {background-color:#063746;}
.bg-2 {background-color:#097ccf;}
.bg-3 {background-color:#059dc1;}
.bg-4 {background-color:#37A9AF;}
.bg-5 {background-color:#206da5;}
.bg-6 {background-color:#000000;}
.bg-7 {background-color:#004080;}
.bg-8 {background-color:#004264;}
.bg-9 {background-color:#063746;}
.bg11 {background-color:#FFFFFF;}

.red {background-color:#ff0000;}
.maroon {background-color:#840f3b;}

.bck {color:#000000;}

/* Card Animation */
#cards_landscape_wrap-2{
  max-height:100%;
}
#cards_landscape_wrap-2 .container{
  padding-top: 0; 
}
#cards_landscape_wrap-2 a{
  text-decoration: none;
  outline: none;
}
#cards_landscape_wrap-2 .card-flyer {
  border-radius: 0;
}
#cards_landscape_wrap-2 .card-flyer .image-box{
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
  border-radius: 0;
}
#cards_landscape_wrap-2 .card-flyer .image-box img{
  -webkit-transition:all .9s ease; 
  -moz-transition:all .9s ease; 
  -o-transition:all .9s ease;
  -ms-transition:all .9s ease; 
  width: 100%;
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img{
  opacity: 0.7;
  -webkit-transform:scale(1.15);
  -moz-transform:scale(1.15);
  -ms-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
#cards_landscape_wrap-2 .card-flyer .text-box{
  
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container{
  padding: 30px 18px;
}
#cards_landscape_wrap-2 .card-flyer{
  background: #FFFFFF;

  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#cards_landscape_wrap-2 .card-flyer:hover{
  background: #fff;
  box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  
}
#cards_landscape_wrap-2 .card-flyer .text-box p{
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px; 
  font-size: 14px;
  letter-spacing: 1px;
  color: #000000;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6{
  margin-top: 0px;
  margin-bottom: 4px; 
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Roboto Black', sans-serif;
  letter-spacing: 1px;
  color: #00acc1;
}

.card-title {font-family: 'Montserrat', sans-serif; font-size:1.1em; }

/* ARROW BUTTONS */
/* ARROW BUTTON LINK START */
/* LINKS */
a.cus {
  color: #1C5572;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a.cus:hover {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  color: #1C5572;
}

a.cus:active {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
}
   
/* CUSTOM LINK */
.custom-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.custom-link * {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-link a {
  font-family: 'Montserrat', sans-serif;; 
  font-size:15px;
  display: inline-block;
  margin-right: 15px;
  font-weight: 400;
  text-transform: normal;
  text-decoration: none!important;
}
.custom-link a:hover {
  text-decoration: none;
}
.custom-link span {
  width: 20px;
  height: 1px;
  background: #1C5572;
  display: inline-block;
  margin: 0;
}
.custom-link i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #1C5572;
  opacity: 1;
}
.custom-link:hover a {
  margin-left: 20px;
}
.custom-link:hover span {
  width: 50px;
  margin-left: 20px;
}
.custom-link:hover i {
  opacity: 0;
}

/* CUSTOM BUTTON */
.custom-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;  
}
.custom-btn * {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-btn a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 58px;
  border: 1px solid #1C5572;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 30px;
  padding-top: 18px;
  background: #1C5572;
  color: #fff;
}
.custom-btn a:hover {
  text-decoration: none!important;
}
.custom-btn span {
  width: 20px;
  height: 1px;
  background: #fff;
  display: inline-block;
  margin-left: 20px;
  margin-top: 8px;
}
.custom-btn i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #fff;
  opacity: 1;
  margin-top: 5px;
}
.custom-btn:hover span {
  width: 50px;
  margin-left: 20px;
}
.custom-btn:hover i {
  opacity: 0;
}

/* CUSTOM BUTTON WHITE */
a.cus1 {
  color: #FFFFFF;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a.cus1:hover {
  font-family:sans-serif; 
  text-decoration: none;
  color: #FFFFFF;
}

a.cus1:active {
  font-family:sans-serif; 
  text-decoration: none;
}

/* CUSTOM LINK */
.custom-link1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.custom-link1 * {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.custom-link1 a {
  font-family: 'Montserrat', sans-serif;
  font-size:15px;
  display: inline-block;
  margin-right: 15px;
  font-weight: 400;
  text-transform: normal;
  text-decoration: none!important;
}
.custom-link1 a:hover {
  text-decoration: none;
}
.custom-link1 span {
  width: 20px;
  height: 1px;
  background: #FFFFFF;
  display: inline-block;
  margin: 0;
}
.custom-link1 i {
  width: 0;
  height: 0;
  display: inline-block;
  margin-left: 0;
  margin-right: auto;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #FFFFFF;
  opacity: 1;
}
.custom-link1:hover a {
  margin-left: 20px;
}
.custom-link1:hover span {
  width: 50px;
  margin-left: 20px;
}
.custom-link1:hover i {
  opacity: 0;
}

/* CUSTOM BUTTON WHITE */

a.cus1 {
   font-family: 'Montserrat', sans-serif;
  color: #FFFFFF;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

a.cus1:hover {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
  color: #FFFFFF;
}

a.cus1:active {
  font-family: 'Montserrat', sans-serif;
  text-decoration: none;
}




.info {
  background-color: #4CAF50; /* Green */
  border-radius: 12px;
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor:default!important;


.info4 {border-radius: 12px; cursor:default!important;}



/* PRICING PLANS */