* { margin: 0; padding: 0; }
html { background: #be1e2d; padding: 10px 10px 0 10px; }
body { position: relative; font-size: 62.5%; font-family: "Georgia", "Times New Roman", "Times", serif; -webkit-font-smoothing: antialiased; background: #FFF; }


/*---------------------------------------

	HEADER

-----------------------------------------*/

#header { position: fixed; left: 10px; top: 0px; right: 10px; z-index: 200; height: 170px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-top: 10px solid #be1e2d; }

.scrolled #header { height: 70px; background: #FFF; }

#logo { position: absolute; top: 0; left: 50px; display: block; width: 226px; height: 100%; background-image: url(../img/logo.svg); background-size: 226px 50px; background-position: center center; background-repeat: no-repeat; text-indent: -9999px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.scrolled #logo { width: 154px; background-size: 154px 34px; left: 28px; background-image: url(../img/logo.svg); }

#nav { position: relative; float: right; width: 600px; margin-top: 60px; font-family: 'Open Sans', sans-serif; text-align: right; list-style: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#nav li { display: inline-block; font-size: 14px; font-weight: 600; }
#nav li a { display: block; padding: 0 20px; line-height: 42px; }
#nav #contact_tab a { background: #be1e2d; border-radius: 21px 0 0 21px; padding: 0 10px 0 20px; margin-left: 10px; }

#nav li a:link, #nav li a:visited { color: #444; text-decoration: none; }
#nav li a:hover, #nav li a:active, #nav .current a:link, #nav .current a:visited { color: #be1e2d; text-decoration: underline; }

#nav #contact_tab a:link, #nav #contact_tab a:visited { color: #FFF; text-decoration: none; }
#nav #contact_tab a:hover, #nav #contact_tab a:active { color: #FFF; text-decoration: underline; }

#toggle_nav { display: none; }

/* When Scrolled */

.scrolled #nav { margin-top: 14px; padding-right: 12px; }
.scrolled #nav #contact_tab a { border-radius: 21px; padding: 0 20px; }

/*---------------------------------------

	SECTIONS

-----------------------------------------*/

.section { position: relative; padding: 60px 30px; text-align: center; background-color: #FFF; }

/* Intro */

#intro { position: relative; height: 600px; padding: 0; }
#intro h2 { font-size: 46px; color: #be1e2d; margin: 0 0 12px 0; }
#intro p { max-width: 520px; font-size: 16px; }
#welcome { position: absolute; bottom: 60px; left: 0; width: 100%; text-align: left; }
#welcome_intro { position: relative; margin: 0 auto; max-width: 900px; padding: 0 50px 50px 50px; }

#time { position: absolute; bottom: 50px; right: 50px; z-index: 100; width: 280px; height: 280px; }

svg{
	stroke: #be1e2d;
	font-family: 'Whitney Cond A', 'Whitney Cond B', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}

#rim {
  fill: none;
  stroke: #999;
  stroke-width: 3px;
}

.second-hand{
	stroke-width:3;

}

.minute-hand{
	stroke-width:8;
	
}

.hour-hand{
	stroke-width:12;
	
}

.hands-cover{
	stroke-width:3;
	fill:#fff;
}

.second-tick{
	stroke-width:3;
	stroke:#DEDEDE;	
}

.hour-tick{
	stroke:#DDD;	
	stroke-width:8; //same as the miute hand
}

.second-label{
	font-size: 12px;
}

.hour-label{
	font-size: 24px;
	fill:#be1e2d;
}

/*---------------------------------------

	WHY US

-----------------------------------------*/

#why_us { background-color: #F7F7F7; padding: 60px 0; }
#why_us:after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 2px; height: 60px; background: #FFF; margin-left: -1px; display: none; }
#why_us h2 { position: relative; color: #be1e2d; text-align: center; padding-top: 30px; }
#why_us h2:after { content: ""; display: block; position: absolute; top: 0; left: 50%; width: 12px; height: 12px; background: #FFF; border-radius: 6px; margin-left: -6px; display: none; }

#why_us ul { list-style: none; margin: 0 auto; max-width: 1100px; }
#why_us ul li { display: inline-block; vertical-align: top; width: 33.3333%; text-align: center; padding-top: 40px; }
#why_us ul div { margin: 0 20px; }
#why_us h3 { margin-bottom: 12px; }

/*---------------------------------------

	CLIENTS

-----------------------------------------*/

#clients { background-color: #F8F8F8; text-align: center; }

#clients ul { list-style: none; margin: 0 auto; max-width: 1100px; }
#clients ul li { display: inline-block; vertical-align: top; width: 33.3333%; text-align: left; padding-top: 40px; }
#clients ul div { padding: 0 20px; border-right: 1px solid #DEDEDE; }
#clients ul li:last-child div { border: none; }
#clients h4 { margin-bottom: 12px; }
#clients h4:after { margin: 18px 0 0 0;}
#clients ul p { font-size: 14px; }
/* Contact */

#contact { border-bottom: 10px solid #be1e2d; background-color: #F7F7F7; padding: 60px 30px 30px 30px; }
#contact_form { max-width: 700px; padding: 20px; margin: 0 auto 60px auto; overflow: hidden; text-align: left; background: #FFF; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.3);  }
#contact_left { float: left; width: 340px; }
#contact_right { float: right; width: 340px; }

#contact_form label { display: block; margin-bottom: 3px; color: #be1e2d; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; font-size: 21px; line-height: 110%; }
#contact_form input { border: 2px solid #CCC; background: #FFF; font-size: 18px; color: #444; padding: 8px; width: 320px; margin-bottom: 12px; -webkit-appearance: none; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; }
#contact_form textarea { border: 2px solid #CCC; background: #FFF; font-size: 18px; color: #444; padding: 8px; width: 320px; margin-bottom: 12px; -webkit-appearance: none; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; height: 180px; }

#result { text-align: center; margin: 0; font-size: 18px; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; clear: both; }
.error { color: #FFF; padding: 10px; background: #f42424; border-radius: 4px; }
.success { color: #FFF; padding: 10px; background: #22a037; border-radius: 4px; }

button { width: 100%; background: #be1e2d; color: #FFF; font-size: 18px; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; border: none; padding: 10px; border-radius: 4px; margin-bottom: 12px; }

.columns.contact_points { max-width: 900px; }
.contact_point p { text-align: center; color: #444; font-size: 28px; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; }
.contact_point span { display: block; text-transform: uppercase; color: #666; font-size: 15px; line-height: normal; }
.contact_point p strong { font-weight: 500; color: #be1e2d; }



/* About */

#about { background-color: #FFF; }
#about h4:after { margin: 18px 0 0 0;}

.columns { margin: 0 auto; max-width: 1200px; padding: 0 30px; overflow: hidden; }
.column_50 { float: left; width: 50%; }
.column_25 { float: left; width: 25%; }
.column_33 { float: left; width: 33.3333%; }
.column_20 { float: left; width: 20%; }
.column { padding: 0 20px; }


.bio_columns { max-width: 900px; padding-top: 30px; text-align: left;  }
/*---------------------------------------

	TYPOGRAPHY

-----------------------------------------*/

h1 { position: relative; color: #444; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 400; font-size: 29px; line-height: 110%; max-width: 500px; margin-bottom: 22px; }

h2 { color: #be1e2d; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; font-size: 46px; line-height: 110%; margin: 0 0 12px 0; letter-spacing: -1px; }

h3 { color: #444; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 400; font-size: 29px; line-height: 110%; margin: 0 auto 12px auto; max-width: 560px; }
h4 { color: #be1e2d;font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500; font-size: 24px; line-height: 110%; margin: 0 0 24px 0; }
h4:after { content: ""; display: block; width: 50px; height: 1px; background: #be1e2d; margin: 18px auto 0 auto; }
p { color: #222; font-size: 15px; line-height: 140%; margin-bottom: 18px; }
ul { color: #222; font-size: 15px; line-height: 140%; margin: 0 0 18px 22px; }
.leadin { max-width: 700px; margin: 0 auto 18px auto; }
hr { background: #ececec; border: none; margin: 0 10px 32px 10px; height: 1px; }

.checked { margin: 0 auto 18px auto; max-width: 420px; text-align: left; list-style: none; }
.checked li { padding-left: 32px; background: url(../img/tick.png) center left no-repeat; }

a:link, a:visited { color: #be1e2d; text-decoration: underline; }
a:hover, a:active { color: #be1e2d; text-decoration: underline; }

#services ul { margin: 0 auto 30px auto; max-width: 400px; text-align: left; }

.break { background: #921723; padding: 80px; }
.break h3 { color: #FFF; text-align: center; }

.break a:link, .break a:visited { color: #FFF; text-decoration: underline; }
.break a:hover, .break a:active { color: #FFF; text-decoration: underline; }

.svg .advice_icon { padding-top: 100px; background-image: url(../img/glasses.svg); background-position: center top; background-repeat: no-repeat; background-size: 90px; }
.svg .specialist_icon { padding-top: 100px; background-image: url(../img/medical.svg); background-position: center top; background-repeat: no-repeat; background-size: 80px; }

.svg .professional_icon { padding-top: 100px; background-image: url(../img/tie.svg); background-position: center top; background-repeat: no-repeat; background-size: 90px; }

.svg .data_icon { padding-top: 100px; background-image: url(../img/data.svg); background-position: center top; background-repeat: no-repeat; background-size: 80px; }

.svg .money_icon { padding-top: 100px; background-image: url(../img/money.svg); background-position: center 10px; background-repeat: no-repeat; background-size: 70px; }


/*---------------------------------------

	FOOTER

-----------------------------------------*/

#footer { text-align: center; padding: 0 40px; font-size: 14px; color: #888; font-family: 'Whitney Cond A', 'Whitney Cond B'; font-weight: 500;}
/*---------------------------------------

	MISC

-----------------------------------------*/

#back_up { display: block; height: 40px; background-color: #6e6062; background-image: url(../img/up.svg); background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; }

a { outline: none; }
img { border: none; }