/*
 Theme Name:   SS White
 Theme URI:    http://www.moodeyit.com/
 Description:  SS White Theme
 Author:       Moodey IT
 Author URI:   http://example.com
 Template:     twentythirteen
 Version:      1.0.9
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sswhitetheme


*/
html, button, input, select, textarea {
    font-family: Tahoma, Geneva, sans-serif;
}
body{margin:0;-webkit-font-smoothing:antialiased; background:#000245;}
h1,h2,h3,h4,h5,h6{
    font-family: Tahoma, Geneva, sans-serif;color:#000046; font-weight:400;
}
a{color:#000245;}
h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:25px;}
h4{font-size:21px;}
h5,h6{font-size:18px;}
.site{max-width:1280px;}
.site-header{background:none;padding-top:30px;}
.site-header .home-link {min-height:120px; padding:0;}
#sstop_container{width:100%; position: fixed; z-index:1000; height:30px;background-color: #fff;}
#sstop{width:100%; height:30px; margin:0 auto; max-width:1280px; color:#515151; text-align:right;}
#ssfoot{width:100%; background-color:#fff; position:fixed;bottom:0; z-index:1000;height:30px; text-align:center; color:#515151; padding-top:4px;}
.box-shadow:after {
    content: "";
    width:1280px;
    height:4px;
    display:block;
    position:absolute;
    top:0;
    margin-top:26px;
    border-bottom:solid 1px #B0B0B0;
	-webkit-box-shadow: 0px 4px 5px rgba(176,176,176,1);
-moz-box-shadow: 0px 4px 5px rgba(176,176,176,1);
box-shadow: 0px 4px 5px rgba(176,176,176,1);}
#sstop ul{margin-top:0;}
#sstop li{ position:relative; z-index:11000;background-color:#fff; list-style: none; display:inline-block; margin-top:5px; margin-right:20px; }
#sstop li a{color:#515151; }
.entry-header, .entry-content, .entry-summary, .entry-meta{max-width:1080px; padding:0 20px 0 20px;}
.entry-content{-webkit-hyphens:none;-moz-hyphens:none; -ms-hyphens:none;hyphens:none; word-wrap:none;}

#onBoard{z-index:500;}
.sslogo{width:100%; max-width:450px;  float:left;display:inline-block; margin-top:20px; }
#coname{padding-top:14px; margin-left:100px;font-size:35px;font-family: Arial, Helvetica, sans-serif; color:#000057; font-weight:600; line-height:43px;}
#coname img{max-width:360px;}
.navbar{background-color:#f2f2f2; border:solid 2px #ccc;}
.site-footer .sidebar-container{ background-color:#B0B0B0; border:solid 20px #fff;} 
.site-footer {background-color:#000245;}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus{ background-color:#B0B0B0; }
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus{ background-color:#B0B0B0; }
.nav-menu .sub-menu, .nav-menu .children{background-color:#000245;}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a{background-color:#B0B0B0; color:#fff;}
.entry-content a, .comment-content a, .entry-meta a{color:#000245;}
.entry-content a:hover, .comment-content a:hover{color:#444;}
.main-navigation{z-index:999;}

img.reflected{margin-bottom:2px;}
#sswhite-home .hentry{ padding:0;}
nav.smaller{position:fixed; top:0; z-index:100000; height:20px; }
nav.smaller .nav-menu li a{line-height:0.2;}
nav.smaller .nav-menu li ul li a{line-height:1;}
nav.smaller .search-form{display:none;}

.flexdrive .wpb_content_element {margin-bottom:0;}
#contactusform input{width:100%;}
.wpcf7-textarea{height:90px;}

button, input[type="submit"], input[type="button"], input[type="reset"]{background: #000245;
    background: -webkit-linear-gradient(top, #000245 0%, #000245 100%);
    background: linear-gradient(to bottom, #000245 0%, #000245 100%);
    border: none;
    border-bottom: 3px solid #000245;}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus{background: #999;
    background: -webkit-linear-gradient(top, #999 0%, #999 100%);
    background: linear-gradient(to bottom, #999 0%, #999 100%);}
.flexass td{border:solid 1px #fff;}
.flexass-fractions tr{margin:0; padding:0;}
.flexass-fractions td{border:solid 1px #fff; white-space: nowrap;margin:0; padding:0; }
.flexass-fractions td p{margin:0; padding:0; }
.flexass-fractions table{ margin:0;line-height:1; height:40px;}
/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.1
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */

.carousel
{
    position :relative ;
    margin :0 auto;
    width:100%;
    max-width :1000px;
    height :auto;
    border :none;
    overflow : hidden ;
    margin-top:40px;
    
}

/* _______________________________________________ */

/* SLIDES */
/* _______________________________________________ */

/* slide container */
.carousel .slides
{
    margin :0;
    padding :0;
    border :none;
    list-style :none;
    position :relative ;
    overflow :visible ;
    width:100% !important;
}

/* slide item */
.carousel .slides .slideItem 
{
    position :absolute ;
    cursor :pointer ;
    overflow : hidden;
    padding :0;
    margin :0;
    border :none;
}

.carousel .slides .slideItem a
{
    display: block ;
    text-decoration :none;
    margin :0;
    padding :0;
    border :none;
    outline :none;
}

.carousel .slides .slideItem img
{
    margin :0;
    padding :0;
    border :none;
    width :100%;
    height :100%;
}

/* _______________________________________________ */

/* DIRECTION BUTTON */
/* _______________________________________________ */

.carousel .nextButton
{
    position :absolute ;
    right :10px;
    top :133px;
    width :35px;
    height :35px;
    background : url("images/next_button.png") no-repeat center;
    cursor :pointer ;
    z-index :9999;
}

.carousel .prevButton
{
    position :absolute ;
    left :10px;
    top :133px;
    width :35px;
    height: 35px;       
    background : url("images/prev_button.png");
    cursor :pointer ;
    z-index :9999;
}

/* _______________________________________________ */

/* NAVIGATION BUTTON */
/* _______________________________________________ */

/* buttons container */
.carousel .buttonNav
{
    position : relative ;
    margin :0 auto;
    z-index :999;
}

/* numbers */
.carousel .buttonNav .numbers 
{
    position :relative ;
    float :left ;
    margin :5px;
    color : #828282 ;
    cursor :pointer ;
    font-weight :bold ;
    text-decoration :none;
    font-size :1em;
    font-family :Arial, Verdana ;
}

.carousel .buttonNav .numbers:hover
{
    color: #000;
    text-decoration :underline;
}

.carousel .buttonNav .numberActive
{
    background : none;
    color :#000;
    cursor :default ;
}

/* bullets */
.carousel .buttonNav .bullet
{
    position :relative ;
    float :left ;
    width :16px;
    height :16px;
    background : url(images/Bullet-White.png) no-repeat center ;
    margin :5px;
    float :left ;
    cursor :pointer ;
}

.carousel .buttonNav .bullet:hover
{
    background : url(images/Bullet-Black.png) no-repeat center ;
}

.carousel .buttonNav .bulletActive
{
    background : url(images/Bullet-Black.png) no-repeat center ;
    cursor :default ;
}

/* ____________________________________________________________ */

/* VIDEO */
/* ____________________________________________________________ */

.carousel .slides .videoOverlay
{
    background :url("images/video.png") no-repeat center; /* play button */
}

.carousel .slides .spinner
{
    background : #000 url(images/loading.gif) no-repeat center; /* video preloader */
}

/* _____________________________ *

/* SHADOW */
/* _____________________________ */

.carousel .shadow
{
    width :100%;
    height :82px;      
}

.carousel .shadow .shadowLeft
{
    background : url("images/shadowLeft.png") no-repeat;
    width :100px;
    height :82px;
    
    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */         
}

.carousel .shadow .shadowMiddle
{
    height :82px;
    background:url("images/shadowTile.png") repeat-x;    
    
    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */         
}


.carousel .shadow .shadowRight
{
    width :100px;
    height :82px;
    background:url("images/shadowRight.png") no-repeat; 
    
    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */         
}

/* ____________________________________________________________ */

/* REFLECTION GRADIENT */
/* ____________________________________________________________ */

/* gradient color for Opera */
.carousel .gradient
{
    background-image :url(scripts/gradient.svg);
}

.carousel .description
{
    position :relative ;
    float :left ;
    width:100%;
    max-width :1000px;
    height :80px;
    margin :0;
    
    padding :0px;
    text-align:center;
    z-index:1000;
}

.carousel .description div
{
    width:100%;
    max-width :1000px;
    height :80px;
}
@media (max-width:980px){
.carousel .slides{margin-left:40px;}
h1{font-size:30px;}
h2{font-size:25px;}
h3{font-size:20px;}
h4{font-size:15px;}
h5,h6{font-size:14px;}
    }
 
@media (max-width:767px){
    .flexdrive .wpb_content_element {
    margin-bottom: 0;
    max-width: 300px;
    margin: 0 auto;}
    .flexdrive .vc_column-inner {margin-bottom:20px;}
    .vc_custom_1450376296672{margin-bottom:-40px;}
    .carousel .slides{margin-left:140px;}

}
@media (max-width:670px){
 .carousel {display:none;}
.smhphead{margin-top:50px;}
menu, ol, ul{padding:0;}
nav.smaller{display:none;}
.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover {
    background-color: #ccc;color:#fff;}
.menu-toggle {
    
    top: 5px;
    left:20px;
}
.flexdrive .wpb_content_element {
    margin-bottom: 0;
    max-width: 300px;
    margin: 0 auto;}
    .site-header .home-link {
        margin-top:40px;
    }
}
.flexdrive .wpb_text_column {
    min-height:68px;
}
.whitetext, .whitetext *, .whitetext a{color:#fff;}
.home .flexdrive .wpb_text_column {
    min-height: initial;
}
ul.nav-menu, div.nav-menu > ul {
    display:flex;
}
@media (max-width: 643px) {
    ul.nav-menu {
        display:none;
    }
}

.flagEN {
   position:absolute; 
   right:40px;
   top:40px;
}
.flagDE {
   position:absolute; 
   right:90px;
   top:40px;
}
.flagFR {
   position:absolute; 
   right:140px;
   top:40px;
}
.flagES {
   position:absolute; 
   right:190px;
   top:40px;
}
.flagEN a, .flagDE a, .flagFR a, .flagES a {
    opacity:0.3;   
}
.flagEN a:hover, .flagDE a:hover, .flagFR a:hover, .flagES a:hover {
    opacity:1;   
}

@media (min-width: 670px) and (max-width:1200px){
     #sstop.smaller ul {
        display:none;
    }
    .smaller ul.nav-menu, .smaller div.nav-menu > ul {
        width:100%;
        background-color: #fff;
        height:100%;
    }

    .box-shadow.smaller:after {
        margin-top:30px;
    }
    
    .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
        height:100%;
    }
    .smaller .menu-menu-1-container {
        background-color: #fff;
    }
}

@media (min-width: 670px) and (max-width:890px){
    nav.smaller .nav-menu li a {
        line-height:1;
    }
    .box-shadow.smaller:after {
        height:24px;
    }
    .smaller .menu-menu-1-container{
        border-bottom: solid 1px #B0B0B0;
    -webkit-box-shadow: 0px 4px 5px rgba(176,176,176,1);
    -moz-box-shadow: 0px 4px 5px rgba(176,176,176,1);
    box-shadow: 0px 4px 5px rgba(176,176,176,1);
    }
}