#header,a{transition:.5s}.navbar .dropdown ul,.navbar-mobile .dropdown ul{z-index:99;background:#fff;box-shadow:0 0 30px rgba(127,137,161,.25)}#about p,#hotels p{margin-bottom:20px}#footer .footer-top .footer-info p,#header #logo h1,#hero .about-btn,#hero h1,.navbar a,.navbar a:focus,h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif}#faq .faq-list,*,.navbar ul{list-style:none}.button-42,.buy-tickets,.nav__link,.navbar>ul>li,.project .grid__title{white-space:nowrap}*,.nav__link,a{text-decoration:none}a{color:#f82249}a:active,a:focus,a:hover{color:#f8234a;outline:0;text-decoration:none}p{padding:0;margin:0 0 30px}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0 0 20px;padding:0;color:#0e1b4d}.main-page{margin-top:70px}#preloader{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:visible;background:url("../img/preloader.svg") center center no-repeat #fff}.back-to-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:15px;z-index:996;background:#f82249;width:40px;height:40px;border-radius:50px;transition:.4s}#hero,.navbar li,.section-header{position:relative}.back-to-top i{font-size:28px;color:#fff;line-height:0}#header #logo h1,.section-header h2{font-size:36px;font-weight:700;text-transform:uppercase}.back-to-top:hover{background:#f94a6a;color:#fff}.back-to-top.active{visibility:visible;opacity:1}.section-header{margin-bottom:60px;padding-bottom:10px}#header,.navbar-mobile{position:fixed;left:0;right:0}.section-header::before{content:"";position:absolute;display:block;width:60px;height:5px;background:#f82249;bottom:0;left:calc(50% - 25px)}.section-header h2{text-align:center;margin-bottom:10px}.section-header p{text-align:center;padding:0;margin:0;font-size:15px;font-weight:500;color:#9195a2}.section-with-bg{background-color:#f6f7fd}#header{height:70px;top:0;z-index:997}#header.header-inner,#header.header-scrolled{background:rgba(124,3,29,.98);height:50px}#header #logo h1{margin:0;letter-spacing:3px}#contact .contact-info a:hover,#faq .faq-list .collapsed:hover,#footer .footer-top .footer-links ul a:hover,#header #logo h1 span,#hero h1 span,#hotels a:hover,#speakers .speaker .details a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul a:hover,.navbar .dropdown ul li:hover>a,.navbar-mobile .active,.navbar-mobile .dropdown ul .active:hover,.navbar-mobile .dropdown ul a:hover,.navbar-mobile .dropdown ul li:hover>a,.navbar-mobile a:hover,.navbar-mobile li:hover>a{color:#f82249}#header #logo h1 a,#header #logo h1 a:hover,#speakers .speaker .details a,#subscribe .section-header h2,#subscribe p,.buy-tickets:focus,.navbar .active,.navbar .active:focus,.navbar a:hover,.navbar li:hover>a{color:#fff}#header #logo img{padding:0;margin:0;max-height:40px}.buy-tickets{color:#fff;background:#000;padding:5px 19px;margin:0 0 0 12px;border-radius:50px;border:2px solid #f82249;transition:.3s ease-in-out;font-weight:500;line-height:1;font-size:13px}.buy-tickets:hover{background:0 0;color:#fff}@media (max-width:992px){#header #logo img{max-height:30px}.buy-tickets{margin:0 15px 0 0}}.ecommerce .tag-list,.navbar,.navbar-mobile>ul>li{padding:0}.navbar ul{margin:0;padding:0;display:flex;align-items:center}.navbar>ul>li{padding:10px 0 10px 12px}.navbar a,.navbar a:focus{display:flex;align-items:center;justify-content:space-between;color:rgba(255,249,247,.8);font-weight:600;font-size:14px;white-space:nowrap;transition:.3s;position:relative;padding:6px 4px}.navbar a i,.navbar a:focus i{font-size:12px;line-height:0;margin-left:5px}.navbar>ul>li>a:before{content:"";position:absolute;width:0;height:2px;bottom:-6px;left:0;background-color:#f82249;visibility:hidden;transition:.3s ease-in-out}.navbar .active:before,.navbar a:hover:before,.navbar li:hover>a:before{visibility:visible;width:100%}.navbar .dropdown ul{display:block;position:absolute;left:12px;top:calc(100% + 30px);margin:0;padding:10px 0;opacity:0;visibility:hidden;transition:.3s}.navbar .dropdown ul li,.navbar-mobile .dropdown ul li{min-width:200px}.navbar .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;color:#060c22}.navbar .dropdown ul a i,.navbar-mobile .dropdown ul a i{font-size:12px}.navbar .dropdown:hover>ul{opacity:1;top:100%;visibility:visible}.navbar .dropdown .dropdown ul{top:0;left:calc(100% - 30px);visibility:hidden}.navbar .dropdown .dropdown:hover>ul{opacity:1;top:0;left:100%;visibility:visible}@media (max-width:1366px){.navbar .dropdown .dropdown ul{left:-90%}.navbar .dropdown .dropdown:hover>ul{left:-100%}}.mobile-nav-toggle{color:#fff;font-size:28px;cursor:pointer;display:none;line-height:0;transition:.5s}@media (max-width:691px){.mobile-nav-toggle{display:block}.navbar ul{display:none}}.navbar-mobile{overflow:hidden;top:0;bottom:0;background:rgba(0,0,0,.9);transition:.3s;z-index:999}.navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px}.navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;background-color:#fff;overflow-y:auto;transition:.3s}.navbar-mobile .active:before,.navbar-mobile a:hover:before,.navbar-mobile li:hover>a:before{visibility:hidden}.navbar-mobile a,.navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#060c22}.navbar-mobile .getstarted,.navbar-mobile .getstarted:focus{margin:15px}.navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;opacity:1;visibility:visible}.navbar-mobile .dropdown ul a{padding:10px 20px}.navbar-mobile .dropdown>.dropdown-active,.wrapper .sidebar ul li a.active:before,.wrapper .sidebar ul li a:hover:before{display:block}#hero{width:100%;height:100vh;background:url(../img/hero-bg.jpg) top center/cover;overflow:hidden}@media (min-width:1024px){#hero{background-attachment:fixed}}@media only screen and (max-width:600px){#hero{background:url(../img/hero-bg.jpg) top center;height:200px;width:100%;padding-top:80px}}#hero:before{content:"";background:rgba(66,38,38,.8);position:absolute;bottom:0;top:0;left:0;right:0}#hero .hero-container{position:absolute;bottom:0;left:0;top:10px;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 15px}#about,#hero .play-btn{position:relative;overflow:hidden}#hero h1{color:#fff;font-size:40px;font-weight:500;text-transform:uppercase}#about h2,#about h3,#hero p{font-weight:700}#hero p{color:#ebebeb;font-size:20px}#hero .play-btn{width:94px;height:94px;background:radial-gradient(#f82249 50%,rgba(101,111,150,.15) 52%);border-radius:50%;display:block}#hero .play-btn::after{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:100;transition:.4s cubic-bezier(.55, .055, .675, .19)}#hero .play-btn:before{content:"";position:absolute;width:120px;height:120px;-webkit-animation:2s infinite pulsate-btn;animation:2s infinite pulsate-btn;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:2px solid rgba(163,163,163,.4);top:-15%;left:-15%;background:rgba(198,16,0,0)}#hero .play-btn:hover::after{border-left:15px solid #f82249;transform:scale(20)}#hero .play-btn:hover::before{content:"";position:absolute;left:50%;top:50%;transform:translateX(-40%) translateY(-50%);width:0;height:0;border:none;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #fff;z-index:200;-webkit-animation:none;animation:none;border-radius:0}#hero .about-btn{font-weight:500;font-size:14px;letter-spacing:1px;display:inline-block;padding:7px 32px;border-radius:20px;transition:.5s;line-height:1;margin:5px;color:#fff;border:2px solid #5ff822}#hero .about-btn:hover{background:#3bf822;color:#fff}@-webkit-keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}100%{transform:scale(1,1);opacity:0}}@keyframes pulsate-btn{0%{transform:scale(.6,.6);opacity:1}100%{transform:scale(1,1);opacity:0}}#about{background:url("../img/about-bg.jpg") 0 0/cover;color:#fff;padding:60px 0 40px}#about:before,#venue .venue-info:before{content:"";background:rgba(13,20,41,.8);position:absolute;bottom:0;top:0;left:0;right:0}#about h2{font-size:36px;margin-bottom:10px;color:#fff}#about h3{font-size:18px;text-transform:uppercase;margin-bottom:10px;color:#fff}#about p{font-size:14px;color:#fff;text-align:justify}#speakers{padding:60px 0 30px}#speakers .speaker{position:relative;overflow:hidden;margin-bottom:30px}#speakers .speaker .details{background:rgba(78,2,2,.76);position:absolute;left:0;bottom:-40px;right:0;text-align:center;padding-top:10px;transition:.3s cubic-bezier(.645, .045, .355, 1)}#speakers .speaker .details h3{color:#000;font-size:22px;font-weight:600;margin-bottom:5px}#speakers .speaker .details p{color:#fff;font-size:15px;margin-bottom:10px;font-style:italic}#speakers .speaker .details .social{height:40px}#speakers .speaker .details .social i{line-height:0;margin:0 2px}#speakers .speaker:hover .details{bottom:0}#buy-tickets,#contact,#faq,#hotels,#schedule,#speakers-details,#supporters,#venue{padding:60px 0}#speakers-details .details h2{color:#112363;font-size:28px;font-weight:700;margin-bottom:10px}#speakers-details .details .social{margin-bottom:15px}#speakers-details .details .social a{background:#e9edfb;color:#112363;line-height:1;display:inline-block;text-align:center;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}#footer .footer-top .social-links a:hover,#speakers-details .details .social a:hover{background:#f82249;color:#fff}#speakers-details .details .social a i{font-size:16px;line-height:0}#speakers-details .details p{color:#112363;font-size:15px;margin-bottom:10px}#schedule .nav-tabs{text-align:center;margin:auto auto 30px;display:block;border-bottom:0}#schedule .nav-tabs li{display:inline-block;margin-bottom:0}#schedule .nav-tabs a{border:none;border-radius:50px;font-weight:600;background-color:#0e1b4d;color:#fff;padding:10px 100px}@media (max-width:991px){#hero .hero-container{top:50px}#hero h1{font-size:25px}#hero p{font-size:16px}#schedule .nav-tabs a{padding:8px 60px}}@media (max-width:767px){#schedule .nav-tabs a{padding:8px 50px}}@media (max-width:480px){#schedule .nav-tabs a{padding:8px 30px}}#schedule .nav-tabs a.active{background-color:#f82249;color:#fff}#schedule .sub-heading{text-align:center;font-size:18px;font-style:italic;margin:0 auto 30px}@media (min-width:991px){#schedule .sub-heading{width:75%}}#schedule .tab-pane{transition:.2s ease-in-out}#schedule .schedule-item{border-bottom:1px solid #cad4f6;padding-top:15px;padding-bottom:15px;transition:background-color .3s ease-in-out}#schedule .schedule-item:hover{background-color:#fff}#schedule .schedule-item time{padding-bottom:5px;display:inline-block}#schedule .schedule-item .speaker{width:60px;height:60px;overflow:hidden;border-radius:50%;float:left;margin:0 10px 10px 0}#schedule .schedule-item .speaker img{height:100%;transform:translateX(-50%);margin-left:50%;transition:.3s ease-in-out}#schedule .schedule-item h4{font-size:18px;font-weight:600;margin-bottom:5px}#schedule .schedule-item h4 span{font-style:italic;color:#19328e;font-weight:400;font-size:16px}#schedule .schedule-item p{font-style:italic;color:#152b79;margin-bottom:0}#venue .container-fluid{margin-bottom:3px}#venue .venue-map iframe{width:100%;height:100%;min-height:300px}#venue .venue-info{background:url("../img/venue-info-bg.jpg") top center/cover no-repeat;position:relative;padding-top:60px;padding-bottom:60px}#venue .venue-info h3{font-size:36px;font-weight:700;color:#fff}@media (max-width:574px){#venue .venue-info h3{font-size:24px}}#venue .venue-info p{color:#fff;margin-bottom:0}#venue .venue-gallery-container{padding-right:12px}#venue .venue-gallery{overflow:hidden;border-right:3px solid #fff;border-bottom:3px solid #fff}#supporters img,#venue .venue-gallery img{transition:.4s ease-in-out}#buy-tickets .card,#hotels .hotel-img img{transition:.3s ease-in-out}#hotels .hotel:hover .hotel-img img,#venue .venue-gallery:hover img,.img-box:hover img{transform:scale(1.1)}#hotels .hotel{border:1px solid #e0e5fa;background:#fff;margin-bottom:30px}#hotels .hotel-img{overflow:hidden;margin-bottom:15px}#hotels .stars,#hotels h3{margin-bottom:5px;padding:0 20px}#hotels h3{font-weight:600;font-size:20px}#hotels a{color:#152b79}#hotels .stars i{color:#ffc31d}#hotels p{padding:0 20px;color:#060c22;font-style:italic;font-size:15px}#gallery{padding:60px;overflow:hidden}#gallery .swiper-pagination{margin-top:20px;position:relative}#gallery .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1;border:1px solid #f82249}#gallery .swiper-pagination .swiper-pagination-bullet-active{background-color:#f82249}#gallery .swiper-slide-active{text-align:center}@media (min-width:992px){#gallery .swiper-wrapper{padding:40px 0}#gallery .swiper-slide-active{border:5px solid #f82249;padding:4px;background:#fff;z-index:1;transform:scale(1.15);margin-top:6px}}#supporters .supporters-wrap{border-top:1px solid #e0e5fa;border-left:1px solid #e0e5fa;margin-bottom:30px}#buy-tickets .card ul li,#contact .contact-address,#contact .contact-email,#contact .contact-phone,#faq .faq-list li{margin-bottom:20px}#supporters .supporter-logo{padding:30px;display:flex;justify-content:center;align-items:center;border-right:1px solid #e0e5fa;border-bottom:1px solid #e0e5fa;overflow:hidden;background:rgba(255,255,255,.5);height:160px}#supporters .supporter-logo:hover img{transform:scale(1.2)}#faq .faq-list{padding:0}#faq .faq-list li{border-bottom:1px solid #e9eaed;padding-bottom:20px}#faq .faq-list .question{display:block;position:relative;font-family:#f82249;font-size:18px;line-height:24px;font-weight:400;padding-left:25px;cursor:pointer;color:#e0072f;transition:.3s}#faq .faq-list i{font-size:16px;position:absolute;left:0;top:-2px}#subscribe,.button-42,.product-desc{position:relative}#faq .faq-list p{margin-bottom:0;padding:10px 0 0 25px}#faq .faq-list .icon-show,.ibox.collapsed .ibox-content{display:none}#faq .faq-list .collapsed{color:#000}#faq .faq-list .collapsed .icon-show{display:inline-block;transition:.6s}#faq .faq-list .collapsed .icon-close{display:none;transition:.6s}#subscribe{padding:60px;background:url(../img/subscribe-bg.jpg) center center/cover no-repeat;overflow:hidden}#subscribe:before{content:"";background:rgba(6,12,34,.6);position:absolute;bottom:0;top:0;left:0;right:0}@media (min-width:1024px){#about,#subscribe{background-attachment:fixed}}#subscribe input{background:#fff;color:#060c22;border:0;outline:0;margin:0;padding:9px 20px;border-radius:50px;font-size:14px}@media (min-width:767px){#subscribe input{min-width:400px}}#subscribe button{border:0;padding:9px 25px;cursor:pointer;background:#f82249;color:#fff;transition:.3s;outline:0;font-size:14px;border-radius:50px}#contact .php-email-form button[type=submit]:hover,#footer .footer-top .footer-newsletter input[type=submit]:hover,#subscribe button:hover{background:#e0072f}@media (max-width:460px){#subscribe button{margin-top:10px}}#buy-tickets .card{border:none;border-radius:5px;box-shadow:0 10px 25px 0 rgba(6,12,34,.1)}#buy-tickets .card:hover{box-shadow:0 10px 35px 0 rgba(6,12,34,.2)}#buy-tickets .card hr{margin:25px 0}#buy-tickets .card .card-title{margin:10px 0;font-size:14px;letter-spacing:1px;font-weight:700}#buy-tickets .card .card-price{font-size:48px;margin:0}#buy-tickets .card .text-muted{opacity:.7}#buy-tickets #buy-ticket-modal .btn,#buy-tickets .card .btn{font-size:15px;border-radius:50px;padding:10px 40px;transition:.2s;background-color:#f82249;border:0;color:#fff}#buy-tickets #buy-ticket-modal .btn:hover,#buy-tickets .card .btn:hover{background-color:#e0072f}#buy-tickets #buy-ticket-modal input,#buy-tickets #buy-ticket-modal select{border-radius:0}#contact .contact-info{margin-bottom:20px;text-align:center}#contact .contact-info i{font-size:48px;display:inline-block;margin-bottom:10px;color:#f82249}#contact .contact-info address,#contact .contact-info p{margin-bottom:0;color:#112363}#contact .contact-info h3{font-size:18px;margin-bottom:15px;font-weight:700;text-transform:uppercase;color:#112363}#contact .contact-info a{color:#4869df}@media (min-width:768px){#contact .contact-address,#contact .contact-email,#contact .contact-phone{padding:20px 0}#contact .contact-phone{border-left:1px solid #ddd;border-right:1px solid #ddd}}#contact .php-email-form .error-message{display:none;color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}#contact .php-email-form .error-message br+br{margin-top:25px}#contact .php-email-form .sent-message{display:none;color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}#contact .php-email-form .loading{display:none;background:#fff;text-align:center;padding:15px}#contact .php-email-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid #18d26e;border-top-color:#eee;-webkit-animation:1s linear infinite animate-loading;animation:1s linear infinite animate-loading}#contact .php-email-form input,#contact .php-email-form textarea{border-radius:0;box-shadow:none;font-size:14px}#contact .php-email-form input:focus,#contact .php-email-form textarea:focus{border-color:#f82249}#contact .php-email-form input{padding:10px 15px}#contact .php-email-form textarea{padding:12px 15px}#contact .php-email-form button[type=submit]{background:#f82249;border:0;padding:10px 40px;color:#fff;transition:.4s;border-radius:50px;cursor:pointer}@-webkit-keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes animate-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#footer{background:#101522;padding:0 0 25px;color:#eee;font-size:14px}#footer .footer-top{background:#040919;padding:60px 0 30px}#footer .footer-top .footer-contact,#footer .footer-top .footer-info,#footer .footer-top .footer-links,#footer .footer-top .footer-newsletter{margin-bottom:30px}#footer .footer-top .footer-info h3{font-size:26px;margin:0 0 20px;padding:2px 0;line-height:1;font-family:Raleway,sans-serif;font-weight:700;color:#fff}#footer .footer-top .footer-info img{height:40px;margin-bottom:10px}#footer .footer-top .footer-info p{font-size:14px;line-height:24px;margin-bottom:0;color:#fff}#footer .footer-top .social-links a{display:inline-block;background:#222636;color:#eee;line-height:1;margin-right:4px;border-radius:50%;width:36px;height:36px;transition:.3s;display:inline-flex;align-items:center;justify-content:center}#footer .footer-top .social-links a i{line-height:0;font-size:16px}#footer .footer-top h4{font-size:14px;font-weight:700;color:#fff;text-transform:uppercase;position:relative;padding-bottom:12px;border-bottom:2px solid #f82249}#footer .footer-top .footer-links ul{list-style:none;padding:0;margin:0}#footer .footer-top .footer-links ul i{padding-right:5px;color:#f82249;font-size:18px}#footer .footer-top .footer-links ul li{border-bottom:1px solid #262c44;padding:10px 0}#footer .footer-top .footer-links ul li:first-child{padding-top:0}#footer .footer-top .footer-links ul a{color:#eee}#footer .footer-top .footer-contact p{line-height:26px}#footer .footer-top .footer-newsletter input[type=email]{border:0;padding:6px 8px;width:65%}#footer .footer-top .footer-newsletter input[type=submit]{background:#f82249;border:0;width:35%;padding:6px 0;text-align:center;color:#fff;transition:.3s;cursor:pointer}#footer .copyright{text-align:center;padding-top:30px}#footer .credits{text-align:center;font-size:11px;position:fixed;bottom:0;width:100%;height:40px;color:#ddd}.button-42{background-color:initial;background-image:linear-gradient(-180deg,#e4dbd3,red);border-radius:6px;box-shadow:rgba(255,255,255,.1) 0 2px 4px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;height:40px;line-height:40px;outline:0;overflow:hidden;padding:0 20px;pointer-events:auto;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:top;width:100%;z-index:9;border:0;transition:box-shadow .2s}.cart-product-imitation,.product-imitation{background-color:#f8f8f9;text-align:center}.button-42:hover{box-shadow:rgba(255,255,255,.5) 0 3px 8px}CSS code This is the css code used to create this bootstrap snippet,You can copy,change,customize and run the following CSS code to get a result Like the one shown in the preview selection body,paste{margin-top:20px;background:#eee}.product-box{padding:0;border:1px solid #e7eaec}.product-box.active,.product-box:hover{border:1px solid transparent;-webkit-box-shadow:0 3px 7px 0 #a8a8a8;-moz-box-shadow:0 3px 7px 0 #a8a8a8;box-shadow:0 3px 7px 0 #a8a8a8}.product-imitation{padding:90px 0;color:#bebec3;font-weight:600}.cart-product-imitation{padding-top:30px;height:80px;width:80px}.product-imitation.xl{padding:120px 0}.product-desc{padding:20px}.ecommerce .fa-star{color:#d1dade}.ecommerce .fa-star.active{color:#f8ac59}.ecommerce .note-editor{border:1px solid #e7eaec}table.shoping-cart-table{margin-bottom:0}table.shoping-cart-table tr td{border:none;text-align:right}table.shoping-cart-table tr td.desc,table.shoping-cart-table tr td:first-child{text-align:left}table.shoping-cart-table tr td:last-child{width:80px}.product-name{font-size:16px;font-weight:600;color:#676a6c;display:block;margin:2px 0 5px}.product-name:focus,.product-name:hover{color:#1ab394}.product-price{font-size:14px;font-weight:600;color:#fff;background-color:#1ab394;padding:6px 12px;position:absolute;top:-32px;right:0}#portfolio,.grid__overlay,.project{position:relative}.product-detail .ibox-content{padding:30px 30px 50px}.image-imitation{background-color:#f8f8f9;text-align:center;padding:200px 0}.ibox-content,.ibox-title{background-color:#fff;border-color:#e7eaec;border-image:none;border-style:solid solid none;color:inherit}*,.ibox{padding:0}.product-main-price small{font-size:10px}.product-images{margin:0 20px}.ibox{clear:both;margin-bottom:25px;margin-top:0}.ibox.collapsed .fa.fa-chevron-up:before{content:"\f078"}.ibox.collapsed .fa.fa-chevron-down:before{content:"\f077"}.ibox:after,.ibox:before{display:table}.ibox-title{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-width:3px 0 0;margin-bottom:0;padding:14px 15px 7px;min-height:48px}.ibox-content{padding:15px 20px 20px;border-width:1px 0}.ibox-footer{color:inherit;border-top:1px solid #e7eaec;font-size:90%;background:#fff;padding:10px 15px}.close,.project .grid__title{color:#474545;text-transform:uppercase;letter-spacing:2px}*{box-sizing:border-box;font-family:'Open Sans',sans-serif;box-sizing:border-box;margin:0}body{color:#2f3138;background:#f8f9ff;font-family:Raleway;margin:0 0 55px}.wrapper .sidebar{background:#bb3d02;position:fixed;top:0;left:0;width:225px;height:100%;padding:20px 0;transition:.5s}.wrapper .sidebar .profile{margin-bottom:30px;text-align:center}.wrapper .sidebar .profile img{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto}.wrapper .sidebar .profile h3{color:#fff;margin:10px 0 5px}.wrapper .sidebar .profile p{color:#cef0fd;font-size:14px}.wrapper .sidebar ul li a{display:block;padding:13px 30px;border-bottom:1px solid #000;color:#f1eded;font-size:16px;position:relative}.wrapper .sidebar ul li a .icon{color:#dee4ec;width:30px;display:inline-block}.wrapper .sidebar ul li a.active,.wrapper .sidebar ul li a:hover{color:#000;background:#fff;border-right:2px solid #682405}.wrapper .sidebar ul li a.active .icon,.wrapper .sidebar ul li a:hover .icon{color:#000102}.wrapper .section{width:calc(100% - 225px);margin-left:225px;transition:.5s}.wrapper .section .top_navbar{background:#f05a03;height:50px;display:flex;align-items:center;padding:0 30px}.wrapper .section .top_navbar .hamburger a{font-size:28px;color:#f4fbff}.wrapper .section .top_navbar .hamburger a:hover{color:#a2ecff}body.active .wrapper .sidebar{left:-225px}body.active .wrapper .section{margin-left:0;width:100%}.img-box:hover,button{cursor:pointer}#portfolio{width:100%;min-height:100vh;background:#fff;display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-rows:1fr 1fr;grid-gap:2px}.project{background:#f2dad7;overflow:hidden}.project img{position:absolute;opacity:.9}.project p{position:absolute;text-align:center;width:100%;padding:1em 0;text-transform:uppercase;letter-spacing:2px;z-index:3}.project .grid__title{position:absolute;width:100%;text-align:center;bottom:0;font-weight:100;font-size:.8em;z-index:3}.project:hover .grid__overlay{transform:translateY(0)}.grid__overlay{background:rgba(229,182,177,.9);height:100%;grid-column:1/-1;grid-row:1/-1;display:grid;justify-items:center;align-items:center;transform:translateY(101%);transition:.3s ease-in-out}.grid__overlay button{background:0 0;outline:0;font-weight:100;letter-spacing:2px;border:1px solid #fff;color:#fff;text-transform:uppercase;padding:10px}.grid__overlay button:hover{transition:.3s ease-in-out;background:#fff;color:#d1a39e;transform:scale(1.05)}.overlay{position:fixed;background:rgba(71,69,69,.7);top:0;right:0;bottom:0;left:0;display:none;z-index:3}.overlay.open{display:grid;align-items:center;justify-items:center}.overlay__inner{background:#fff;width:700px;padding:20px;position:relative;opacity:1}.gallery-image img,.img-box,.transparent-box{height:250px;width:350px}.close{position:absolute;top:3px;right:10px;background:0 0;outline:0;border:0}.close:hover{color:#d1a39e}.project__image{margin-left:-50%}@media screen and (max-width:768px){body{grid-auto-flow:row}}.heading{text-align:center;font-size:2em;letter-spacing:1px;padding:40px;color:#050404}.gallery-image{padding:20px;display:flex;flex-wrap:wrap;justify-content:center}.gallery-image img{transform:scale(1);transition:transform .4s}.img-box{box-sizing:content-box;margin:10px;overflow:hidden;display:inline-block;color:#fff;position:relative;background-color:#fff}.caption{position:absolute;bottom:5px;left:20px;opacity:0;transition:transform .3s,opacity .3s}.transparent-box{background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;transition:background-color .3s}.icon-bar,.nav{position:fixed}.img-box:hover .transparent-box{background-color:rgba(0,0,0,.5)}.img-box:hover .caption{transform:translateY(-20px);opacity:1}.caption>p:nth-child(2){font-size:.8em}.opacity-low{opacity:.5}.nav{bottom:0;width:100%;height:55px;box-shadow:0 0 3px rgba(0,0,0,.2);background-color:#690202;display:flex;overflow-x:auto}.nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;min-width:50px;overflow:hidden;font-family:sans-serif;font-size:13px;color:snow;-webkit-tap-highlight-color:transparent;transition:background-color .1s ease-in-out}.nav__link:hover{background-color:#8b0303}.nav__link--active{background-color:#011313}.nav__icon{font-size:18px}.aboutus h2{font-size:42px}.aboutus p{text-align:justify}.icon-bar{top:70%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.icon-bar a{display:block;text-align:center;padding:16px;transition:.3s;color:#fff;font-size:20px}.icon-bar a:hover{background-color:#000}.facebook{background:#2f8c2f;color:#fff}.twitter{background:#55acee;color:#fff}