h1,h2,h3,h4,h5,h6{margin:0; padding:0;} a{color:#002E5B; text-decoration:underline;} .container-fixed{ padding-left:0; padding-right:0;} .specialEdition{display: block;background: #EECB4E;clear: right;padding: 5px;width: inherit;font-size: 18px;width: 180px;text-align: center;margin-top: 10px;} .product-image-wrapper{ position:relative;} .label{ position:absolute; left: 50%; margin-left: -77px; bottom:0; padding:4px 8px; background:#E87925; color:#fff; font-weight:bold; z-index:2; text-transform:uppercase;} input[type="text"], input[type="password"], input[type="submit"], textarea {width:100%;} .video-boxes .video-wrapper.youtube{position:relative;} .video-boxes .video-wrapper.youtube video{top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);position: absolute;} #map{position:relative;} #map iframe{z-index:1;} #mapBlock{position:absolute; height:400px; width:100%; bottom:9px; left:0; z-index:2;} .message {width:98%;box-sizing:border-box;padding:20px;margin:20px auto;box-sizing:border-box;background: #f9f9f9;color: #333;font-size:14px;font-weight:bold;text-align:center; border-radius:5px;} .message.info {border:2px solid #1f8bef; background:#f9f9f9;} .message.error {border:2px solid #ef1f32; background:#f9f9f9;} .message.alert {border:2px solid #fea500; background:#f9f9f9;} .message.positive {border:2px solid green; background:#f9f9f9;} .message a{font-weight:bold !important; text-decoration:underline !important;} .customMessage{display:none; position: fixed;z-index: 5;top: 0;left: 0;height: 100%;background: rgba(0,0,0,0.5);color: #000;font-size:14px;font-weight:bold;text-align:center;} .customMessage .messageWrapper{background: #fff;max-width: 800px;margin: 0 auto;padding: 15px;box-sizing: border-box; position:relative;} .customMessage .messageWrapper h2{ text-transform:none; font-size:24px; padding:15px; color:inherit;} .customMessage .closeMessage{display: block;font-size: 40px;font-weight: 100;width: 40px;height: 40px;line-height: 40px; position:absolute; top:0px; right:0; cursor:pointer;} .customMessage .message{color:#fff !important;} .customMessage .message.info {border:2px solid #1f8bef; background:#1f8bef;} .customMessage .message.error {border:2px solid #ef1f32; background:#ef1f32;} .customMessage .message.alert {border:2px solid #fea500; background:#fea500;} .customMessage .message.positive {border:2px solid green; background:green;} .button.big{ padding:10px 30px; text-transform:uppercase;} .input-button .button-wrapper{width:180px;} .primary{ color:#002E5B;} .secondary{color:#E87925;} .button{ text-decoration:none;} .button.primary{background:#002E5B; color:#fff;} .button.primary:hover{ background:#33587C;} .button.secondary{background:#E87925; color:#fff;} .button.secondary:hover{ background:#ED9451;} /**** S:Header ****/ header{position:relative; z-index:4; background:#fff;} #main-nav{ padding-top:10px; padding-bottom:10px;} #main-nav .logo-wrapper{width:325px;} #main-nav .element-left img{height:40px;} #main-nav ul{display:inline-block; font-size:0; vertical-align:middle; padding:0; margin:0; list-style-type:none;} #main-nav ul>li{ display:inline-block; vertical-align:middle;} #main-nav ul>li>a{ font-size:12px; padding:5px 10px; margin:0 5px; color:#000; font-weight:bold; text-decoration:none; text-transform:uppercase;} #main-nav ul>li>a.icon{ padding:5px 5px; margin:0 10px; font-size:13px; font-weight:normal; text-transform:none;} #main-nav ul>li>a.icon i{font-size:16px; font-weight:normal; margin-right:5px;} #main-nav ul>li>a.icon.phone{color:#E87925; font-weight:bold; border-left:solid 2px; padding-left:10px; margin-left:10px;} .navbar .dropdown .dropdown-content{right:auto; left:0;} #cat-nav{background:#002E5B; position:relative;} #cat-nav .navbar>ul{width:100%; table-layout:auto; margin:0 auto;} .main-nav-link{background:#e87925;} #cat-nav .navbar>ul>li.main-nav-link.active{ background:#ED9451;} #cat-nav .navbar>ul>li.main-nav-link.active>a{ position:relative;} #cat-nav .navbar>ul>li.main-nav-link.active>a:after{content:''; position:absolute; bottom:15px; width:80%; height:2px; left:10%; background:#fff;} #cat-nav .navbar>ul>li.main-nav-link:hover{ background:#ED9451;} #cat-nav .navbar>ul>li.active{ background:#33587C;} #cat-nav .navbar>ul>li.active>a{ position:relative;} #cat-nav .navbar>ul>li.active>a:after{content:''; position:absolute; bottom:15px; width:80%; height:2px; left:10%; background:#fff;} #cat-nav .navbar>ul>li>span, #cat-nav .navbar>ul>li>a{color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; padding: 23px 8px; cursor:pointer;} #cat-nav .navbar .dropdown .dropdown-content li.hideFromMain{display:none;} #cat-nav .navbar .dropdown i{font-weight: bold;font-size: 16px; margin-left:10px;} #cat-nav .navbar .dropdown .dropdown-content a{border-left: solid 5px transparent; text-decoration:none;} #cat-nav .navbar .dropdown .dropdown-content li{ text-align:left;} #cat-nav .navbar .dropdown .dropdown-content a:hover {border-left: solid 5px #0075E7;color: #000;} #cat-nav .navbar .dropdown .dropdown-content a img {height: 30px;} #cat-nav .navbar>ul>li:hover{background: rgba(255,255,255,0.2);} .navbar .dropdown .dropdown-content li{min-width: 250px;} /**** E:Header ****/ /**** S:FOOTER ****/ footer{ background:#002E5B; color:#fff; font-size:12px;} footer a{ font-size:12px; color:#fff;} footer .nav-links li.dropdown ul li.hideInFooter{display:none;} footer .nav-links{display:table; list-style-type:none; margin:0; padding:0; width:100%; table-layout:fixed;} footer .nav-links li.dropdown{display:table-cell; vertical-align:top;} footer .nav-links li.dropdown ul{ padding:0; margin:0; list-style-type: none; display:block;} footer .nav-links li.dropdown ul li{ display:block;} .footerItemList{ list-style:none; padding:0; display:block; padding:0; line-height: 0;font-size: 0; margin-left:5px !important; } .footerItemList li{ display:inline-block; margin-right:5px;} .footerItemList li:last-child{ margin-right:0;} .footerItemList li a{ line-height:24px; padding:0 !important; } .footerItemList li .fa{ font-size:24px; transition: all .2s ease-in;} .footer-info{width:260px; padding-right: 20px;box-sizing: border-box;border-right: 1px solid #fff; padding-top:20px; padding-bottom:10px;} .footer-info a{ display:inline-block;} .footer-info img{display:block;} .footer-groups{ padding-top:12px;box-sizing: border-box;} .footer-group-wrapper{padding-left:20px; box-sizing:border-box;} .footer-group{ font-weight:bold; display:block; font-size:14px; margin-bottom:15px;} .copyright{ box-sizing:border-box;} .copyright p{margin:0; padding:0;} .footer-lins-cms{ display:inline-block; vertical-align:middle; list-style-type:none; padding:0;} .footer-lins-cms li{ display:inline-block; vertical-align:middle; margin-right:10px;} .footer-lins-cms li:last-child{ margin-right:0;} /**** E:FOOTER ****/ /**** S:detaliu-extern.php ****/ #hero{height:550px; position:relative; background:#000; z-index:1; overflow:hidden;} #hero~div{position:relative; z-index:11;/* background:#fff;*/} #hero-content {position: relative;z-index: 12;} #hero::after{ content:''; background:rgba(0, 0, 0,0.1); position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} #hero-content h1{color:#fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font-size:50px; max-width: 750px; display: inline-block;} #hero-content p{color:#fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); font-size:18px; line-height:normal; font-weight:bold; max-width: 750px; display: inline-block;} .features .bg-image{display: table;width: 100%;height: 300px; position:relative;border: solid 1px #f5f5f5;box-sizing: border-box; } .features .bg-image::after{content:'';position:absolute;top:0; left:0; width:100%; z-index:1;height: 100%;background-image: url(../img/back_captions.png);background-size:cover; background-color: rgba(0,0,0,0.1); transition: all .2s ease-in;} .featured-box{padding: 15px;box-sizing: border-box;display: table-cell !important;vertical-align: bottom; z-index:2; position:relative; border:0 solid #E87925; transition: all .2s ease-in;} .features .featured-box h2 {color: rgb(255, 255, 255);text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 5px;text-align: center;padding: 0px;margin: 0px; font-size:30px;} .features h2{color:#000; padding:10px 0 10px 0; box-sizing:border-box; margin:0; text-align:left; font-size:16px;} .features p{ margin:0; padding:0;} .features .cep{padding:7.5px;} .features .mep{margin:-7.5px;} /*.features{background:#fff;}*/ .features a{text-decoration: none;display: block;width: 100%;height: 100%;} .features .bg-image:hover .featured-box{ border:solid 5px #E87925;} .features .bg-image:hover::after{background-color:rgba(232, 121, 37, 0.3);} .img-bg-section{position:relative;} .img-bg-section .container-fixed{position:relative; z-index:2;} .img-bg-section::after{ content:''; background:rgba(255, 255, 255,0.5); position:absolute; left:0; top:0; width:100%; height:100%; z-index:0;} .img-bg-section h3{ color:#000; text-shadow: 0px 1px 2px #fff; font-size:26px;} .img-bg-section p{color:#000; font-size:16px; line-height:normal; font-weight:bold; text-shadow: 0px 1px 2px #fff;} .parallax{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;} .image-text.invert .lep{ padding-left:25px;} .image-text.invert .rep{ padding-right:25px;} .image-text .rep{ padding-left:25px;} .image-text .lep{ padding-right:25px;} /**** E:detaliu-extern.php ****/ /**** S:index.php ****/ #sliderIndex{height:500px; overflow:hidden;} #sliderIndex .bg-image{height:500px;} #sliderIndex .slider-content{display:inline-block; padding:15px; box-sizing:border-box; text-align:right; /*margin-bottom:50px; */} #sliderIndex .slider-content h1, #sliderIndex .slider-content h2{color: #fff;text-shadow: 0px 1px 5px rgba(0, 0, 0, 2);font-size: 46px; /*background: rgba(0, 46, 91,0.8);*/padding: 0 15px;} #sliderIndex .slider-content p{color: #fff;text-shadow: 0px 1px 5px rgba(0, 0, 0, 2);font-size: 18px;line-height: normal;font-weight: bold; /*background: rgba(0, 46, 91,0.8);*/padding: 5px 15px;display: inline-block;margin: 0;} #brands-slider{margin-bottom:0;} #brands-slider img{border-radius:5px; box-sizing:border-box;} .custom-h3-p h3{font-size: 40px;line-height: 50px;} .custom-h3-p h3 small{font-size: 20px;} .custom-h3-p p{font-size: 18px;margin: 0;} /**** E:index.php ****/ /**** S:category.php ****/ #breadcrumbs{background:#f5f5f5; padding:5px 0; line-height:20px; font-size:10px; } #breadcrumbs a{color:#000; font-size:10px; text-transform:uppercase; display:inline-block; vertical-align:middle; line-height:20px; height:20px;} #sideBar{width: 250px;position: relative;} #sideBar #sideBarWrapper{background:#fdfdfd;} #sideBar #sideBarWrapper {border: solid 1px #ccc;border-radius: 5px; box-sizing:border-box;} #sideBar #sideBarWrapper .sidebar-title:first-child{ border-radius:5px 5px 0 0;} #sideBar #sideBarWrapper .sidebar-title{ background:#f5f5f5; padding:5px 10px; box-sizing:border-box;} #sideBar #sideBarWrapper ul{ border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; display:block; padding:5px 10px; box-sizing:border-box; margin:0; list-style-type:none;} #sideBar #sideBarWrapper ul:last-child{ border-bottom:0;} #sideBar #sideBarWrapper ul li{ margin:5px; font-size:12px;} #sideBar #sideBarWrapper ul li.subcat{ padding-left:15px; box-sizing:border-box;} #sideBar #sideBarWrapper ul li.subSubcat{ padding-left:30px; box-sizing:border-box;} #sideBar #sideBarWrapper ul li.subSubSubcat{ padding-left:50px; box-sizing:border-box;} #sideBar #sideBarWrapper ul li a{ display:block;} #sideContainer #sideBarContent{padding-left:15px; box-sizing:border-box;} #sideContainer.invert #sideBarContent{ padding-left:0; padding-right:15px;} #sideContainer.invert #sideBar{ width:334px;} .category .cep{padding:7.5px;} .category .mep{margin:-7.5px;} .product-box{ box-sizing: border-box;} .product-box .product-box-wrapper{} .product-box .product-box-wrapper .product-image-wrapper{ position:relative;} .addToFav{display: inline-block;vertical-align: middle;border: solid 1px #888;border-radius: 50%;font-size: 16px;color: #888;text-align: center;padding: 5px;position: absolute;top: 5px;right: 5px;z-index: 2;background: #fff;width: 28px;height: 28px;padding: 0;line-height: 28px; cursor:pointer;} .addToFav.added{ background:#002E5B; color:#fff; border: solid 1px #002E5B; font-weight:bold;} .product-box .product-box-wrapper .product-image-wrapper .product-image{display:block; } .product-box .product-box-wrapper .product-image-wrapper .product-image img{width:100%;} .product-box .product-box-wrapper .product-brand{display:block; text-align:center; margin-top:5px; font-size:12px; color:#666;} .product-box .product-box-wrapper .product-name{display:block; text-align:center; margin-bottom:5px; font-weight:bold;} .product-image img{width:100%; max-width:none; height:auto; max-width:none; transition: all .2s ease-in; -webkit-filter: blur(2px);-moz-filter: blur(2px);-o-filter: blur(2px);-ms-filter: blur(2px);filter: blur(2px);} .product-image.loaded img{ -webkit-filter: blur(0px);-moz-filter: blur(0px);-o-filter: blur(0px);-ms-filter: blur(0px);filter: blur(0px);} .paginare{width:100%; margin:5px 0px; font-size:10px; font-weight:bold; box-sizing:border-box;} .paginare h4{padding:0px; margin-right:5px; font-size:10px; line-height:32px; text-align:left;} .paginare ul{margin:0; padding:0; display:inline-block; vertical-align:middle;} .paginare li{list-style: none;display: inline-block;margin: 2px; vertical-align:middle;} .paginare li a{transition: all .2s ease-in; padding:0px 5px; color:#2b2b2b; text-decoration:none; line-height:24px; height:24px; width:14px; display:inline-block; text-align:center; } .paginare li a.currentPage{ border: solid 1px #E87925; color:#E87925;} /**** E:category.php ****/ /**** S:product-details.php ****/ #customZoomGallery #customZoomGalleryBig{} #customZoomGallery #customZoomGalleryBig a{border:solid 1px #ccc; box-sizing:border-box; display:block; background:#f5f5f5;} #customZoomGallery #customZoomGalleryBig figure{margin:0; text-align:center;} #customZoomGallery #customZoomGalleryBig img{ max-width:100%; padding: 15px;box-sizing: border-box; height:450px;} #customZoomGallery #customZoomGalleryThumbs{box-sizing:border-box; } #customZoomGallery #customZoomGalleryThumbs .thumb-item{ border:solid 2px #ccc; box-sizing: border-box;margin-top: 15px;display: inline-block;width: 80px;margin-right: 15px; width:80px;} #customZoomGallery #customZoomGalleryThumbs .thumb-item.active{border:solid 2px #002E5B;} #customZoomGallery #customZoomGalleryThumbs .thumb-item a{ display:block; padding:5px; box-sizing:border-box; text-align:center;} #customZoomGallery #customZoomGalleryThumbs .thumb-item img{max-width:100%; display:inline-block; vertical-align:middle;} #productDetailsRest{ margin-top:15px; margin-bottom:30px;} #productDetailsRest h2{display: inline-block;border-bottom: solid 3px #E87925;padding: 5px 0;margin-bottom: 5px;font-weight: bold;} #sideBarFormDesign h3, #sideBarForm h3{background: #002E5B;padding: 10px 15px;color: #fff;font-weight: bold;} #sideBarFormDesign #formContent, #sideBarForm #formContent{padding: 10px 15px;box-sizing: border-box; background:#f5f5f5;} #formContent .form-group{padding-bottom:10px;} #sideBar.fixed #sideBarForm{ position:fixed; top:0;} .bottom #sideBar.fixed #sideBarForm { position:relative;} .bottom #sideBar{vertical-align:bottom !important;} /**** E:product-details.php ****/ #searchBox{background: #f5f5f5; padding: 10px 5%;z-index: 5;position: absolute;width: 100%;box-sizing: border-box; display:none;} #searchBox #searchButton,#searchBox #closeButton{width:50px;} #searchBox #searchButton button,#searchBox #closeButton button{transition: all .2s ease-in; border: none;cursor: pointer; background: transparent; height: 50px; width: 50px;} #searchBox #searchButton button,#searchBox #closeButton button:hover{background:#ccc; border-radius:50%;} #searchBox #searchButton button,#searchBox #closeButton button{ font-size:25px; line-height:25px; text-align:center; font-weight:bold; color:rgba(0,0,0,0.2); width:50px; height:50px; text-align:center;} #searchBoxInput input{font-size:24px; border:none; background:#f5f5f5; line-height:normal;} #searchBoxOverlay{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 4;top: 0;left: 0; display:none;} #searchADVsugestii .titluRec{color: #999;border-bottom: 1px solid #ccc;} .searchADVproduseBox{transition: all .2s ease-in; padding: 5px 10px;cursor: pointer; box-sizing:border-box;} #searchADVcuvinte .searchADVcuvinteBox{transition: all .2s ease-in; padding: 5px 10px;cursor: pointer; box-sizing:border-box; display:block;} .searchADVproduseBox:hover{background: #eee;} #searchADVcuvinte .searchADVcuvinteBox:hover{background: #eee;} .searchADVproduseBox .product-image{width:60px;} .searchADVproduseBox .product-info{padding-left:20px; box-sizing:border-box;} .event{ margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #ccc;} .event .event-image img{ max-width:100%; height:auto;} .event h2 small{} .event p{} .video-boxes .video-wrapper{ height:350px;} .video-wrapper.youtube .ytplayer{position: absolute;top: 50%;left: 50%;right:auto;bottom:auto;transform: translateX(-50%) translateY(-50%);min-width: 100%;min-height: 100%; z-index:1;} .video-wrapper.youtube .volumeToggle{ position:absolute; bottom:0; left:0; z-index:99999; font-weight:bold; padding:5px; cursor:pointer; display: inline-block; width: 30px; height: 30px; vertical-align: middle; text-align: center; line-height: 30px;} .video-wrapper.youtube .volumeToggle .icon{ color:#fff; font-size:20px;} .video-wrapper.youtube .volumeToggle .icon::before{content: "\f026";} .video-wrapper.youtube .volumeToggle.unMute .icon::before{content: "\f028";} .video-wrapper.youtube .playToggle{ position:absolute; top:0; left:0; z-index:99999; font-weight:bold; padding:5px; cursor:pointer; display: inline-block; width: 30px; height: 30px; vertical-align: middle; text-align: center; line-height: 30px;} .video-wrapper.youtube .playToggle .icon{ color:#fff; font-size:20px;} .video-wrapper.youtube .playToggle .icon::before{content: "\f04b";} .video-wrapper.youtube .playToggle.playing .icon::before{content: "\f04c";} .video-wrapper.youtube::before{position:absolute; top:0; left:0; width:100%; height:100%; z-index:11; content:''; } .custom-width-auto p{ max-width:800px; width:100%; display:inline-block; font-size:18px; line-height:32px;} #hiddenFilters{ display:none; vertical-align: middle;padding: 2px 15px; color: #fff;background: #002E5B;font-weight: bold;text-transform: uppercase;font-size: 12px;cursor: pointer;} /*-- POPUP*/ .popup{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:4; display:none;} .popup .popup-overlay{ background:rgba(0,0,0,0.5); cursor:pointer;} .popup .popup-body{ position:relative; background:#fff; padding:15px; box-sizing:border-box; margin:0 auto; text-align:left; cursor:default;} .popup .popup-content{padding-top: 30px; padding-bottom:30px; box-sizing:border-box; z-index:3; position:relative;} .popup .container-fixed{max-width:900px;} .popup .popup-close{ cursor: pointer; font-size: 30px; font-weight: bolder; line-height: 27px; text-align: center; width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: #002E5B; border-radius: 0; color: #fff; z-index:4;} #timedPopup .popup-body::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: #fff; opacity: 0.8; } #timedPopup .popup-body::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(https://www.euronautica.ro/uploads/slide/cq5dam.web.1322.1322Z3.jpeg); z-index: 0; background-size: cover; background-position: center; opacity: 1; } /*-- POPUP*/ @media only screen and (max-width: 1160px) { .container-fixed{ padding-left:15px; padding-right:15px;} } @media only screen and (max-width: 1130px) { .burger-wrapper{ width:60px;} #burgerMenu{display: inline-block;} .noMobile{display:none !important;} .logo-wrapper a{text-align:center; margin:0 auto; display:block;} #main-nav .container-table .element-right{width:90px;} #main-nav{padding:0;} #main-nav>.container-fixed{padding-left:0; padding-right:0;} #cat-nav{display:none;} #main-nav ul>li>a.icon {font-size: 20px;line-height: 20px; padding:0; margin:0; display: inline-block;vertical-align: middle;} #main-nav ul>li>a.icon i{font-size:inherit; margin:0;} #main-nav ul>li>a.icon.phone { border-left:0; margin-right:15px;} #sliderIndex .slider-content h1, #sliderIndex .slider-content h2{font-size: 30px;} } @media only screen and (max-width: 900px) { #sideContainer #sideBarContent{ padding:0;} #sideBar.filters{ position: fixed; top: 0; left: 0; height: 100%; width: 250px; z-index: 4; overflow: hidden; left:-250px; -webkit-transition: all 250ms; border-right:solid 1px #ccc; box-sizing:border-box;} #sideBar.filters #sideBarWrapper { box-sizing: border-box; height: 100%; overflow-x: hidden; overflow-y: auto; width: 270px; padding-right: 20px; border-radius:0; border:0; } #hiddenFilters{display: inline-block;} #main-nav .element-left img {height: 30px;} #sliderIndex, #sliderIndex .bg-image{ height:350px;} #main-nav .logo-wrapper { width: 250px;} .features .col-3 { width: 50%} .features .col-3:nth-child(3n+1) { clear: inherit;} .features .col-3:nth-child(2n+1) { clear: left;} .custom-h3-p h3 { font-size: 30px;} .features .featured-box h2 { font-size: 20px;} .copyright.p-topS{padding-top:0;} #JSappendPDetails #sideContainer #sideBar {display:block;} #JSappendPDetails #sideContainer #sideBarContent{display:block; padding-right:0;} #JSappendPDetails #sideContainer #sideBarContent #sideBarForm{position:initial !important;} .product-list .col-5 { width: 50%} .product-list .col-5:nth-child(5n+1) { clear: inherit;} #sliderIndex .slider-content { display: inline-block; padding: 0; box-sizing: border-box;text-align: center; margin-bottom: 0; width: 100%;} #sliderIndex .slider-content p{padding:0;} } @media only screen and (max-width: 700px) { #sliderIndex{height:350px !important;} #sliderIndex .bg-image { height: 350px !important;} #main-nav .logo-wrapper { } #main-nav .container-table .element-right {text-align:right!important; } .custom-h3-p p { font-size: 14px;} .custom-h3-p h3 {line-height:normal; font-size:17px; padding-bottom:20px;} .custom-h3-p h3 small { font-size: 14px;} #sliderIndex .slider-content h1, #sliderIndex .slider-content h2{font-size: 18px !important;} #sliderIndex .slider-content p{font-size:14px;} .features .bg-image { height: 150px !important;} #main-nav .element-left img { height: 25px;} .bg-image .container-fixed .container-table .ramaiConectat{display:block;text-align:center;} .bg-image .container-fixed .container-table #newsletterFooter{display:block;} .bg-image .container-fixed .container-table .element-top{vertical-align:inherit;} .bg-image .container-fixed .container-table #newsletterFooter .button-wrapper{vertical-align:inherit;} .bg-image .container-fixed .container-table #newsletterFooter .HDForm .element-right{width:100%;} .bg-image .container-fixed .container-table .table-element.button-wrapper{margin:0 auto; display:block; margin-top:10px;} .bg-image .container-fixed .container-table .table-element.button-wrapper .button.secondary {font-size:12px;} h3{font-size:20px;} h2{font-size:24px;} h1{font-size:28px;} .input-button input { border: solid 1px #ccc; margin-top:20px;} #sideBarContent .container-table .table-element{display:block; width:100% !important;} #sideBarContent .container-table .table-element.cep{padding-left:0; padding-right:0; padding-top:20px;} #map iframe{height:350px !important;} .category .col-3 { width: 50%} .category .col-3:nth-child(3n+1) { clear: inherit;} .category .col-3:nth-child(2n+1) { clear: left;} #hero{height:300px;} #hero-content h1 { font-size: 28px;} .container-fixed .image-text .table-element{display:block;} .container-fixed .image-text .table-element.rep{padding-left:0; padding-top:20px;} .button.big { padding: 2px 20px; font-size:12px;} .p-botL{padding-bottom:20px;} .p-topL{padding-top:20px;} .custom-width-auto p { font-size: 14px; line-height: normal;} #searchList .category .col-4{width:50%;} #brandSpecialEdit .category .col-4{width:50%;} #haloweenPromo strong{font-size:12px;} #haloweenPromo span{font-size:12px;} #haloweenPromo a{font-size:12px;} } @media only screen and (max-width: 500px) { .features .featured-box h2 { font-size: 16px;} h1{font-size:22px;} h2{font-size:18px;} #main-nav .logo-wrapper { width: 100px;} #main-nav .container-table .element-right { width: 80px;} #main-nav .element-left img { height: auto;} #searchBox #searchButton button, #searchBox #closeButton button {font-size: 12px;line-height: 12px;text-align: center;font-weight: bold;color: rgba(0,0,0,0.2);height: 25px;width: 25px;} #searchBoxInput input {font-size: 12px;border: none;background: #f5f5f5;line-height: normal;height: 30px;} #customZoomGallery #customZoomGalleryBig img { height: 300px;} .input-button .button-wrapper{width:140px !important;} } @media only screen and (max-width: 400px) { .slick-dots{display:none !important;} #sliderIndex .slider-content { display: inline-block; padding: 0; box-sizing: border-box;text-align: center; margin-bottom: 0; width: 100%;} #sliderIndex .slider-content p{padding:0;} }