@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@font-face {
  font-family: "Century Gothic";
  src: url("../../fonts/Century Gothic.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../../fonts/gothicb.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../../fonts/CenturyGothic.ttf");
  font-weight: light;
  font-style: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../../fonts/GOTHICBI.TTF");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Montserrat Regular";
  src: url("../../fonts/Montserrat Regular.otf");
  font-weight: normal;
}

/*Normalization*************/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: 'Century Gothic', sans serif;
	font-size: 17px;
}


.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear:both;
}
.nonlist {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}
figure img {
	height: auto;
	width: 100%;
}
img {
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	color: #2f2e31;
	margin-bottom: 25px;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
p {
	color: #6c6c6c;
	line-height: 1.5;
	margin-bottom: 20px;
}
section, h1, li, img {
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
/*End Normalization***************/
/*.wrapper-banner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;

}*/
.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
/* Banner Sec **************************************************/
.banner-sec {
	padding-top: 0px;
}
.logo-spec {
	position: absolute;
	top: -1px;
	left: 47px;
}
.banner-sec figcaption {
	font-family: "Century Gothic";
	font-weight: bold;
	padding: 5px 0 5px 85px;
	color: #fff;
	position: absolute;
	bottom: 40px;
	left: 0;
	line-height: 1;
	background: rgba(16, 9, 9, 0.77) none repeat scroll 0 0;
}
.banner-sec figcaption img.ray-ban {
	width: auto;
	vertical-align: bottom;
}
.banner-sec figcaption span {
	font-weight: bold;
	font-size: 25px;
	color: #fff;
	line-height: 1.3;
}
.banner-sec figcaption p.offer {
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	line-height: 1;
}
.banner-sec figcaption span.discount {
	font-weight: bold;
	font-size: 76px;
	color: #fa741d;
	margin:0;
	padding: 0;
	line-height: 1;
	letter-spacing: -0.6px;
}
.banner-sec figcaption .inner-figcaption {
	float: right;
	width: 395px;
	margin-left: 25px;
	margin-top: 7px;
}
.banner-sec .banner-right-sec {
	position: absolute;
	top: 15px;
	right: 31px;
}
.banner-sec .banner-right-sec address {
	margin-bottom: 0px;
}
.banner-sec .banner-right-sec address p {
	font-size: 18px;
	color: #fff;
	margin: 0;
	margin-bottom: 0px;
	letter-spacing: 0.3px;
	line-height: 1;
	font-family: "Roboto";
	margin-bottom: 5px;
}
.banner-sec .banner-right-sec address h4 {
	font-size: 36px;
	color: #fff;
	font-family: "Century Gothic";
	font-weight: bold;
	text-align: right;
	margin: 0;
}
.banner-sec .voucher-form {
	background-color:#d9d9da;
	box-shadow: 5px 5px 7px 0px #7b7d7e;
	text-align: center;
	display: block;
	padding-bottom: 0px;
	margin-top: 40px;
	padding-top: 25px;
	width: 335px;
	float: right;
}
.banner-sec .voucher-form h1 {
	font-size: 60px;
	color: #182380;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-family: "Roboto";
	font-weight: 700;
}
.banner-sec .voucher-form h2 {
	font-size: 24px;
	color: #001f3a;
	padding:0;
	margin: 0;
	line-height: 1;
	margin-bottom: 10px;
	font-family: "Roboto";
	text-align: center;
	font-weight: bold;
}
.banner-sec .voucher-form p {
	font-size: 15px;
	color: #001f3a;
	font-family: "Roboto";
	font-weight: light;
	text-align: center;
	margin: 0;
	padding: 0;
	margin: 0;
}
.banner-sec .voucher-form form {
	display: block;
	margin:0 auto;
	padding-top: 0px;
	padding-bottom: 28px;
}
.banner-sec .voucher-form form input[type="text"] {
	display: block;
	margin:0 auto;
	width: 298px;
	height: 45px;
	border:1px solid #b5b5b5;
	margin-bottom: 18px;
	padding-left: 15px;
	font-family: "Roboto";
	font-size: 18px;
	color: #0d0208;
}
.banner-sec .voucher-form form input[type="submit"] {
	display: block;
	margin: 0 auto;
	width: 298px;
	height: 50px;
	font-family: "Roboto";
	font-size: 18px;
	color: #fff;
	background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1e296f, #121841); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1e296f, #121841); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1e296f, #121841); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1e296f, #121841); /* Standard syntax */
	border:none;
	margin-top: 27px;
}
/* Main **************************************************/
main.main {
	padding-top: 0px;
	padding-bottom: 0px;
}
.main {
	position: relative;
}
.main .services-sec .row {
	margin: 0 35px;
}
.main .services-sec .services-sec-inner {
	padding-top: 55px;
	padding-bottom: 65px;
	background: #f6f6f6;
}
/*.main .services-sec .row {
	margin-left: -28px;
	margin-right: -32px;
}*/
.main .services-sec h6 {
	font-family: "Century Gothic";
	font-weight: bold;
	font-size: 20px;
	color: #92989b;
	margin: 0;
	padding-top: 20px;
}
.main .services-sec h5 {
	font-family: "Century Gothic";
	font-weight: bold;
	font-size: 26px;
	color: #001f3a;
	margin: 0;
	padding-top: 20px;
}
.main .services-sec h5 span {
	padding-left: 45px;
}
.main .services-sec h5:before {
	content: url("../../landing_images/designer-eyewear/tick.png");
	vertical-align: top;
	padding-right: 15px;
	line-height: 0.5;
}
.main .services-sec p {
	font-family: "Century Gothic";
	font-weight: light;
	font-size: 16px;
	color: #545454;
	margin: 0;
	padding-top: 15px;
	line-height: 1.4;
}
.main .services-sec .priority p {
	font-family: "Century Gothic";
	font-weight: bold;
	font-size: 22px;
	color: #001f3a;
	margin: 0;
	padding-top: 30px;
	line-height: 1.4;
	margin-bottom: 15px;
}
/* footer sec **************************************************/
.footer-sec {
	
	position: relative;
	
	padding-bottom: 75px;
}
.footer-sec .testimonials-sec {
	background: url("../../landing_images/designer-eyewear/testimonials-bg.jpg");
	position: relative;
	height: 389px;
	background-size: cover;
	margin-bottom: 85px;
}
.footer-sec .testimonials-sec .inner-testimonials {
	position: absolute;
	top: 29%;
	width: 1080px;
	left: 47px;
}
.footer-sec .testimonials-sec .inner-testimonials p {
	color: #fff;
	text-align: center;
	font-size: 24px;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	margin-bottom: 40px;
	padding: 0 10%;
}
.footer-sec .testimonials-sec .inner-testimonials h6 {
	color: #fff;
	text-align: center;
	font-family: "Roboto";
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: light;
}
/* Testimonilas Carousel Plugin CSS  **************************************************/
.flex-direction-nav  {
	list-style-type: none;
}
.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
 
.flex-direction-nav li:first-child {
  left: 0;
}
 
.flex-direction-nav li:last-child {
  right: 0;
}
 
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
 
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
 
  transition: background-color 0.2s;
}
 
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: white;
}
 
.flex-direction-nav li a::before {
  transform: translateY(-35px) rotate(45deg);
}
 
.flex-direction-nav li a::after {
  transform: translateY(-27px) rotate(-45deg);
}
 
.flex-direction-nav li:last-child a::before {
  transform: translateY(-35px) rotate(-45deg);
}
 
.flex-direction-nav li:last-child a::after {
  transform: translateY(-27px) rotate(45deg);
}
/* Testimonilas Carousel Plugin CSS End **************************************************/
.footer-sec figcaption {
	position: absolute;
	top: 50px;
	left: 65px;
}
.footer-sec figcaption h3 {
	font-family: "Roboto";
	font-weight: 700;
	color: #fa741d;
	text-transform: uppercase;
	font-size: 26px;
}
.footer-sec figcaption p {
	font-family: "Century Gothic";
	font-size: 18px;
	color: #5b6572;
	line-height: 1.35;
}
.footer-sec h5 {
	font-family: "Century Gothic";
	font-weight: bold;
	color: #3f3f3f;
	font-size: 20px;
}
.footer-sec p {
	color: #464646;
	font-family: "Century Gothic";
	font-size: 14px;
	margin-bottom: 10px;

}
.footer-sec p span {
	padding-left: 15px;
}
.footer-sec p span.email {
	color:#1c85b1;
}
.footer-sec p span.addr {
	line-height: 2;
}
.footer-sec p span.addr span {
	padding-left: 35px;
}
.footer-sec .footer-img {
	position: absolute;
	right: 40px;
	bottom: 40px;
	display: none;
}
/* Footer **************************************************/
.footer {
	height: 72px;
	margin: 0;
	background: #182380;
	border-top: 1px solid #98999f;
}
.footer p {
	color: #fff;
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: light;
	line-height: 72px;
	padding:0;
	margin: 0;

}
/* Contact Form 7 **************************************************/
div.wpcf7-response-output {
	 border-radius: initial;
     box-sizing: initial;
     margin: initial;
     padding: initial;
}
div.wpcf7-mail-sent-ok {
	 border: initial;
}
div.wpcf7-response-output {
    margin: initial;
    padding: initial;
}
/*========================Messages========================== */	
.message {border: 1px solid; margin:10px 0px; padding:10px;position: relative;    z-index: 9999;}
.info {color: #00529B; background-color: #BDE5F8;}
.success {color: #4F8A10; background-color: #DFF2BF;}
.warning {color: #9F6000; background-color: #FEEFB3;}
.error {color: #D8000C; background-color: #FFBABA;}