@charset "utf-8";

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,
sub,
sup,
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;
}

:focus {
   outline: 0;
}

body {
   line-height: 1;
   color: black;
   /*background: white;*/
}

ol,
ul {
   list-style: none;
}

table {
   border-collapse: separate;
   border-spacing: 0;
}

caption,
th,
td {
   text-align: left;
   font-weight: normal;
}


#contact p, label, legend {  }


#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; overflow:visible }

/* Form style */

#contact label { display: none; float: none; height:0px; }
input, textarea, select { width:250px; height:26px; padding:20px 25px; font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#999; border:0; border-bottom:1px solid #151618; background:none; letter-spacing:-1px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block;}
input.first {border-top:0px solid #1a1a1c; }
#contact input.third { margin: 0px 0px 0px 0 !important; }
#contact textarea { margin-bottom:0px; margin-right:0px !important; width:184px; border:0px; border-right:1px solid #151618; }
#contact #subject { width: 292px !important; }
input:focus, textarea:focus, select:focus { background-color:#292a2c; background-color: rgba(255,255,255,0.06); }
input.submit { display:block; position:absolute; bottom:0px; right:0px; width:65px; height:99px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border:0px; padding:0px; background:url(../images/bg-submit.png) center center no-repeat; background-size:24px 28px; text-indent:-9999px; cursor:pointer;}
#contact input.submit:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.06); }


#contact fieldset { padding-left:0px;}

#contact span.required { padding-left:28px; background:url(../images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }

#message { margin: 0; padding: 0px; z-index:5500; position:absolute !important; top:-1px; left:-1px; background:#fff; height:auto; text-align:center }
#success_page { width:300px; height:300px; cursor:default; }
#success_page h2 { padding:47px 20px 20px 20px !important; font-size:28px !important; text-transform:none; color:#242527; line-height:1.35 }
#success_page p {position:relative !important; padding-bottom:30px; color:#969696; line-height:1.45; font-weight:400 }

.error_message { display: block; width:260px; height:auto; padding:19px 20px 19px 20px; background: #FBE3E4; color:#8a1f11; cursor:pointer  }

.loader { padding: 22px 0 0 10px; }

#contact .padding-right {padding-right:20px; }
#comments {height: 59px; }
@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; z-index:9999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(../images/ajax-loader.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 18px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#999; letter-spacing:-1px; background:url(../images/bg-html.png) repeat; overflow:hidden}
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:1.5; font-size:21px; font-weight:300; letter-spacing:-1px }
.col2-3 p, .col1-1 p { padding:20px 40px 0px 40px; color: #ffffff;}
.col1-3 p { padding:0px 25px 21px 25px; color: #ffffff;}
p.comments { padding:14px 40px 0px 40px; }
.title p {font-size:15px; color:#a3a3a3; padding:0px 20px 0px 20px; font-weight:400; position:relative }
.infos p {font-size:15px; padding:0px 20px 0px 20px; font-weight:400; color: #FFFFFF; }
p.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; padding:21px 25px 20px 25px; clear:both }
.blockquote span {font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#777; text-transform:uppercase; letter-spacing:1px; }
.col2-3 p.blockquote { padding:20px 40px 20px 40px; }
.col1-1 p.blockquote { padding:20px 80px 0px 80px; }
p span { font-style:italic;}
a { color:#d4d4d4; text-decoration:none; }
a:hover { text-decoration:none; /*color:#fff;*/ }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { position:relative; width:150px; height:164px; padding-top:25px; padding-bottom:9px; margin:0 auto; }
h1#logo a { display:block; background:url(../images/qualitec-logo.jpg) no-repeat; background-size:150px 164px; width:150px; height:164px; text-indent:-9999px; }
h2, h3, h4 { line-height:1.5; letter-spacing:-2px }
h2 { font-size:37px; font-weight:700; color:#d4d4d4; padding:35px 40px 0px 40px; }
h2.blog-heading { padding:31px 40px 0px 40px;  }
.clients h2 {padding-bottom:23px; }
.col1-3 h2 { padding:21px 25px 0px 25px; font-size:28px; text-transform:none }
.col1-3.middle p {font-size:18px; text-align:center; padding:26px 60px 0px 60px; position:relative; color:#999; font-weight:normal; letter-spacing:-1px;  }
.col1-3.middle p span {color:#999; font-size:12px; letter-spacing:1px; font-style:normal; font-weight:normal; }
.col1-3.middle a {color:#999; }
h3 { font-size:28px; font-weight:300; color:#999; padding:14px 50px 30px 40px; position:absolute; bottom:0; }
h3 span {font-style:italic; }
h3.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:27px; padding-bottom:29px; clear:both }
h4 { font-size:20px; font-weight:700; color:#d4d4d4; padding:47px 40px 0px 40px; }
.title h4,.title-mini h4 { color:#1b1c1e; padding:21px 20px 3px 20px; line-height:1; letter-spacing:-1px }
.infos h4 { padding:25px 20px 0px 20px; line-height:1; }
.number {position:absolute; right:45px; top:40px; display:inline-block; }
h2.logo-contact {text-indent:-9999px; background: url(../images/qualitec.png) no-repeat; width: 173px; height: 22; padding:0; margin:25px 25px 0 25px;}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
.nav-wrapper:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; bottom:-24px; left:50%; margin-left:-12px; }
.nav-wrapper { width:940px; height:70px; float:left; margin:30px 10px; text-align:center; text-transform:uppercase; }
.nav-wrapper a { width:100%; background:#fff; display:inline-block; height:50px; color:#242527; padding-top:20px; }
#wrapper:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,1) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; bottom:-24px; left:50%; margin-left:-12px; }
#wrapper { margin-top:0px; position:relative; width:100%; left:0px; /*left:0;*/ background:#fff; top:0; min-height:100%;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
#container {  padding-bottom:50px; margin-top:30px;}
.col1-1 { width:940px; margin:10px;  background-color:#222325; background-color: rgba(255,255,255,0.05); }
.col1-1.no-border {width:940px; border:0; }
.col1-3 { width:300px; height:300px; margin:10px; float:left; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.col1-3.clients {background:none }
.col1-3.services .infos p,
.col1-3.formation .infos p {position: relative; margin-top: 20px;}
.col2-3 { width:620px; height:300px; margin:10px; float:left; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.col2-3.no-border {width:620px; height:300px; margin:10px; float:left; border:0px solid #0c0c0d;  -moz-box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0); -webkit-box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0); box-shadow: inset 1px 1px 120px rgba(0, 0, 0, 0);  background:none; }
.col2-3.contact { width:620px; height:620px; margin:10px; float:left; border:0; }
.break { height:50px; position:relative; }
.images { display:block; position:relative; background: #FFF;}
.images img:hover { opacity:0.8;}
.title:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(255,255,255,0) rgba(255,255,255,0) #fff rgba(255,255,255,0); position:absolute; top:-24px; left:50%; margin-left:-12px; }
.title {height:84px; width:300px; background:#fff; position:absolute; bottom:0px; text-align:center }
.title-mini {height:64px; width:300px; background:#fff; position:absolute; bottom:0px; text-align:center }
.logo { width:140px; height:103px; text-align:center; padding-top:37px; float:left; margin-right:20px; margin-bottom:20px; background-color:#222325; background-color: rgba(255,255,255,0.05);}
.logo:hover {background-color: #444444;}
.logo.last {margin-right:0px; }
.logo.bottom {margin-bottom:0px; }
.overflow {overflow:hidden; }
.certificate {background:url(../images/bg-certificate.png) center top no-repeat; position:relative; width:100%; height:40px; margin-top:35px; padding-bottom:20px; }
.award {background:url(../images/bg-award.png) center top no-repeat; position:relative; width:100%; height:40px; margin-top:35px; padding-bottom:20px;  }
.barrier {height:1px; width:80px; margin:0 auto; position:relative; background:url(../images/bg-html.png) repeat; }
.auto {height:auto !important; }
.lightbox {width:300px;}
.lightbox p {font-size:14px; position:relative; margin-top:10px;}
.lightbox br {margin-bottom:10px;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map {width:620px; height:620px; margin:0; border:0}
#map:before, #map:after {	background: none; content: ''; left: 0;	position: absolute;	top: 0;	width: 100%; }
#map:after {	bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; max-width: 100% !important; z-index:9 }
.infos {width:300px; height:300px; top:0; left:0px; border:0; padding:0; display:block; z-index:1; position:absolute; background:url(../images/bg-html.png) repeat #1b1c1e;}
.movable-content {z-index:11; position:absolute; width:300px; height:300px; }
.tab.first {margin-top:10px; }
.tab {background-color:#222325; background-color: rgba(255,255,255,0.05); width:64px; height:64px; margin-bottom:8px; position:relative; display:inline-block; float:left }
.hover-title:before {content:''; height:0; width:0; border-width:6px 6px 6px 6px; border-style:solid; border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-left:-21px; margin-top:3px; }
.hover-title { padding: 6px 9px 7px 9px; background-color: #fff; color: #1b1c1e; text-align:center; font-size: 12px; z-index: 8; letter-spacing:0px; margin-top:18px; margin-left:-3px; width:auto; display:none; position:absolute; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.25); z-index:10}
.hover-content {font-size:16px;width:216px; height:300px; background-color:#222325; background-color: rgba(255,255,255,0.05); position:absolute; right:0; top:0; line-height:1.5 }
.hover-content-full {font-size:16px;width:300px; height:300px; background-color:#222325; background-color: rgba(255,255,255,0.05); position:absolute; right:0; top:0; line-height:1.5 }
.hover-content-home {font-size:16px;width:300px; height:300px; background-color:#222325; background-color: #1f1f21; position:absolute; right:0; top:0; line-height:1.5 }
span.blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; clear:both }
.hover-content span {line-height:1.5; position:absolute; padding:20px; padding-bottom:14px; bottom:0 }
.icons { float:left;  height:64px; width:74px; margin:0px; display:inline-block }
.tab .icons {width:64px }
.blog .icons, .col1-1 .icons {position:absolute; top:0; left:0; float:none }
.col1-1 .icons {left:15px; }
.email {background:url(../images/bg-email.png) center no-repeat; background-size:24px 24px; }
.xing {background:url(../images/bg-xing.png) center no-repeat; background-size:24px 24px; }
.google {background:url(../images/bg-googleplus.png) center no-repeat; background-size:24px 24px; }
.tweat {background:url(../images/bg-tweat.png) center no-repeat; background-size:24px 24px; } 
.facebook {background:url(../images/bg-facebook.png) center no-repeat; background-size:24px 24px; }
.pinterest {background:url(../images/bg-pinterest.png) center no-repeat; background-size:24px 24px; }
.instagram {background:url(../images/bg-instagram.png) center no-repeat; background-size:24px 24px; }
.vimeo {background:url(../images/bg-vimeo.png) center no-repeat; background-size:24px 24px; }
.skype {background:url(../images/bg-skype.png) center no-repeat; background-size:24px 24px; }
.dribble {background:url(../images/bg-dribble.png) center no-repeat; background-size:24px 24px; }
.view-more {background:url(../images/bg-view-more.png) center no-repeat; background-size:31px 17px;}
.zoom {background:url(../images/bg-zoom.png) center no-repeat; background-size:25px 25px; }
.link {background:url(../images/bg-link.png) center no-repeat; background-size:24px 24px; }
.pdf {background:url(../images/bg-file.png) center no-repeat; background-size:24px 24px; }
.video {background:url(../images/bg-video.png) center no-repeat; background-size:24px 24px; }
.bubble {background:url(../images/bg-bubble.png) center no-repeat; background-size:24px 24px; }
.quote {background:url(../images/bg-heart.png) center no-repeat; background-size:24px 24px; }
.slideshow {background:url(../images/bg-slideshow.png) center no-repeat; background-size:28px 15px; }
.aside {background:url(../images/bg-aside.png) center no-repeat; background-size:23px 23px; }
.icon.close {background: url(../images/bg-close.png) center no-repeat #fff; height:58px; width:58px; float:none; display:block; z-index:101; position:absolute; right:40px; top:40px;}
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Blog
--------------------------------------------------------------------------------------------------------*/
.reply { font: 12px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; padding-top:4px; }
.blog-icon {border-bottom:1px solid #151618; width:230px; height:26px; padding:19px 0px 19px 70px;  }
/*.blog-icon .video {margin-top:1px !important; }*/
.blog-icon.comment {width:815px; padding:19px 40px 19px 85px; }
.padding-right {padding-right:20px; }
.padding-left {padding-left:20px; }
.reply-comment {border-bottom:1px solid #47484b; width:100%; height:1px; padding:51px 0 0 0; }
/* End Blog
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { /*position:absolute;*/ padding:0 25px 21px 25px; bottom:0 ; }
ul.small li {font-size: 16px !important;}
ul.list li { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px; width:auto; padding-left:28px; color: #FFFFFF !important; }
ul.check li { background:url(../images/bg-check.png) no-repeat 1px 13px; background-size:13px 11px;}
ul.list-client { list-style: disc !important; padding: 0 15px;}
ul.list-client li { font-size: 12px;}
ul.inline { margin-bottom:10px; margin: 25px 20px 0;}
.inline li {display: inline;}
.inline li h4 { cursor: pointer; display: inline; padding: 0 10px 0 ; font-size: 18px; }
.inline li h4:hover { text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);}
.inline li h4.active:hover { text-shadow: none; }

/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { width:100%; height:80px; margin:0px 0px 0 0px; padding:50px 0 0 0px; background-color:#222325; background-color: rgba(255,255,255,0.05); position:relative  }
footer .barrier {margin-top:18px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { margin-top:25px; margin-bottom:0px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 7px;}
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }


#options { width:100%; height:auto; position:relative; text-align:center; padding-bottom:9px; }
#options ul { margin: 0 auto; list-style: none; text-align:center; display:inline-block; padding-top:0px;  }
#options li {  float:left }
#options li a { color:#a5a5a5; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-decoration:none; text-transform:uppercase; display:block; padding:0px 15px 10px 15px;  margin:0px; letter-spacing:1px; margin-top:10px }
#options li a:hover, #options li a.selected { color:#014cff; }

#nav-button-wrapper {position:relative; padding:0px 0px 0 10px; width:100%; text-align:center; border-top:1px solid #ebebeb; height:46px; cursor:pointer; display:none }
.nav-button {display:inline-block }
.nav-button2 {position:absolute; right:28px; top:23px; }
.nav-button2.center {right:97px; top:33px; }
.nav-bar {background-color:#aaa; background-color:rgba(255,255,255,0.07); border-radius:1px; display:block; width:28px; height:4px; margin:3px auto; }
.nav-button2 .nav-bar {background-color:#aaa; background-color:rgba(255,255,255,0.07); border-radius:1px; display:block; width:22px; height:3px; margin:2px auto; }
#nav-button-wrapper .nav-bar {background-color:#242527; background-color:rgba(0,0,0,0.3); }
#nav-button-wrapper {padding-top:15px; margin-top:10px; }

a .element-bg {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;}
.element-bg {width:100%; height:100%;}
a .element-bg:hover, a .blog-icon:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.06); }
a .tab:hover { background-color:#292a2c; background-color: rgba(255,255,255,0.10); }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(../images/bg-up.png) center 48% no-repeat #fff; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0-rainbow.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position:relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; z-index:20;}
.flex-direction-nav a { margin: 0px 0 0; z-index:20; display: block; position: absolute; bottom: 40px; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; display:inline-block; width:30px; height:44px; border:1px solid #fff;}

.flex-direction-nav .flex-next {background:url(../images/bg-next.png) center no-repeat; background-size:15px 22px; right: 38px; border: 0; }
.flex-direction-nav .flex-prev {background:url(../images/bg-prev.png) center no-repeat; background-size:15px 22px; left: 38px; border: 0; }

.flexslider:hover .flex-next {opacity: 1;}
.flexslider:hover .flex-prev {opacity: 1;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; display:none !important;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/*.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}*/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #444;
	text-shadow: none;
	/*-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;*/
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	/*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../images/ajax-loader.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-close {
	position: absolute;
	top: 35px;
	right: -48px;
	width: 58px;
	height: 58px;
	background: url(../images/bg-close.png) center no-repeat #fff;
	background-size:18px 18px;
	cursor: pointer;
	z-index: 8040;
}


.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 30px;
	width: 15px;
	height: 22px;
	background: url(../images/bg-prev.png) center no-repeat;
	background-size:15px 22px;
	cursor: pointer;
	z-index: 8040;
	/*background-position: 0 -36px;*/
}

.fancybox-next span {
	right: 30px;
	width: 15px;
	height: 22px;
	background: url(../images/bg-next.png) center no-repeat;
	background-size:15px 22px;
	cursor: pointer;
	z-index: 8040;
	/*background-position: 0 -72px;*/
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(0,0,0,0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
