/* MARGIN-TOP */ .margin-top-0{margin-top:0 !important;} .margin-top-5{margin-top:5px !important;}.margin-top-10{margin-top:10px !important;}.margin-top-15{margin-top:15px !important;}.margin-top-20{margin-top:20px !important;} .margin-top-25{margin-top:25px !important;}.margin-top-30{margin-top:30px !important;}.margin-top-35{margin-top:35px !important;}.margin-top-40{margin-top:40px !important;} .margin-top-45{margin-top:45px !important;}.margin-top-50{margin-top:50px !important;}.margin-top-55{margin-top:55px !important;}.margin-top-60{margin-top:60px !important;} .margin-top-65{margin-top:65px !important;}.margin-top-70{margin-top:70px !important;}.margin-top-75{margin-top:75px !important;}.margin-top-80{margin-top:80px !important;} .margin-top-85{margin-top:85px !important;}.margin-top-90{margin-top:90px !important;}.margin-top-95{margin-top:95px !important;}.margin-top-100{margin-top:100px !important;} /* MARGIN-BOTTOM */ .margin-bot-0{margin-bottom:0 !important;} .margin-bot-5{margin-bottom:5px !important;}.margin-bot-10{margin-bottom:10px !important;}.margin-bot-15{margin-bottom:15px !important;}.margin-bot-20{margin-bottom:20px !important;} .margin-bot-25{margin-bottom:25px !important;}.margin-bot-30{margin-bottom:30px !important;}.margin-bot-35{margin-bottom:35px !important;}.margin-bot-40{margin-bottom:40px !important;} .margin-bot-45{margin-bottom:45px !important;}.margin-bot-50{margin-bottom:50px !important;}.margin-bot-55{margin-bottom:55px !important;}.margin-bot-60{margin-bottom:60px !important;} .margin-bot-65{margin-bottom:65px !important;}.margin-bot-70{margin-bottom:70px !important;}.margin-bot-75{margin-bottom:75px !important;}.margin-bot-80{margin-bottom:80x !important;} .margin-bot-85{margin-bottom:785px !important;}.margin-bot-90{margin-bottom:90px !important;}.margin-bot-95{margin-bottom:95px !important;}.margin-bot-100{margin-bottom:100px !important;} /* PADDING-TOP */ .padding-top-0{padding-top:0 !important;} .padding-top-5{padding-top:5px !important;}.padding-top-10{padding-top:10px !important;}.padding-top-15{padding-top:15px !important;}.padding-top-20{padding-top:20px !important;} .padding-top-25{padding-top:25px !important;}.padding-top-30{padding-top:30px !important;}.padding-top-35{padding-top:35px !important;}.padding-top-40{padding-top:40px !important;} .padding-top-45{padding-top:45px !important;}.padding-top-50{padding-top:50px !important;}.padding-top-55{padding-top:55px !important;}.padding-top-60{padding-top:60px !important;} .padding-top-65{padding-top:65px !important;}.padding-top-70{padding-top:70px !important;}.padding-top-75{padding-top:75px !important;}.padding-top-80{padding-top:80px !important;} .padding-top-85{padding-top:85px !important;}.padding-top-90{padding-top:90px !important;}.padding-top-95{padding-top:95px !important;}.padding-top-100{padding-top:100px !important;} /* PADDING-BOTTOM */ .padding-bot-0{padding-bottom:0 !important;} .padding-bot-5{padding-bottom:5px !important;}.padding-bot-10{padding-bottom:10px !important;}.padding-bot-15{padding-bottom:15px !important;}.padding-bot-20{padding-bottom:20px !important;} .padding-bot-25{padding-bottom:25px !important;}.padding-bot-30{padding-bottom:30px !important;}.padding-bot-35{padding-bottom:35px !important;}.padding-bot-40{padding-bottom:40px !important;} .padding-bot-45{padding-bottom:45px !important;}.padding-bot-50{padding-bottom:50px !important;}.padding-bot-55{padding-bottom:55px !important;}.padding-bot-60{padding-bottom:60px !important;} .padding-bot-65{padding-bottom:65px !important;}.padding-bot-70{padding-bottom:70px !important;}.padding-bot-75{padding-bottom:75px !important;}.padding-bot-80{padding-bottom:80px !important;} .padding-bot-85{padding-bottom:85px !important;}.padding-bot-90{padding-bottom:90px !important;}.padding-bot-95{padding-bottom:95px !important;}.padding-bot-100{padding-bottom:100px !important;} /* MARGIN-LEFT */ .margin-left-0{margin-left:0 !important;} .margin-left-5{margin-left:5px !important;}.margin-left-10{margin-left:10px !important;}.margin-left-15{margin-left:15px !important;}.margin-left-20{margin-left:20px !important;} .margin-left-25{margin-left:25px !important;}.margin-left-30{margin-left:30px !important;}.margin-left-35{margin-left:35px !important;}.margin-left-40{margin-left:40px !important;} .margin-left-45{margin-left:45px !important;}.margin-left-50{margin-left:50px !important;}.margin-left-55{margin-left:55px !important;}.margin-left-60{margin-left:60px !important;} .margin-left-65{margin-left:65px !important;}.margin-left-70{margin-left:70px !important;}.margin-left-75{margin-left:75px !important;}.margin-left-80{margin-left:80px !important;} .margin-left-85{margin-left:85px !important;}.margin-left-90{margin-left:90px !important;}.margin-left-95{margin-left:95px !important;}.margin-left-100{margin-left:100px !important;} /* MARGIN-RIGHT */ .margin-right-0{margin-right:0 !important;} .margin-right-5{margin-right:5px !important;}.margin-right-10{margin-right:10px !important;}.margin-right-15{margin-right:15px !important;}.margin-right-20{margin-right:20px !important;} .margin-right-25{margin-right:25px !important;}.margin-right-30{margin-right:30px !important;}.margin-right-35{margin-right:35px !important;}.margin-right-40{margin-right:40px !important;} .margin-right-45{margin-right:45px !important;}.margin-right-50{margin-right:50px !important;}.margin-right-55{margin-right:55px !important;}.margin-right-60{margin-right:60px !important;} .margin-right-65{margin-right:65px !important;}.margin-right-70{margin-right:70px !important;}.margin-right-75{margin-right:75px !important;}.margin-right-80{margin-right:80px !important;} .margin-right-85{margin-right:85px !important;}.margin-right-90{margin-right:90px !important;}.margin-right-95{margin-right:95px !important;}.margin-right-100{margin-right:100px !important;} /* PADDING-LEFT */ .padding-left-0{padding-left:0 !important;} .padding-left-5{padding-left:5px !important;}.padding-left-10{padding-left:10px !important;}.padding-left-15{padding-left:15px !important;}.padding-left-20{padding-left:20px !important;} .padding-left-25{padding-left:25px !important;}.padding-left-30{padding-left:30px !important;}.padding-left-35{padding-left:35px !important;}.padding-left-40{padding-left:40px !important;} .padding-left-45{padding-left:45px !important;}.padding-left-50{padding-left:50px !important;}.padding-left-55{padding-left:55px !important;}.padding-left-60{padding-left:60px !important;} .padding-left-65{padding-left:65px !important;}.padding-left-70{padding-left:70px !important;}.padding-left-75{padding-left:75px !important;}.padding-left-80{padding-left:80px !important;} .padding-left-85{padding-left:85px !important;}.padding-left-90{padding-left:90px !important;}.padding-left-95{padding-left:95px !important;}.padding-left-100{padding-left:100px !important;} /* PADDING-RIGHT */ .padding-right-0{padding-right:0 !important;} .padding-right-5{padding-right:5px !important;}.padding-right-10{padding-right:10px !important;}.padding-right-15{padding-right:15px !important;}.padding-right-20{padding-right:20px !important;} .padding-right-25{padding-right:25px !important;}.padding-right-30{padding-right:30px !important;}.padding-right-35{padding-right:35px !important;}.padding-right-40{padding-right:40px !important;} .padding-right-45{padding-right:45px !important;}.padding-right-50{padding-right:50px !important;}.padding-right-55{padding-right:55px !important;}.padding-right-60{padding-right:60px !important;} .padding-right-65{padding-right:65px !important;}.padding-right-70{padding-right:70px !important;}.padding-right-75{padding-right:75px !important;}.padding-right-80{padding-right:80px !important;} .padding-right-85{padding-right:85px !important;}.padding-right-90{padding-right:90px !important;}.padding-right-95{padding-right:95px !important;}.padding-right-100{padding-right:100px !important;} .unrow {margin-right: 0px!important; margin-left: 0px!important;} .unrow2{margin-right: -30px!important; margin-left: -30px!important;} /* ============================================================ HELPER ============================================================ */ .tb-r{border:1px solid red;} .tb-c{border:1px solid cyan;} .tb-g{border:1px solid gold;} .tb-l{border:1px solid lime;} .tb-p{border:1px solid pink;} .tb-t{border:1px solid transparent;} .ht{height:400px;} .help{width:30px;height:60px;z-index:6000;position:fixed;float:left;top:30px; border-right:15px solid rgba(0,0,0,.25); opacity:.75;} .help::after{content:""; width:30px; height:60px; background:rgba(0,0,0,.25); border-left:15px solid rgba(0,0,0,.15); position:fixed;right:0; top:30px;} .help p{font-size:10px;color:rgba(0,0,0,.85) !important;font-weight:bold;text-align:center;} /* LG */ @media (min-width: 1200px) {.help{background:gold;} .help p{margin-top:20px;}} /* MD */ @media (min-width: 992px) and (max-width: 1199px) {.help{background:red;}} /* SM */ @media (min-width: 768px) and (max-width: 991px) {.help{background:pink;}} /* XS-SM */ @media (max-width: 767px) {.help{background:cyan;}} /* XS */ @media (max-width: 480px) {.help{background:lime;}} /* ============================================================ AZONOS MAGASSÁGÚ OSZLOPOK ============================================================ */ .row.equalheights {overflow:hidden;} .row.equalheights > [class*="col-"]{margin-bottom:-99999px !important;padding-bottom:99999px !important;} .row.row-eq-height, .row-eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;} @media (max-width: 768px) {.row.row-eq-height,.row-eq-height {display:block;}} /* ============================================================ VERTICAL CENTER ============================================================ */ .middle em{height: 100%;vertical-align: middle;display: inline-block;} .middle-item {vertical-align: middle;display: inline-block;} .row-same-height {display: table; width: calc(100% + 25px);} .row-same-height.img-responsive {width: 100% !important;max-width: 100% !important;} .col-xs-height {display: table-cell;float: none !important;} @media (min-width: 768px) {.col-sm-height {display: table-cell;float: none !important;}} @media (min-width: 992px) {.col-md-height {display: table-cell;float: none !important;}} @media (min-width: 1200px) {.col-lg-height {display: table-cell;float: none !important;}} .col-top {vertical-align: top;} .col-middle {vertical-align: middle;} .col-bottom {vertical-align: bottom;} /* ============================================================ */ body{ background:#f6f6f6;} *:focus,.form-control:focus{ outline: 0 none !important;} .main-padding{padding:0 20px !important;} .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ccc; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-responsive.img-padding, .img-thumbnail.img-padding{margin:20px 0 !important;} .img-full{padding-left:15px !important;} @media (max-width: 991px) {.img-full{padding-left:0 !important;}} .left-bc{ border-left:4px solid; border-color:inherit; padding:5px 0 5px 15px; } .right-bc{ border-right:4px solid; border-color:inherit; padding:5px 15px 5px 0; } b{font-weight:900;} strong{font-weight:500; color:#858585;} p{ font-size:14px; font-weight:300; line-height:25px; font-family:'Roboto'; color:#71716f; margin:5px 0; } p+p{margin:20px 0} p.lead, p.lead-bold { font-size:18px; line-height:25px; font-weight:300; } p.lead + p, p.lead-bold + p{margin-top:40px !important;} p.lead-bold {font-weight:600 !important;} p.lead-line{ font-size:18px; line-height:28px; font-family:'Roboto'; padding:10px 15px; border-left:3px solid; font-weight:300 !important; margin:auto 6.5%; } p.small { font-size:13px; line-height:17px; } p.bot-text{margin-top:-10px;} p.input-text{font-size:12px; line-height:14px; padding:0 15px;} b.success{color:#547f24;} b.danger{color:#ad2502;} p a{font-weight:400;font-family:'Roboto';} a,.btn,button,img,.icon,h1,h2,h3,h4,h5,h6.,.ac-active, button:after, button:before{ -webkit-transition: all 0.25s !important; -moz-transition: all 0.25s !important; -o-transition: all 0.25s !important; transition: all 0.25s !important; } a:hover,.btn:hover,button:hover,img:hover,.icon:hover,.ac-active:hover, button:hover:after, button:hover:before{ -webkit-transition: all 0.5s !important; -moz-transition: all 0.5s !important; -o-transition: all 0.5s !important; transition: all 0.5s !important; } a{color:#0655b5; text-decoration:underline;} a:hover{color:#5f3c1a;} /* ============================================================ h1, h2, h3, h4, h5, h6 ============================================================ */ h1, h2, h3, h4, h5, h6{ font-family: 'Roboto' !important; text-transform:uppercase; color:#404041; line-height:auto; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 30px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 20px; } .no-transform, h1.no-transform, h2.no-transform, h3.no-transform, h4.no-transform, h5.no-transform, h6.no-transform{text-transform:none !important;} .uc-transform, h1.uc-transform, h2.uc-transform, h3.uc-transform, h4.uc-transform, h5.uc-transform, h6.uc-transform{text-transform:uppercase !important;} h1, h2, h3{font-weight:400;} h4, h5, h6{font-weight:600;} h1{font-size:52px;} h2{font-size:45px;} h3{font-size:36px;} h4{font-size:30px;} h5{font-size:25px;} h6{font-size:19px;} @media screen and (max-width: 768px) { h1{font-size:40px;} h2{font-size:35px;} h3{font-size:30px;} h4{font-size:26px;} h5{font-size:22px;} h6{font-size:20px;} } .font-100{font-weight:100 !important;} .font-200{font-weight:200 !important;} .font-300{font-weight:300 !important;} .font-400{font-weight:400 !important;} .font-500{font-weight:500 !important;} .font-600{font-weight:600 !important;} .font-700{font-weight:700 !important;} .font-800{font-weight:800 !important;} .font-900{font-weight:900 !important;} p.text-size-10{font-size:10px; !important;} p.text-size-12{font-size:12px; !important;} p.text-size-14{font-size:14px; !important;} p.text-size-16{font-size:16px; !important;} p.text-size-18{font-size:18px; !important;} p.text-size-20{font-size:20px; !important;} p.text-size-20{font-size:20px; !important;} p.text-size-22{font-size:22px; !important;} p.text-size-24{font-size:24px; !important;} p.text-size-26{font-size:26px; !important;} p.text-size-28{font-size:28px; !important;} p.text-size-30{font-size:30px; !important;} p.text-size-32{font-size:32px; !important;} p.text-size-34{font-size:34px; !important;} p.text-size-36{font-size:36px; !important;} p.text-size-38{font-size:38px; !important;} p.text-size-40{font-size:40px; !important;} p.text-lh-10{line-height:10px !important;} p.text-lh-12{line-height:12px !important;} p.text-lh-14{line-height:14px !important;} p.text-lh-16{line-height:16px !important;} p.text-lh-18{line-height:18px !important;} p.text-lh-20{line-height:20px !important;} p.text-lh-22{line-height:22px !important;} p.text-lh-24{line-height:24px !important;} p.text-lh-26{line-height:26px !important;} p.text-lh-28{line-height:28px !important;} p.text-lh-30{line-height:30px !important;} p.text-lh-32{line-height:32px !important;} p.text-lh-34{line-height:34px !important;} p.text-lh-36{line-height:36px !important;} p.text-lh-38{line-height:38px !important;} p.text-lh-40{line-height:40px !important;} /* ============================================================ BTN ============================================================ */ .btn { display: inline-block; padding: 10px 30px; margin-bottom: 0; font-size: 15px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius:0px; text-decoration:none; text-transform:uppercase; font-family:'Roboto'; } .btn-lg, .btn-group-lg > .btn { padding: 15px 45px; font-size: 22px; line-height: 1.3333333; font-weight:500; } .btn-sm, .btn-group-sm > .btn { padding: 8px 20px; font-size: 12px; line-height: 1.5; } .btn-xs, .btn-group-xs > .btn { padding: 1px 10px; font-size: 12px; line-height: 1.5; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #fff !important; text-decoration: none; background:rgba(0,0,0,.45)!important; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 0 0 rgba(0,0 0,.125); box-shadow: inset 0 0 0 rgba(0,0 0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .input-group .btn{padding: 10px 20px;} .input-group .btn:hover{background:#b70f0f;} .btn-icon-left .fa{margin-left:-5px; padding-right:10px;} .btn-icon-right .fa{margin-left:-5px; padding-left:10px;} .btn-icon-left .fa, .btn-icon-right .fa{line-height:8px;} .border, .btn-border{border:1px solid transparent;} .btn-border, .btn-border-2, .btn-border-3, .btn-border-4, .btn-border-5{font-weight:700;} .btn-border-2{border:2px solid transparent;} .btn-border-3{border:3px solid transparent;} .btn-border-4{border:4px solid transparent;} .btn-border-5{border:4px solid transparent;} /* ============================================================ BTN'S ============================================================ */ .btn-carousel, .btn-carousel:focus{ background:#fafafa !important; width:40px !important; height:40px !important; padding:0; display:inline-block; text-align:center; margin-left:10px; color:#5f3c1a; -webkit-box-shadow: 0 1.5px 2px rgba(0,0,0,.25); box-shadow: 0 1.5px 2px rgba(0,0,0,.25); } .btn-carousel .fa{font-size:28px;line-height:35px;} .btn-carousel.prev-slide .fa{margin-left:-2px !important;} .btn-carousel.next-slide .fa{margin-left:2px;} .btn-carousel:hover .fa, .btn-carousel:active .fa{color:#b62b4c; !important;} .btn-carousel:focus .fa{color:#5f3c1a; !important;} .btn-carousel:hover{background:#f6f6f6 !important;} .btn-carousel:active{ background:#f6f6f6 !important; -webkit-box-shadow: inset 0 0px 10px rgba(0,0,0,.2); box-shadow: inset 0 0px 10px rgba(0,0,0,.2); } .btn-carousel:active.prev-slide .fa, .btn-carousel:active.next-slide .fa{margin-top:-1px; color:#b62b4c;} /* ============================================================ CIRCLE BTN ============================================================ */ .btn-circle{ width:60px; height:60px; line-height:55px; border-radius:50%; border:1px solid #dddddd; background:red; font-size:15px; text-align:center; } .btn-circle:hover{cursor:pointer;} /* ============================================================ EFFECTS ============================================================ */ /*-¤-¤-¤-¤-¤- IMG SCALE EFFECT -¤-¤-¤-¤-¤-*/ .img-scale-container, .scale-container{overflow: hidden;} img.img-scale-effect { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -0-transition: opacity 0.35s, -o-transform 0.35s; transition: opacity 0.35s, transform 0.35s; cursor:pointer; } .radial-hover-effect { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: relative; overflow: hidden; -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .radial-hover-effect:before { content: ""; position: absolute; z-index: -1; width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; background: #e11c1b; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -moz-transition-property: transform; -o-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .disabled.radial-hover-effect:before {background: none;} .radial-hover-effect:hover, .radial-hover-effect:focus, .radial-hover-effect:active {color:#010000; } .radial-hover-effect:hover:before, .radial-hover-effect:focus:before, .radial-hover-effect:active:before { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2); } img.img-scale-effect:hover { -webkit-transform: scale3d(1.3,1.3,0.5); -moz-transform: scale3d(1.3,1.3,0.5); -0-transform: scale3d(1.3,1.3,0.5); transform: scale3d(1.3,1.3,0.5); /* opacity:.5; */ } /*-¤-¤-¤-¤-¤- BOX SCALE EFFECT -¤-¤-¤-¤-¤-*/ .box-scale-effect{ -webkit-transition:-webkit-transform 0.15s, -webkit-box-shadow 0.2s; -moz-transition:-webkit-transform 0.15s, -moz-box-shadow 0.2s; -o-transition:-webkit-transform 0.15s, -o-box-shadow 0.2s; transition:transform 0.15s, box-shadow 0.2s; } .box-scale-effect:hover{ position:relative; z-index:100; cursor:pointer; box-shadow: 0 0 0 4px rgba(0,0,0,.17); -webkit-transform: scale(1.03,1.03,1); -moz-transform: scale(1.03,1.03,1); -o-transform: scale(1.03,1.03,1); transform: scale3d(1.03,1.03,1); } .box-scale-effect:hover img { -webkit-transform: scale3d(1.3,1.3,0.5); -moz-transform: scale3d(1.3,1.3,0.5); -0-transform: scale3d(1.3,1.3,0.5); transform: scale3d(1.25,1.25,0.5); } /*-¤-¤-¤-¤-¤- LINK ZUHANÓ EFFEKT -¤-¤-¤-¤-¤-*/ .btn-falling-effect { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btn-fallin-effect:before { background:rgba(0,0,0,.2); content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn-fallin-effect:hover:before, .btn-fallin-effect:focus:before, .btn-fallin-effect:active:before { -webkit-transform: scaleY(1.2); transform: scaleY(1.2); } /* ============================================================ LINE'S ============================================================ */ hr{margin:30px 0 !important;} hr.center {margin:0 auto !important;} hr{border-top:1px solid rgba(0,0,0,.125);} hr.dashed {border-top:1px dashed rgba(0,0,0,.125);} hr.decor-line-50 {width:50px;} hr.decor-line-100 {width:100px;} hr.decor-line-150 {width:150px;} hr.decor-line-200 {width:200px;} hr.decor-line-250 {width:250px;} hr.decor-line-300 {width:300px;} hr.hr-margin-10{margin:10px 0 !important;} hr.hr-margin-15{margin:15px 0 !important;} hr.hr-margin-20{margin:20px 0 !important;} hr.hr-margin-25{margin:25px 0 !important;} .border-bot{border-bottom:1px solid transparent;} .border-top{border-top:1px solid transparent;} .border-l{border-left:1px solid transparent;} .border-r{border-right:1px solid transparent;} .r-line,.l-line,.t-line,.b-line, .r-line-sm,.l-line-sm,.t-line-sm,.b-line-sm{border-color:#5d574b !important;} .r-line{border-right:1px solid;}.l-line{border-left:1px solid;} .t-line{border-top:1px solid;}.b-line{border-bottom:1px solid;} @media screen and (max-width: 991px) { .r-line{border-right:0}.l-line{border-left:0} .r-line-sm{border-right:1px solid;}.l-line-sm{border-left:1px solid;} .t-line-sm{border-top:1px solid;}.b-line-sm{border-bottom:1px solid;} } /* ============================================================ BEHÚZÁS (SLOG) ============================================================ */ .text-slog-container{padding-bottom:60px;} @media (max-width: 991px) { .text-slog-container{padding-bottom: 30px;} } .text-slog {padding:0 85px;display:block;} .text-slog-l{padding-left:85px;} .text-slog-r{padding-right:85px;} .row.text-slog {padding:0 100px;display:block;} .row.text-slog-l{padding-left:100px;} .row.text-slog-r{padding-right:100px;} @media (min-width: 992px) and (max-width: 1199px) { .text-slog-l{padding-left:60px;} .text-slog-r{padding-right:60px;} } @media (max-width: 991px) { .text-slog {padding:15px;} .row.text-slog {padding:30px;} .text-slog-r, .text-slog-l{padding-left:15px; padding-right:15px;} .row.text-slog-r, .row.text-slog-l{padding-left:30px; padding-right:30px;} } /* ============================================================ FORM ============================================================ */ .form-group {margin-bottom:15px;} .form-control { display: block; width: 100%; height: 45px; padding: 6px 15px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border:0; border-radius:5px; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075); box-shadow: inset 0 0 0 rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control.form-border {border:1px solid #bebebe;} .form-control:focus, .input-btn > .form-control:focus + span > button.btn{ border-color:rgba(182,43,76,.65); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(250,250,250,.075), 0 0 8px rgba(182,43,76,.25); box-shadow: inset 0 1px 1px rgba(250,250,250,.075), 0 0 8px rgba(182,43,76,.25); } .form-control::-moz-placeholder {color: #5c5c5b;opacity: 1; text-transform:none;} .form-control:-ms-input-placeholder {color: #5c5c5b; text-transform:none;} .form-control::-webkit-input-placeholder {color: #5c5c5b; text-transform:none;} input[type="date"] {text-transform:none;} header .form-control { color: #555; background-color: transparent; } header .form-control.form-border {border:1px solid #66696d;} header .form-control:focus, header .input-btn > .form-control:focus + span > button.btn{ border-color:rgba(100,202,217,.85); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(250,250,250,.075), 0 0 8px rgba(100,202,217,.35); box-shadow: inset 0 1px 1px rgba(250,250,250,.075), 0 0 8px rgba(100,202,217,.35); } header .form-control::-moz-placeholder {color: #8493a8;opacity: 1; text-transform:none;} header .form-control:-ms-input-placeholder {color: #8493a8; text-transform:none;} header .form-control::-webkit-input-placeholder {color: #8493a8; text-transform:none;} /* ============================================================ FORM + BTN ============================================================ */ .form-btn-container{ padding:0;} .form-btn-container button {background: none;position: absolute;top:0;right:0;height:100%;padding:0 15px;border:0;} .form-btn-container button .fa {font-size:18px; color:#787878;} .form-btn-container button:hover > .fa {color:#bebebe !important; -webkit-transition: all 0.5s !important;} .form-control:focus + button .fa {color:#d17035;} .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; text-align: center; background-color: none; border: 0px solid #ccc; border-radius: 0px; } .btn-cube {padding: 0px !important;} .btn-cube .fa{font-size:19px;line-height:20px;} .btn.btn-cube,.btn-cube {width:45px;height:45px;} .btn-lg.btn-cube {width:45px;height:45px;} .btn-sm.btn-cube {width:30px;height:30px;} .input-btn button { border: 1px solid #66696d; border-left:0; background:transparent; margin:0 !important; position: relative; left: 0; right:0; color:#8493a8; z-index: 15; border-top-right-radius:5px; border-bottom-right-radius:5px; } .input-btn button:after, .input-btn button:before, .input-btn button:hover:before { content:""; position:absolute; display:block; height:43px!important; width:7px !important; background:#404041; top:0; } .input-btn button:after {left:-7px;} .input-btn button:before {left:0px;} .input-btn button:hover, .input-btn button:focus, .input-btn button:hover:before, .input-btn button:focus:before {background:#66696d !important;} .input-btn button:hover:before{z-index:10;left:0;} .input-btn .form-control:focus + button {z-index: 9;} /* ============================================================ CHECKBOX ============================================================ */ .checkbox , .radio {padding-left:22px;} .checkbox.small, .radio.small {margin-bottom:25px;} .checkbox.big, .radio.big {margin-bottom:40px;} .checkbox.small:last-child, .radio.small:last-child, .checkbox.big:last-child, .radio.big:last-child {margin-bottom:7px;} .checkbox.small label, .radio.small label {padding-left: 20px;} .checkbox.big label, .radio.big label {padding-left: 40px;} .checkbox.small label::before, .radio.small label::before, .checkbox.small label::after, .radio.small label::after, .checkbox.big label::before , .radio.big label::before, .checkbox.big label::after, .radio.big label::after, .radio-checkbox{margin-left: -20px;} .checkbox p, .radio p{ margin:0; margin-right:40px; padding:0; float:left; } .checkbox label, .radio label { display: inline-block; vertical-align: middle; position: relative; } .checkbox.small label, .radio.samll label {font-size:14px;} .checkbox.big label, .radio.big label {font-size:20px; line-height:15px;} .checkbox.big label::before , .checkbox.small label::before {color:#ccc;} .checkbox.small label::after, .checkbox.small label::before {line-height:31px;} .checkbox.big label::after , .checkbox.big label::before {line-height:42px;} .checkbox label::before { display: inline-block; position: absolute; border:0; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; font-family: "FontAwesome"; content: "\f00c"; text-align:center; } .radio label::before { content: ""; display: inline-block; position: absolute; left: 0; border:0; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; text-align:center; left: 0; top: 0; padding-top: 1px; color: #b62b4c; } .radio label::after { display: inline-block; position: absolute; content: " "; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .checkbox.small label::before, .radio.small label::before { width: 30px; height: 30px; left: 0; margin-top:-5px; } .checkbox.big label::before, .radio.big label::before { width: 45px; height: 45px; left: 0; margin-top:-15px; } .checkbox.small label::after { width: 29px; height: 29px; margin-top:-5px; } .radio.small label::after { width: 22px; height: 22px; left: 4px; top: 4px; margin-top:-5px; } .checkbox.big label::after { width: 45px; height: 45px; margin-top:-15px; } .radio.big label::after { width: 33px; height: 33px; left: 6px; top: 6px; margin-top:-15px; } .checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {opacity: 0.65;} .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before {border-radius: 50%; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label {opacity: 0.65; } .radio input[type="radio"]:disabled + label::before {cursor: not-allowed; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {font-family: 'FontAwesome';content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {color: #fff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {color: #fff; } .radio.radio-inline, .checkbox.checkbox-inline {margin-top: 0px;} @media (max-width: 767px) { .checkbox.big label, .radio.big label { font-size:16px; line-height:17px; display:block; } .radio-checkbox.big label {margin-left:15px;} .checkbox.big, .radio.big{ margin-bottom: 25px; /* border:1px solid red; */ min-height:45px; } .kerdoiv-item h4{font-size:20px !important;} .kerdoiv-item .btn{font-size:14px !important; padding-left:5px; padding-right:5px;} .setps-bot-text p { border-radius:20px; } } /* ============================================================ WELL ============================================================ */ .well { min-height: 20px; padding: 20px; margin-bottom: 20px; border: 0; border-radius: 0px; box-shadow:0 0 0 !important; } .well.bg-green h2, .well.bg-green p{ color:#fff !important; margin:0; padding:0; } .well.bg-green h2{font-size:24px;} .well.bg-green p{margin-top:-3px;} /* ============================================================ PANEL & ACCORDION ============================================================ */ .panel{ font-family:'Roboto'; font-size:16px; box-shadow:0 0 0 !important; border-radius:0px; border:10px; } .panel-body p, .panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{padding:0; margin:0;} .panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{margin-bottom:20px;} .panel .panel-body-0{padding:0px;} .panel .panel-body-5{padding:5px;} .panel .panel-body-10{padding:10px;} .panel .panel-body-15{padding:15px;} .panel .panel-body-20{padding:20px;} .panel .panel-body-25{padding:25px;} .panel .panel-body-30{padding:30px;} .panel .panel-body-35{padding:35px;} .panel .panel-body-40{padding:40px;} .panel .panel-body-45{padding:45px;} .panel .panel-body-50{padding:50px;} .panel .panel-body-55{padding:55px;} .panel .panel-body-60{padding:60px;} .panel-heading {background:#fff} .panel-heading a{text-decoration:none;} .panel-heading a:hover{color:red !important;} .panel-group .panel {margin-bottom: 9px;} .panel-group .panel + .panel {margin-top:-1px;} .panel-green p, .panel-blue p, .panel-gray p{font-size:18px; line-height:26px; color:#333333;} .panel-heading {padding:0 !important;} .panel-heading:hover {background:rgba(0,0,0,.02);} .panel-title { color:#3b3b3b!important; text-transform:none; font-size:16px; font-weight:700 !important; margin: 0; padding:15px 20px; background:transparent; } .panel-download{ border: 1px solid #dddddd; color:#616161 !important; background:#fff !important; } .panel-download .fa{ padding-right:5px; } .panel-download .fa, #accordion .panel-title:before, #accordion .ac-active .panel-title:before { font-size:18px; color:#8493a8; } .panel-according { border: 1px solid #dddddd; color:#616161 !important; background:#fff !important; } .panel-according, #accordion .ac-active, #accordion .panel-body, #accordion .panel-heading {border-radius:5px;} #accordion .panel-body {padding:0px 45px 30px} #accordion .panel-body p{color:#333333; font-weight:normal !important;} #accordion .panel-title, #accordion .ac-active .panel-heading { margin: 0; padding:15px 45px; } #accordion .panel-title:before { font-family: "FontAwesome"; content: "\f055"; transition: all .4s ease; margin-left:-25px; position:absolute; } #accordion .ac-active .panel-title:before { content: "\f056"; transition: all .4s ease; } #accordion .ac-active, #accordion .ac-active .panel-heading {background: #ddd !important;} #accordion .ac-active .panel-title {color:#333333 !important;} /* ============================================================ RADIUS - PANEL, IMG ============================================================ */ .radius-10p {border-radius: 10%;} .radius-20p {border-radius: 20%;} .radius-30p {border-radius: 30%;} .radius-40p {border-radius: 40%;} .radius-50p {border-radius: 50%;} .radius-5 {border-radius: 5px;} .radius-10 {border-radius: 10px;} .radius-15 {border-radius: 15px;} .radius-20 {border-radius: 20px;} .radius-25 {border-radius: 25px;} .radius-30 {border-radius: 30px;} .radius-35 {border-radius: 35px;} .radius-40 {border-radius: 40px;} .radius-45 {border-radius: 45px;} .radius-50 {border-radius: 50px;} .radius-panel, .radius-img{border-radius:5px !important;} .radius-panel-top, .radius-img-top{ border-top-left-radius:5px !important; border-top-right-radius:5px !important; } .radius-panel-bot, .radius-img-bot{ border-bottom-left-radius:5px !important; border-bottom-right-radius:5px !important; } .radius-panel-bot-l, .radius-img-bot-l{border-top-left-radius:5px !important;} .radius-panel-top-r, .radius-img-top-r{border-top-right-radius:5px !important;} .radius-panel-bot-l, .radius-img-bot-l{border-bottom-left-radius:5px !important;} .radius-panel-bot-r, .radius-img-bot-r{border-bottom-right-radius:5px !important;} /* ============================================================ MODAL ============================================================ */ .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0 !important; outline: 0; -webkit-box-shadow: 3px 5px 0 rgba(0,0,0,.25); box-shadow: 3px 5px 0 rgba(0,0,0,.25); } .modal-title { padding:0 15px; line-height:35px; font-size:30px; } .modal-body, .modal-footer {padding:15px 30px;} .modal-body p{color:#5c5c5b;} .modal-backdrop {background-color: #fbe9c9;} .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=90); opacity: .9; } .close { float: right; font-size: 40px; font-weight: bold; line-height: 1; color: #000; text-shadow:0; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=40); opacity: .4; } @media (max-width: 991px) { .modal-title { line-height:30px; font-size:25px; } } /* ============================================================ TOGGLE - MOBILE MENÜ BTN ============================================================ */ .navbar-toggle { border-radius:0; color:#706f6d; font-size:20.5px; line-height:18px; width:44px; height:44px; z-index:999; } .navbar-toggle:hover, .navbar-toggle:focus { color:#b62b4c; background-color: #fff !important; } .navbar-toggle.main-menu{ background:rgba(0,0,0,.2) !important; border:1px solid rgba(0,0,0,.2)!important; } .navbar-toggle.main-menu-two { background:rgba(0,0,0,.04) !important; border:1px solid rgba(0,0,0,.15)!important; } @media screen and (max-width: 991px) { .navbar-toggle-container{padding-top:8px;padding-bottom:8px;} } /* ============================================================ TABLE ============================================================ */ .table > tbody > tr.table-middle > td {vertical-align: middle;} .table{font-family:'Roboto';font-size:16px;} .table tbody tr, .table tbody tr td, .table thead tr, .table thead tr th{padding:12px 20px !important;} .table tbody tr td:first-child{font-weight:800;} .table-green thead, .table-blue thead, .table-gray thead{ font-size:18px; color:#fff; } .table-green thead, .table-green thead tr, .table-green thead tr th, .table-blue thead, .table-blue thead tr, .table-blue thead tr th, .table-gray thead, .table-gray thead tr, .table-gray thead tr th{ border:0 !important; } table, .table-radius, .table-radius > tbody > tr > th, .table-radius > tfoot > tr > th, .table-radius > tbody > tr > td, .table-radius > tfoot > tr > td, .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border-color:#ddd !important; } .table-radius { border-collapse: separate; border-radius: 5px; border: 1px solid; } .table-radius > tbody > tr > th:first-child, .table-radius > tfoot > tr > th:first-child, .table-radius > tbody > tr > td:first-child, .table-radius > tfoot > tr > td:first-child {border-left: 0;} .table-radius > tbody > tr > th, .table-radius > tfoot > tr > th, .table-radius > tbody > tr > td, .table-radius > tfoot > tr > td {border-left: 1px solid;} .table-radius tr:first-child th:first-child{border-top-left-radius: 5px;} .table-radius tr:first-child th:last-child {border-top-right-radius: 5px;} /* ============================================================ VEGYES ============================================================ */ .main-margin{margin-top:30px;} .fa-number-container{margin-right:10px;} /* ============================================================ FELSOROLAS ============================================================ */ ul.fa-ul .fa{font-size:20px !important; line-height:28px; padding:0; margin-top:-8px !important;} ul.fa-ul.felsorolas .fa{font-size:20px !important; line-height:20px; padding:0!important; margin:0!important; margin-top:-3px !important;} ul.fa-ul.felsorolas li{font-size:15px !important; line-height:22px; font-family:'Roboto'; margin-bottom:20px;} ul.fa-ul li{color:#878685;font-size:15px !important; font-family:'Roboto';} ul.fa-ul a:hover{color:#b3b3b3;} ul.fa-ul a:hover > .fa{color:#5f3c1a !important;} /* ============================================================ POSITION: ABSOLUTE or REALATIVE ============================================================ */ .absolute{position:absolute;} .relative{position:relative;} /* ============================================================ SLIDER ============================================================ */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;} .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1;} .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2;} .carousel .item { border-radius: 0px; background-color: transparent; overflow: hidden; } .left.carousel-control .fa, .right.carousel-control .fa{font-size:18px !important; line-height:43px;} .left.carousel-control .fa{margin-right:0px;} .right.carousel-control .fa{margin-left:0px;} .carousel-control{ background: rgba(0,0,0,.5) !important; width: 46px; height: 46px; text-transform: uppercase; border-radius: 50%; border:2px solid #fff; text-align: center; top: 50%; z-index: 20; text-decoration: none; filter: alpha(opacity=100); opacity: 1; color:#fff; } .carousel-control:hover{ color:#b62b4c !important; background: rgba(0,0,0,.3) !important; } .carousel-control:active, .carousel-control:focus{ color:#5f3c1a!important; background: rgba(0,0,0,.3) !important; text-decoration: none; filter: alpha(opacity=100); outline: 0; opacity: 1; } .carousel-control.right{right:30px !important;} .carousel-control.left{left:30px !important;} @media (max-width: 991px) { .left.carousel-control .fa, .right.carousel-control .fa{font-size:14px !important; line-height:30px;} .carousel-control{ width: 36px; height: 36px; top: 50%; } } .carousel-indicators { position: absolute; bottom: 120px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 2px; text-indent: -999px; cursor: pointer; background-color:#404041; border: 2px solid #404041; border-radius: 50%; } .carousel-indicators .active { width: 12px; height: 12px; margin: 2px; background-color: #fff; border:2px solid #404041; } .carousel-caption { position: absolute; right: 10%; top: 50px; left: 10%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, .6); } .carousel-caption h3 { font-family:'Roboto'; font-weight:700; font-size:27px; line-height:45px; color: #fff; text-align: center; } @media (max-width: 991px) { .carousel-indicators {bottom: 30px;} .carousel-caption {top: 30px;} .carousel-caption h3 { font-size:20px; line-height:25px; } } @media (max-width: 480px) { .carousel-indicators {bottom:0;} .carousel-caption {top:0;} .carousel-caption h3 { font-size:16px; line-height:20px; } } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active {opacity: 1;} .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;} .carousel-fade .carousel-control {z-index: 2;} @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0; } } /* ============================================================ GOOGLE MAP ============================================================ */ #map{min-height:390px;} @media (max-width: 768px) { #map{min-height:250px;} } /* ============================================================ BREADCRUMB - MORZSAMENU ============================================================ */ .breadcrumb{ background:#fff; padding:20px 0; border-radius:0; text-transform:none; } .breadcrumb li, .breadcrumb li a { font-family:'Roboto'; font-size: 14px; font-weight:400!important; text-transform:uppercase; text-decoration:none; } .breadcrumb li a{color:#b6b5b5;} .breadcrumb li a:hover{color:#b62b4c;} .breadcrumb li.active{font-weight:800!important;} .breadcrumb li.active:before{font-weight:normal;} .breadcrumb > li + li:before { padding: 0 10px; content: "/\00a0"; } @media (max-width: 991px) { .breadcrumb{padding:20px 15px;} .breadcrumb > li + li:before {padding: 0 6px;} } @media (max-width: 480px) { .breadcrumb li {display:block;} .breadcrumb > li + li:before {padding: 0 6px 0 0;} } /* ============================================================ TABS ============================================================ */ .tab-content > .tab-pane {padding:0 30px;} .nav-tabs {border-bottom: 1px solid #ddd;} /* .nav-tabs > li.active:last-child, .nav-tabs > li:last-child {border-right: 1px solid !important;} */ .nav-tabs > li.active:last-child, .nav-tabs > li:last-child,.nav-tabs > li > a {border-color: #eeeeee !important;} .nav-tabs > li > a { margin-right: -1px !important; line-height: 1.42857143; border: 1px solid; border-radius:0 !important; background: #fcfbfc; color:#616161; border-bottom-color: #cecece !important; } .nav-tabs > li > a:hover {color:#fff !important;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #46afa7; cursor: default; background-color: #fff; border: 1px solid #cecece !important; border-bottom-color: transparent !important; z-index:9999; } .nav-tabs.nav-justified > li > a {margin-right: 0;border-radius: 4px; border: 1px solid #eeeeee !important;} .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border: 1px solid #cecece!important;} @media (min-width: 768px) { .nav-tabs.nav-justified > li {display: table-cell;width: 1%;} .nav-tabs.nav-justified > li > a { margin-bottom: 0;} .nav-tabs.nav-justified > li > a {border-bottom: 1px solid #cecece !important; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {border-bottom-color: #fff !important;} } .tab-dropdown .dropdown-menu{ margin:0 !important; padding:0 !important; min-width: 160px; } .tab-dropdown .caret {margin-left:10px !important;} .tab-dropdown b,.tab-dropdown:active b,.tab-dropdown:focus b {color: #6b6b6a !important;} .tab-dropdown:hover b{color:rgba(0,0,0,.6) !important;} .tab-dropdown .dropdown-menu > li { padding-top: 0 !important; margin:1px 0; border:1px solid #cecece; } .tab-dropdown .dropdown-menu > li > a { display: block; padding: 8px 16px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .tab-dropdown .dropdown-menu > .active > a, .tab-dropdown .dropdown-menu > .active > a:hover, .tab-dropdown .dropdown-menu > .active > a:focus { color: #fff !important; text-decoration: none; outline: 0; border:1px solid #46afa7 !important; } /* ============================================================ PADINATION ============================================================ */ .pagination { display: inline-block; border-radius:5px!important; } .pagination > li {display: inline;} .pagination > li > a, .pagination > li > span { color: #333; background-color:#fff; border: 1px solid #e4e4e4; padding:7px; width:45px; height:45px; line-height:30px; font-size:15px; font-family:'Roboto'; font-weight:400; border-radius:5px !important; margin:0 5px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #333; background-color: rgba(0,0,0,.06); border-color: #e4e4e4; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #bdd748; border-color: transparent; color:#fff; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {width:auto; padding-left:15px; padding-right:15px;} /* ============================================================ PARALLAX BG ============================================================ */ .parallax-bg-container{ padding:100px 0; margin-top:20px; min-height: 350px; background: transparent; } @media screen and (max-width: 991px) { .parallax-bg-container{padding:80px 0;} } @media screen and (max-width: 480px) { .parallax-bg-container{padding:60px 0;} } /* ============================================================ DL-HORIZONTAL ============================================================ */ .dl-horizontal{font-family:'roboto';} .dl-horizontal dt {font-weight:800;} .dl-horizontal dd {font-weight:300; margin-bottom:15px;} .dl-horizontal dd:last-child {margin-bottom:0px;} /*============================================================================================================================================================================================================================================================================================================================================== -¤-¤-¤-¤-¤- EGYEDI TARTALOM -¤-¤-¤-¤-¤- =================================================================================================== ============================================================================================================================================================================================================================================*/ /* ============================================================ HEADER ============================================================ */ header{ padding:20px 0; background:#fff; } .header-info {text-align:right;} .header-info p{ font-size:14px !important; font-weight:300; display:inline; padding-left: 10px; } @media screen and (max-width: 768px) { .header-info {text-align:center;} .header-info p{display:block;} } /* ============================================================ HEADER-MENÜ ============================================================ */ .sm,.sm ul,.sm li{display:block;list-style:none;padding:0;line-height:normal;direction:ltr;} ul.sm ul{position:absolute;top:-999999px;width:100px;} ul.sm li{position:relative;float:left;} ul.sm a{position:relative;display:block;white-space:nowrap;} ul.sm a.disabled{cursor:default;} .sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;} ul.sm-rtl li{float:right;} ul.sm ul li,ul.sm-vertical li{float:none;} ul.sm ul a,ul.sm-vertical a{white-space:normal;} ul.sm ul.sm-nowrap>li>a{white-space:nowrap;} ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;} ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);} .navbar-default{ background:transparent; margin-bottom:0; } .navbar-nav > li > a { padding-top: 22px; padding-bottom: 22px; } .sm-nav a { text-transform: uppercase; text-decoration:none; font: 13.5px/18px 'Roboto'; text-shadow:none; display:block; margin:0 0.5px; display:block; } .sm-nav ul { background:#fff; -webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15); } .sm-nav ul a { margin:0 -2px; text-transform:none; } .sm-nav ul li {margin:0 2px;} .sm-nav a:hover[class*="color-"], .sm-nav a:hover { color:#fff !important; background:rgba(95,60,26,1)!important; text-decoration:none; } .sm-nav ul a:hover[class*="color-"], .sm-nav ul a:hover, .sm-nav ul a.highlighted:hover { color:#5f3c1a!important; background:rgba(95,60,26,.1)!important; } .sm-nav a.highlighted { background:rgba(95,60,26,1) !important; color:#fff !important; } .sm-nav ul a.highlighted { background:rgba(182,43,76,1) !important; color:#fff !important; } .sm-nav a:hover span.sub-arrow:before, .sm-nav-vertical a:hover span.sub-arrow:before, .sm-nav a.highlighted span.sub-arrow:before, .sm-nav-vertical a.highlighted span.sub-arrow:before{color:#b62b4c;} .sm-nav ul a.highlighted span.sub-arrow:before {color:#fff;} .sm-nav ul a:hover span.sub-arrow:before, .sm-nav-vertical ul a:hover span.sub-arrow:before, .sm-nav ul a.highlighted:hover span.sub-arrow:before {color:#5f3c1a !important} /* SM-MEGA-MENU ==========================*/ .sm-nav ul.mega-menu { min-width:450px!important; padding:15px; color:#fff; } .sm-nav ul hr{border-color:rgba(0,0,0,0.25);} .sm-nav ul.mega-menu h3{ margin:15px 0 10px; padding:0; } .sm-nav ul.mega-menu p{font-size:13px;} /* SM-NAV ARROW ==========================*/ .sub-arrow { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; } .sm-nav a span.sub-arrow { position:absolute; width:15px; height:15px; overflow:hidden; right:10px; top:50%; margin-top:-8px; } .sm-nav a span.sub-arrow:before { content: '\f107'; color:rgba(0,0,0,.4); font-size:15px; font-weight:bold; } .sm-nav-vertical a span.sub-arrow, .sm-nav ul a span.sub-arrow { width:15px; height:15px; right:10px; top:50%; margin-top:-10px; } .sm-nav-vertical a span.sub-arrow:before, .sm-nav ul a span.sub-arrow:before { content: '\f105'; color:rgba(0,0,0,.4); font-size:15px; font-weight:bold; } .sm-nav a.has-submenu {padding-right:35px;} .sm-nav-vertical a.has-submenu, .sm-nav ul a.has-submenu {padding-right:40px;} /* SM-NAV DROPDOWN ==========================*/ .sm-nav ul{ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; list-style: none; font-size: 15px; text-align: left; } .sm-nav ul > li > a { display: block; padding: 12px 20px; clear: both; font-weight: 100; font:14px/18px 'Roboto'; color: #555555; } .sm-nav ul li{margin:0 2px 0 !important;} .sm-nav ul li:last-child {margin-bottom:0 !important;} .navbar-nav ul li a {border-bottom:1px solid rgba(0,0,0,.1) !important;} @media (min-width: 992px) { .navbar-default.navbar-side{} .sm-vertical{width:100% !important;} } @media (min-width: 768px) and (max-width: 991px) { ul.sm-nav{ width:104.25% !important; margin-left:-15px; margin-right:15px; } .row-offset ul.sm-nav{ width:100% !important; margin:0; } .navbar-right a{width:auto !important;} } @media screen and (max-width: 991px) { ul.sm-nav{width:auto; margin-bottom:20px;} .row-offset ul.sm-nav.sm-vertical{margin:0;} ul.sm-nav ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;} ul.sm-nav>li{float:none;} ul.sm-nav>li>a,ul.sm-nav ul.sm-nowrap>li>a{white-space:normal;} ul.sm-nav iframe{display:none;} .sm-nav li a {margin:1px 0 0; padding-left:30px!important; border-bottom:1px solid rgba(0,0,0,.1);} .sm-nav ul a {padding-left:45px!important;} .sm-nav ul ul a {padding-left:60px!important; background:rgba(255,255,255,0.15)} .sm-nav ul ul ul a {padding-left:75px!important; background:rgba(255,255,255,0.25)} .sm-nav ul ul {padding-top:0 !important;} .sm-nav ul li {margin:0 0 0px !important;} .sm-nav ul li:last-child {margin-bottom:5px !important;} ul.nav-category{ margin-bottom:15px !important; padding:0 !important; } .navbar-default{visibility: visible !important;} .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; } .navbar-right{ margin:0!important; padding:10px 0 !important; float:left !important; left:0; width:100%; } .navbar-right a{width:100%;} .sm-nav ul.mega-menu {width:100%!important;} .sm-nav a span.sub-arrow, .sm-nav-vertical a span.sub-arrow, .sm-nav ul a span.sub-arrow {right:30px;} } /* ============================================================ CAROUSEL - SLIDER ============================================================ */ .carousel-indicators { position: relative; bottom: 50px; left: 50%; z-index: 15; width: 60%; padding: 0; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width:15px; height:5px; background:#fff; margin:0 2.5px; text-indent: -999px; cursor: pointer; border: 0; border-radius:0; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .125); box-shadow:0 0 2px rgba(0, 0, 0, .125); } .carousel-indicators .active { width:15px; height:5px; background:#00a096; margin:0 2.5px; } .carousel-container{ top:0; z-index:-5; width:100%; } /* .carousel{z-index:-4;} */ img.carousel-item-img{ top: 0; left: 0; min-width: 100%; height: 100%; } .new-caption-area{ z-index:-3; width:75%; } .carousel-text-container{ margin-top:-50px !important; position:relative; min-height:140px; padding:30px 30px 15px; } @media (max-width: 768px) { .carousel-text-container{ margin-top:0px !important; } } .carousel-caption, .carousel-text-container{ -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .carousel-text-container h1{ font-size:26px; font-weight:300; padding:0; margin:0; } .carousel-text-container p{ color:#616161; font-size:14px; line-height:18px; } .carousel-text-container p{ color:#616161; animation-name: example; animation-duration: 1.5s; animation-timing-function: ease-in; } .carousel-text-container h1{ color:transparent; animation-name: example2; animation-duration: 1.5s; animation-timing-function: ease-in; } @keyframes example { 0% {color: #fff;} 60% {color: #616161;} } @keyframes example2 { 0% {color: #fff;} 60% {color: #5f3c1a;} } .carousel-text-container p+.btn{ margin-top: 10px; position:absolute; right:15px; top:70px; } .control-buttons{ position:absolute; right:30px; top:30px; } @media (max-width: 991px) { .carousel-text-container{margin-top:0;} .new-caption-area{ width:100%; margin-top:65px; } .control-buttons{ position:realtive; text-align:right; display:block; width:100%; } .carousel-text-container p+.btn{ margin: 10px 0 10px; position:relative; right:auto; top:auto; } } /* ============================================================ FŐOLDALI 4 BOX ============================================================ */ .four-box-row{ margin-right: -30px!important; margin-left: -30px!important; margin-top:15px; } .four-box-container { padding-top:30px; padding-bottom:30px; } .four-box-container h2{ font-size:32px !important; font-weight:300; padding:50px 30px 0; margin:0; } .four-box-container p{ font-size:14px !important; font-weight:300; line-height:20px; padding:20px 15% 15px; margin:0; } @media (max-width: 767px) { .four-box-row{ margin-right: -22.5px!important; margin-left: -22.5px!important; } .four-box-container h2{ font-size:25px !important; padding:50px 30px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .four-box-container p{padding:10px 4% 15px} } .cube {text-align:center;} .cube2 p{position:absolute; bottom:20px;} .cube p, .cube2 p{ font-size:24px !important; text-transform:uppercase; text-align:center; text-decoration:none; line-height:30px; z-index:9; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .cube:hover p{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 1200px) { .cube p, .cube2 p{ font-size:18px !important; line-height:26px; } } @media (max-width: 767px) { .cube p, .cube2 p{ font-size:14px !important; line-height:22px; } } .highlight-p { display: inline; background: #b62b4c; color: #fff; padding: 0.25em; padding-left: 0; padding-right: 0; box-shadow: 10px 0 0 #b62b4c, -10px 0 0 #b62b4c; } .highlight-b { display: inline; background: #5f3c1a; color: #fff; padding: 0.25em; padding-left: 0; padding-right: 0; box-shadow: 10px 0 0 #5f3c1a, -10px 0 0 #5f3c1a; } .h-content { display: block; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; } .h, .h-xs-1, .h-sm-1, .h-md-1, .h-lg-1, .h-xs-2, .h-sm-2, .h-md-2, .h-lg-2, .h-xs-3, .h-sm-3, .h-md-3, .h-lg-3, .h-xs-4, .h-sm-4, .h-md-4, .h-lg-4, .h-xs-5, .h-sm-5, .h-md-5, .h-lg-5,.h-xs-6, .h-sm-6, .h-md-6, .h-lg-6, .h-xs-7, .h-sm-7, .h-md-7, .h-lg-7, .h-xs-8, .h-sm-8, .h-md-8, .h-lg-8, .h-xs-9, .h-sm-9, .h-md-9, .h-lg-9, .h-xs-10, .h-sm-10, .h-md-10, .h-lg-10, .h-xs-11, .h-sm-11, .h-md-11, .h-lg-11, .h-xs-12, .h-sm-12, .h-md-12, .h-lg-12 { overflow: hidden; padding: 0; } .h > div, .h-xs-1 > div, .h-sm-1 > div, .h-md-1 > div, .h-lg-1 > div, .h-xs-2 > div, .h-sm-2 > div, .h-md-2 > div, .h-lg-2 > div, .h-xs-3 > div, .h-sm-3 > div, .h-md-3 > div, .h-lg-3 > div, .h-xs-4 > div, .h-sm-4 > div, .h-md-4 > div, .h-lg-4 > div, .h-xs-5 > div, .h-sm-5 > div, .h-md-5 > div, .h-lg-5 > div, .h-xs-6 > div, .h-sm-6 > div, .h-md-6 > div, .h-lg-6 > div, .h-xs-7 > div, .h-sm-7 > div, .h-md-7 > div, .h-lg-7 > div, .h-xs-8 > div, .h-sm-8 > div, .h-md-8 > div, .h-lg-8 > div, .h-xs-9 > div, .h-sm-9 > div, .h-md-9 > div, .h-lg-9 > div, .h-xs-10 > div, .h-sm-10 > div, .h-md-10 > div, .h-lg-10 > div, .h-xs-11 > div, .h-sm-11 > div, .h-md-11 > div, .h-lg-11 > div, .h-xs-12 > div, .h-sm-12 > div, .h-md-12 > div, .h-lg-12 > div { box-sizing: border-box; position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; margin: 0; padding:15px; } @media (max-width: 767px) { .h > div, .h-xs-1 > div, .h-sm-1 > div, .h-md-1 > div, .h-lg-1 > div, .h-xs-2 > div, .h-sm-2 > div, .h-md-2 > div, .h-lg-2 > div, .h-xs-3 > div, .h-sm-3 > div, .h-md-3 > div, .h-lg-3 > div, .h-xs-4 > div, .h-sm-4 > div, .h-md-4 > div, .h-lg-4 > div, .h-xs-5 > div, .h-sm-5 > div, .h-md-5 > div, .h-lg-5 > div, .h-xs-6 > div, .h-sm-6 > div, .h-md-6 > div, .h-lg-6 > div, .h-xs-7 > div, .h-sm-7 > div, .h-md-7 > div, .h-lg-7 > div, .h-xs-8 > div, .h-sm-8 > div, .h-md-8 > div, .h-lg-8 > div, .h-xs-9 > div, .h-sm-9 > div, .h-md-9 > div, .h-lg-9 > div, .h-xs-10 > div, .h-sm-10 > div, .h-md-10 > div, .h-lg-10 > div, .h-xs-11 > div, .h-sm-11 > div, .h-md-11 > div, .h-lg-11 > div, .h-xs-12 > div, .h-sm-12 > div, .h-md-12 > div, .h-lg-12 > div { padding:7.5px; } } .col-xs-1.h,.h-xs-1{padding-bottom:8.3333333333%} .col-xs-2.h,.h-xs-2{padding-bottom:16.6666666667%} .col-xs-3.h,.h-xs-3{padding-bottom:25%} .col-xs-4.h,.h-xs-4{padding-bottom:33.3333333333%} .col-xs-5.h,.h-xs-5{padding-bottom:41.6666666667%} .col-xs-6.h,.h-xs-6{padding-bottom:50%} .col-xs-7.h,.h-xs-7{padding-bottom:58.3333333333%} .col-xs-8.h,.h-xs-8{padding-bottom:66.6666666667%} .col-xs-9.h,.h-xs-9{padding-bottom:75%} .col-xs-10.h,.h-xs-10{padding-bottom:83.3333333333%} .col-xs-11.h,.h-xs-11{padding-bottom:91.6666666667%} .col-xs-12.h,.h-xs-12{padding-bottom:100%} @media (min-width: 768px) { .col-sm-1.h,.h-sm-1{padding-bottom:8.3333333333%} .col-sm-2.h,.h-sm-2{padding-bottom:16.6666666667%} .col-sm-3.h,.h-sm-3{padding-bottom:25%} .col-sm-4.h,.h-sm-4{padding-bottom:33.3333333333%} .col-sm-5.h,.h-sm-5{padding-bottom:41.6666666667%} .col-sm-6.h,.h-sm-6{padding-bottom:50%} .col-sm-7.h,.h-sm-7{padding-bottom:58.3333333333%} .col-sm-8.h,.h-sm-8{padding-bottom:66.6666666667%} .col-sm-9.h,.h-sm-9{padding-bottom:75%} .col-sm-10.h,.h-sm-10{padding-bottom:83.3333333333%} .col-sm-11.h,.h-sm-11{padding-bottom:91.6666666667%} .col-sm-12.h,.h-sm-12{padding-bottom:100%} } @media (min-width: 992px) { .col-md-1.h,.h-md-1{padding-bottom:8.3333333333%} .col-md-2.h,.h-md-2{padding-bottom:16.6666666667%} .col-md-3.h,.h-md-3{padding-bottom:25%} .col-md-4.h,.h-md-4{padding-bottom:33.3333333333%} .col-md-5.h,.h-md-5{padding-bottom:41.6666666667%} .col-md-6.h,.h-md-6{padding-bottom:50%} .col-md-7.h,.h-md-7{padding-bottom:58.3333333333%} .col-md-8.h,.h-md-8{padding-bottom:66.6666666667%} .col-md-9.h,.h-md-9{padding-bottom:75%} .col-md-10.h,.h-md-10{padding-bottom:83.3333333333%} .col-md-11.h,.h-md-11{padding-bottom:91.6666666667%} .col-md-12.h,.h-md-12{padding-bottom:100%} } @media (min-width: 1200px) { .col-lg-1.h,.h-lg-1{padding-bottom:8.3333333333%} .col-lg-2.h,.h-lg-2{padding-bottom:16.6666666667%} .col-lg-3.h,.h-lg-3{padding-bottom:25%} .col-lg-4.h,.h-lg-4{padding-bottom:33.3333333333%} .col-lg-5.h,.h-lg-5{padding-bottom:41.6666666667%} .col-lg-6.h,.h-lg-6{padding-bottom:50%} .col-lg-7.h,.h-lg-7{padding-bottom:58.3333333333%} .col-lg-8.h,.h-lg-8{padding-bottom:66.6666666667%} .col-lg-9.h,.h-lg-9{padding-bottom:75%} .col-lg-10.h,.h-lg-10{padding-bottom:83.3333333333%} .col-lg-11.h,.h-lg-11{padding-bottom:91.6666666667%} .col-lg-12.h,.h-lg-12{padding-bottom:100%} } /* ============================================================ 3D,4D BABAMOZI ============================================================ */ .babamozi-container p, .babamozi-container h3{color:#fff;} .babamozi-container p{font-weight:300;} .babamozi-container h3{font-weight:500;} /* ============================================================ RÓLUNK MONDTÁK PANEL ============================================================ */ .panel-default h6{ color:#3b3b3b; line-height:28px; margin-bottom:15px; } .panel-default p{ color:#b2b2b2; margin-bottom:15px; font-weight:300; line-height:22px; } /* ============================================================ QUOTE SLIDER ============================================================ */ .qoute-container{ padding:100px 0; min-height: 300px; background: auto; } @media screen and (max-width: 991px) { .qoute-container{padding:80px 0;} } @media screen and (max-width: 480px) { .qoute-container{padding:60px 0;} } .quote-carousel { padding: 0;} .quote-carousel .item p { font-size:20px !important; line-height:30px; font-weight:300; text-align:center; color:#787878; } h3.qoute-header { font-size:45px; line-height:42px; font-weight:300; text-align:center; margin:0 0 20px; } .quote-carousel .item blockquote { border-left: none; margin: 0; } .quote-carousel .left.carousel-control .fa, .quote-carousel .right.carousel-control .fa{font-size:28px !important; line-height:40px;} .quote-carousel .left.carousel-control .fa{margin-right:3px;} .quote-carousel .right.carousel-control .fa{margin-left:3px;} .quote-carousel .carousel-control{ background: rgba(0,0,0,.0)!important; width: 40px; height: 40px; text-transform: uppercase; border-radius:0; border:0; text-align: center; top: 0; z-index: 20; text-decoration: none; filter: alpha(opacity=100); opacity: 1; color:#b62b4c; } .quote-carousel .carousel-control:hover{ color:#fff !important; background: #b62b4c !important; } .quote-carousel .carousel-control:active, .quote-carousel .carousel-control:focus{ color:#b62b4c!important; background: rgba(0,0,0,.2) !important; text-decoration: none; filter: alpha(opacity=100); outline: 0; opacity: 1; } .quote-carousel .carousel-control.right{right:-40px !important;} .quote-carousel .carousel-control.left{left:-40px !important;} @media screen and (max-width: 991px) { .quote-carousel {padding: 0 65px;} .quote-carousel .item p { font-size:23px !important; line-height:30px; } .quote-carousel .carousel-control.right{right:20px !important;} .quote-carousel .carousel-control.left{left:20px !important;} } /* ============================================================ CONTAINER ============================================================ */ .container-margin{margin:1px 0;} .container-padding{padding:30px 0;}.container-padding img{margin-top:15px;} .container-padding-top{padding-top:30px;} .container-padding-bot{padding-bottom:30px;} .side-qoute, .side-qoute-item, .side-box {background:#fbfafa !important;} .side-qoute{ margin-top:13.6%; z-index:150; } .side-qoute .panel{margin:0; padding:0;} .side-qoute-item { margin:0; padding:30px 15px !important; /* min-height:205px; */ } .side-qoute-item p{ font-size:15px; line-height:19px; font-weight:300; font-style:italic !important; color:#787878; margin:0; padding:0; } .side-qoute-item p+p{margin:20px 0; padding:0;} .side-qoute-item p:first-child{margin-top:0 !important; margin-bottom:0 !important; padding:0;} .side-qoute-item p:last-child{margin-top:20px; margin-bottom:0 !important; padding:0;} .side-qoute-item p b{font-weight:600} .side-qoute-item .qoute-icon{ font-size:70px; background: #b62b4c; background: -moz-linear-gradient(45deg, #b62b4c 0%, #5f3c1a 100%); background: -webkit-linear-gradient(45deg, #b62b4c 0%,#5f3c1a 100%); background: linear-gradient(45deg, #b62b4c 0%,#5f3c1a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62b4c', endColorstr='#5f3c1a',GradientType=1 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top:-70px; position:absolute; } .side-qoute-text-container{ padding:0; padding-top:15px !important; } .side-box h3{ font-size:24px; margin:0 0 20px; } .side-box p{ color:#787878; font-size:14px; line-height:20px; font-style:italic; margin-bottom:0; } .float-img{ position:absolute; width:auto; padding-left:25%; padding-right:15px; } @media screen and (max-width: 768px) { .float-img{ padding-left:15px; padding-right:15px; } } .float-text-container{margin-top:23.5%;} @media screen and (max-width: 991px) { .side-qoute{margin-top:20%;} .float-text-container{margin-top:0;} .side-qoute-re{margin-top:30%;} } @media screen and (max-width: 767px) { .side-qoute{margin-top:30%;} } .float-text-container h1{ font-weight:600; margin-bottom:30px; } .float-text-container h3{ font-size:24px; font-weight:600; text-transform:none; } .full-width-container{padding:70px 0;} @media screen and (max-width: 768px) { .full-width-container{padding:45px 0;} } /* ============================================================ FOOTER ============================================================ */ footer{margin-bottom:60px;} .footer-container {padding:15px 15px !important;} .footer-social-container { text-align:right !important; padding:0; } .footer-social-container li { display:inline-block; list-style:none; margin:0 5px; margin-top:0; } .footer-social-container li a{ font-size:9px !important; line-height:35px; color:#b2b2b2!important; height:30px !important; width:30px !important; display:block; text-align:center; } .footer-social-container li a:hover{color:#e4e4e4!important;} @media screen and (max-width: 768px) { .footer-social-container {text-align:center !important;} }