/*-----------------------------------------------------------------------------
    * ERDEM AKAN | Web Site Style
    * @author: Tolga KILIC
----------------------------------------------------------------------------- */


/*-----------------------------------------------------------------------------
    Base styles: opinionated defaults
----------------------------------------------------------------------------- */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    background: #fff;
    font-family: Georgia;
}


/*-----------------------------------------------------------------------------
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate.
    * Customize the background color to match your design.
----------------------------------------------------------------------------- */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*-----------------------------------------------------------------------------
    * A better looking default horizontal rule.
----------------------------------------------------------------------------- */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*-----------------------------------------------------------------------------
    * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
----------------------------------------------------------------------------- */

img {
    vertical-align: middle;
}


/*-----------------------------------------------------------------------------
    * Remove default fieldset styles.
----------------------------------------------------------------------------- */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*-----------------------------------------------------------------------------
    * Allow only vertical resizing of textareas.
----------------------------------------------------------------------------- */

textarea {
    resize: vertical;
}


/*-----------------------------------------------------------------------------
    Chrome Frame prompt
----------------------------------------------------------------------------- */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/*-----------------------------------------------------------------------------
    Fontz
----------------------------------------------------------------------------- */

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../font/proximanova-bold-webfont.eot');
    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-bold-webfont.woff') format('woff'),
         url('../font/proximanova-bold-webfont.ttf') format('truetype'),
         url('../font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../font/proximanova-regitalic-webfont.eot');
    src: url('../font/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regitalic-webfont.woff') format('woff'),
         url('../font/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('../font/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('../font/proximanova-boldit-webfont.eot');
    src: url('../font/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-boldit-webfont.woff') format('woff'),
         url('../font/proximanova-boldit-webfont.ttf') format('truetype'),
         url('../font/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*-----------------------------------------------------------------------------
    Container
----------------------------------------------------------------------------- */

#container { width: 930px; height: auto; display: block; margin: auto; padding: 0; }


/*-----------------------------------------------------------------------------
    Header
----------------------------------------------------------------------------- */

header[role="header"] { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 42px 0 0 0; }


header[role="header"] .e-shop { display: block; float: left; margin: 0; padding: 8px 20px; background: #fff; color: #000; font-family: 'proxima_nova_rgregular'; 
                                font-style: normal; font-weight: normal; font-size: 20px; text-decoration: none; }
header[role="header"] .e-shop:hover,header[role="header"] .e-shop.active { background: #231f20; color: #fff; }

header[role="header"] nav {  height: auto; display: block; float: right; margin: 0; padding: 0; }
header[role="header"] nav a { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 16px; color: #231f20; text-decoration: none;
                              margin: 0; padding: 11px 15px; float: left; }
header[role="header"] nav a:first-child { margin: 0; }
header[role="header"] nav a:hover, header[role="header"] nav a.active { background: #000; color: #fff; }

header[role="header"] hr { width: 100%; margin: 0 0 14px 0; padding: 0; border-top: 1px solid #231f20; }


/*-----------------------------------------------------------------------------
    Main
----------------------------------------------------------------------------- */

.main-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.main-content nav.top { height: auto; position: absolute; right: 0; top: -39px;  }
.main-content nav.top a { float: left; margin: 0; padding: 5px 15px; font-family: Georgia; font-weight: bold; font-size: 21px; color: #000; text-decoration: none; }
.main-content nav.top a:first-child { margin-right: 5px; }
.main-content nav.top a:hover { background: #000; color: #fff;  }

.main-content .slider-content { width: 928px; height: auto; display: block; float: left; margin: 0 0 40px 0; padding: 10px 0; border: 1px solid #5a5758; position: relative; }
.main-content .slider-content .bx-wrapper { width: 912px; height: 398px; margin: auto; padding: 0; }
.main-content .slider-content .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none; left: 0; background: none; }
.main-content .slider-content .bx-wrapper .bx-viewport ul { width: 912px; height: 398px; display: block; float: left; margin: 0; padding: 0; }
.main-content .slider-content .bx-wrapper .bx-pager { width: auto; position: absolute; bottom: 0; left: 50%; padding: 0; margin: 0; background: #fff; }

.main-content .slider-content .bx-wrapper .bx-pager.bx-default-pager a { margin: 5px; line-height: 1em; background: #000; }
.main-content .slider-content .bx-wrapper .bx-pager.bx-default-pager a.active { background: #05bcbf; }

.main-content nav.bottom { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.main-content nav.bottom a { width: 432px; height: auto; display: block; float: right; margin: 0; padding: 10px; border: 1px solid #5a5758; text-decoration: none; }
.main-content nav.bottom a:first-child { float: left; }

.main-content nav.bottom a .display { width: 188px; height: 188px; display: block; float: left; margin: 0; padding: 0; }
.main-content nav.bottom a .display img { width: 100%; }
.main-content nav.bottom a .text { width: 226px; font-family: Georgia; font-weight: bold; font-style: italic; text-decoration: none; font-size: 20px; color: #000; line-height: 1.2em;
                                   padding: 0; margin: 92px 0 0 15px; float: left; }


/*-----------------------------------------------------------------------------
    About
----------------------------------------------------------------------------- */

.about-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.about-content .display-content { width: 928px; height: auto; display: block; float: left; margin: 0 0 40px 0; padding: 10px 0; border: 1px solid #5a5758; position: relative; }
.about-content .display-content img { display: block; margin: auto; }
.about-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 17px; text-align: justify; }
.about-content p i { font-family: 'proxima_novaregular_italic'; font-style: normal; font-weight: normal; }
.about-content p a { color: #000; text-decoration: none; }

.about-content .accordion-content { width: 930px; height: auto; display: block; float: left; margin: 15px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #5a5758; }
.about-content .accordion-content .accordionButton { font-family: 'proxima_nova_rgbold'; font-style: normal; font-weight: normal; text-decoration: underline; cursor: pointer; }
.about-content .accordion-content .accordionContent {  }


/*-----------------------------------------------------------------------------
    Exhibitions
----------------------------------------------------------------------------- */

.exhibitions-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.exhibitions-content .display-content { width: 928px; height: auto; display: block; float: left; margin: 0 0 40px 0; padding: 10px 0; border: 1px solid #5a5758; position: relative; }
.exhibitions-content .display-content img { display: block; margin: auto; }
.exhibitions-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 17px; text-align: justify; }

.exhibitions-content nav { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.exhibitions-content nav a { width: 432px; height: auto; display: block; float: left; margin: 27px 0; padding: 10px; border: 1px solid #5a5758; text-decoration: none; }

.exhibitions-content nav a .display { width: 227px; height: 188px; display: block; float: left; margin: 0; padding: 0; }
.exhibitions-content nav a .display img { width: 100%; }
.exhibitions-content nav a .text { width: 190px; font-family: Georgia; font-weight: bold; font-style: italic; text-decoration: none; font-size: 20px; color: #000; line-height: 1.2em;
                                   padding: 0; margin: 0 0 0 15px; float: left; position: relative; min-height: 188px; }
.exhibitions-content nav a .text span { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1em; position: absolute;
                                        bottom: 0; left: 0; }
.exhibitions-content nav a.float-right { float: right; }


/*-----------------------------------------------------------------------------
    Exhibitions Product
----------------------------------------------------------------------------- */

.exhibitions-product-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }
.exhibitions-product-content .slider-content { width: 908px; height: auto; display: block; float: left; margin: 0 0 32px 0; padding: 10px; border: 1px solid #5a5758; 
                                               position: relative; }
.exhibitions-product-content .slider-content .bx-wrapper { width: 598px; height: 396px; float: left; margin: 0; padding: 0; }
.exhibitions-product-content .slider-content .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none; left: 0; background: none; }
.exhibitions-product-content .slider-content .bx-wrapper .bx-viewport ul { width: 598px; height: 396px; display: block; float: left; margin: 0; padding: 0; }

.exhibitions-product-content .slider-content .text-content {  width: 295px; height: auto; min-height: 396px; display: block; float: left; margin: 0 0 0 15px; padding: 0; }
.exhibitions-product-content .slider-content .text-content h1 { margin: 0; padding: 0; font-weight: bold; font-size: 28px; color: #000; }
.exhibitions-product-content .slider-content .text-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000;
                                                                padding-right: 20px; }
.exhibitions-product-content .slider-content .text-content .scroll-pane { width: 100%; height: 351px; display: block; float: left; margin: 0; padding: 0; overflow: auto; }
.exhibitions-product-content .slider-content .text-content .scroll-pane p.names { margin: 0; padding: 0 20px 0 0; font-size: 13px; }

.exhibitions-product-content #bx-pager { display: block; float: left; margin: 0; padding: 0; }
.exhibitions-product-content #bx-pager a { display: block; float: left; margin: 0 0 0 8px; padding: 7px; border: 1px solid #5a5758;  }
.exhibitions-product-content #bx-pager a:first-child { margin: 0; }

.exhibitions-product-content .slider-content .text-content .jspTrack { height: 317px !important; }


/*-----------------------------------------------------------------------------
    Project Product
----------------------------------------------------------------------------- */

.project-product-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }
.project-product-content .slider-content { width: 908px; height: auto; display: block; float: left; margin: 0 0 32px 0; padding: 10px; border: 1px solid #5a5758; 
                                               position: relative; }
.project-product-content .slider-content .bx-wrapper { width: 598px; height: 396px; float: left; margin: 0; padding: 0; }
.project-product-content .slider-content .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none; left: 0; background: none; }
.project-product-content .slider-content .bx-wrapper .bx-viewport ul { width: 598px; height: 396px; display: block; float: left; margin: 0; padding: 0; }

.project-product-content .slider-content .text-content {  width: 295px; height: auto; min-height: 396px; display: block; float: left; margin: 0 0 0 15px; padding: 0; position: relative; }
.project-product-content .slider-content .text-content h1 { margin: 0; padding: 0; font-weight: bold; font-size: 28px; color: #000; }
.project-product-content .slider-content .text-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000; margin: 0;
                                                           padding: 0; position: absolute; bottom: 0; left: 0; }
.project-product-content .slider-content .text-content p a { display: block; color: #000; text-decoration: none; }
.project-product-content .slider-content .text-content .scroll-pane { width: 100%; height: 316px; display: block; float: left; margin: 0; padding: 0; overflow: auto; position: relative; }
.project-product-content .slider-content .text-content .scroll-pane p { position: relative; margin: 5px 0; }
.project-product-content .slider-content .text-content .jspTrack { height: 284px !important; }
.project-product-content .slider-content .text-content .jspVerticalBar { height: 314px; }
.project-product-content .slider-content .text-content .jspVerticalBar .jspArrow { height: 15px; }

.project-product-content #bx-pager { display: block; float: left; margin: 0; padding: 0; }
.project-product-content #bx-pager a { display: block; float: left; margin: 0 4px 8px 4px; padding: 7px; border: 1px solid #5a5758;  }




/*-----------------------------------------------------------------------------
    News
----------------------------------------------------------------------------- */

.news-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.news-content ul { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.news-content ul li { width: 908px; height: auto; display: block; float: left; margin: 28px 0; padding: 10px; border: 1px solid #5a5758; text-decoration: none; }
.news-content ul li:first-child { margin: 0; }

.news-content ul li .display { width: 596px; height: 393px; display: block; float: left; margin: 0; padding: 0; }
.news-content ul li .text { width: 282px; height: auto; min-height: 393px; display: block; float: left; margin: 0 10px 0 20px; padding: 0; position: relative; } 
.news-content ul li .text h1 { font-weight: bold; font-size: 28px; margin: 0 0 30px 0; padding: 0; color: #000; }
.news-content ul li .text h1 span { display: block; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 20px; line-height: .8em; }
.news-content ul li .text p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 12px; color: #000; }
.news-content ul li .text p a { display: block; text-decoration: none; color: #000; }

.news-content ul li nav { position: absolute; bottom: 0; left: 0; }
.news-content ul li nav a { display: block; float: left; color: #000; text-decoration: none; font-size: 12px; }
.news-content ul li nav a img, .news-content ul li nav a span { display: block; float: left; }
.news-content ul li nav a span { margin: 9px 13px 0 5px; }


/*-----------------------------------------------------------------------------
    Project
----------------------------------------------------------------------------- */

.project-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.project-content .slider-content { width: 928px; height: auto; display: block; float: left; margin: 0 0 40px 0; padding: 10px 0; border: 1px solid #5a5758; position: relative; }
.project-content .slider-content .bx-wrapper { width: 912px; height: 398px; margin: auto; padding: 0; }
.project-content .slider-content .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none; left: 0; background: none; }
.project-content .slider-content .bx-wrapper .bx-viewport ul { width: 912px; height: 398px; display: block; float: left; margin: 0; padding: 0; }
.project-content .slider-content .bx-wrapper .bx-pager { width: auto; position: absolute; bottom: 0; left: 42%; padding: 0; margin: 0; background: #fff; }

.project-content .slider-content .bx-wrapper .bx-pager.bx-default-pager a { margin: 5px; line-height: 1em; background: #000; }
.project-content .slider-content .bx-wrapper .bx-pager.bx-default-pager a.active { background: #05bcbf; }

.project-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 17px; text-align: justify; }

.project-content nav { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.project-content nav a { width: 432px; height: auto; display: block; float: left; margin: 27px 0; padding: 10px; border: 1px solid #5a5758; text-decoration: none; position: relative; }

.project-content nav a .display { width: 188px; height: 188px; display: block; float: left; margin: 0; padding: 0; }
.project-content nav a .display img { width: 100%; }
.project-content nav a .text { width: 229px; text-decoration: none; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 15px; color: #000; 
                               line-height: 1.2em; position: absolute; bottom: 10px; right: 10px; }
.project-content nav a .text span { width: 100%; height: auto; display: block; float: left; margin: 5px 0 0 0; padding: 0; font-weight: bold; font-size: 20px; line-height: 1.2em;
                                    font-family: georgia; }
.project-content nav a .text span i { font-style: italic; font-family: georgia; }
.project-content nav a .text i { font-family: 'proxima_novaregular_italic'; font-style: normal; font-weight: normal; }

.project-content nav a.float-right { float: right; }


/*-----------------------------------------------------------------------------
    Accesories
----------------------------------------------------------------------------- */

.accesories-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.accesories-content nav.top { height: auto; position: absolute; right: 0; top: -39px;  }
.accesories-content nav.top a { float: left; margin: 0; padding: 5px 15px; font-family: Georgia; font-weight: bold; font-size: 21px; color: #000; text-decoration: none; }
.accesories-content nav.top a:first-child { margin-right: 5px; }
.accesories-content nav.top a:hover, .accesories-content nav.top a.active { background: #000; color: #fff;  }

.accesories-content hr { width: 100%; margin: 0; padding: 0; border-top: 1px solid #5a5758; }
.accesories-content h1 { font-size: 28px; font-weight: bold; font-style: italic; border-bottom: 1px solid #5a5758; margin: 0; padding: 20px 0; text-align: center; }

.accesories-content nav.product { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.accesories-content nav.product a { width: 209px; height: auto; min-height: 269px; display: block; float: left; margin: 52px 0; padding: 8px; border: 1px solid #5a5758; text-decoration: none;
                                    text-align: center; color: #000; font-size: 15px; text-transform: lowercase; }
.accesories-content nav.product a img { display: block; margin-bottom: 18px; }
.accesories-content nav.product a.centered { margin: 52px 124px; }


/*-----------------------------------------------------------------------------
    Furnuture
----------------------------------------------------------------------------- */

.furnuture-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.furnuture-content nav.top { height: auto; position: absolute; right: 0; top: -39px;  }
.furnuture-content nav.top a { float: left; margin: 0; padding: 5px 15px; font-family: Georgia; font-weight: bold; font-size: 21px; color: #000; text-decoration: none; }
.furnuture-content nav.top a:first-child { margin-right: 5px; }
.furnuture-content nav.top a:hover, .furnuture-content nav.top a.active { background: #000; color: #fff;  }

.furnuture-content hr { width: 100%; margin: 0; padding: 0; border-top: 1px solid #5a5758; }
.furnuture-content h1 { font-size: 28px; font-weight: bold; font-style: italic; border-bottom: 1px solid #5a5758; margin: 0; padding: 20px 0; text-align: center; }

.furnuture-content nav.product { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
.furnuture-content nav.product a { width: 209px; height: auto; min-height: 269px; display: block; float: left; margin: 52px 0; padding: 8px; border: 1px solid #5a5758; text-decoration: none;
                                    text-align: center; color: #000; font-size: 15px; }
.furnuture-content nav.product a img { display: block; margin-bottom: 18px; }
.furnuture-content nav.product a.centered { margin: 52px 124px; }


/*-----------------------------------------------------------------------------
    Exhibitions Product
----------------------------------------------------------------------------- */

.accesories-product-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.accesories-product-content nav.top { height: auto; position: absolute; right: 0; top: -39px;  }
.accesories-product-content nav.top a { float: left; margin: 0; padding: 5px 15px; font-family: Georgia; font-weight: bold; font-size: 21px; color: #000; text-decoration: none; }
.accesories-product-content nav.top a:first-child { margin-right: 5px; }
.accesories-product-content nav.top a:hover, .accesories-product-content nav.top a.active { background: #000; color: #fff;  }


.accesories-product-content .slider-content { width: 908px; height: auto; display: block; float: left; margin: 0 0 32px 0; padding: 10px; border: 1px solid #5a5758; 
                                               position: relative; }
.accesories-product-content .slider-content .bx-wrapper { width: 441px; height: 444px; float: left; margin: 0; padding: 0; }
.accesories-product-content .slider-content .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border:  none; left: 0; background: none; }
.accesories-product-content .slider-content .bx-wrapper .bx-viewport ul { width: 441px; height: 396px; display: block; float: left; margin: 0; padding: 0; }

.accesories-product-content .slider-content .text-content {  width: 432px; height: auto; min-height: 444px; display: block; float: right; margin: 0; padding: 0; position: relative; }
.accesories-product-content .slider-content .text-content h1 { margin: 0; padding: 0; font-weight: bold; font-size: 24px; color: #000; line-height: 1.2em; text-transform: lowercase; }
.accesories-product-content .slider-content .text-content h1 span { font-weight: normal; }
.accesories-product-content .slider-content .text-content p { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 14px; color: #000; padding-right: 15px; }
.accesories-product-content .slider-content .text-content .buy-btn { display: inline-block; background: #000; font-size: "Times New Roman"; font-size: 14px; color: #fff; 
                                                                     text-decoration: none; padding: 5px 7px; position: absolute; bottom: 70px; left: 0;  }
.accesories-product-content .slider-content .text-content .social { width: 100%; height: auto; position: absolute; bottom: 0; left: 0; }
.accesories-product-content .slider-content .text-content .social .head { font-size: 14px; font-style: italic; color: #000; display: block; margin: 10px 0 5px 0; }
.accesories-product-content .slider-content .text-content .scroll-pane { width: 100%; height: 310px; display: block; float: left; margin: 0; padding: 0; overflow: auto; }
.accesories-product-content .slider-content .text-content .scroll-pane hr.line { width: 100%; margin: 10px 0; padding: 0; border-top: 1px solid #5a5758; }
.accesories-product-content .slider-content .text-content .scroll-pane h2 { font-size: 14px; font-weight: bold; color: #000; margin: 0 0 10px 0; padding: 0; }
.accesories-product-content .slider-content .text-content .scroll-pane p.details-specifications { font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; 
                                                                                                  font-size: 12px; color: #000; margin: 0; padding: 0; }
.accesories-product-content .slider-content .text-content .scroll-pane p.details-specifications b { font-family: 'proxima_nova_rgbold'; font-style: normal; font-weight: normal; }
.accesories-product-content #bx-pager { display: block; float: left; margin: 0; padding: 0; }
.accesories-product-content #bx-pager a { display: block; float: left; margin: 0 0 0 8px; padding: 7px; border: 1px solid #5a5758;  }
.accesories-product-content #bx-pager a:first-child { margin: 0; }

.accesories-product-content .slider-content .text-content .jspTrack { height: 276px !important; }
.accesories-product-content .slider-content .text-content .jspVerticalBar { height: 308px; }


/*-----------------------------------------------------------------------------
    Press
----------------------------------------------------------------------------- */

.press-content { width: 930px; height: auto; display: block; float: left; margin: 18px 0 50px 0; padding: 0; position: relative; }

.press-content hr { width: 100%; margin: 0; padding: 0; border-top: 1px solid #5a5758; }
.press-content h1 { font-size: 28px; font-weight: bold; font-style: italic; border-bottom: 1px solid #5a5758; margin: 0; padding: 20px 0; text-align: center; }
.press-content h2 { font-size: 21px; font-weight: bold; font-style: normal; margin: 0; padding: 50px 0 30px 0; }

.press-content .text-content { width: 928px; height: auto; display: block; float: left; margin: 0; padding: 19px 0; border: 1px solid #231f20; }
.press-content .text-content .jspContainer { width: 890px !important; height: 376px !important; margin: auto; }
.press-content .text-content .jspVerticalBar { height: 374px !important; }
.press-content .text-content .jspTrack { height: 341px !important; }
.press-content .text-content nav { width: 100%; height: auto; display: block; float: left; margin: 0; padding: 0; }
.press-content .text-content nav a { width: 100%; height: auto; display: block; float: left; margin: 8px 0 0 0; padding: 0; text-decoration: none; font-size: 15px; color: #000; }
.press-content .text-content nav a:first-child { margin: 0; }


/*-----------------------------------------------------------------------------
    Next-Prev Btns
----------------------------------------------------------------------------- */

.next-btn { width: 100px; height: 45px; position: absolute; top: 50%; right: -110px; margin-top: -23px; }
.next-btn img { display: block; float: left; }
.next-btn span { display: none; float: right; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000; 
                 margin: 12px 0 0 5px; }
.next-btn:hover span { display: block; }

.prev-btn { width: 124px; height: 45px; position: absolute; top: 50%; left: -133px; margin-top: -23px; }
.prev-btn img { display: block; float: right; }
.prev-btn span { display: none; float: left; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000; 
                 margin: 13px 5px 0 0; }
.prev-btn:hover span { display: block; }


.exhibitions-next-btn { width: 114px; height: 45px; position: absolute; top: 50%; right: -128px; margin-top: -23px; }
.exhibitions-next-btn img { display: block; float: left; }
.exhibitions-next-btn span { display: none; float: right; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000; 
                 margin: 12px 0 0 5px; }
.exhibitions-next-btn:hover span { display: block; }

.exhibitions-prev-btn { width: 137px; height: 45px; position: absolute; top: 50%; left: -150px; margin-top: -23px; }
.exhibitions-prev-btn img { display: block; float: right; }
.exhibitions-prev-btn span { display: none; float: left; font-family: 'proxima_nova_rgregular'; font-style: normal; font-weight: normal; font-size: 13px; color: #000; 
                             margin: 13px 5px 0 0; }
.exhibitions-prev-btn:hover span { display: block; }


/*-----------------------------------------------------------------------------
    You May Also Like
----------------------------------------------------------------------------- */

h2.you-may-also-like { width: 100%; height: auto; margin: 30px 0 15px 0; padding: 0; font-style: italic; font-weight: bold; font-size: 20px; color: #000; line-height: 1.2em; }

nav.ymal { width: 100%; height: auto; display: block; float: left; margin: 0; padding: 0; }
nav.ymal a:first-child { margin: 0; }
nav.ymal a { display: block; float: left; margin: 0 0 0 8px; padding: 7px; border: 1px solid #5a5758; }


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

footer[role="footer"] { width: 930px; height: auto; display: block; float: left; margin: 0; padding: 0; }
footer[role="footer"] hr { width: 100%; margin: 0; padding: 0; border-top: 1px solid #5a5758; }

footer[role="footer"] .column-left { width: 285px; height: auto; display: block; float: left; margin: 13px 0 0 0; padding: 0; }
footer[role="footer"] .column-left nav { width: 100%; height: auto; display: block; float: left; margin: 15px 0 10px 0; padding: 0; }
footer[role="footer"] .column-left nav a { width: 130px; font-family: Georgia; font-weight: normal; font-style: italic; font-size: 14px; color: #000; text-decoration: none; }
footer[role="footer"] .column-left nav a.right { float: right; }

footer[role="footer"] .column-right { width: 214px; height: auto; display: block; float: right; margin: 0; padding: 0; }
footer[role="footer"] .column-right .mail { display: block; background: #000; color: #fff;  font-family: Georgia; font-weight: bold; font-style: normal; font-size: 16px;
                                            text-decoration: none; margin: -1px 0 0 0; padding: 5px 0; text-align: center; }
footer[role="footer"] .column-right .follow-head { display: block; font-family: Georgia; font-weight: normal; font-style: italic; color: #000; font-size: 19px; text-align: right;
                                                   margin: 55px 0 13px 0; }
footer[role="footer"] .column-right .follow-head img { display: inline; margin: -11px 0 0 0; }
footer[role="footer"] .column-right nav { display: block; float: right; margin: 0; padding: 0; }

footer[role="footer"] p { text-align: center; font-family: Georgia; font-weight: normal; font-style: italic; color: #000; font-size: 12px; margin: 0; padding: 7px 0; }


/*-----------------------------------------------------------------------------
    Helper classes
----------------------------------------------------------------------------- */

.clr { clear: both; line-height: 0; margin: 0; padding: 0; }

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}