@charset "utf-8";

*{margin:0;padding:0}
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a{-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font:14px slatereg, robotoreg, Arial, Tahoma, Sans-serif;line-height:1.2;color:#58595b}
html,body{width:100%;height:100%;min-width:300px}
body{position:relative}
img,fieldset,button{border:0}
h1, h2, h3, h4, h5{font-weight:normal}
button{cursor:pointer;background:none;outline:none;border:0}
textarea{overflow:auto;vertical-align:top;resize:none;outline:none}
input[type="text"], input[type="checkbox"], input[type="radio"]{vertical-align:top}
input[type="text"]{color:#3a4044;outline:none}
input[type="checkbox"]{width:12px;height:12px;margin-right:7px;margin-top:1px;margin-left:-1px}
input[type="radio"]{width:13px;height:13px}
table{width:100%;border-collapse:collapse;table-layout:fixed}
table th{font-weight:normal}
img{vertical-align:top}
ul{list-style:none}
em,address{font-style:normal}
i{font-style:italic}
a{text-decoration:none;cursor:pointer;color:#3a4044}
a:hover,a:active,a:focus{text-decoration:none}
caption,legend{display:none}
strong{font-family:slatebold}
strong a:hover{color:#0c3c61}
.fa-registered, .fa-trademark{font-size:8px}
.noscroll{overflow:hidden}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.less-bold{font-family:slatemed}
.mobile-line-break{display:inline}
form input::-webkit-input-placeholder{color:#626262}
form input::-moz-placeholder{color:#626262}
form input:-ms-input-placeholder{color:#626262}
form input:-moz-placeholder{color:#626262}
form input{-webkit-appearance:none}
.indent-right{margin-right:10px}

@font-face {
    font-family:'slatebold';
    src: url('../fonts/slatebold.eot');
    src: local("☺"),
    url('../fonts/slatebold.woff') format('woff'),
    url('../fonts/slatebold.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'slatelite';
    src: url('../fonts/slatelite.eot');
    src: local("☺"),
    url('../fonts/slatelite.woff') format('woff'),
    url('../fonts/slatelite.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'slatereg';
    src: url('../fonts/slatereg.eot');
    src: local("☺"),
    url('../fonts/slatereg.woff') format('woff'),
    url('../fonts/slatereg.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'slatemed';
    src: url('../fonts/slatemed.eot');
    src: local("☺"),
    url('../fonts/slatemed.woff') format('woff'),
    url('../fonts/slatemed.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'robotoreg';
    src: url('../fonts/robotoreg.eot');
    src: local("☺"),
    url('../fonts/robotoreg.woff') format('woff'),
    url('../fonts/robotoreg.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'robotoregit';
    src: url('../fonts/robotoregit.eot');
    src: local("☺"),
    url('../fonts/robotoregit.woff') format('woff'),
    url('../fonts/robotoregit.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal
}

@font-face {
    font-family:'robotolite';
    src: url('../fonts/robotolite.eot');
    src: local("☺"),
    url('../fonts/robotolite.woff') format('woff'),
    url('../fonts/robotolite.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'robotoliteit';
    src: url('../fonts/robotoliteit.eot');
    src: local("☺"),
    url('../fonts/robotoliteit.woff') format('woff'),
    url('../fonts/robotoliteit.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'robotomed';
    src: url('../fonts/robotomed.eot');
    src: local("☺"),
    url('../fonts/robotomed.woff') format('woff'),
    url('../fonts/robotomed.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'robotobold';
    src: url('../fonts/robotobold.eot');
    src: local("☺"),
    url('../fonts/robotobold.woff') format('woff'),
    url('../fonts/robotobold.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}
@font-face {
    font-family:'robotoslablite';
    src: url('../fonts/robotoslablite.eot');
    src: local("☺"),
    url('../fonts/robotoslablite.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}
@font-face {
    font-family:'robotoslabreg';
    src: url('../fonts/robotoslabreg.eot');
    src: local("☺"),
    url('../fonts/robotoslabreg.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}
@font-face {
    font-family:'robotoslabbold';
    src: url('../fonts/robotoslabbold.eot');
    src: local("☺"),
    url('../fonts/robotoslabbold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'gilroyreg';
    src: url('../fonts/gilroyreg.eot');
    src: local("☺"),
    url('../fonts/gilroyreg.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'gilroybold';
    src: url('../fonts/gilroybold.eot');
    src: local("☺"),
    url('../fonts/gilroybold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'gilroysbold';
    src: url('../fonts/gilroysbold.eot');
    src: local("☺"),
    url('../fonts/gilroysbold.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'gilroymed';
    src: url('../fonts/gilroymed.eot');
    src: local("☺"),
    url('../fonts/gilroymed.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family:'gilroylite';
    src: url('../fonts/gilroylite.eot');
    src: local("☺"),
    url('../fonts/gilroylite.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
                                  BEGIN LAYOUT
/////////////////////////////////////////////////////////////////////////////////////////*/
header, nav, main, section, article, aside, footer{display:block}
.left{float:left}
.right{float:right}
img{width:100%}
.line-break{display:block}
/*-------------------------------css li triangles----------------------------------------*/
.ul-with-arrows li{width:100%;padding-left:15px}
.ul-with-arrows li:before{ 
 content:"";
 border-color:transparent #7d868c;
 border-style:solid;
 border-width:5px 0 5px 6px;
 display:block;
 height:0;
 width:0;
 left:-15px;
 top:0.9em;
 position:relative
}
.ul-right-arrows li{position:relative;width:100%;padding-right:15px}
.ul-right-arrows li:after{ 
 content:"";
 border-color:transparent #7d868c;
 border-style:solid;
 border-width:5px 6px 5px 0;
 display:block;
 height:0;
 width:0;
 right:0;
 top:6px;
 position:absolute
}

/*-------------------------------css li circles------------------------------------------*/
.ul-with-circles{margin-bottom:10px}
.ul-with-circles li{
 width:100%;
 padding-left:15px;
 font-family:robotomed;
 font-size:14px
}

.ul-with-circles li:before{ 
 content: "";
 border-color:#0e3455;
 border-style:solid;
 border-radius:50%;
 display:block;
 height:0;
 width:0;
 left:-15px;
 top:12px;
 position:relative
}

/*-------------------------------------BUTTONS------------------------------------------*/

.btn{
 text-align:center;
 position:relative;
 display:block;
 padding:0 10px 2px;
 font:12px robotomed;
 text-transform:uppercase;
 border-radius:1px
}

.btn-smooth-bkg:link, .btn-smooth-bkg:visited{
 color:#7d868c;
 border:1px solid #acb4b8;
 overflow:hidden;
 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 -o-transition:all 1s ease;
 transition:all 1s ease;
 z-index:12
}

.btn-smooth-bkg:link:after, .btn-smooth-bkg:visited:after{
 content:"";
 position:absolute;
 height:0%;
 left:50%;
 top:50%;
 width:150%;
 z-index:-1;
 -webkit-transition:all 0.5s ease 0s;
 -moz-transition:all 0.5s ease 0s;
 -o-transition:all 0.5s ease 0s;
 transition:all 0.5s ease 0s
}

.btn-smooth-bkg:after{
 opacity:.5;
 -moz-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}
.btn-smooth-bkg:hover:after{height:105%;opacity:1}

.blue-btn{background:#0c3c61;color:#fff}
.blue-btn:hover{background:#7d868c}
.green-btn{background:#c4d600;color:#fff}
.gray-btn{background:#7d868c;color:#fff}
.bt-narrow{padding:3px 5%}

.smooth-hover{
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s
}

.no-l-margin{margin-left:0}
.no-r-margin{margin-right:0;padding-right:0}

/*-------------------------------------green-border-------------------------------------*/
.green-underline{border-bottom:1px solid #c4d600}

/*----------------------------------------------------------------------------------------
/*-------------------------------------Blue Header----------------------------------------
----------------------------------------------------------------------------------------*/
#util-wrap{
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:30px;
 background:#0e3455;
 border-top:2px solid #fff;
 border-bottom:2px solid #fff;
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0e3455), to(#11233f)); 
 background:-webkit-linear-gradient(top, #0e3455, #11233f); 
 background:-moz-linear-gradient(top, #0e3455, #11233f); 
 background:-ms-linear-gradient(top, #0e3455, #11233f); 
 background:-o-linear-gradient(top, #0e3455, #11233f);
 z-index:1002
}

#util{margin:0 auto;max-width:1200px}
#util ul{float:right;position:relative}
#util li{float:left;color:#fff}
#util .no-r-margin{margin:0}

#util a{
 position:relative;
 display:block;
 padding:7px 20px 8px 20px;
 font:11px robotoreg;
 color:#fff;
 border-left:1px solid #ccc;
 border-top:0;
 border-bottom:0;
 overflow: hidden;
 text-transform:uppercase;
 -webkit-transition:all 1s ease;
 -moz-transition:all 1s ease;
 -o-transition:all 1s ease;
 transition:all 1s ease;
 z-index:12
}
#careers-link{border-right:1px solid #ccc}

#util a:link:after, #util a:visited:after{
 content:"";
 position:absolute;
 height:0;
 left:50%;
 top:50%;
 width:150%;
 z-index:-1;
 -webkit-transition:all 0.5s ease 0s;
 -moz-transition:all 0.5s ease 0s;
 -o-transition:all 0.5s ease 0s;
 transition:all 0.5s ease 0s
}

#util a:link:hover:after, #util a:visited:hover:after{height:100%}
#util a:hover{color:#fff}

#util a:after{
 background:#7c868c;
 opacity:.5;
 -moz-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 -webkit-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%)
}

#util a:hover:after{height:100%;opacity:1}
#util-request{background:#009add}
#util .util-social{border-left:0;padding:7px 10px}
#util #util-twitter{padding-left:17px}
#util #util-gplus{padding-right:7px}
#util #util-facebook{padding-right:18px}
#util .util-social:after{background:none}
#util i{font-size:15px}
#util i:hover{color:#c3d500}
#util #username{padding:7px 26px 8px 15px}
#username span{color:#c3d500;font-size:11px;padding-right:5px}
#username i{position:absolute;right:15px;top:4px;font-size:20px;color:#ccc}

#util input{
 width:250px;
 padding:6px 0 9px 0;
 font-size:14px;
 text-indent:7px;
 background:#fdfdfd;
 font-family:robotolite;
 border:0
}

.util-dropdown{position:relative}
#util .util-dropdown ul{display:none;position:absolute;left:-6px;top:30px;z-index:2000;
 background:#0e3455;
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#11233f), to(#0e3455)); 
 background:-webkit-linear-gradient(top, #11233f ,#0e3455); 
 background:-moz-linear-gradient(top, #11233f ,#0e3455); 
 background:-ms-linear-gradient(top, #11233f ,#0e3455); 
 background:-o-linear-gradient(top, #11233f ,#0e3455)
}
#util .util-dropdown a{padding-bottom:7px;display:block;border-left:0;border-right:1px solid #ccc}
#util #username:after, #util .util-dropdown a:after{background:none}
#util .util-dropdown li a{border:0;padding-top:10px;padding-bottom:10px}
#choose-lng a{padding-top:7px}
#util .util-dropdown li a:after{background:#7c868c}
#util .util-dropdown ul li{float:none}
#util .fa-globe{font-size:16px}
#choose-lng img{width:14px;height:10px;margin-right:5px;padding-top:10.5%}
#util #logout-drop ul{left:1px}
#util #logout-drop ul li a{padding-left:17px;padding-right:22.5px;white-space: nowrap}

/*---------------------------------------Search Icon------------------------------------*/
#overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
z-index:900
}
.fa-search{color:#000;font-size:18px}
.fa-search:hover{color:#73777a}

/* search icon inside desktop seach box */
#search-icon{
position:absolute;
right:10px;
top:7px;
display:block;
cursor:pointer
}

#mobile-search-box{ 
 display:none;
 position:fixed;
 right:0;
 top:86px;
 overflow:hidden;
 width:100%;
 height:0;
 font-size:20px;
 border:0;
 background:#fff;
 text-indent:14px;
 z-index:1100;
 border-radius:0
}

#mobile-icon{display:none;position:fixed;right:3.1%;top:97px;z-index:1200;font-size:26px;cursor:pointer}

#main-header .circle{
  position:relative;
  display:block;
  height:15px;
  width:15px;
  background:#ededed;
  border-radius:70px;
  z-index:0;
  border:2px solid #000;
  -webkit-transition:all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  transition:all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index:1
}

#main-header .handle{
  position:absolute;
  background-color:#000;
  top:14px;
  left:-2px;
  width:35px;
  height:2px;
  display:block;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  float:right;
  border-radius:2px;
  z-index:0
}

#main-header .handle:after{
  content:"";
  background:#000;
  width:35px;
  height:2px;
  display:block;
  float:right;
  border-radius:1px;
  -webkit-transition:all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  transition:all 0.6s cubic-bezier(0.25, 1.7, 0.35, 0.8);
  z-index:-1
}

.open .circle{
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transform-origin:30% 40%;
  transform-origin:30% 40%;
  border-color:#000
}
.open .handle:after{
  -webkit-transform-origin:center center;
  transform-origin:center center;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}

#mobile-user-search{float:right;margin:25px 5% 0 0;display:none}
#mobile-user{margin-right:20px;display:none}
#mobile-user i{font-size:28px;color:#000;}
#mobile-search{
  float:left;  
  position:relative;
  border-radius:4px;
  margin:0
}

/*----------------------------------------------------------------------------------------
/*---------------------------------------MAIN HEADER--------------------------------------
-----------------------------------------------------------------------------------------*/

#main-header-wrap{
 position:fixed;
 left:0;
 top:27px;
 width:100%;
 z-index:1001;
 opacity:0.95;
 filter:alpha(opacity=95)
}

#main-header{
 float:left;
 width:100%;
 height:73px
}

.clear-header{ background:#ededed;
 background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed)); 
 background:-webkit-linear-gradient(top, #fff, #ededed); 
 background:-moz-linear-gradient(top, #fff, #ededed); 
 background:-ms-linear-gradient(top, #fff, #ededed);
 background:-o-linear-gradient(top, #fff, #ededed);
 /*--shadow--*/
 -webkit-box-shadow:0px -30px 10px 29px rgba(168,168,168,1);
 -moz-box-shadow:0px -30px 10px 29px rgba(168,168,168,1);
 box-shadow:0px -30px 10px 29px rgba(168,168,168,1)
}

/*----------------------------------MAIN NAVIGATION-------------------------------------*/

#nav-wrap{margin:0 auto 0 auto;max-width:1200px}
#logo-wrap{position:relative;z-index:0;top:0;padding-top:0;height:auto}
#header-logo{position:relative;float:left;width:210px;height:25px;margin:22px 0 0 0;min-width:210px}

#main-nav{float:right}
#main-nav ul{float:left}
#main-nav .nav-heading{display:block;width:94.5%;border-bottom:1px solid #333;margin-bottom:0px;padding-bottom:10px}
#outer-ul{height:65px;float:right;left:0}
#main-nav li{float:left}
.main-link{padding:0;position:relative}
.tab-link{background:#fff}
.tab-link a{color:#000}
#main-nav i{display:none}
#main-nav .fa-caret-up{color:#c3d500}
#main-nav ul li a{ 
float:left;
font:13px robotomed;
color:#000;
padding:30px 25px 22px 25px
}
#main-nav ul li a:hover{border-bottom:3px solid #b3c935}
#current-tab{border-bottom:3px solid #b3c935}

.desktop-link:hover ul{
visibility:visible; /* shows sub-menu */
opacity:1;
z-index:400;
transform:translateY(0%);
transition-delay:0s, 0s, 0.5s /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#main-nav ul:hover + #nav-bkg{
visibility:visible; /* shows sub-menu background */
opacity:1;
transform:translateY(0%);
transition-delay:0s, 0s, 0.5s
}

#nav-bkg{
visibility:hidden;
opacity:0;
position:absolute;
width:100%;
top:72px;
left:0;
background:#000;
z-index:-2;
transform:translateY(-2em);
transition:all 0.3s ease-in-out 0s, visibility 0.1s linear 0.2s, z-index 0s linear 0.1s
}
.sub-menu{
visibility:hidden;
opacity:0;
display:block;
position:absolute;
top:72px;
width:1200px;
padding:20px 0 30px 0;
z-index:0;
transform:translateY(-2em);
transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.1s
}
.sub-menu:after{
 background:transparent;
 content:"";
 height:250px;
 width:100%;
 position:absolute;
 left:-100%;
 top:0
}
.sub-menu ul{display:inline-block;padding:0;width:270px}

#gnb-applications{left:-180%;padding-right:310%}
#gnb-products{left:-333%;padding-right:295%}
#gnb-technology{left:14.7%}
#gnb-news{left:13.2%}
#gnb-resources{left:15.6%}
#gnb-support{left:17.8%}
#gnb-company{left:-146.7%}

#main-nav .sub-menu li{
 float:none;
 width:95%;
 font:18px slatemed;
 text-transform:none;
 color:#fff;
 padding:0 0 0 6px;
 margin-top:16px;
 text-align:left;
 line-height:1.1
}

#main-nav .sub-menu a{
 position:relative; 
 padding:0;
 margin:5px 0 10px 0;
 text-transform:none;
 font:14px robotoreg;
 color:#d7d7d7;
 width:95%
}
#main-nav .nav-heading li, #main-nav .nav-heading a{font:24px slatemed;color:#fff}
#main-nav .nav-heading a{width:23%;margin:0}
#main-nav #slas-europe{color:#0a89aa;font-family:robotobold} /* remove after event */
#main-nav .sub-menu a:hover{background-color:transparent;border:0;}
#main-nav #gnb-company ul li{text-align:right}

#main-nav .sub-menu a:after{
 content:"";
 height:1px;
 width:0;
 background:#6f7934;
 position:absolute;
 left:0;
 bottom:0;
 transition:width .1s linear;
 z-index:200
}
#main-nav .sub-menu a:hover:after{width:100%}

#main-nav .sub-menu .gnb_ic{
  margin:0 0 10px 0;
  width:88%;
  text-transform:uppercase;
  font:18px slatemed;
  color:#fff;
  padding-left:20px;
  line-height:1
}
#main-nav .gnb_ic:before{ 
 content:"";
 background:#7d868c;
 border-radius:3px;
 display:block;
 height:12px;
 width:12px;
 left:-20px;
 top:15px;
 position:relative
}

#gnb-technology, #gnb-news, #gnb-resources, #gnb-support, #gnb-company{padding-top:10px}

#main-nav .gnb_theme-gray .gnb_ic:before{background-color:#7d868c}
#main-nav .gnb_theme-gray a:after {background-color:#7d868c}
#main-nav .gnb_theme-green .gnb_ic:before{background-color:#b3c935}
#main-nav .gnb_theme-green a:after{background-color:#b3c935}
#main-nav .gnb_theme-blue .gnb_ic:before{background-color:#35a8c9}
#main-nav .gnb_theme-blue a:after{background-color:#35a8c9}
#main-nav .gnb_theme-red .gnb_ic:before{background-color:#c94335}
#main-nav .gnb_theme-red a:after{background-color:#c94335}
#main-nav .gnb_theme-purple .gnb_ic:before{background-color:#902c8e}
#main-nav .gnb_theme-purple a:after{background-color:#902c8e}
#main-nav .gnb_theme-wine .gnb_ic:before{background-color:#c94335}
#main-nav .gnb_theme-wine a:after{background-color:#c94335}

.is-active{display:block}

/*--------------------------------- SLICK SLIDER -----------------------------------*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-touch-callout:none;
-khtml-user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before, .slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:800px;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-cloned{display:none}
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0}
.hero-section .slick-dots{
position:absolute;
bottom:0;
display:block;
width:100%;
height:50px;
text-align:center;
z-index:2
}
.hero-section .slick-dots li{
position:relative;
display:inline-block;
width:240px;
height:50px
}
.hero-section .slick-dots li button{
margin-bottom:4px;
font-size:16px;
width:240px;
height:50px;
cursor:pointer;
color:#e4e4e4;
outline:none
}
/*-- slideshow first bar --*/
#slick-slide00 button{background:rgba(17, 35, 63);background:rgba(17, 35, 63, .6);color:#fff}
.hero-section .slick-dots{visibility:visible}
/* Arrows */
.slick-prev, .slick-next{
font-size:0;
line-height:0;
position:absolute;
bottom:-20px;
display:none;
width:20px;
height:40px;
padding:0;
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%);
cursor:pointer;
color:transparent;
border:none;
outline:none;
background:transparent;
z-index:10
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before, .slick-next:before{
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
text-decoration:inherit;
font-size:50px;
opacity:.75;
color:white;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.slick-prev:before{content: "\f104"}
.slick-next:before{content: "\f105"}
.slick-prev{left:.7%}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-next{right:.7%}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-arrow{visibility:hidden}

/*--------------------------------------Labcyte Hero Section------------------------------------*/

.hero-section{
 position:relative;
 float:left;
 overflow:hidden;
 width:100%
}

/*--Separation Line with Hero--*/
.hero-section:after{
  content:"";
  position:absolute;
  display:block;
  width:100%;
  bottom:0;
  left:0;
  height:9px;
  background:#ededed;
  opacity:0.4;
  filter:alpha(opacity=40);
  z-index:400
}

.hero-section h1{font:49px gilroysbold}

#left-hero-content{position:relative;float:left}
#right-hero-content{position:relative;float:right}

.hero-section ul{float:left}

.hero-section li{
 font:18px slatemed;
 margin-bottom:10px;
 color:#0c3c61
}

.hero-section p{
 font:25px/1.3 robotolite;
 margin:15px 0 20px 0;
 color:#7d868c
}

/*--------------- SECTION TEXT COLOR ----------------*/
.white-text h1, .white-text p, .white-text i{color:#fff}
.blue-text h1{color:#0c3c61}
.black-text h1, .black-text p{color:#282828}

/*////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------MAIN CONTENT--------------------------------------
////////////////////////////////////////////////////////////////////////////////////////*/

.page-wrapper{
 position:relative;
 float:left;
 width:100%
}
.page-with-sidebar{background:linear-gradient(to right, #fff 70%, #e8e9e9 30%) /* right side bkg */}

.page-inner{
 position:relative;
 margin:0 auto;
 width:100%;
 max-width:1200px
}

.page-inner h3{
 margin-bottom:20px;
 font:25px robotomed;
 color:#282828
}

.img-container{
 width:100%;
 min-width:350px;
 margin-bottom:20px
}

#content-footer{position:relative;clear:both;width:100%}

/*---------------------------------Left Content------------------------------------------*/
#left-content{position:relative;float:left;width:75%}

/*---------------------------------Left Paragraph----------------------------------------*/

.left-paragraph{
 position:relative;
 float:left;
 width:90%;
 margin:20px 0;
 padding-bottom:20px;
 text-align:left
}
.full-width{width:100%}
#content-heading{padding-top:10px;margin-bottom:0}
#content-heading span{display:block;padding-top:10px}
#last-paragraph{margin-bottom:50px}

.left-paragraph h2{
 float:left;
 width:100%;
 padding-top:10px;
 margin-bottom:30px;
 font:33px/1.3 robotolite
}
.left-paragraph h2 sup{font-size:18px}

.left-paragraph h4{
 float:left;
 width:100%;
 padding-top:10px;
 margin-bottom:40px;
 font:28px/1.3 robotolite
}

.data-box{
 float:left;
 width:90%;
 padding:25px 2% 25px 0
}

.data-box h4{font:25px robotomed;color:#282828}
.data-box h5{width:100%;margin:15px 0;font:20px robotomed;color:#282828}

.left-paragraph p, .data-box p{
 margin-bottom:30px;
 font:16px/1.6 slatereg;
 color:#282828
}
#content-heading p{margin-bottom:0}

.subparagraph{margin-top:0}
.subparagraph p{margin-bottom:15px}

.paragraph-link{font-family:slatebold}
.paragraph-link:hover{color:#0e426d}

.study-notes{font-size:14px}
.study-notes span{color:#c3d500}

p.v-space{margin-bottom:60px}

/*---------------------Two Column IMG left - Text Right---------------------------*/
.img-left{float:left;width:35%}
.img-left #echo-55x{margin-left:-8%}
.img-left span{font-family:slatebold;color:#0c3c61}
.img-title-below{float:left;font:16px slatereg;color:#58595b;padding-top:10px;margin-left:26px}
.p-text-right{float:left;width:62%;padding:2% 0 10% 3%;text-align:left}

/*---------------------Two Column IMG right - Text Left---------------------------*/
.p-text-left{padding:0 0 3% 0}
.img-right{float:right;width:40%;padding:0 0 0 8%;margin:0}
.img-right span{font-family:slatebold;color:#0c3c61}
.img-title-below-r{float:right;font:16px slatereg;color:#58595b;padding:4% 12% 0 0}
.no-wrap{width:60%}

/*--------------------------------------Wide Section-------------------------------------*/
.wide-section{float:left;width:100%;padding:0}

/*-------------------------------------- 4 COLUMNS --------------------------------------*/

#main-app-content { padding-bottom: 50px; background: linear-gradient(to bottom, #fff 30%, #e8e9ea 70%); }
#main-app-content .left-paragraph { width: 100%; text-align: center; }
#main-app-content h2 { width: 100%; padding-bottom: 10px; border-bottom:2px solid #eee; margin-bottom: 40px; }

.col4{ position: relative; width: 22%; padding: 0 1.5%; text-align: center; }
.col4 h4{font:25px/.8 slatebold; padding: 0 0 15px 0; margin:0 0 10px 0; color: #282828; }
.col4 h4 .fa-registered{ font-size: 11px; }
.section-title em{ display: block; font: 24px slatelite; color: #58595b; padding-top:10px}
.col4 p{ float: left; margin: 20px 0 0 0; padding-top: 25px; text-align:left}
.col4 img{ width: 50%; }
.col4-thmb{opacity:1;transition: opacity 0.3s;-webkit-transition: opacity 0.3s}
.col4-thmb:hover{opacity:.7}

.dropdown-wrap{position:relative;margin-bottom:20px;height:20px;float:left;height:60px;width:100%}

.select-box{
 position:absolute;
 width:100%;
 height:40px;
 left:0;
 top:30px;
 background:#fff;
 overflow:hidden
}
#drug-select{z-index:13}
#cancer-select{z-index:12}
#genomics-select{z-index:11}
#medicine-select{z-index:10}
.select-shadow{-webkit-box-shadow:0 8px 23px -11px rgba(0,0,0,1);-moz-box-shadow:0 8px 23px -11px rgba(0,0,0,1);box-shadow:0 8px 23px -16px rgba(0,0,0,1)}
.no-shadow{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.select-box ul{float:left;width:100%;height:100%}
.select-box li{position:relative}
.select-box li a{
  color:#626262;
  display:block;  
  padding:12px 10px 13px 12px;
  border-bottom:1px solid #eee;
  font:16px/.9 slatelite;
  background:#fff;
  text-align:left
}
.select-box li .current{text-align:center}
.select-box .smooth-hover:hover{background:#f7f7f7}
.select-box .fa-chevron-circle-down{display:none;float:right;font-size:30px;color:#7d868c;margin-top:-7px}
.current .fa-chevron-circle-down{display:block}

#drug-disc-list p { border-top: 6px solid #b3c935; }
#drug-disc-list li a:hover { border-color: #b3c935; }
#cancer-list p { border-top: 6px solid #35a8c9; }
#cancer-list li a:hover { border-color: #35a8c9; }
#genomics-list li a:hover { border-color: #902c8e; }
#genomics-list p { border-top: 6px solid #902c8e; }
#medicine-list p { border-top: 6px solid #c94335; }
#medicine-list li a:hover { border-color: #c94335; }

.col3-app strong { font-family: slatebold; }

#last-apps { height: 100px; background: #f6f7f7; }

/*--------------------------------------Link Boxes---------------------------------------*/
.link-box{width:100%;margin-top:30px}
.link-box ul{float:left}
.link-box li{float:left;margin:0 10px 10px 0}

/*-------------------------------------Data Table---------------------------------------*/
.data_table{font-family:slatereg}
.data_table th{height:30px;color:#fff;padding:5px 10px 7px 10px;border-left:2px solid #fff;font:17px/1 slatebold}
.data_table th:first-child{border-left:0}
.data_table th.color_green{background-color:#c4d500}
.data_table th.color_blue{background-color:#0b3b60}
.data_table th.color_gray{background-color:#7b858c}
.data_table td{height:23px;padding:10px 10px 12px 10px;text-align:left;border-left:2px solid #fff;font-size:15px}
.data_table tr:nth-child(even) td{background:#f1f2f3}
.data_table td .data_notice{margin-top:15px;font:12px slatereg}
.table-break-mobile{display:inline}

#data-table{width:100%}
.mini{width:48%;margin-bottom:80px}

/*-----------------------------------Key Benefits---------------------------------------*/
#key-benefit{margin-bottom:5px}
#key-benefit .ul-with-arrows li{
 font:16px/1.3 slatemed;
 margin-bottom:10px;
 color:#000
}
#key-benefit .ul-with-arrows li:before{top:.9em}
#key-benefit h3{
 margin-bottom:15px;
 padding-bottom:3px;
 color:#000;
 border-bottom:2px solid #f7f7f7
}
#key-benefit i{padding-right:13px;color:#0b3c61}

/*-------------------------------------Media (Video) Section----------------------------*/
.media-section{
 position:relative;
 float:left;
 padding:4% 0 5% 0;
 margin-bottom:15px
}

.media-section:before{
 position:absolute;
 content:"";
 width:100%;
 left:-100%;
 top:0;
 height:100%
}
.video-section{background:#112332}
.video-section:before{background:#112332}
.video-holder{float:left;width:100%;max-width:850px}

@media all and (max-width: 1260px){.video-holder{width:95%}}

.video-holder img{max-width:100%;cursor:pointer}
.video-text{float:left;width:100%;padding:2% 0 0 0}

.video-holder p{
 margin-bottom:15px;
 font:16px slatemed;
 color:#c3d500
}
.video-holder h3{font:25px/1.3 robotoreg;color:#fff}
.video-holder h3 sup{font-size:14px}

.iframe-video{
position:relative;
padding-bottom:56.2%;
height:0;
overflow:hidden
}

.iframe-video iframe,
.iframe-video object,
.iframe-video embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}

.video-text p{
 color:#dadada;
 width:95%;
 margin:10px 5% 10px 0;
 font:16px/1.3 slatereg
}

.video-text h4{margin-top:10px;margin-bottom:3px;color:#c3d500;font:20px robotomed}
.video-text span{font-family:slatelite;color:#fff}
.title-break{padding:0 2%}
.video-text strong{color:#c3d500;font:22px robotomed}

.figure span{color:#0b3c61;font:12px/1.3 robotobold}
.figure sup{font-size:6px}
.desktop-figure{position:absolute;left:0;top:145%;display:none;max-width:800px;padding-right:30px}
.mobile-figure{opacity:0}
.right-table{margin-left:3%}

/*////////////////////////////////// RELATED DOCUMENTS //////////////////////////////////////*/
#docs{
 position:absolute;
 right:0;
 top:0;
 min-width:277px;
 background:#e0e0e0; /* same sa right side bkg */
 width:27%;
 height:100%;
 z-index:499
}

#no-hero-docs{margin-top:101px}

#docs h4{
 float:left;
 margin-top:8%;
 padding:2% 5% 2% 5%;
 width:90%;
 line-height:1.2;
 text-transform:uppercase;
 font:13px robotomed;
 color:#fff;
 /*background:#7d868c;*/
background:#000;
 min-width:250px;
}

.docs-section-wrapper{float:left;width:100%;min-width:100px;background:#e8e9e9}
.docs-section-wrapper:first-child{padding-top:20px}
.docs-section-wrapper:last-child{padding-bottom:8%}
.docs-section{float:left;width:90%;padding:5% 5%;border-top:4px solid #e8e9e9;background:#e0e0e0;min-width:250px}
#docs .btn{width:40%;padding-left:10px;padding-right:10px;min-width:70px;line-height:2;color:#fff;background:#0b3c61;border:0}
#docs .blue-btn:hover{background:#7c868c}
.links{padding-top:0}
#docs li{padding-top:3%;color:#282828}
#docs .links a:hover, #docs .literature a:hover{color:#0b3c61}

/*------------Brochures---------------*/
.rel-thumb{position:relative;float:left;margin-right:5%;width:25%;min-width:100px;border-top:4px solid #eee;z-index:1} 
.rel-thumb:before, .rel-thumb:after{content:"";position:absolute;z-index:1;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(transparent)); 
  background-image:-webkit-linear-gradient(#eee, transparent); 
  background-image:-moz-linear-gradient(#eee, transparent); 
  background-image:-o-linear-gradient(#eee, transparent); 
  background-image:linear-gradient(#eee, transparent); 
  top:0;bottom:-4px;width:4px
 } 
.rel-thumb .fa{
position:absolute;
right:2%;
bottom:2%;
}
.rel-thumb:before{left:0px} 
.rel-thumb:after{right:0px}

.rel-thumb a:before{
content:'';position:absolute;right:0;bottom:0;left:0;height:100%;
background:#000;
background:-moz-linear-gradient(top, #5b5b5b 0%, #000 100%);
background:-webkit-linear-gradient(top, #5b5b5b 0%,#000 100%); 
background:linear-gradient(to bottom, #5b5b5b 0%,#000 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b5b', endColorstr='#000000',GradientType=0);
opacity:0;
transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-webkit-transition:opacity .5s ease-in-out
}
.rel-thumb a:hover:before{
opacity:.7;
transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-webkit-transition:opacity .5s ease-in-out
}

.download-hover{opacity:0;position:absolute;left:0;top:40%;width:100%;text-align:center}
.download-hover em{border:1px solid #fff;padding:10px 5%;font:16px slatemed;color:#fff}
.rel-thumb a:hover .download-hover{
opacity:1;
transition:opacity .5s ease-in-out;
-moz-transition:opacity .5s ease-in-out;
-webkit-transition:opacity .5s ease-in-out
}

/*-------------Featured Docs--------------*/
.featured-docs{padding-bottom:8%}
.featured-docs .rel-thumb{width:100%;margin:0;margin-bottom:15px;min-width:auto}
.featured-docs ul{width:100%}
#docs .featured-type{color:#7d868c}
.featured-title{font:17px/1.2 slatebold}
#docs .featured-author{padding:1% 0 2% 0}
#docs .video-speaker{color:#0c3b61;font:16px slatebold}
#docs .featured-institution{padding-top:0}

/*-------------Brochures------------------*/
.brochures ul{float:left;width:55%}
.brochure_title{font:15px/1.2 slatebold}
.brochure_desc{font:italic 13px slatereg;padding-bottom:5%}
.brochure_subtitle{margin-bottom:10px}

/*-------------Literature----------------*/
.literature{padding-bottom:25px}
.rel-icon{float:left;margin-right:5%;width:5%;min-width:30px;max-width:40px}
.literature a{float:left;width:75%;font-family:slatebold;color:#282828}
.fa-link, .fa-film{color:#6c7479;font-size:28px}
.fa-file-pdf-o{color:#e45025;font-size:35px}
.fa-file-word-o{color:#1081c5;font-size:35px}
.literature b, .literature em{display:block}
.literature b{color:#686868;margin-bottom:2%;font:12px robotomed}
.literature em{margin-top:1%;color:#282828;font-family:slatereg}
#docs .pub-subtitle{display:block;color:#0c3c61;margin-bottom:10px}
#docs .pub-subtitle i{color:#282828}

/*------------- Contact Info -----------*/
.company-address ul{width:90%;margin-bottom:1%}
#docs .company-address li{padding-top:1%;font-family:robotoreg;font-size:14px}
#docs .contact-title{margin-bottom:5px}
.contact-title strong{font:15px robotobold;color:#282828;margin-bottom:1%}
.company-emails strong, .contact-phone strong, #docs li.support-email{font:14px robotomed}

/*------------- Key Facts -----------*/
#key-facts .docs-section{padding-top:2%;padding-bottom:2%;height:96%}
#key-facts strong{font:36px robotoslabbold;color:#282828}
#key-facts h5{float:left}
#key-facts p{float:left}
.key-desc{width:100%;margin:-2px 0 15px 0}
#key-facts a{font-family:slatebold}
#key-facts i{display:inline-block;font-size:17px;margin-left:7px;padding-top:13px}

/* --------------------------------- THUMBS TRANSPARENT BORDER -----------------------------------------------*/ 
 .thmb-with-border{position:relative;float:left;border-top:4px solid #eee;z-index:1} 
 .thmb-with-border img{width:100%}
 .thmb-with-border:before, .thmb-with-border:after{ 
  content:"";position:absolute;z-index:1;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(transparent)); 
  background-image:-webkit-linear-gradient(#eee, transparent); 
  background-image:-moz-linear-gradient(#eee, transparent); 
  background-image:-o-linear-gradient(#eee, transparent); 
  background-image:linear-gradient(#eee, transparent); 
  top:0;bottom:-4px;width:4px 
 } 
 .thmb-with-border:before{left:0} 
 .thmb-with-border:after{right:0}

 .docs-handlers a{font-size:16px}

/* //////////////////////////////// PAGINATION ///////////////////////////////// */
.pagination{float:left}
.pagination .first{font-size:16px;margin-right:5px}
.pagination .last{font-size:16px;margin-left:5px}
.pagination p{display:inline-block;font:14px/20px slatereg;height:20px;margin-right:5px;padding:0 7px;text-align:center;border-radius:2px}
.pagination .prev{padding:0;margin:0}
.pagination a{display:inline-block;vertical-align:top}
.pagination a{font:14px/20px slatereg;color:#7d868c}
.pagination a:hover{color:#fff}
.pagination .first:hover, .pagination .prev:hover, .pagination .last:hover, .pagination .next:hover{color:#b3c935}
.pagination .numbers{display:inline-block;margin:0 10px}
.pagination .numbers a{width:18px;height:20px;margin-right:5px;padding: 0 7px;text-align:center;line-height:20px;border-radius:2px;color:#fff;background:#d5d5d5}
.pagination .numbers a:last-child{margin-right:0}
.pagination .numbers a.is-active, .pagination span a:hover{background:#b3c935}
.pagination .numbers p.is-active{background:#b3c935;color:#fff;width:18px}
.pagination .fa-chevron-right, .pagination .fa-chevron-left{font-size:16px;vertical-align:middle}

.no-margin{margin-bottom:0;padding:0}

/*----------------------------------------Footer----------------------------------------*/

#news-trending{
position:relative;
float:left;
width:100%;
height:20px;
padding:20px 0;
background:#e8e9e9
}

#news-trending h5{
float:left;
width:12%;
font:15px/1.5 slatebold;
color:#3a4044
}

#news-trending ul{
float:left;
overflow:hidden;
height:20px;
width:80.9%
}

#news-trending li a{
float:left;
font:16px/1.1 slatelite;
width:90%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

#news-trending .fa-external-link{vertical-align:top;font-size:18px;padding-left:30px}

#news-trending .view-all{float:right;text-transform:none;font-size:16px;margin-top:-2px;min-width:72px}
.view-all i{padding-left:5px}

#policy-update{position:fixed;left:0;bottom:-100px;background:#0c1a25;width:100%;z-index:1000;opacity:.95;border-top:3px solid #132738;padding:15px 0}
#policy-update-inner{margin:0 auto;width:100%;max-width:1200px}
#policy-update-text{margin-top:5px}
#policy-update-text p{font:14px/1.3 robotolite;color:#ddd}
#policy-update .btn{padding:5px 15px;font: 14px robotomed}
#policy-update .btn:hover{background:#b3c935;color:#000}
#policy-update-text a{color:#fff}
#policy-update-text a:hover{color:#b3c935}

#not-found-page{margin-top:120px}
#not-found-text{float:left;width:50%;padding-top:100px}
#not-found-page p{margin:0;padding:0;font:44px slatelite;color:#58595b}
#not-found-text form{margin-top:20px}
#not-found-text input[type='text']{float:left;width:70%;padding:9px;margin-right:10px;border:1px solid #ddd}
#not-found-text input[type='submit']{border:0;float:left;width:15%;padding:10px;min-width:70px}
#not-found-echo{float:right;width:45%}

/*--------------------------------------FOOTER------------------------------------------*/

#page-footer { position: relative; float: left; width: 100%;  background:#33393e; padding-bottom: 20px; }
#page-footer .left-paragraph{width:100%;}

#footer-nav { margin: 45px 0; }

#footer-nav ul { float: left; width: 20%; min-width: 150px; text-align: left}

#footer-nav li { color: #f2f2f2; margin-bottom: 10px; }

#footer-nav li a { color: #ddd; font: 13px robotoreg; }

#footer-nav a:hover { color: #c3d500; }

#footer-nav .footer-nav-heading { font: 16px robotomed; margin-bottom: 20px; }

#footer-nav ul:nth-child(4) li { margin-left: 20px; }

#footer-address { float: left; width: 100%; margin-bottom: 15px}

#footer-address ul li { float: left; margin-left: 20px; }

#footer-address li a { display: block; float: left; padding: 0 5px; }

#footer-address i { font-size: 25px; color: #f2f2f2; }

#footer-address i:hover { border-radius: 3px; color: #c3d500; }

.left-paragraph #research-only { float: left; font: 13px/1.3 slatereg; margin: 10px 0 0 0; color: #bababa; }

#research-only em { font-family: slatebold; }

#footer-copyright { padding: 20px 0; border-top: 1px solid #5d6468 }

#footer-copyright em { font: 13px robotomed; color: #f2f2f2; }

.left-paragraph #footer-copyright p { float: left;margin-bottom:0}

#footer-logo { width: 17%; min-width: 200px; height: 30px; margin: -6px 40px 0 0; }

#footer-legal li { float: left; position: relative; margin-left: 20px; }

#footer-legal li:nth-child-child(2) { margin-left: 0; }

#footer-legal a { font-size: 12px; color: #f2f2f2; }

#footer-legal a:hover { color: #c3d500; }

/*-------------------------------Magnific Popup CSS---------------------------------- */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80)}
.mfp-wrap{
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1043;
  position:fixed;
  outline:none !important;
  -webkit-backface-visibility:hidden
}
.mfp-container{
  text-align:center;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  margin:0 auto;
  text-align:left;
  z-index:1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-loading.mfp-figure{display:none}
.mfp-hide {display: none !important}
.mfp-s-ready .mfp-preloader {display:none}
.mfp-s-error .mfp-content{display:none}
.mktoForm{width:100%;height:100%;padding:0;margin:0}
#marketo-terms{display:none}
#marketo-terms small{color:#282828;font-size:13px;padding:0}

/*-----------------------------------Sticky Buttons-------------------------------------*/
#sticky-request{
 position:fixed;
 display:none;
 right:0;
 bottom:0;
 z-index:601;
 width:50px;
 height:40px;
 padding:5px 0;
 background:#b3c935;
 text-align:center;
 border-radius:1px
}

#sticky-icon{display:block}
#sticky-icon i{font-size:35px;color:#fff}

.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all 0.3s;transform:translateX(50px)}
.mfp-move-horizontal.mfp-bg{opacity:0;transition:all 0.3s}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;transform: translateX(0)}
.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:0.8}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{transform: translateX(50px);opacity:0}
.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}

/*----------- Hamburger Button ----------------*/
.hamburger{
position:absolute;
padding:13px 16px 13px 15px;
display:inline-block;
cursor:pointer;
transition-property:opacity, filter;
transition-duration:0.15s;
transition-timing-function:linear;
font:inherit;
color:inherit;
text-transform:none;
background:transparent;
border:0;
border-radius:0;
left:0;
top:52px;
overflow:visible
}
.hamburger-box{
width:40px;
height:24px;
display:inline-block;
position:relative
}
.hamburger-inner{display:block;margin-top:-2px}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
width:40px;
height:4px;
background-color:#fff;
border-radius:4px;
position:absolute;
transition-property:transform;
transition-duration:0.15s;
transition-timing-function:ease
}
.hamburger-inner::before, .hamburger-inner::after{content:"";display:block}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--collapse .hamburger-inner{
top:25px;
bottom:0;
transition-duration:0.15s;
transition-delay:0.15s;
transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse .hamburger-inner::after{top:-20px;transition:top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear}
.hamburger--collapse .hamburger-inner::before{transition:top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)}
.hamburger--collapse.is-active .hamburger-inner{
transform:translate3d(0, -10px, 0) rotate(-45deg);
transition-delay:0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--collapse.is-active .hamburger-inner::after{
top:0;
opacity:0;
transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear
}
.hamburger--collapse.is-active .hamburger-inner::before{
top:0;
transform:rotate(-90deg);
transition:top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1)
}
#hamburger-btn{display:none;background:#000}

/*------------- LEFT MENU ANIMATION ----------------*/
.slide-in{
 -webkit-animation:slideIn .5s forwards;
  -moz-animation:slideIn .5s forwards;
  animation:slideIn .5s forwards
}

@-webkit-keyframes slideIn {
  0% {
    transform:translateX(-300px);
  }
  100% {
    transform:translateX(300px);
  }
}
@-moz-keyframes slideIn {
  0% {
    transform:translateX(-300px);
  }
  100% {
    transform:translateX(300px);
  }
}
@keyframes slideIn {
  0% {
    transform:translateX(-300px);
  }
  100% {
    transform:translateX(300px);
  }
}

.slide-back{
 -webkit-animation:slideBack .5s forwards;
  -moz-animation:slideBack .5s forwards;
  animation:slideBack .5s forwards
}

@-webkit-keyframes slideBack{
  0% {
    transform:translateX(300px);
  }
  100% {
    transform:translateX(-300px);
  }
}
@-moz-keyframes slideBack{
  0% {
    transform:translateX(300px);
  }
  100% {
    transform:translateX(-300px);
  }
}
@keyframes slideBack{
  0% {
    transform:translateX(300px);
  }
  100% {
    transform:translateX(-300px);
  }
}

.slide-in-mobile{
  -webkit-animation:slideInMobile .5s forwards;
  -moz-animation:slideInMobile .5s forwards;
  animation:slideInMobile .5s forwards
}

@-webkit-keyframes slideInMobile {
  0% {
    transform:translateX(-100%);
  }
  100% {
    transform:translateX(100%);
  }
}
@-moz-keyframes slideIn {
  0% {
    transform:translateX(-100%);
  }
  100% {
    transform:translateX(100%);
  }
}
@keyframes slideIn {
  0% {
    transform:translateX(-100%);
  }
  100% {
    transform:translateX(100%);
  }
}

.slide-back-mobile{
 -webkit-animation:slideBackMobile .5s forwards;
  -moz-animation:slideBackMobile .5s forwards;
  animation:slideBackMobile .5s forwards
}

@-webkit-keyframes slideBackMobile{
  0% {
    transform:translateX(100%);
  }
  100% {
    transform:translateX(-100%);
  }
}
@-moz-keyframes slideBackMobile{
  0% {
    transform:translateX(100%);
  }
  100% {
    transform:translateX(-100%);
  }
}
@keyframes slideBackMobile{
  0% {
    transform:translateX(100%);
  }
  100% {
    transform:translateX(-100%);
  }
}

.reset-outer-ul{float:right;left:0}

#loader{
  position:absolute;
  left:45%;
  top:300px;
  border:16px solid #f3f3f3;
  border-top:16px solid #7d868c;
  border-radius:50%;
  width:60px;
  height:60px;
  animation: spin 2s linear infinite
}

@keyframes spin{
 0% { transform: rotate(0deg)}
 100% { transform: rotate(360deg)}
}

/*------------------------------------------------------------------------------------------------------------------
/////////////////////////////////////////////////  RESIZE  /////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1380px){
 #util-wrap, #main-header, .hero-section, .page-wrapper, #news-trending, #policy-update, #page-footer{
   padding-left:3%;
   padding-right:3%;
   width:94%
 }
 .page-with-sidebar{background:linear-gradient(to right, #fff 80%, #e8e9e9 20%)}
 .media-section:after{
  position:absolute;
  content:"";
  width:3%;
  right:-3%;
  top:0;
  height:100%
 }
}

@media all and (max-width: 1280px){
 .desktop-figure{top:130%}
 #policy-update-text{float:none;text-align:center;margin:0 0 20px 0}
 #policy-update-text p{line-height:1.5}
 #policy-btn{float:none;margin:0 auto;text-align:center}
 #policy-btn .btn{display:inline-block}
}

@media all and (max-width: 1195px){
  .no-r-margin, .no-r-margin i{display:none} 
  #util #user-dropdown{border-right:1px solid #ccc;border-left:0}
  #hamburger-btn{display:block;margin-top:-40px}
  #mobile-user-search{display:block}
  #mobile-search-box{display:block}
  #mobile-search{margin-right:4%}
  #main-header-wrap{position:relative;top:0;margin-top:-40px;opacity:1;filter:alpha(opacity=100)}
  .clear-header{background:none}
  #logo-wrap{position:fixed;width:100%;height:66px;left:0;top:20px;z-index:1002;
  background:#ededed;
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ededed)); 
  background:-webkit-linear-gradient(top, #fff, #ededed); 
  background:-moz-linear-gradient(top, #fff, #ededed); 
  background:-ms-linear-gradient(top, #fff, #ededed);
  background:-o-linear-gradient(top, #fff, #ededed);
  opacity:.95;
  filter:alpha(opacity=100);
  -webkit-box-shadow:0px -30px 10px 29px rgba(168,168,168,1);
  -moz-box-shadow:0px -30px 10px 29px rgba(168,168,168,1);
  box-shadow:0px -30px 10px 29px rgba(168,168,168,1)
  }
  #header-logo{margin-left:90px;margin-top:25px}
  #main-nav{position:fixed;left:-300px;top:86px;width:300px;height:100%;overflow:hidden;background:#000;z-index:1003}
  #outer-ul{position:absolute;width:300px;padding-right:20px;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#000;z-index:1004}
  #main-nav li{float:none;padding:0}
  #main-nav i{display:inline-block;float:right;margin-right:8px;font-size:20px}
  .main-link{border-bottom:1px solid #5d5d5d;background:#17191c;position:static}
  .main-link:hover{background:#17191c}
  #main-nav ul li a{color:#fff;float:none;padding:15px 10px 15px 20px;display:block;font-size:15px}
  #main-nav ul li a:hover{background:none}
  #current-tab{background:#000}
  #nav-bkg{visibility:hidden;opacity:0}
  #main-nav ul:hover + #nav-bkg{visibility:hidden;opacity:0; 
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important
  }
  .desktop-link:hover ul{
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -o-transition:none !important;
  transition:none !important
  }
  .sub-menu{
   margin:0 0 15px 0;
   padding:0;
   top:30px;
   width:300px;
   position:relative;
   float:left;
   display:none;
   opacity:1;
   visibility:visible;
   background:#000;
   z-index:1005
  }
  .sub-menu:after{display:none}
  .sub-menu ul{display:block;float:left;width:284px;padding:0 0 10px 16px}
  #main-nav .nav-heading{margin-bottom:0;padding-bottom:15px}
  #main-nav .nav-heading li{padding-left:4px}
  #main-nav .nav-heading a{width:97%;font-size:22px}
  #main-nav .sub-menu .gnb_ic{margin-top:0}
  #gnb-applications, #gnb-products, #gnb-technology, #gnb-news, #gnb-resources, #gnb-support, #gnb-company{
    left:0;padding:0;text-align:left
  }
  #main-nav #gnb-company ul li{text-align:left}
  .page-inner{padding:0}
  .col4{width:45%;padding:0 2.5%;height:670px}
  #news-trending{padding-top:20px;padding-bottom:40px}
  #news-trending h5{position:relative;float:none;width:100%;text-align:left;line-height:1}
  #news-trending .fa-external-link{position:absolute;left:0;top:25px;padding-left:0}
  #news-trending ul{float:right;width:98%;padding-left:20px;margin-top:8px}
  #news-trending li a{width:100%}
  #news-trending .view-all{position:absolute;top:0;right:0}
  #footer-logo{width:300px}
  #footer-social{margin-top:5px}
  #not-found-page{margin-top:60px}
}

@media all and (max-width: 1024px){
  .page-wrapper{background:#fff}
  #left-content, .left-paragraph{width:100%}
  .video-holder{width:99%;max-width:938px}
  .desktop-figure{top:58%}
  #docs{position:relative;float:left;width:103.2%;background:#e8e9e9}
  #no-hero-docs{margin-top:0}
  #docs:before{content:"";position:absolute;display:block;width:3%;top:0;left:-3%;height:100%;background-color:#e8e9e9}
  .docs-section-wrapper{padding-bottom:20px;background:none}
  .docs-section-wrapper:last-child{padding-bottom:3%}
  .col2-docs{width:64.4%;margin-bottom:1%}
  .right-col{width:32%;margin-left:1px;margin-top:.64%}
  .left-col{width:32%;margin-bottom:1%}
  .right-col2{width:64.4%;margin-left:3px}
  #docs h4{margin-top:2%;padding:.6% 2%;width:92.5%;min-width:827px}
  #docs .col2-title{width:92.7%;padding:1% 3.5%;min-width:250px}
  #docs .right-col h4{min-width:80px;width:85.5%;padding:2% 7.3%}
  #docs .right-col2 h4{width:92.7%;margin-top:1%;padding:1% 3.5%;min-width:300px}
  #docs .left-col h4{min-width:80px;width:85.5%;padding:2% 7.3%}
  .docs-section{float:none;display:inline-block;width:28%;padding:3% 2% 5% 2%;height:120px}
  .company-address, .company-emails{height:80px;padding-top:2%}
  .col2-docs .docs-section{vertical-align:top;width:42.9%;padding:3% 3.4% 0 3.4%}
  .right-col .docs-section{vertical-align:top;width:86.2%;padding:6.1% 6.9% 0 6.9%}

  .left-col .docs-section{vertical-align:top;width:86.73%;padding:8% 6.6% 0 6.6%}
  .right-col2 .docs-section{vertical-align:top;width:43.35%;padding:4% 3.15% 0 3.15%}
  .featured-docs{position:relative;height:485px;padding-bottom:9%;vertical-align:top}
  .col3-docs .featured-docs{height:430px}
  #featured-videos .docs-section{height:260px}
  .featured-docs .btn{position:absolute;left:7%;bottom:2%}
  .short-column{width:32.3%;display:inline-block;min-width:286px}
  .col1-left{width:32.3%;display:inline-block;min-width:286px}
  #docs .short-column h4{margin-right:1%;width:87.4%;padding:1.9% 5.9%;min-width:170px}
  .short-column .docs-section{width:90%;padding:10px 3.1% 5.5% 6%;height:140px}
  .short-column .brochures{padding-top:25px;padding-bottom:0}
  .literature{height:90px}
  .col2-full .docs-section{width:44.1%;vertical-align:top;height:80px}
  #docs .featured-nature{height:450px;width:87%;padding:25px 6%}
  #key-facts .docs-section{height:80px;padding-top:1%}
  .company-address{vertical-align:top}
  .twitter-timeline{width:100%}
  #footer-logo{margin-top:0}
  #footer-nav ul{width:25%}
  #footer-nav ul:nth-child(5){clear:left;margin-top:20px}
  #footer-legal{float:right;margin-bottom:10px}
  #footer-copyright .right{clear:right}
  #not-found-text{padding-top:70px}
}

@media all and (max-width: 950px){
  .desktop-figure{top:55%}
  #docs h4{min-width:300px}
  .docs-section{width:44.1%;min-width:100px}
  #docs .short-column h4{width:91%;padding:1.2% 4.1%}
  .short-column{width:48.45%;min-width:100px}
  .short-column .docs-section{padding-left:4.1%;padding-right:5.1%;height:160px}
  .featured-docs{height:460px}
  .col3-docs .docs-section{width:27.9%;height:420px}
  #featured-videos .docs-section{height:320px}
  #docs .btn:link, #docs .btn:visited{padding-right:10px}
  #docs .featured-nature{width:91%;padding:25px 4%;height:595px}
}

@media all and (max-width: 910px){
 #docs .featured-nature{height:570px}
 #not-found-text{width:55%;padding-top:40px}
 #not-found-text p{font-size:42px}
 #not-found-text input[type='text']{width:73%}
}

@media all and (max-width: 860px){
  .desktop-figure{top:53%}
  .img-left{width:40%}
  .p-text-right{width:57%;padding-bottom:0}
  .col3-docs .docs-section{height:400px}
  #featured-videos .docs-section{height:320px}
  #footer-nav ul{width:33.33%}
  #footer-nav ul:nth-child(4) li{margin-left:0}
  #footer-nav ul:nth-child(4){clear:left;margin-top:20px}
  #footer-nav ul:nth-child(5){clear:none}
  .col2-docs .docs-section, .right-col .docs-section{height:430px}
  #docs .featured-nature{height:550px}
  #policy-update{padding-top:10px;padding-bottom:15px;border-top:0}
  #policy-update-text{margin-top:5px}
  #policy-update-text p{font-size:13px;line-height:1.4}
  #policy-update .btn{padding:5px 10px;font-size:12px;margin-top:-10px}
}

@media all and (max-width: 736px){
  .util-dropdown{display:none}
  #mobile-user{display:block}
  #mobile-search{margin:0}
  #util-facebook{border-right:1px solid #fff}
  #crystallography-55x{margin-bottom:0}
  .img-left{width:43%}
  .p-text-right{width:54%}
  .p-text-right{padding-bottom:0}
  .desktop-figure{opacity:0}
  .mobile-figure{opacity:1}
  .col3-docs .docs-section{height:370px}
  .col2-docs .docs-section, .right-col .docs-section{height:410px}
  #featured-videos .docs-section{height:310px}
  #footer-nav ul:nth-child(2) li, #footer-nav ul:nth-child(5) li{margin-left:20px}
  #footer-address ul{float:left;margin-bottom:3%}
  #footer-address ul li:first-child{margin-left:0}
  #research-only{clear:left}
  #not-found-text{width:100%;padding-top:0}
  #not-found-echo{float:left;width:60%;margin-top:40px;min-width:400px}
}

@media all and (max-width: 680px){
  #footer-legal{width:100%;margin:10% 0 4% 0}
  #footer-legal li:first-child{margin-left:0}
  #footer-copyright{border:0}
  #footer-copyright .right{clear:none;float:left}
}

@media all and (max-width: 662px){
  .img-left{width:47%}
  .p-text-right{width:50%}
  .img-right{width:40%;padding:0 0 0 10%;margin:0}
  .img-title-below-r{font-size:15px}
  .col2-docs{width:97%}
  .right-col{width:48%}
  #docs .col2-title{width:95.8%;padding:1% 2%;min-width:250px}
  #docs .right-col h4{min-width:80px;width:91.5%;padding:2% 4.3%}
  #docs .right-col2 h4{width:92.7%;margin-top:1%;padding:1% 3.5%;min-width:200px}
  #docs .left-col h4{min-width:80px;width:85.5%;padding:2% 7.3%}
  .col2-docs .docs-section{width:45.7%;padding:3% 2%}
  .right-col .docs-section{width:92.2%;padding:6.1% 3.9% 0 3.9%}
  .col2-docs .docs-section, .right-col .docs-section, .left-col .docs-section, .right-col2 .docs-section{height:470px}
  .col2-docs .docs-section:nth-child(1){margin-right:10px}
  .left-col{width:48%}
  .right-col2{width:97%}
  .left-col .docs-section{width:92%;padding:20px 4% 0 4%}
  .right-col2 .docs-section{width:46%;padding:20px 1.8% 0 1.8%}
}

@media all and (max-width: 620px){
  /*#main-nav{left:-100%}
  #main-nav, #outer-ul, .sub-menu{width:100%}*/
  #main-nav .nav-heading a{width:80%}
  .img-left #echo-55x{margin:0}
  .img-left{float:none;width:70%;padding-bottom:5%;margin:0 auto}
  .p-text-right{width:100%;padding:0;margin-top:20px}
  .img-title-below-r{font-size:15px;padding-right:9%}
  .img-title-below{float:none;margin:0 auto;width:190px}
  #docs h4{padding-top:1.2%;padding-bottom:1.2%;min-width:250px}
  .docs-section{float:left;display:block;width:92.5%;height:100%}
  .col3-docs .docs-section{display:inline-block;width:44%;height:410px;margin-right:.5%}
  .col3-docs .docs-section:nth-child(2){margin-left:0}
  #featured-videos .docs-section{height:100%;padding-bottom:25px}
  .short-column{width:97.3%}
  #docs .short-column h4{padding:1.2% 2%;width:95.1%}
  .short-column .docs-section{width:94%;height:100%;padding:10px 3.1% 5% 2%}
  .col2-full .docs-section{height:90%;width:91.4%;padding:3% 3.1% 5% 2%}
  .short-column .brochures{padding-top:3%}
  .col2-docs .docs-section, .right-col .docs-section{height:450px}
  #footer-nav ul{width:50%}
  #footer-nav ul:nth-child(3), #footer-nav ul:nth-child(5){clear:left;margin-top:20px}
  #footer-nav ul:nth-child(4){clear:none}
  #footer-nav ul:nth-child(5) li{margin-left:0}
  #footer-nav ul:nth-child(4) li{margin-left:20px}
}

@media all and (max-width: 570px){
 .left-paragraph h2{font-size:30px;padding-top:0}
 .page-inner h3{font-size:23px;margin-bottom:20px}
 .left-paragraph h4{padding-top:0;font-size:26px}
  #util-wrap{display:none}
  #main-header{padding:0;height:36px}
  #logo-wrap{top:0;height:35px;padding:11px 0 7px 0}
  #header-logo{margin:0 0 0 85px}
  #main-nav{top:53px}
  #mobile-search-box{top:50px}
  #mobile-icon{top:60px}
  #mobile-user-search{margin-top:2px}
  .hamburger{top:40px}
  #sticky-request{display:block}
  .media-section{padding-top:5%}
  .img-title-below-r{font-size:15px;padding-right:6%}
  .col4{width:97%;padding:0 1.5%;height:100%;padding-bottom:10%}
  .col2-docs .docs-section, .right-col .docs-section{height:420px}
}

@media all and (max-width: 515px){
 .img-title-below-r{width:100%;padding-right:0}
 .img-right{float:left;width:80%;padding:0 10% 5% 10%;text-align:center}
 #footer-nav ul:nth-child(2) li, #footer-nav ul:nth-child(4) li{margin-left:40px}
  #footer-legal{margin-top:13%}
}

@media all and (max-width: 436px){
 #mobile-user{margin-right:15px}
 #mobile-user i{font-size:24px}
 #main-header .circle{height:13px;width:13px}
 #main-header .handle{top:13px;left:1px;width:28px}
 #main-header .handle:after{width:28px}
 .right-col{width:96%;margin-left:0}
 .col2-docs .docs-section{width:95.5%;height:100%;padding-bottom:20px}
 .right-col .docs-section{width:94%;padding:3% 3% 20px 3%;height:100%}
 #docs .right-col h4{padding:1.2% 5.5% 1.2% 3%;min-width:200px}

 .left-col{width:96%;margin-left:0}
 .right-col2{width:96%;margin-left:0}
 #docs .left-col h4{padding:1.2% 12% 1.2% 2.5%;min-width:250px}
 #docs .right-col2 h4{padding-left:1.3%;padding-right:4.5%;min-width:200px}
 .left-col .docs-section{width:96%;padding:3% 2% 20px 2%;height:100%}
 .right-col2 .docs-section{width:95.5%;height:100%;padding:20px 2% 20px 2%}

 .col3-docs .docs-section{height:380px}
 .col3-docs .docs-section{float:left;display:block;width:92.5%;height:100%}
 #footer-nav ul{text-align:center}
 #footer-nav ul:nth-child(2) li, #footer-nav ul:nth-child(4) li{margin-left:0}
 #footer-nav ul:nth-child(3),  #footer-nav ul:nth-child(4), #footer-nav ul:nth-child(5){clear:none;margin-top:0}
 #footer-nav ul{width:100%;margin-bottom:7%}
 #footer-nav ul:last-child{margin-bottom:0}
 #footer-nav{text-align:center}
 #footer-nav li a{font-size:14px}

  #footer-address ul, .left-paragraph #research-only{margin:0 auto;float:none;clear:none}
  #footer-address ul{width:231px;height:60px}
  #footer-address{text-align:center}

  #footer-logo, #footer-legal, #footer-copyright .right{margin:0 auto;float:none;clear:none}
  #footer-logo{width:80%;margin-top:4%;margin-bottom:10%}
  #footer-legal{width:244px}
  #footer-copyright .right{width:276px;padding-top:10%}
  #footer-legal li:first-child{margin-left:0}
  #footer-copyright{border:0}
 #not-found-echo{width:100%;min-width:auto}
 #not-found-text input[type='text']{width:94%;padding-left:2.5%;padding-right:2%;margin-right:0}
 #not-found-text input[type='submit']{margin-top:10px}
}

@media all and (max-width: 394px){
 #header-logo{width:200px;height:20px;min-width:200px;margin:1px 0 0 80px}
 #mobile-user-search{margin-top:4px}
 #mobile-user i{font-size:22px}
 #main-header .circle{height:11px;width:11px}
 #main-header .handle{top:11px;left:0;width:25px}
 #main-header .handle:after{width:25px}
}

@media all and (max-width: 360px){
  #header-logo{width:195px;min-width:195px}
  #mobile-user{margin-right:12px}
}

@media all and (max-width: 350px){
  #header-logo{width:185px;min-width:185px}
  #main-header .circle{height:10px;width:10px}
 #main-header .handle{top:10px;left:0;width:24px}
 #main-header .handle:after{width:24px}
 #mobile-user{margin-right:9px}
}

/*////////////////////////////////////////////////////////////////////////////////////////
                                       MOBILE
////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 800px){
 .left-paragraph h2{font-size:31px;padding-top:0}
 .page-inner h3{font-size:24px;margin-bottom:20px}
 .left-paragraph h4{padding-top:0;font-size:26px}
}