/**********************************************************************************
=Global Reset
**********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html, body , form
{
	height:100%;
}

body 
{
    color:#000000;
    background: #FFFFFF;
	font-family: 'Telex', Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center;
	line-height: 1.4;
}



/**********************************************************************************
=Common Elements
**********************************************************************************/
h1
{
	font-size:24px;
	font-size:2.18rem;
	font-weight:normal;
}

h2
{
	font-size:18px;
	font-size:1.6rem;
	font-weight:normal;
}
  
h3
{
	font-size:14px;
	font-size:1.27em;
	font-weight:bold;
}

h4
{
	font-size:18px;
	font-size:1.2em;
	font-weight:normal;
}

h5{font-weight:bold;}

p
{
	padding:0;
	font-size:11px;
	font-size:1.2em;
	line-height:normal;
}

    p small {
        font-size: 10px;
        line-height: normal;
    }

        p small strong {
            font-weight: bold;
        }

ul, ol
{
	padding:0 0 20px 20px;
}

img {border:none;}
a:active, a:focus {outline: 0;}

del {text-decoration: line-through;}

/**********************************************************************************
=Text
**********************************************************************************/


/**********************************************************************************
=Links
**********************************************************************************/

a {}
a:hover {}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0;
	padding:0;
}

input, select, textarea
{
	font-family: 'Telex', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-size:1rem;
}

.validation
{
    padding:10px 5px!important;
    margin:5px 0!important;
    border:1px solid #AF0C00!important;
    background:#FFE1DF!important;
    text-align:left!important;
}
    .validation ul, .validation li
    {
        padding:0!important;
        margin:0!important;
        color:#AF0C00!important;
    }
    .validation ul{margin-left:15px!important;}

div.success, span.success
{
    background-position: 15px 50%;
	display:block;
	margin:0 0 5px 0;
	padding: 13px 20px 10px 45px;
	text-align: left;
	height:auto!important;
	height:2em;
	min-height:2em;
	line-height: 1.5em;
	color:#277923;
    font-weight:bold;
    font-size: 12px;
	background: #DBEFD6 url(../images/success.gif) no-repeat 15px 50%;
}

/**********************************************************************************
=Tables 
**********************************************************************************/
table
{
	font-size: 100%;
	border:0;
	margin:0;
	padding:0;
	border-collapse: separate;
	border-spacing: 0;
}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
		vertical-align:middle;
	}
	
/*****************************************************************
=Infoboxes
*****************************************************************/
.info, .alert, .error {
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin:0 0 5px 0;
	display:block;
	}

.info {
	background: #F8FAFC url(../images/info.gif) center  no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #B5D4FE;
	border-bottom: 2px solid #B5D4FE;
	}

.alert {
	background: #FFF9CF url(../images/alert.gif) center no-repeat;
	background-position: 15px 50%;
	border-top: 2px solid #FED626;
	border-bottom: 2px solid #FED626;
	}

.error {
	background: #FFD0CF url(../images/error.gif) center no-repeat;
	background-position: 95% 50%;
	border-top: 2px solid #FF443F;
	border-bottom: 2px solid #FF443F;
	}

/**********************************************************************************
=Layout
**********************************************************************************/
#wrapper {	
  display:block;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */ 
}

#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left; 
}
	
#header {
	width:100%;
	height:165px;
	background: url(../images/bg_header.png) top repeat-x; 
}
	
#header .headertop {
	width:980px;
	height:105px;
	margin: 0 auto;
	text-align:left; 
}
		
#header .headertop .logo {
	display:block;
	float:left;
	width:256px;
	height:64px;
	background: url(../images/logo3.png) no-repeat;
	margin-top:22px; 
}
						
#header .searchbox {
	float:right;
	width:250px;
	height:31px;
	margin-top:35px;
	border:solid 1px #99a4aa;
	background:#FFFFFF; 
}
		
#header .searchbox input {
	float:left;
	border:none;
	border:0;
	width:200px;
	height:31px;
	line-height:31px;
	margin-left:10px;
	padding:0;
	font-size:1.29em;
	color:#647e87;
	text-transform:uppercase; 
}
			
#header .searchbox input.searchbutton {
	float:left;
	border:none;
	width:30px;
	height:31px;
	background: url(../images/arrow1.png) no-repeat 4px 7px;
	cursor:pointer;
}
			
#header .searchbox input.searchbutton:hover { 
    background: url(../images/arrow1b.png) no-repeat 4px 7px; 
}
			

#main_nav {
	width:100%;
	height:60px; 
}
	 
#main_nav ul { 
	list-style:none;
	width:980px;
	padding:10px 10px 0 10px;
	margin: 0 auto;
	height:50px;
	line-height:50px; 
}
		
#main_nav ul.home { background: url(../images/bg_navbar.png) no-repeat 3px 0; background-size: 90px 60px; background-clip: padding-box; }
    #main_nav ul.about {
        background: url(../images/bg_navbar.png) no-repeat 93px 0;
        background-size: 108px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.services {
        background: url(../images/bg_navbar.png) no-repeat 201px 0;
        background-size: 106px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.software {
        background: url(../images/bg_navbar.png) no-repeat 305px 0;
        background-size: 104px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.training {
        background: url(../images/bg_navbar.png) no-repeat 409px 0;
        background-size: 108px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.casestudies {
        background: url(../images/bg_navbar.png) no-repeat 513px 0;
        background-size: 136px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.careers {
        background: url(../images/bg_navbar.png) no-repeat 649px 0;
        background-size: 104px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.news {
        background: url(../images/bg_navbar.png) no-repeat 753px 0;
        background-size: 78px 60px;
        background-clip: padding-box;
    }
    #main_nav ul.contact {
        background: url(../images/bg_navbar.png) no-repeat 831px 0;
        background-size: 124px 60px;
        background-clip: padding-box;
    }

/*Chrome*/
<!-- 

-->
		
#main_nav li {
	float:left;
	height:50px;
	line-height:50px;
	padding:0 20px; 
}
		
#main_nav li a {
	font-size:1.5em;
	color:#dde9ec;
	text-decoration:none; 
}
			
#main_nav li a:hover , #main_nav li.selected a {
	color:#FFFFFF; 
}
		

#content {
	width:100%;
	margin: 0 auto; 
}
	
#content .contentinner { 
    width:980px; 
    margin: 0 auto; 
}

#logofooter {
    width: 100%;
    height:100px;
    background: #9ab1b8;
}

footer, .push { 
    height: 160px; 
}

#footer {
	width:100%;
	background:#9ab1b8; 
}
	
#footer .footerwrap { 
    width:980px; margin: 0 auto;
    padding-top: 1em;
}

.copyright {
    /* width: 220px; */
    width: 100%;
    height: 100px;
    /* float: left; */
    text-align: center;
    color: #FFFFFF;
    font-size: 1.29em;
    /* text-align: right; */
    border-right: solid 2px #d8e3e5;
    padding-right: 10px;
    background: url(../images/astrimarfooter2.png) no-repeat 20px 25px;
}

#footer .company_no {
    color: #FFFFFF;
    margin-top: 5px;
    background: #9ab1b8;
    width: 100%;
}
#footer .strapline {
    float: left;
    width: 450px;
    text-align: left;
    padding-left: 20px;
    font-size: 2.1em;
    line-height: 1.09em;
    color: #ecf3f4;
    margin-top: 15px;
}
		
#footer .logobar, #logofooter .logobar {
    width: 100%;
    height: 60px;
    padding-top: 20px;
    text-align: center;
}

.sitemap-link {
    color: #FFFFFF;
    font-size: 1.09em;
    text-transform: uppercase;
    text-decoration: none;
}

.sitemap-link:hover {
    text-decoration: underline;
}

#footer ul {
    list-style: none;
    margin: 0 5px 10px 0;
    padding: 0;
}

#footer ul li {
    float: right;
    margin: 5px 0 0 11px;
}

			
#footer .socialmedia {
	}
			
#footer .socialmedia a {
	display:block;
	float:right;
	width:50px;
	height:50px;
	margin-left:5px; }
				
/* icons by juicy_fish */
#footer .socialmedia .twitter { background: url(../images/social/icon_1.png) no-repeat;  }
    #footer .socialmedia .facebook {
        background: url(../images/social/icon_0.png) no-repeat;
    }
    #footer .socialmedia .linkedin {
        background: url(../images/social/icon_6.png) no-repeat;
    }
    #footer .socialmedia .instagram {
        background: url(../images/social/icon_2.png) no-repeat;
    }
    #footer .socialmedia .youtube {
        background: url(../images/social/icon_3.png) no-repeat;
    }

/* Base style for images inside div with class socialmedia */
    #footer .socialmedia a {
        transition: filter 0.3s ease;
    }

    /* Hover effect to brighten the images */
        #footer .socialmedia a:hover {
            filter: brightness(0.7); /* Increase brightness by 20% */
        }

	  
/**********************************************************************************
=Homepage
**********************************************************************************/

.imagepanel {
    width: 1002px;
    height: 300px;
    margin: 0 auto 50px auto;
    position: relative;
    /*	background: url(../images/bg_imagepanel1.png) no-repeat top; */
}
	
.imagepanel .wrapper {
	width:980px;
	height:300px;
	margin:0 11px;
    position: absolute;		
}
		
.imagepanel .wrapper h1 {
	float:right;
	width:530px;			
	margin-top:150px;
	padding:15px 0 15px 25px;
	font-size:2.2em;
	line-height:1.09em;
	color:#647e87;
	text-align:left;
	text-transform:uppercase;
	background: url(../images/bg_homepanel.png) no-repeat left;  
}
			
.imagepanel .wrapper h1 span {
	font-size:1.4em;
	line-height:1.2em;
	text-transform:none;
	color:#2f8dac;
}
				
.imagepanel .wrapper h1 .selected { color:#2f8dac; }
			
.contentwraphome { background:#ecf3f4; padding-bottom:40px; }

.panels_triple {
	/*float:left;
	width:280px;
	margin-right:70px;*/
	padding-top:20px; 

}

    .panels_triple.news {
        /* background: url(../images/bg_homenews.png) no-repeat 0 30px;*/
    }

    .panels_triple.training {
        /* background: url(../images/bg_hometraining.png) no-repeat 0 30px;*/
    }

    .panels_triple.enquiry {
        /*	background: url(../images/bg_homeenquiry.png) no-repeat 0 30px;*/
        margin-right: 0;
    }
	
.panels_triple h2 {
	font-size:2.6em;
	color:#cbdade;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:15px; 
}

    .panels_triple.news h2 {
        border-bottom: solid 1px #618b0e;
        color: #618b0e;
    }
.panels_triple.training h2 { border-bottom: solid 1px #7bbed4; }
.panels_triple.enquiry h2 { border-bottom: solid 1px #8bbfb6; }
    .panels_triple.casestudies h2 {
        color: #3a8b7d;
        border-bottom: solid 1px #3a8b7d;
    }
    .panels_triple.whatwedo h2 {
        border-bottom: solid 1px #027e98;
        color: #027e98;
    }
		
.panels_triple p {
	color:#373f43;
	text-align:left; 
}
			
.panels_triple.news h3 {
	font-size:1.6em;
	font-weight:normal;
	color:#618b0e;
	text-align:left; 
}

.panels_triple.news h3 a {
    color:#618b0e;
    text-decoration: none;
}

.panels_triple.news h3 a:hover {
    text-decoration: underline;
}
		
.panels_triple.training h3 {
	font-size:1.6em;
	font-weight:normal;
	color:#027e98;		
	text-align:left; 
}
		
.panels_triple.training h3 span {
	font-size:0.73em;
	color:#647e87; 
}
			
.panels_triple.training h3 a { 
	display:block;
	color: #027e98;
	text-decoration:none;
	width:280px; 
}

.panels_triple.whatwedo h3 a:hover {
    text-decoration: underline;
}

.panels_triple.whatwedo .clearfix {
    /*margin-bottom:20px;*/
}

    .panels_triple.whatwedo h3 {
        font-size: 1.6em;
        font-weight: normal;
        color: #027e98;
        text-align: left;
    }
        .panels_triple.whatwedo h3 span {
            font-size: 1.8em;
            color: #027e98;
        }

    .panels_triple.whatwedo h3 a {
        display: block;
        color: #027e98;
        text-decoration: none;
        width: 280px;
    }




.panels_triple.whatwedo h3 a:hover {
    text-decoration: underline;
}

.panels_triple.casestudies .clearfix {
    /*margin-bottom:20px;*/
}

    .panels_triple.casestudies h3 {
        font-size: 1.6em;
        font-weight: normal;
        color: #3a8b7d;
        text-align: left;
    }

    .panels_triple.casestudies h3 span {
        font-size: 1.8em;
        color: #3a8b7d;
    }

        .panels_triple.casestudies h3 a {
            display: block;
            color: #3a8b7d;
            text-decoration: none;
            width: 280px;
        }





.panels_triple.casestudies h3 a:hover {
    text-decoration: underline;
}
						
.panels_triple.enquiry .clearfix { 
    /*margin-bottom:20px;*/ 
}
	
.panels_triple.enquiry h3 {
	float:right;
	font-size:1.09em;
	font-weight:normal;
	line-height:1.29em;
	color:#465d65;
	text-align:right;
	text-transform:uppercase; 
}
		
.panels_triple.enquiry h3 span {
	font-size:1.8em;
	color:#3a8b7d; 
}
			
.panels_triple.enquiry .countrysq {
	float:left;
	width:32px;
	height:32px;
	margin-top:4px;
	line-height:32px;
	font-size:1.2em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	background: #8bbfb6; 
}

.panels_triple_inner {
    min-height: 120px;
}

.marginrightzero {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.home_more {
    display: block;
    float: left;
    width: 280px;
    margin: 20px 70px 0 0;
    padding-top: 20px;
    font-size: 1.45em;
    text-align: right;
    color: #647e87;
    text-decoration: none;
    cursor: pointer;
}
	
.home_more.news { border-top: solid 1px #aecb73; }
.home_more.whatwedo { border-top: solid 1px #7bbed4; }
.home_more.casestudies { border-top: solid 1px #8bbfb6; margin-right:0; }
	
.home_more span { 
	display:block;
	float:left;
	width:210px; 
}
		
.home_more strong { 
	display:block;
	float:right;
	width:60px;
	height:22px;
	margin-top:4px;
	padding-top:38px;
	text-align:center;
	font-size:0.82em;
	color:#FFFFFF;
	text-transform:uppercase; 
}
		
.home_more.news strong { background: #aecb73 url(../images/arrow2.png) no-repeat 16px 10px; }
.home_more.training strong { background: #7bbed4 url(../images/arrow2.png) no-repeat 16px 10px; }
.home_more.enquiry strong { background: #8bbfb6 url(../images/arrow2.png) no-repeat 16px 10px; }
.home_more.news:hover strong { background: #94b74b url(../images/arrow2.png) no-repeat 16px 10px; }
.home_more.training:hover strong  { background: #4ba6c4 url(../images/arrow2.png) no-repeat 16px 10px; }
.home_more.enquiry:hover strong  { background: #57b1a1 url(../images/arrow2.png) no-repeat 16px 10px; }
	

/* ==========================================================================
   Inner page layout
   ========================================================================== */

.imagepanelpage {
    width: 1002px;
    height: 80px;
    margin: 0 auto 20px auto;
    /*	background: url(../images/bg_imagepanel1.png) no-repeat bottom; */
}
	
.imagepanelpage .wrapper {
	width:980px;
	height: 80px;
    margin: 0 11px;
    /* background: url(../images/imagepanel1.jpg) no-repeat top; */
    background-color: #7b969e;
}
		
.imagepanelpage .wrapper h1 {
	float:right;
	width:400px;
	height:60px;
	line-height:60px;
	margin-top:10px;
	padding:0 20px 0 0;
	font-size:3.3em;
	color:#FFFFFF;
	text-align:right;
	background: url(../images/bg_homepanel.png) no-repeat left;  
}

.contact .leftpanel:first-child {
    margin-left:160px;
}		

.leftpanel {
	float:left;
	width:280px;
	margin-right:20px;
	text-align:left;
	margin-bottom:40px; 
}
	
.leftpanel .subnav {
	background:#ecf3f4;
	border-top: solid 5px #2f8dac;
	padding:20px;
}
		
.leftpanel .subnav h3 {
	font-size:2em;
	font-weight:normal;
	color:#027e98;
	margin-bottom:10px; 
}
			
.leftpanel .subnav ul {
	list-style:none;
	padding:0; 
}
				
.leftpanel .subnav li {
	margin-bottom:15px;
	line-height:1.29em; 
}
				
.leftpanel .subnav li a {
	font-size:1.29em;
	color:#465d65;					
	text-decoration:none; 
}
					
.leftpanel .subnav li a:hover { color:#001b25; }
.leftpanel .subnav li a.selected { color:#2f8dac; }
				
.leftpanel .home_more {
	margin-top:0 }			
.libold {
    font-size:16px;
    font-weight:bold;
    color:#027e98;
}

.people { margin-bottom:50px; }
		
.people .left {
	width:205px; 
}
	
.people .featurephoto { 
	float:left;
	width:200px;
	height:200px;
	border-left: solid 5px #2f8dac; 
}
		
.people .peopleprecis {
	float:left;
	/*margin-left:30px;*/
	width:445px; 
} 
		
.people .peopleprecis h2 {
	font-size:2.2em;
	color:#2f8dac;
	margin-bottom:0; 
}
			
.people .peopleprecis h3 {
	font-size:1.2em;
	color:#465d65;
	font-weight:normal;
	margin-bottom:10px; 
}
			
.people .peopleprecis p {
	line-height:1.29em; 
}
					
.contentpanel {
	float:left;
	width:680px;
	text-align:left;
	margin-bottom:40px; 
}
	
.contentpanel h2 {
	font-size:3em;
	color:#7bbed4;
	margin-bottom:10px; 
}
	
.contentpanel p {
	font-size:1.29em;
	color:#273b42;
	margin-bottom:20px;
	line-height:1.4em; 
}
		
.contentpanel p.intro {
	font-size:1.6em;
	color:#647e87;
	margin-bottom:20px; 
}
			
.contentpanel p a {
	font-weight:bold;
	color:#2f8dac;
	text-decoration:none; 
}
			
.contentpanel p a:hover {
	text-decoration:underline;
	color:#2f8dac; 
}

.contentpanel ul li {
    font-size:1.29em;
    color:#273b42;
    line-height:1.4em;
}

.contentinner .doublelist {
	float:left;
	width:630px;
	margin-left:50px; 
}

.contentinner .doublepanel {
	display:inline-block;
	width:280px;
	height:145px;
	margin:0 30px 30px 0;
	font-size:1.6em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none; 
}
	
.doublepanel.tint1 { background: #7bbed4 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #2f8dac; }
.doublepanel.tint2 { background: #8bbfb6 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #3a8b7d; margin-right:0; }
.doublepanel.tint3 { background: #aecb73 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #618b0e; }
.doublepanel.tint4 { background: #9ab1b8 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #465d65; margin-right:0; }
.doublepanel.tint1:hover { background: #4ba6c4 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #2f8dac; }
.doublepanel.tint2:hover { background: #57b1a1 url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #3a8b7d; margin-right:0; }
.doublepanel.tint3:hover { background: #94b74b url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #618b0e; }
.doublepanel.tint4:hover { background: #74939d url(../images/arrow2.png) no-repeat 126px 30px; border-top: solid 5px #465d65; margin-right:0; }
	
.contentinner .doublepanel h2.twoline {
	width:240px;
	line-height:1.09em;
	margin:70px auto 0 auto; 
}
		
.contentinner .doublepanel h2.threeline {
	width:240px;
	line-height:1em;
	font-size:1.29em;
	margin:65px auto 0 auto; 
}
	
/* ==========================================================================
   News
   ========================================================================== */

.contentpanel .date {
	font-size:1.4em;
	color:#3a8b7d;
    clear:both;
}
	
.imagepanelpage.news .wrapper { /*background: url(../uploads/news/1.jpg) no-repeat top;*/  }

.contentpanel.newslist .item {
    float:left;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
    border-bottom: solid 1px #7bbed4;
}

.contentpanel.newslist a.news-article-link{
    font-size: 2.2em;
    color: #2f8dac;
    margin-bottom: 10px;
    text-decoration: none;
}

/* ==========================================================================
   Careers
   ========================================================================== */

.contentpanel.careers .location {
	font-size:1.4em;
	color:#3a8b7d; 
}
	
.contentpanel.careerslist .item {
    float:left;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: solid 1px #7bbed4;
	position:relative; 
}

.contentpanel.careerslist a.careers-link {
    font-size: 1.9em;
    color: #2f8dac;
    margin-bottom: 10px;
    text-decoration: none;
    float:left;
}
	
.careers .item .left {
	width:590px; 
}
	
.careers .item .imore { 
	position:absolute;
	right:0;
	bottom:20px; 
}
		
.careers .item .imore.apply {
	float:left;
	margin-left:0; 
}
		
.contentpanel h2.careertitle {font-size:2.2em; color:#2f8dac; }

.news .contentpanel h2.careertitle {font-size:2.4em; color:#2f8dac; }
		
.careers .intro.left {
	width:320px;
	font-size:1.4em; 
} 
		
.vacdetails {
	float:right;
	width:280px;
	padding:20px;
	margin:3px 0 0 20px;
	border-top: solid 5px #2f8dac;
	border-bottom: solid 1px #2f8dac;
	background:#ecf3f4; 
}
	
.vacdetails label {
	float:left;
	width:90px;
	margin:5px 0;
	font-size: 1.29em;
	line-height:1.2em;
	color: #2f8dac; 
}
		
.vacdetails span {
	display:block;
	float:left;
	width:190px;
	margin:5px 0;
	font-size: 1.29em;
	line-height:1.2em;
	color: #465d65;
}
		
.careers h3 {
	font-size: 2em;
    color: #2f8dac;
	font-weight:normal;
    margin: 10px 0; 
}
	
.maindetails { margin: 30px 0 0 0; }
	
.maindetails ul li {
	font-size: 1.29em; 
}
		
.maindetails ul li ul li {
	font-size: 0.9em;
	margin-bottom:5px; 
}
			
.maindetails h4 {
	font-size:1.6em;
	margin-bottom:5px;
	color:#3a8b7d; 
}
	 
.quote {
	float:left;
	width:58px;
	height:58px;
	margin: 0 20px 10px 0; }
	
.testimonials { margin-left:50px; }

.testimonials .item {
	float:left; 
	width:280px;
	margin:0 70px 30px 0; 
}
	
.testimonials .item.col_2 { margin-right:0; }
	
.testimonials .item p { font-size:1.2em; }
	
.testimonials .item .author { 
	display:block;
	font-size:1.4em;
	color:#2f8dac; 
}
		
.testimonials .item .company { 
	display:block;
	font-size:0.7em;
	color:#647e87;
	text-transform:uppercase; 
}
		
.applyform h2 span { font-size:0.7em; color:#647e87; }

.applyform label {
	float:left;
	width:150px;
	margin-top:10px;
	font-size: 1.4em;
	line-height:1.2em;
	color: #2f8dac; 
}
	
.applyitem {
	margin-bottom:30px; 
}
	
.applyitem label { margin-top:0; }
	
.applyform label.radiowide { width:550px; }
.applyform label.radiowide2 { width:680px; }
.applyform .radiolist { 
	display:block;
	float:right;
	margin:0; 
}
      
.applyform.bookingform .radiolist{float:left;}
.applyform.bookingform .radiolist br{clear: both;}
.radiolist.conviction {float:left; }
		
.applyform .radiolist label , .applyform .radiolist input { 
	text-align:left;
	height:20px;
	line-height:20px;
	margin:0 0 5px 10px;
	width:auto; 
}
			
.applyform .radiolist label { float:left; width:25px; }
.applyform.bookingform .radiolist input { float:left; margin: 0 10px 5px 10px; }
.applyform.bookingform .radiolist label { float:left; width: 600px; height: auto; margin: 0; }
.applyform .radiolist.conviction label { float:right; width:600px; }
	
.contentpanel.bookingform .price {
	font-size:1.2em;
	color:#000; 
}
	
.contentpanel.bookingform .price span {
	font-size:1.2em;
	color:#000; 
} 

.applyform .jobref {
	float:left;
	margin:12px 0 0 20px; 
}

.applyform input[type="text"], .applyform textarea, .applyform select {
    float: left;
    margin: 5px 0 5px 20px;
    width: 310px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    font-size: 1.29em;
    color: #647e87;
    border: solid 1px #99a4aa;
}

.applyform input[type="checkbox"] {
    float: left;
    margin: 5px 0 5px 20px;
    line-height: 25px;
    padding-left: 10px;
    font-size: 1.29em;
    color: #647e87;
    border: solid 1px #99a4aa;
}

.applyform select {
    height: 30px;
}

	
.applyform textarea {
	height:100px;
	padding:10px;
	width:300px;
	line-height:1.2em; 
}
		
.applyform .applyitem input[type="text"] {
	width:415px; 
}
		
.applyform .upload input {
	float:none;
	margin:auto;
	width:auto;
	height:auto;
	line-height:normal;
	padding:0; 
}

.applyform h3 { margin:20px 0 5px 0; }
		
.applyform h4 {
	display:block;
	font-size:1.45em;
	color:#3a8b7d; 
}
		
		
.applyform .textboxwide {
	width:660px;
	margin-left:0;
	height:150px; 
}
	
.applyform p.textboxnote {
	font-size:1.09em;
	margin-bottom:5px; 
}
	
.applyform .applyitem .textboxnote {
	font-size:1.2em;
	margin-bottom:5px; 
}
		
.applyitem .workpermit {	
	width:230px;
	height:39px;
	line-height:39px;
	color:#647e87; 
}
		
.applyform .imore {
	border:0;
	width:60px;
	padding:38px 0 0 0; 
	height:60px;
	margin-top:0;
	text-align:center;
	cursor:pointer; 
}

/* ==========================================================================
   Directors
   ========================================================================== */

.imagepanelpage.directors .wrapper { /*background: url(../uploads/news/1.jpg) no-repeat top;*/  }

.contentinner.directors {padding-bottom:40px; }

.contentinner.directors .leftpanel {
	margin-right:70px; 
}
	
.contentinner.directors .leftpanel.last { margin-right:0; }

.contentinner.directors .subnav a {
	text-decoration:none; 
}
	
.contentinner.directors .subnav a h2:hover {
	color:#465d65; 
}
	
.contentinner.directors .leftpanel h2 {
	font-size:1.6em;
	font-weight:normal;
	line-height:1em;
	color:#027e98; 
}
	
.contentinner.directors .leftpanel h2 span {
	font-size:0.73em;
	color:#647e87; 
}
		
/* ==========================================================================
   Courses
   ========================================================================== */
   
.contentpanel.coursedetails h1 {
	text-align:right;
	font-size:1.8em;
	color:#647e87; 
} 
	
.contentpanel.coursedetails h2.careertitle { font-size:2.1em; }

.contentpanel.coursedetails .vacdetails label { width:65px; }
.contentpanel.coursedetails .vacdetails span { width:215px; }

.contentpanel.coursedetails .vacdetails a { text-decoration:none; color:#2f8dac; }
.contentpanel.coursedetails .vacdetails a:hover { text-decoration:underline; }
 
.contentpanel.coursedetails .price {
	font-size:1.2em;
	color:#465d65; 
}
	
.contentpanel.coursedetails .price span {
	font-size:1.8em;
	color:#2f8dac; 
} 

/* ==========================================================================
   Contact
   ========================================================================== */
	
.contentinner.directors .subnav { border-bottom: solid 1px #7bbed4; }
		
.contentinner.directors .leftpanel .phone {
	margin:10px 0;
	font-size:1.4em;
	font-weight:normal;
	line-height:1em;
	color:#3a8b7d; 
}
		
.contentinner.directors .leftpanel .phone span { 
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	line-height:20px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	background:#8bbfb6; 
}
		
.contentinner.directors .leftpanel .phone strong{
	float:left;
	width:200px;
	font-size:1.2em;
	font-weight:normal;
	line-height:1em;
	color:#3a8b7d; 
}
			
.imore , .imap , .iemail , .iroute , .idownload , .iback { 
		display:block;
		float:right;
		width:60px;
		height:22px;
		margin:20px 0 0 20px;
		padding-top:38px;
		text-align:center;
		font-size:1.29em;
		color:#FFFFFF;
		text-transform:uppercase;
		text-decoration:none; 
}
		
.iback { float:left; margin: 0; }
		
.imore { background: #7bbed4 url(../images/arrow2.png) no-repeat 16px 10px; }
.iback { background: #7bbed4 url(../images/arrow2b.png) no-repeat 16px 10px; }
.imap { background: #7bbed4 url(../images/i_map.png) no-repeat 16px 10px; }
.iemail { background: #aecb73 url(../images/i_email.png) no-repeat 16px 10px; }
.iroute { background: #8bbfb6 url(../images/arrow2.png) no-repeat 16px 10px; }
.idownload { background: #7bbed4 url(../images/i_pdf.png) no-repeat 16px 10px; }
.imore:hover { background: #4ba6c4 url(../images/arrow2.png) no-repeat 16px 10px; }
.iback:hover { background: #4ba6c4 url(../images/arrow2b.png) no-repeat 16px 10px; }
.imap:hover { background: #4ba6c4 url(../images/i_map.png) no-repeat 16px 10px; }
.iemail:hover  { background: #94b74b url(../images/i_email.png) no-repeat 16px 10px; }
.iroute:hover { background: #57b1a1 url(../images/arrow2.png) no-repeat 16px 10px; }
.idownload:hover { background: #4ba6c4 url(../images/i_pdf.png) no-repeat 16px 10px; }

.idownload_container {
    float:right;
    width: 280px;
    position: relative;
}

.idownload_container span {
    display: block;
    width: 210px;
    float: left;
    text-align:right;
    position: absolute;
    bottom: 1px;
    font-family: Telex, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #647E87;
}
			
/* ==========================================================================
   Sitemap
   ========================================================================== */

.contentpanel.sitemap h3 a{
    font-size:22px;
	font-weight:normal;
	color:#027e98 !important;
	margin-bottom:10px;
    text-decoration: none;
}

.contentpanel.sitemap ul {
    list-style-type: none;
}

.contentpanel.sitemap a {
    color:#465d65;
    text-decoration: none;
}

/* ==========================================================================
   Search
========================================================================== */

.contentpanel.search h3 {
    font-size:22px;
	font-weight:normal;
	color:#027e98 !important;
	margin-bottom:10px;
    text-decoration: none;
}

.contentpanel.search .row {
    float:left;
	clear: both;
	width: 665px;
	margin: 0 0 5px 0;
	font-size: 1.4em;
	text-decoration:none;
	color:#465d65;
}

.contentpanel.search .row:hover {
    text-decoration: underline;
}
  

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after , .clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.left {float:left; }
.right {float:right; }


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	
	#header_top { display:none; }
	#header { margin: 0; height:200px; }
	.logo { background:none;
    		padding:0;
			float:none;
			width:100%; }
			
			.logo img {
				width:233px;
				height:185px;
				margin:0 0 20px 0; }
			
	#strapline { display:none; }
	#main_nav { display:none; }
	.left_content { width:100%; margin:0; }
	.left_content .sidenav { display:none; }
	.left_content .sidebanner { display:none; }
	.left_content a { display:none; }
	.left_content .box { width:100%; height:auto; }
	.back { display:none; }
	.right_content .box { width:100%; height:auto; }
	.right_content .subtitle { width:100%; padding:0; margin:0 0 20px 0; text-transform:none; position:relative; }
	.box h1 { padding:0; margin:0 0 20px 0; text-transform:none; position:relative;  }
	.right_content .effect_medium { display:none; }
	.right_content .filter_box { display:none; }
	.right_content .style_6 { display:none; }
	
	.right_content {
		clear:both;
		margin:0;
		width:100%; }
	#footer_inner img { display:none; }
	.plt_useful { display:none; } 
	.left_content .printtitle { font-size:3em; display:block; width:100%; }
	.topimage { display:none; }
}


.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.file-upload-container {
    border-radius: 5px;
    width: 400px;
    padding: 20px;
    background-color: #ecf3f4;

}

.file-upload {
    color: #647e87;
    font-size: 1.15em;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

/* ==========================================================================
   Responsive overrides
   ========================================================================== */
@media only screen and (max-width: 576px) {
    body {
        width:100%;
    }

    #header .headertop .logo {
        display: block;
        float: left;
        width: 186px;
        height: 44px;
        background: url(../images/logo3.png) no-repeat;
        background-size: cover;
        margin-top: 22px;
    }

    #content .contentinner {
        width: 100%;
    }

    #header .headertop {
        width: 100%;
    }

    #main_nav ul {
        width: 100%;
    }

    #main_nav li {
        padding:0 5px;
        font-size: 0.8em;
    }

    #footer .footerwrap {
        width: 100%;
    }

    .imagepanel {
        width: 100%;
    }

    .imagepanel .wrapper {
        width: 100%;
        margin: 0px;
    }

    .imagepanelpage {
        display:none;
    }

    /*.imagepanelpage .wrapper h1 {
        float: left;
    }*/

    .imagepanel .wrapper h1 {
        width: 95%;
        margin: auto;
        margin-top: 150px; 
    }

    #main_nav ul {
        background: none !important;
    }

    #header .searchbox {
        width: 180px;
        margin-right: 5px;
    }

    #header .searchbox input {
        width: 130px;
    }

    .panels_triple {
        background-size: 140px 60px !important;
        background:none;
        padding-top:20px;
    }

    .panels_triple.enquiry h3 span {
        font-size: 1.5em;
    }

    #logofooter {
        display:none;
    }

    .panels_triple_inner {
        width: 60%;
        float:left;
    }
    .home_more {
        width:40%;
        float:left;
        padding:0px;
        margin:0px;
        border-top: none !important;
    }

    .leftpanel {
        width:100%;
        margin-bottom:0px;
    }

    .leftpanel .subnav {
        float: left;
        width: 40%;
        padding: 20px;
        margin: 0px;
        max-width: 260px;
    }

    .contentpanel {
        width: 98%;
        padding: 15px;
        margin-bottom:5px;
        box-sizing: border-box;
    }

    .contentpanel h2 {
        font-size:2em;
    }

    .contentinner .doublelist {
        margin-left: 5px;
        width: 100%;
        margin-top: 15px;
    }

    .contentinner .doublepanel {
        margin-right: 5px;
        width: 240px;
    }

    .contentpanel.careerslist a.careers-link, .contentpanel.coursedetails h2.careertitle {
        font-size: 1.5em;
    }

    .vacdetails {
        width:100%;
        padding: 0px;
    }

    .careers .intro.left {
        width: 100%;
    }

    .maindetails {
        margin:0px;
        margin-right:10px;
    }

    .contact .leftpanel:first-child {
        margin-left:0px;
    }

    .testimonials .item {
        width: 85%;
    }

    .careers .item .imore {
        left: 0;
    }

    .people .peopleprecis {
        margin-left: 5px;
        width: 100%;
    }

    #footer .strapline {
        width: 100%;
    }

    .file-upload-container {
        width: 90%;
        margin: auto;
    }

    .contact-links {
        float:left;
        margin-top: -80px;
        margin-bottom: 10px;
    }

    .applyform .textboxwide {
        width: 95%;
        height: 50px;
    }

    .applyform label.radiowide, .applyform label.radiowide2, .applyform .radiolist.conviction label, .applyform .applyitem input[type="text"] {
        width: 95%;
    }

    .services .leftpanel {
        display: none;
    }
}

@media only screen and (max-width: 792px) and (min-width:576px) {



    #content .contentinner {
        width: 100%;
    }

    #header .headertop {
        width: 100%;
    }

    #main_nav ul {
        width: 100%;
    }

    #main_nav li {
        width: 10%;
        padding: 0px;
        font-size: 0.7em;
    }

    #footer .footerwrap {
        width: 100%;
    }

    .imagepanel {
        width: 100%;
    }

    .imagepanel .wrapper {
        width: 100%;
        margin: 0px;
    }

    .imagepanelpage {
        display: none;
    }

    .imagepanel .wrapper h1 {
        width: 95%;
        margin: auto;
        margin-top: 150px;
    }

    #main_nav ul {
        background: none !important;
    }

    .panels_triple {
        background-size: 140px 60px !important;
        background: none;
        padding: 20px;
    }

    .panels_triple.enquiry h3 span {
        font-size: 1.5em;
    }

    #logofooter {
        display: none;
    }

    .panels_triple_inner {
        width: 60%;
        float: left;
    }

    .home_more {
        width: 40%;
        float: right;
        padding: 0px;
        margin: 0px;
        border-top: none !important;
    }

    .leftpanel {
        width: 100%;
        margin-bottom: 0px;
    }

    .leftpanel img {
        float: right;
    }

    .leftpanel .subnav {
        float: left;
        width: 40%;
        padding: 20px;
        margin: 0px;
    }

    .contentpanel {
        width: 98%;
        padding: 10px;
        margin-bottom: 5px;
    }

    .contentpanel h2 {
        font-size: 2em;
    }

    .contentinner .doublelist {
        margin-left: 5px;
        width: 100%;
    }

    .contentinner .doublepanel {
        margin-right: 5px;
        width: 240px;
    }

    .contentpanel.careerslist a.careers-link, .contentpanel.coursedetails h2.careertitle {
        font-size: 1.5em;
    }

    .vacdetails {
        width: 100%;
        padding: 0px;
    }

    .careers .intro.left {
        width: 100%;
    }

    .maindetails {
        margin: 0px;
        margin-right: 10px;
    }

    .contact .leftpanel:first-child {
        margin-left: 0px;
    }

    .testimonials .item {
        width: 85%;
    }

    .careers .item .imore {
        left: 0;
    }

    .people .peopleprecis {
        margin-left: 5px;
        width: 100%;
    }

    #footer .strapline {
        width: 100%;
    }

}

@media only screen and (max-width: 992px) and (min-width:792px) {


    #content .contentinner {
        width: 100%;
    }

    #header .headertop {
        width: 100%;
    }

    #main_nav ul {
        width: 100%;
    }

    #main_nav li {
        padding: 0px;
        font-size: 0.8em;
    }

    #footer .footerwrap {
        width: 100%;
    }

    .imagepanel, .imagepanelpage {
        width: 100%;
    }

        .imagepanel .wrapper {
            width: 100%;
            margin: 0px;
        }

            .imagepanel .wrapper h1 {
                width: 95%;
                margin: auto;
                margin-top: 150px;
            }

        .imagepanelpage .wrapper {
            width: 100%;
            margin: 0;
            text-align: right;
        }

            .imagepanelpage .wrapper h1 {
                /*margin-right: 150px;*/
            }

    #main_nav ul {
        background: none !important;
        padding: 10px 0;
    }

    #main_nav li {
        width: 10%;
        margin: 0 ;
    }

    .panels_triple {
        background-size: 140px 60px !important;
        background: none;
        padding: 20px;
    }

    .panels_triple.enquiry h3 span {
        font-size: 1.5em;
    }

    #logofooter {
        display: none;
    }

    .panels_triple_inner {
        width: 60%;
        float: left;
    }

    .home_more {
        width: 40%;
        float: left;
        padding: 0px;
        margin: 0px;
        border-top: none !important;
    }

    .contentpanel {
        width: calc(100% - 320px);
    }

    .contentpanel h2 {
        font-size: 2em;
    }

    .contentinner .doublelist {
        margin-left: 5px;
        min-width: 480px;
        width: calc(100% - 320px);
    }

    .contentinner .doublepanel {
        margin-right: 5px;
        width: 240px;
    }

    .contentpanel.careerslist a.careers-link, .contentpanel.coursedetails h2.careertitle {
        font-size: 1.5em;
    }

    .vacdetails {
        width: 100%;
        padding: 0px;
    }

    .careers .intro.left {
        width: 100%;
    }

    .maindetails {
        margin: 0px;
        margin-right: 10px;
    }

    .testimonials .item {
        width: 85%;
    }

    .careers .item .imore {
        left: 0;
    }

    .people .featurephoto {
        max-width: 100%;
        height: auto;
    }

    .people .peopleprecis {
        padding-left: 15px;
        margin-left: 0px;
    }

    .offices {
        width: 100%;
        margin-left: 0px !important;
    }

    .offices .subnav {
        float:right;
        width: calc(100% - 340px);
    }

    #footer .strapline {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 792px) and (min-width:570px) {
    #header {
        height: 185px;
    }

    #header .searchbox {
        margin-top: 65px;
    }

    #main_nav {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #9ab1b8;
    }

    #main_nav ul {
        height: 100%;
    }

    #main_nav li {
        float: left;
        width: 30%;
        height: 2em;
        line-height: 2em;
    }

    .imagepanel .wrapper h1 {
        font-size: 1.8em;
    }

    .panels_triple h2 {
        font-size: 2.5em;
    }

    .panels_triple {
        background-size: 100px 35px !important;
        padding-top: 5px;
    }

    .panels_triple.enquiry h3 span {
        font-size: 1.2em;
    }

    .panels_triple a span {
        display: none;
    }

    .panels_triple.news {
        background: url(../images/bg_homenews.png) no-repeat 0 10px;
    }

    .panels_triple.training {
        background: url(../images/bg_hometraining.png) no-repeat 0 10px;
    }

    .panels_triple.enquiry {
        background: url(../images/bg_homeenquiry.png) no-repeat 0 10px;
        margin-right: 0;
    }

    #footer .strapline {
        font-size: 1.4em;
        float:right;
        text-align:right;
    }

    .leftpanel img {
        max-width: 46%;
    }

    .contentinner.directors .leftpanel .phone strong {
        font-size:1em;
    }

    .contact-links {
        margin-top: 0px;
    }

    .contentinner .doublepanel {
        width: 150px;
        height: 80px;
        margin: 0 35px 15px 0;
    }

    .contentinner .doublepanel h2.threeline, .contentinner .doublepanel h2.twoline {
        width: 150px;
        margin: 10px auto 0 auto;
        font-size: 1em;
    }

    .careers .item .imore {
        position:relative;
        float:left;
        margin: 0;
    }

    .careers .item .left {
        width: 100%;
    }

    .home_more span {
        width: 100%;
        font-size:smaller;
    }

    .doublepanel.tint1 {
        background: #7bbed4 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #2f8dac;
    }

    .doublepanel.tint2 {
        background: #8bbfb6 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #3a8b7d;
        margin-right: 0;
    }

    .doublepanel.tint3 {
        background: #aecb73 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #618b0e;
    }

    .doublepanel.tint4 {
        background: #9ab1b8 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #465d65;
        margin-right: 0;
    }

    .doublepanel.tint1:hover {
        background: #4ba6c4 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #2f8dac;
    }

    .doublepanel.tint2:hover {
        background: #57b1a1 url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #3a8b7d;
        margin-right: 0;
    }

    .doublepanel.tint3:hover {
        background: #94b74b url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #618b0e;
    }

    .doublepanel.tint4:hover {
        background: #74939d url(../images/arrow2.png) no-repeat 116px 45px;
        border-top: solid 5px #465d65;
        margin-right: 0;
    }
}