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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;}
blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-spacing: 0;}
a { text-decoration: none; outline:none; cursor:pointer; }
ul, li { list-style: none; margin: 0; padding: 0; }
a {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
::-moz-selection {background: #000; color: #ffffff; text-shadow: none;}
::selection {background: #000; color: #ffffff; text-shadow: none;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}

/*-- Fonts
font-family: 'Raleway', sans-serif;
font-family: 'Playfair Display', serif;
--*/

.special { float:left; width:100%; background: #000; margin: 0; padding: 40px 10px; }
.special p { font-family: 'Raleway', sans-serif; color:#FFF; font-size: 14px; text-align: center; font-weight:400; line-height: 18px; margin: 10px auto; max-width:600px; }
.special h1 { font-family: 'Playfair Display', serif; font-style:italic; font-weight:400; font-size: 27px; text-align: center; color:#FFF; margin-bottom: 10px; }

.announcement { float:left; width:100%; background: #000; margin: 0; padding: 15px 10px; }
.announcement p { font-family: 'Raleway', sans-serif; color:#FFF; font-size: 14px; text-align: center; font-weight:400; line-height: 18px; max-width: 800px; margin: 0 auto;}

/*-- Header --*/
header { float:left; width:100%; margin:50px 0; }
header a.logo { margin:0 auto; text-align:center; width:238px; height:95px; background:url(../assets/images/logo.svg) center center no-repeat; text-indent:-999999px; display:block; z-index: 100; position: relative; }
nav { float: left; width: 100%; text-align: center; padding: 20px 20px; font-family: 'Raleway', sans-serif; position: absolute; left: 0; right: 0; max-width: 1140px; margin: 0 auto; top: 105px;}
nav ul { margin:0; padding:0; }
nav ul li { display:inline-block; text-align:center; font-size:22px; font-weight:500; }
nav ul li:nth-child(1),nav ul li:nth-child(2) { float:left; text-align:left; padding-right:100px; }
nav ul li:nth-child(3),nav ul li:nth-child(4) { float:right; text-align:right; padding-left:100px; }
nav ul li a:link { color:#000; text-decoration:none; }
nav ul li a:visited { color:#000; text-decoration:none; }
nav ul li a:hover { color:#333; text-decoration:none; }
nav ul li a:active { color:#000; text-decoration:none; }

/*-- Banner --*/
.banner { float:left; width:100%; display:table; position:relative; padding:50px 0 100px 0; }
.banner img { -webkit-box-shadow: -7px 17px 59px 6px rgba(153,153,153,0.56); -moz-box-shadow: -7px 17px 59px 6px rgba(153,153,153,0.56); box-shadow: -7px 17px 59px 6px rgba(153,153,153,0.56); max-width:620px; width:100%; }
.banner .text { padding:60px 0; }
.banner .text h1 { font-family: 'Raleway', sans-serif; font-size:34px; line-height:49px; font-weight:500; }
.banner .text p { font-family: 'Raleway', sans-serif; font-size:23px; line-height:36px; font-weight:300; }
.banner .text p span { font-family: 'Playfair Display', serif; font-style:italic; font-weight:400; }

/*-- Logos --*/
.slider { background:#FEF6FA; width:100%; float:left; clear:both; padding:20px 0; }
.logos { clear:both; width:100%; max-width:1140px; margin:0 auto; }

/*-- Intro Sections --*/
.intro h1 { text-align:center; font-family: 'Playfair Display', serif; font-style:italic; font-weight:700; font-size:39px; margin-bottom:25px; }
.intro span.divider { border-bottom:2px solid #000; width:100px; display:block; text-align:center; margin:0 auto; }
.intro { max-width:1440px; width:100%; padding:0 20px; text-align:center; }
.intro p { font-family: 'Raleway', sans-serif; font-weight:500; line-height:43px; font-size:24px; padding:20px 0; margin-bottom:50px; }

/*-- Services --*/
#services { float:left; width:100%; padding:100px 0; }
#services .block  { margin:20px 0; }
#services .block h1 { font-family: 'Playfair Display', serif; font-style:italic; font-weight:300; font-size:35px; margin-bottom:20px; }
#services .block ul li { font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:34px; }
#services .block ul li:before { content: "\f00c"; font-family: 'FontAwesome'; display: inline-block; margin-left: 0; width: 1.3em;}
#services .block p { font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:34px; }

/*-- Brands --*/
#lenses { background:#FEF6FA; width:100%; float:left; padding:100px 0; }
#lenses .brand { margin:50px 0 10px 0; }

/*-- Contact --*/
#contact { float:left; width:100%; padding:100px 0; }
#contact .block  { margin:20px 0; }
#contact .block h1 { font-family: 'Playfair Display', serif; font-style:italic; font-weight:300; font-size:35px; margin-bottom:20px; }
#contact .block p { font-family: 'Raleway', sans-serif; font-weight:500; font-size:18px; line-height:34px; }
#contact .block p b, #contact .block p strong { font-weight:700; }
#contact .block p sup { font-size: 13px; font-style: italic; }
#contact .block p a:link { color:#000; }
#contact .block p a:visited { color:#000; }
#contact .block p a:hover { color:#000; }
#contact .block p a:active { color:#000; }

#contact .intro { max-width: 950px; margin: 0 auto; }

/*-- Footer --*/
footer { background:#FEF6FA; width:100%; float:left; padding:40px 0; font-family: 'Raleway', sans-serif; font-size:18px;  }
footer p.left { float:left; text-align:left; z-index:1; }
footer p.right { float:right; text-align:right; z-index:1; }
footer p.right a:link { color:#000; font-weight:700; }
footer p.right a:visited { color:#000; }
footer p.right a:hover { color:#000; }
footer p.right a:active { color:#000; }
footer ul.social { text-align: center; margin: 0 auto; position: absolute; left: 0; right: 0; max-width:200px;}
footer ul.social li { display:inline-block; text-align:center; font-size:24px; margin:0 10px; }
footer ul.social li a:link { color:#000; }
footer ul.social li a:visited { color:#000; }
footer ul.social li a:hover { color:#000; }
footer ul.social li a:active { color:#000; }

/*-- Responsive Grid --*/
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;*behavior: url(/scripts/boxsizing.htc); }
.container { max-width: 1140px; height:100%; margin: 0 auto; clear:both; padding:0 20px; }
.container:after,.row:after, .col:after, .clr:after, .group:after { content: ""; display: table; clear: both; }								  
.col { display: block;float: left;width: 100%;}
@media ( min-width : 768px ) {.gutters .col { margin-left: 2%;}.gutters .col:first-child { margin-left: 0; }}
@media ( min-width : 768px ) {.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}.gutters .span_1{width:6.5%}.gutters .span_2{width:15%}.gutters .span_3{width:23.5%}.gutters .span_4{width:32%}.gutters .span_5{width:40.5%}.gutters .span_6{width:49%}.gutters .span_7{width:57.5%}.gutters .span_8{width:66%}.gutters .span_9{width:74.5%}.gutters .span_10{width:83%}.gutters .span_11{width:91.5%}.gutters .span_12{width:100%}}

@media only screen and ( max-width: 1125px ) {
.banner .text h1 { font-size: 28px; line-height: 36px; }
.banner .text p { font-size: 19px; line-height: 29px; }
.banner img { margin:0 auto; display:block; }
}

@media only screen and ( max-width: 980px ) {
header { margin:50px 0 0 0; }
nav { top:inherit; padding:40px; position:relative; }
nav ul li:nth-child(1), nav ul li:nth-child(2), nav ul li:nth-child(3), nav ul li:nth-child(4) { float:none; text-align:center; padding: 0 30px; }
}

@media only screen and ( max-width: 931px ) {
.banner .text h1 { font-size: 25px; line-height: 33px; }
.banner .text p { font-size: 16px; line-height: 26px; }
}

@media only screen and ( max-width: 836px ) {
.banner .text { padding:30px 0; }
}

@media only screen and ( max-width: 767px ) {
.banner .text h1 { font-size: 25px; line-height: 33px; text-align:center; }
.banner .text p { font-size: 16px; line-height: 26px; text-align:center; }
}

@media only screen and ( max-width: 675px ) {
header { margin: 50px 0 0 0; }
header a.logo { width:175px; }
nav ul li { font-size:20px; }
nav ul li:nth-child(1), nav ul li:nth-child(2), nav ul li:nth-child(3), nav ul li:nth-child(4) { float:left; text-align:center; padding: 10px; width: 50%; }
.intro h1 { font-size:30px; }
.intro p { line-height: 30px; font-size: 18px; }
#services .block h1, #contact .block h1 { font-size:24px; }
#services .block ul li { font-size:16px; }
#services .block p, #contact .block p { font-size:16px; }
#brands .brand { margin:20px 0 10px 0; }
footer { font-size:14px; }
footer ul.social li { font-size:18px; }
}