/*

# ------------------------------------------------------------------------

# Copyright (C) 2013 Kigune Internet Branding. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# bound by Proprietary License of Kigune. For details on licensing,

# Please contact us at http://www.kigune.com/.

# Author: Kigune Internet Branding

# Websites:  http://www.kigune.com

# Redistribution, Modification or Re-licensing of this file in part of full,

# is bound by the License applied.

# ------------------------------------------------------------------------

*/





/*

# ------------------------------------------------------------------------

# 320-up / Portrait phones

# Copyright (C) 2012 Kigune Internet Branding. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# ------------------------------------------------------------------------

*/

@media (min-width: 320px) {

.nav-collapse {-webkit-transform: translate3d(0, 0, 0)}

}





/*  ==========================================================================

410-up / Landscape phones

Copyright (C) 2015 Kigune Internet Branding. All Rights Reserved.

@license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

========================================================================== */



/* min-width 410px, small screens */

@media only screen and (min-width: 25.629em){



    /* Shared styles

    -------------------------------------------------- */

    #current-content img.lead{

        width: auto;}

    #current-content .pager li a{

        margin: 0;

        width: auto;}



    .grid4col .column,

    .grid6col .column {

        width: 48%;}



    #system-message > dd > ul {

        left: auto;

        -webkit-border-top-left-radius: 4px;

        -moz-border-top-left-radius: 4px;

        border-top-left-radius: 4px;

        -webkit-border-bottom-left-radius: 4px;

        -moz-border-bottom-left-radius: 4px;

        border-bottom-left-radius: 4px;}



    /* Nav */

    #main .scroll-tiles li {

        width: 45%;}

        #main .scroll-tiles li a {

            height: 240px}



    #main #subnav .nav-pills > li > a{

        font-size: 0.732em;}



    #main #hero .bigbut .nav > li {

        width: 215px;

        margin-right: -80px;}

        #main #hero .bigbut .nav > li > a span{

            font-size: 1em;}

            #main #hero .bigbut .nav > li > a {

                padding-left: 45px}

                #main #hero .bigbut .nav > li > a span{

                    padding-right: 89px;}



    #footer .featured .column{

        min-height: 190px;

        border-top: 0;

        padding-top: 0;

        padding-bottom: 0;}



    /* Overview */

    #main .believe.buckets .column{

        width: 50%;

        border: 0;}

        #main .believe.buckets .column.top{

            border-bottom: 1px solid #e5e5e5;}

            #main .believe.buckets .column.odd{

                border-right: 1px solid #e5e5e5;}



    /* Pages

    -------------------------------------------------- */

    #page-about #main .believe{

        border: 0;

        margin-left: -20px;

        margin-right: -20px;}



    #page-semiconductor-application #main .scroll-tiles .nav > li > a{

        height: 320px;}

        #page-semiconductor-quality #main .nav-tiles ul {

            margin-left: 0;}

            #page-semiconductor-quality #main .nav-tiles ul li {

                width: 145px;}

                #page-semiconductor-quality #main .nav-tiles ul li a{

                    width: 143px;}

                    #page-semiconductor-quality #main .nav-tiles ul li a span{

                        font-size: 0.732em;}



}



/*  ==========================================================================

640-up / Landscape phones

Copyright (C) 2015 Kigune Internet Branding. All Rights Reserved.

@license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

========================================================================== */

/* min-width 640px, medium screens */

@media only screen and (min-width: 40em) {



    .innerbox, .innertop{

        padding-top: 5.063em;}

        .innerbox, .innerbot{

            padding-bottom: 5.063em;}



    .sizeof,

    .billboard .sizeof,

    .home .billboard .sizeof{

        height: 100vh; }



    .billboard.sizeof,

    .billboard .sizeof{

        max-height: 300px;}

        .home .billboard .sizeof{

            max-height: 450px;}



    .billboard h2{

        font-size: 36px;

        font-size: 2.25rem;

        line-height: 1; }



    /* Toolbox */

    #brand .tools{

        position: relative;

        float: right;

        right: auto; }

        #brand .tools > div{

            float: right;

            margin-left: 1em;}

            #brand .tools > div:last-child{

                margin-left: 0;}



    /* Shared styles

    -------------------------------------------------- */

    .visible-phone {

        display: none !important;

        visibility: hidden !important}

        .visible-tablets {

            display: inherit !important;

            visibility: inherit !important;}



    .header .title {

        display: none !important;

        visibility: hidden !important}



    .content .row {

        padding-top: 4em;

        padding-bottom: 2em;}



    .flush {

        margin-left: -1.250em;

        margin-right: -1.250em;

        padding-left: 1.250em;

        padding-right: 1.250em}



    .top-indent .header-container{

        padding-top: 80px;}



    /* GRID system

    -------------------------------------------------- */

    /* Resize: 12 columns */

    .two{

        max-width: 16.66% }

    .three{

        max-width: 24.99%; }

    .four{

        max-width: 33.32%; }

    .five{

        max-width: 41.65%; }

    .six{

        max-width: 49.98%; }

    .seven{

        max-width: 58.31%; }

    .eight{

        max-width: 66.64%; }

    .nine{

        max-width: 74.97%; }

    .ten{

        max-width: 83.30%; }

    .eleven{

        max-width: 91.63%; }



    /*  ==========================================================================

    HEADER PAGE

    ========================================================================== */

    .header-layout{

        position: absolute;

        top: 0;

        left: auto;

        width: 100%;

        z-index: 99; }

        .header-layout.std{

            margin-bottom: 0;}



    /* Language selector

    ========================================= */

    .language .dropdown-toggle{

        font-size: 16px;

        font-size: 1rem;

        margin-top: 0.325em;}



        .language [class^="icon-"],

        .language [class*=" icon-"]{

            line-height: 1.405;

            margin-right: 0.444em;}



    /* Navigation

    ========================================= */

    .navbar-top{

        border-bottom: 6px solid #505151;

        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat 0 0; }

        .navbar-top.in{

            padding-top: 0;

            padding-bottom: 0;}



    /* Branding

    ========================================= */

    #brand {

        height: auto;

        background: none;

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none; }



    /* Update logo for large screen */

    #brand .logo{

        width: 300px;

        height: 84px;

        margin-top: -7px;

        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat 0 0;

        -webkit-border-radius:0 0 4px 4px;

        -moz-border-radius: 0 0 4px 4px;

        border-radius: 0 0 4px 4px;}

        #brand .logo a#ourmark{

            width: 239px;

            margin: 0;

            background: none;}

            #brand .navbar-toggle.bound {

                height: 84px;}

                #brand .navbar-toggle.bound.active{

                    -webkit-border-radius:0 0 0 4px;

                    -moz-border-radius: 0 0 0 4px;

                    border-radius: 0 0 0 16px; }



    /* Only for Flotanet microsite */

    #brand-flotasnet a{

        width: 160px;

        height: 30px;

        background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }





    /* NAV system

    -------------------------------------------------- */

    /* Accordion to Full */

    .tab-accordian {

    text-align: center;

    cursor: default;

    }

    .directory .tab-accordian {

    text-align: left;

    padding: 0;

    }

    .tab-accordian.active {

    margin-bottom: 0;

    border-bottom: 0;

    }

    .tab-accordian:after, .tab-accordian.active:after {

    content: "";

    }

    .panel-accordian.collapse{

    display: block !important;

    height: auto !important;

    overflow: visible !important;

    }

    .directory .panel-accordian.collapse{

    display: block !important;

    }



    /* Navigation */

    #main #hero .bigbut .nav > li {width: 268px;}

    #main #hero .bigbut .nav > li > a span{font-size: 18px;}



    #top .panel-head{font-size: 11px;}

    #top .panel-head .column{

    background: 0;

    margin: 2em 0 1em;

    padding: 0;

    width: 19.6%;

    height: 220px;

    border-left: 1px solid rgba(0, 0, 0, 0.6);

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    }

    #top .panel-head .column ul, #top .panel-head .column p, #top .panel-head .column form{padding: 0 1em;}

    #top .panel-head .column.first{border-left: 0;}

    #top .panel-head .column.last{border-right: 0; float: left !important;}



    .navbar-top .panel-head #brand-menu.column {

    border-bottom: none;

    }



    .header-layout .container {

    width: 90%;

    }

    #mainbar{

        padding-left: 0;

        padding-right: 0;}



    /*--------------------------------------------------------------------------

    :: Heros

    -------------------------------------------------------------------------- */



    #hero .bigbut .nav > li p{

        position: relative; top: auto;}



    #hero .header{

        min-width: 200px;

        max-height: 300px;

        padding-top: 0;

        padding-bottom: 0;

        height: 100vh;}

        #hero .header .container{

            max-width: 60%;}

            #hero .header .container.offset-left,

            #hero .header .container.offset-right{

                max-width: 100%;}



    #hero.pickup .header{

        padding-top: 2em;

        padding-bottom: 2em;}



    #hero .header.hilite{

        height: 450px;}



    #page-about .header{

        max-height: 450px;

    }



    /* Flotasnet */

    #page-flotasnet-advice .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

    #page-flotasnet-benefits .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

    #page-flotasnet-solution .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

    .lang-eu#page-flotasnet-advice .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

    .lang-eu#page-flotasnet-benefits .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

    .lang-eu#page-flotasnet-solution .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}





    /*--------------------------------------------------------------------------

    :: Sections

    -------------------------------------------------------------------------- */

    #page-search #hero.cooper{height: 90px}

    #page-news #buckets > ul > .column,

    #page-semiconductor-news #buckets > ul > .column,

    #page-flotasnet-news #buckets > ul > .column{

    padding-top: 0;

    padding-bottom: 5.556%;

    border: 0;

    }



    /*#page-news #buckets > ul > .first,

    #page-semiconductor-news #buckets > ul > .first,

    #page-flotasnet-news #buckets > ul > .first{

    padding-right: 5%;

    }

    #page-news #buckets > ul > .last,

    #page-semiconductor-news #buckets > ul > .last,

    #page-flotasnet-news #buckets > ul > .last{

    padding-left: 5%;

    }*/



    /* Corporativo */

    #page-news .newsfilter h3{text-align: left;width: 19%;}

    #page-news .newsfilter .nav{float: right; margin-bottom: 2em;}

    #page-news .newsfilter .nav ul > li{float: left; display: block;}



    /* Semiconductores */

    #page-semiconductor-application #main .scroll-tiles li {width: 28%;}

    #page-semiconductor-application #main .scroll-tiles .nav > li > a{height: 300px;}



    /* flotasnet */

    #page-flotasnet-solution .docs-sidenav > li > a{font-size: 14px;}



    /* Offline & Error pages*/

    #page-offline .container,

    #page-error {

    margin: 0 auto;

    padding: 0 5%;

    }

    #page-error{

    margin: 2em auto 0;

    padding: 3% 5%;

    border: 1px solid #b3b3b3;

    box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    }



    /* Components & Plugins

    -------------------------------------------------- */

    #main .believe.buckets .column .block{height: 345px}



    /* search */

    #brand .searchmod{float: right;}

    #search-component .phrases-box label{width: 45%;}



}



/*

# ------------------------------------------------------------------------

# 768-up

# Copyright (C) 2012 Kigune Internet Branding. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# ------------------------------------------------------------------------

*/



@media (min-width:48em) {



    th#field_TV_PRODUCT_IMAGE,

    td.TV_PRODUCT_IMAGE{

        display: table-cell;

    }



    .table-product tbody td{

    padding: 1.646em;}



/*--------------------------------------------------------------------------

:: Shared styles

-------------------------------------------------------------------------- */

#mainbody {

float: right;

width: 75%;

}

#content {

display: block;

clear: both;

}





/* layout columns */

#col1 {float: left;}

#col2 {float: right;}

#col1, #col2 {width: 24.9%;}



/*content + right*/

#containerwrap-fl #mainbody {width: 100%;}

#containerwrap-fl #content {width: 72.9%; float: left;}

#containerwrap-fl #col2 {width: 24.9%;}



/* system style */

#top .panel-head{font-size: 12px;}

.thumbnail .enlarge{

position: absolute;

top: -10%;

-webkit-transition:.25s ease-out; -moz-transition:.25s ease-out; transition:.25s ease-out;

}

.block:hover .thumbnail .enlarge, .thumbnail:hover .enlarge{

width:100%;

height: 100%;

background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat center;

top: 0;

left: 0;

}



/* Navigation

-------------------------------------------------- */





#main #hero .bigbut .nav > li {width: 312px;}

#hero .bigbut .nav > li > a {position:relative;z-index:1;}

#hero .bigbut .nav > li p {margin-top: 0.5em;}

[role="complementary"] {

width: 40%;

margin-left: 0;

}

.hide-extras [role="main"] { width: 100%; }

.active [role="main"] { margin-left: -40%;}



/* Grid sytem

-------------------------------------------------- */

.grid2col .column { width: 48%; }

.grid2col .grid2col .column { width: 47%; }

.grid3col .grid2col .column { width: 46%; }

.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }

.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }

.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }

.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }

.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }

.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }

.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }

.column.last { float: right; }



/* custom styles */

.directory.grid2cola .grid2col .column.first { width: 60%; }

.directory.grid2cola .grid2col .column.last { width: 40%; }

.items .grid2colc .grid3col .column { width: 32%; }

.articles #current-content.grid3col .column.last {width: 29% !important;}





/* Offset left */

.offset .left.two{

padding-right: 83.30%;}

.offset .left.three{

padding-right: 74.97%; }

.offset .left.four{

padding-right: 66.64%; }

.offset .left.five{

padding-right: 58.31%; }

.offset .left.six{

padding-right: 49.98%; }

.offset .left.seven{

padding-right: 41.65%; }

.offset .left.eight{

padding-right: 33.32%; }

.offset .left.nine{

padding-right: 24.99%; }

.offset .left.ten{

padding-right: 16.66%; }



/* Offset right */

.offset .right.two{

padding-left: 83.30%;}

.offset .right.three{

padding-left: 74.97%; }

.offset .right.four{

padding-left: 66.64%; }

.offset .right.five{

padding-left: 58.31%; }

.offset .right.six{

padding-left: 49.98%; }

.offset .right.seven{

padding-left: 41.65%; }

.offset .right.eight{

padding-left: 33.32%; }

.offset .right.nine{

padding-left: 24.99%; }

.offset .right.ten{

padding-left: 16.66%; }



/*--------------------------------------------------------------------------

:: Hero

-------------------------------------------------------------------------- */

.billboard .sizeof{

    max-height: 450px;}

    #hero .header h1{

        font-size: 36px;

        line-height: 40px;}



/* Heading

-------------------------------------------------- */



/* Flotasnet */

#page-flotasnet-advice .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

#page-flotasnet-benefits .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

#page-flotasnet-solution .header{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}



.lang-eu#page-flotasnet-advice .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

.lang-eu#page-flotasnet-benefits .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}

.lang-eu#page-flotasnet-solution .header	{background-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}





/* Billboard

--------------------------------------------------*/

.billboard h2{

    font-size: 39.506px;

    font-size: 2.469rem;}

    .billboard p{

        font-size: 24px;

        font-size: 1.5rem;}



/*#billboard .slides > li{height: 411px;}*/



/*--------------------------------------------------------------------------

:: Sections

-------------------------------------------------------------------------- */



.bucket-layout{

margin-top: 3em;

margin-bottom: 3em;}



.bucket-layout .figure{

margin-bottom: 0; }

.bucket-layout .figure span{

position: relative;

display: block;

left: auto;

right: auto;

width: 100%; }

.bucket-layout .figure img{

width: auto; }



.bucket-layout .hbox{

height: 100vh;

min-height: 200px;

max-height: 340px; }



.bucket-layout .figure .flush-left{

right: 11.391%;}

.bucket-layout .figure .flush-right{

left: 11.391%;}



#page-semiconductor-quality #main .snaplist {border-bottom:1px solid #d9d9d9;}

/*#page-semiconductor-quality #main .snaplist ul{background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat left bottom;}*/

#page-semiconductor-quality #main .snaplist ul > li {width: 121px; border-bottom: 0;}

#page-semiconductor-quality #main .snaplist ul > li > a{width: 119px;}

#page-flotasnet-demo #hero .header .column.last{padding: 0 10% 0 0}



/* semiconductor�s product diretory */

.directory #dirmoreinfo{

padding-top: 13.5%;

background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat top;

/*background-size: cover;*/

-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;

}

.directory #dirmoreinfo .well{margin-top:0}

.directory #adminForm{overflow-x: auto;}

.directory.items #images .cover{max-width: 80%}

.directory #category-title{

margin-bottom: 1em;

width: 60%

}

.directory .pull-right{float: right}

.directory #toolbar {position: absolute;}





/*--------------------------------------------------------------------------

:: Module & Components

-------------------------------------------------------------------------- */





/* search*/

#search-component .page-header .column.last{text-align: right; float: right;}

#search-component .phrases-box label{width: 25%;}



/* callout */

#footer #socialize {

border: 0;

padding-bottom: 0;

margin-bottom: 0;

}

/*#footer-hero .featured .column{min-height: 170px;}*/

#footer-hero .featured .column.last{float: left;}



#footer{

text-align: left;

}



/*  MailChimps  */

.mcsignup form .inputbox{width: 63%;}

div.newsletter .column.last {float: right;}



}







@media (max-width: 640px) {



div.language {

display: none !important;

visibility: hidden !important;

}

}





/*

# ------------------------------------------------------------------------

# 768-max

# Copyright (C) 2012 Kigune Internet Branding. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# ------------------------------------------------------------------------

*/

@media (max-width: 767px) {



/* Modal styles for mobile screen

-------------------------------------------------- */

.modal {

position: fixed;

top: 10% !important;

right: 20px;

left: 20px;

width: auto;

margin: 0;

}



}



/*

# ------------------------------------------------------------------------

# 980-up.css

# Copyright (C) 2012 Kigune Internet Branding. All Rights Reserved.

# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,

# ------------------------------------------------------------------------

*/

@media (min-width: 64em) {



    /*--------------------------------------------------

    ::  Shared styles

    -------------------------------------------------- */

    .wrapper{max-width: 980px;

    margin-left: auto;

    margin-right: auto;}

    .visible-desktop {

        display: inherit !important;

        visibility: inherit !important;}



    /* Aesthetic */

    .flushpad, .flushleft {

        margin-left: auto}

        .flushpad, .flushright {

            margin-right: auto}



    .flush, .padleft {

        padding-left: 4.375em}

        .flush, .padright {

            padding-right: 4.375em}



    .flush {

        margin-left: -4.375em;

        margin-right: -4.375em;}



    .content .flushpad,

    .content .flushright {

        margin-right:-4.375em; }

        .content .flushpad,

        .content .flushleft {

            margin-left:-4.375em; }



    .content .flushpad,

    .content .padright {

        padding-right:4.375em; }

        .content .flushpad,

        .content .padleft {

            padding-left:4.375em; }



    /* Main column */

    #contents-fr #mainbody.jumbo{

        width: 70%;}



    #footer-hero .container{

        padding-bottom: 1em;}

        #footer-hero .featured .column.last{

            float: right;}

    #footer-gutter .container nav,

    #footer-gutter .container div {

        padding: 0 2em;}



    /*----------------------------------------------------------------------------

    :: Grid system

    -------------------------------------------------------------------------- */

    .column.flushright {margin-right: -4.375em !important}

    .grid3col .grid2col .column { width: 46%; }

    .grid4col .grid2col .column { width: 45%; }

    .grid3col .column { width: 32%; margin-left: 2%; }

    .grid2col .grid3col .column { width: 31%; }

    .grid3cola .column { width: 58%; margin-left: 2%; }

    .grid3cola .column.first, grid3cola .column.last { width: 19%; }

    .grid4col .column { width: 23%; margin-left: 3%; }

    .grid5col .column { width: 18.4%; margin-left: 2%; }

    .grid6col .column { width: 15%; margin-left: 2%; }



    /*----------------------------------------------------------------------------

    :: Navigation styles

    -------------------------------------------------------------------------- */

    /* Nabvar */

    .navbar .btn-navbar,

    .btn-navbar {

        display: none;

        visibility: hidden;}



    .navbar .nav-collapse.collapse{

        position: relative;

        height: auto !important;

        overflow: visible !important;

        padding: 0;

        border: none;

        top: 0;}

        .navbar .nav-collapse .nav,

        .nav-collapse.open .nav{

            float: right;

            margin:  0;

            padding: 0;

            border: 0;

            background: none;

            -webkit-border-radius: 0;

            -moz-border-radius:0;

            border-radius: 0;

            -webkit-box-shadow: none;

            -moz-box-shadow: none;

            box-shadow: none;}

            .navbar .nav > li {

                display: block;

                float: left;}



    .nav-collapse.collapse{

        display: block;}

        .nav-collapse .nav > li > a{

            margin: 0 auto;

            background: none;}

        .nav-collapse .nav > .active > a {

            color: #e74c3c;}



    .navbar .navbar-toggle{

        display: none;

        visibility: hidden;}



    /* Primary  */

    .navbar .nav > li > .btn-callout{

        outline: 0;

        color: #fff !important;

        background-color: #da4f49;

        -webkit-transition: none;

        -moz-transition: none;

        -ms-transition: none;

        -o-transition: none;

        transition: none;}

        .navbar .nav > li > .btn-callout:hover,

        .navbar .nav > li > .btn-callout:active{

            background-color: #bd362f;}

            .navbar .nav > li.active > .btn-callout,

            .navbar .nav > li.active > .btn-callout:hover{

                background: #CCC;}



    /* Scroll-tiles */

    #content .scroll-tiles.grid6col .column {margin-right: 2%;width: 15%}

    #main #hero .bigbut .nav {text-align: center}

    #main #hero .bigbut .nav > li {width: 330px;}



    /* Head panel */

    #top .panel-head .column{ width: 17.50%/* 17.29% -> Valor original*/; height: 210px /* 200px -> Valor original */;}

    #top .panel-head .column.first{width: 30%; padding-left: 0;}

    #top .panel-head .column.last{padding-right: 0;}



/*  ==========================================================================

    SPOTLIGHT & COMPONENTS

    ========================================================================== */

    .home .billboard .sizeof{

        max-height: 540px;}

        .home .billboard h2{

            font-size: 59.259px;

            font-size: 3.704rem}



    /* To believes */

    #main .believe.buckets{

        border-bottom: 1px solid #ecf0f1;}



    #main .believe.buckets .column{

        width: 25%;

        border-right: 1px solid #e6e6e6;

        border-bottom: none !important}

        #main .believe.buckets .column:last-child {

            border-right: none;}

            #main .believe.buckets .column .block{

                height: 450px;}

				

	#main .believe.buckets > ul.grid5col .column{ width: 20%; }



    .no-touch #main .believe.buckets .column:hover,

    #main .believe.buckets .column:focus,

    #main .believe.buckets .column:active {

        background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat-x top;}



    /* Search

    ========================================= */

    div.searchmod {

        width: 66%;}

       #search-component .phrases-box label{

            width: 20%}



    /* To believes

    ========================================= */

    #main .believe.buckets .column .block{

        height: 380px;}



    /* Last news

    ========================================= */

    .lastnews li{

        padding-right: 1em;}



    /* Contact form

    ========================================= */

    .contact-form img.flushleft{

        margin-left: -70px;}

        .contact-form .padleft,

        .contact-form .padright{

            padding: 0;}





/*  ==========================================================================

    PAGES

    ========================================================================== */



    /* about page style

    ========================================= */

    #page-about #hero .head .ribbon{

        padding: 12% 15% 0;}



    #page-about .quality {

        position: relative;

        padding-top: 300px;

        background-color: #f5f5f5

    }

    #page-about .quality::before {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100vh;

        min-height: 200px;

        max-height: 600px;

        content: "";

        background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat bottom;

        background-size: cover

    }



    #page-about #main .believe{

        border: 1px solid #e5e5e5;

        margin-left: 0;

        margin-right: 0;}

        #page-about #main .believe.buckets .grid4col .column .block {

            padding: 25px 20px 0;

            height: 370px;}

            #page-about #main .believe.buckets .grid4col .column,

            #page-about #main .believe.buckets .grid4col .column.last {

                border: 0;}

                #page-about #main .believe.buckets .grid4col .column {

                    border-right: 1px solid #E5E5E5;}

                    #page-contact .item39 .column:first-child {

                        margin-bottom: 0}



    /* Semiconductors pages

    ========================================= */

    #page-semiconductor-diodes #hero .bigbut .nav > li p,

    #page-semiconductor-thyristor #hero .bigbut .nav > li p {

        padding-right: 110px}



    #page-semiconductor-buynow #contents-f{

        background:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") no-repeat top right;}

        #page-semiconductor-buynow #current-content{

            padding-right: 220px}

            #page-semiconductor-buynow #adminForm,

            #page-semiconductor-buynow #worldwide{

                max-width: 80%;

                margin-left: auto;

                margin-right: auto;}



    #page-semiconductor-application #main .scroll-tiles li {

        width: 24%;

        margin: 1%;}

        #page-semiconductor-quality #main .scroll-tiles li {

            width: 15%;

            margin: 5px}

            #page-semiconductor-quality #main .snaplist ul > li {

                width: 139px;}

                #page-semiconductor-quality #main .snaplist ul > li > a{

                    width: 137px;}



    /* Flotasnet pages

    ========================================= */

    #page-flotasnet-solution .content .narrow {

        padding-left:70px;

        padding-right:70px;}

        #page-flotasnet-solution #buckets .column.last {

            float: right}





}



/*

==========================================================================

1100-up

========================================================================== */

@media (min-width: 75em) {



    /* Shared styles

    ========================================= */

    .wrapper,

    .content .narrow {

        padding-left:4.375em; /*70px*/

        padding-right:4.375em; /*70px*/}



    .thumbnails {

        margin-left: -30px;}

    .thumbnails > li {

        margin-left: 30px;}



    .well-large{

        padding: 60px;}



    .directory .well-large{

        padding: 35px 50px 25px;}



    /* Main layout

    ========================================= */

    #contents-f #content {

        width: inherit;

        padding: 0}

        #current-content .section {

            padding: 0 70px}



    #header #brand,

    #mainbar,

    #footer-hero p,

    #footer-gutter .container nav,

    #footer-gutter .container div {

        padding: 0;}



    /* aesthetic

    ========================================= */

    .flushpad, .flushleft {

        margin-left: -70px}

        .flushpad, .flushright {

            margin-right: -70px}



    .flushpad, .padleft {

        padding-left: 70px}

        .flushpad, .padright {

            padding-right: 70px}



    /* Components, modules & plugins

    ========================================= */

    #main .believe.buckets .grid4col .column .block{

        height: 355px;}



    /* Pages & Sections

    ========================================= */

    #page-about #main .believe .grid4col .column .block {

        height: 360px;}



    #page-semiconductor-quality #main .snaplist ul {

        margin-left: 70px;}

        #page-semiconductor-quality #main .snaplist ul > li {

            width: 144px;}

            #page-semiconductor-quality #main .snaplist ul > li > a{

                width: 142px;}



}