/* CSS Document */ body {font-family: 'Chivo', sans-serif; font-weight:400; } /* custom bootstrap */ .row { margin-left:0px; margin-right:0px; } .container {margin-top:0px; padding-left:0px; padding-right:0px; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { padding:0px; } p {margin-bottom:0px; margin:0px ; } /*end custom*/ .primaryCustom{ background-color: #fdb825; } .navbar { text-transform: uppercase; font-size:0.8em; scroll-behavior:smooth; } /*remove focus border */ .nav-link:focus, .video_container a:focus { outline: none; } .break_point {display:inline-block; } .navbar-nav {position:relative; width:100%; } .nav-link { padding-top:5px; padding-bottom:5px; font-family:'Roboto Condensed', sans-serif; font-weight: 700 } .navbar-nav span a{ display:inline-block; } .navbar-nav span { text-align:right; position:absolute; right:0px; } .navbar-nav li { padding-right:12px; } #btn_buy_now_nav { color:#fff; background: rgba(255,66,3,1); background: -moz-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,66,3,1)), color-stop(50%, rgba(255,124,1,1)), color-stop(100%, rgba(255,66,3,1))); background: -webkit-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -o-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -ms-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: linear-gradient(to right, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4203', endColorstr='#ff4203', GradientType=1 ); } #top {color:#443; background-color: #000; padding-top:20px; padding-bottom:20px; } #logo_mtch img { height:70px; } #logo_sb img { height:70px; margin-right:10px; } #logo_41 img { height:110px; position:absolute; top:-28px; } h2 {margin-bottom:0px; font-family: 'Chivo', sans-serif; font-weight:900; text-transform: uppercase; color:#111; } h4 {font-family: 'Chivo', sans-serif; font-weight:400; font-style: italic; font-size: 1em; color:#444; padding:0px 10px; margin-bottom:30px; } .headerCustom {text-align:center } .heading_specs {padding-right:90px; text-align:right; font-weight: bold; text-transform: uppercase; } /*Section spacing*/ #four_in_one, #product_about, #technical_specifications, #recommendations, #company_about, #downloads, #footer {margin-top:70px;} .row_header { padding-top:20px; padding-bottom:20px; } .video_container { background-color:#111; text-align:center; position:relative; margin-bottom:80px; margin-top:40px; width:950px; -webkit-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.95); -moz-box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.95); box-shadow: 0px 5px 12px 1px rgba(0,0,0,0.95); } /********ANIMATION TIMINGS*****/ #video_background, #play_video, #play_video_color, .product_detail img, .download_package div img, #contact_company, .nav-item, .footer_logo img, .btn_b, .table_special { -webkit-transition: all .35s; -moz-transition: all .35s; transition: all .35s; } .video_container, .product_detail i, .portfolio-box img, #all_included span { -webkit-transition: all .95s; -moz-transition: all .95s; transition: all .95s; } /*MENU*/ .navbar-light .navbar-nav .nav-link { color:#111 } .navbar-light .navbar-nav .nav-link:hover { color:#fdb825 } .nav-item:hover { background-color:#111; } .nav-item i {transition:none; margin-right:3px; } /*Video segment*/ #video_background {opacity:0.7; width:100%; } .video_wrap .container .video_container{text-align:center; margin-left:auto; margin-right: auto; } #play_video, #play_video_color {width:90px; position:absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) ; } #play_video_color {opacity:0; } .video_container:hover #video_background { opacity:0.9; transform:scale(1.01) } .video_container:hover #play_video { width:105px; opacity:0; } .video_container:hover #play_video_color { width:100px; opacity:1; } .video_container:hover { -webkit-box-shadow: 0px 15px 30px 11px rgba(0,0,0,0.95); -moz-box-shadow: 0px 15px 30px 11px rgba(0,0,0,0.95); box-shadow: 0px 15px 30px 11px rgba(0,0,0,0.95); } /*All included button*/ #all_included .row a{margin-left:auto; margin-right:auto; } #all_included .row span {display:block; color:#fff; padding:7px 30px; text-transform:uppercase; font-family: 'Chivo', sans-serif; font-weight:bold; font-size:18px; margin-top:-20px; background: rgba(255,66,3,1); background: -moz-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,66,3,1)), color-stop(50%, rgba(255,124,1,1)), color-stop(100%, rgba(255,66,3,1))); background: -webkit-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -o-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: -ms-linear-gradient(left, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); background: linear-gradient(to right, rgba(255,66,3,1) 0%, rgba(255,124,1,1) 50%, rgba(255,66,3,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4203', endColorstr='#ff4203', GradientType=1 ); } #all_included a { text-align:center} #all_included i { display:block ; margin-top:-10px; opacity:0; color:#FF5700 } #all_included:hover span {transform:translateY(5px); } #all_included:hover i {transform:translateY(18px); opacity:0.9; } /************* 4 IN 1 section*************/ #four_in_one { margin-right:auto; margin-left:auto; text-align:center;} #four_in_one .row div { margin-right:auto; margin-left:auto; } .product_detail .row div {border:solid 1px green; } .product_detail { height:300px; background: rgba(219,219,219,1); background: -moz-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(219,219,219,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff', GradientType=0 ); } .product_detail img {height:94%; padding:20px; cursor: pointer;} .product_detail i {color:#fdb825; font-size:32px; position:absolute; right:20px; bottom:80px; cursor: pointer;} .product_detail, .product_description {margin:0px 2px !important; } .product_description { font-family:'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase; color:#fff; background-color:#222; text-align:left; line-height:50px; } .product_description span { font-family: 'Chivo', sans-serif; color:#111; background-color:#fdb825; font-size:24px; display:inline-block; text-align:center; height:55px; padding:0px 21px; } .product_description img { height:53px; width:30px; vertical-align:top; margin-left:-5px; } .product_detail:hover img {height:97%; } .product_detail:hover i {font-size:40px; color:#111; } .modal-content {padding:40px 60px; } .modal-content h2 { margin-bottom:20px; text-align: center; } .modal-img-wrap img {width:100%; height:auto; margin-bottom:20px; } .modal_txt { text-align:left; margin-bottom:20px; } .modal-footer {text-align:center; border-top:none; justify-content: center; } /*************About Scaffold Bench section*************/ .background_about{ background-image:url("../img/scaffoldbench_background.jpg"); background-repeat:no-repeat; background-position: center; background-size: cover; height:100% } .text_about { padding:40px 50px; } .text_about p { } .btn_b {display:inline-block; position:relative; padding:8px 15px; background-color:#fdb825; color:#fff; text-transform:uppercase; font-size:15px; } #sold_at {position:relative; } #sold_at i {opacity:0; margin-left:15px; position: absolute; right:-40px; top:13px; font-size:0.9em; } #sold_at:hover .btn_b {padding-right:45px; background-color:#111; color:#fff;} #sold_at:hover i { opacity:1; color:#fff; right:18px;} #sold_at_wrap img {height:100%; vertical-align:top } .text_about_wrap { background-image:url("../img/about_background.jpg"); background-repeat:no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } /* Technical Specs */ .table_row { padding-top:17px; padding-bottom:17px; border-bottom:solid 1px #eee; } .table_special { padding: 5px 10px; ; margin-right:3px; border:solid 1px #111; cursor:pointer; margin-top:1px; margin-bottom:1px; } .table_special img {width:40px; margin-right:2px; } .table_special i { margin-left:3px; } .prod_specs { font-family:'Roboto Condensed', sans-serif; } .table_special:hover i { color:#fdb825; transform:scale(1.2) } .table_special:hover { border:solid 1px #fdb825; } /* Workbench */ #workbench {margin-top:70px; background-color:#dfdfdf; margin-left: 15px; margin-right:15px; } #workbench .container-fluid { padding:0px; } .workbench_txt_cont { text-align:center; padding:90px 0px; } .workbench_side {background-image:url("../img/background_workbench.jpg"); background-repeat:no-repeat; background-position: right; background-size: cover; background-attachment: fixed; } .workbench_side img { margin-top:10px; margin-left:55px; margin-bottom:-20px; } #technical_specifications_workbench { padding-top:70px; background-color:#f4f4f4; padding-bottom: 50px; margin-left: 15px; margin-right:15px; } #technical_specifications_workbench .table_special {background-color:#ffffff;} #technical_specifications_workbench .table_row { border-bottom-color: #ddd; } .assembly_links span { margin-bottom:15px; } .also_available{ width:180px; margin:auto; color:#ffffff; padding:7px 5px; text-transform:uppercase; font-family: 'Chivo', sans-serif; font-weight:bold; font-size:14px; background: rgba(255,68,0,1); background: -moz-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,68,0,1)), color-stop(54%, rgba(255,128,0,1)), color-stop(100%, rgba(255,68,0,1))); background: -webkit-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -o-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -ms-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: linear-gradient(to right, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4400', endColorstr='#ff4400', GradientType=1 ); } /*******GALLERY******/ #gallery {margin-top:70px; } #gallery img { width:100%; border:solid 1px #fff; } .portfolio-box { display: block; position: relative; margin: 0 auto; max-width: 650px; overflow:hidden; } .portfolio-box .portfolio-box-caption { display: block; position: absolute; bottom: 0; width: 100%; height: 100%; text-align: center; color: #111; opacity: 0; background: rgba(1,1,1,.7); -webkit-transition: all 1.25s; -moz-transition: all 1.25s; transition: all 1.122s; } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content { position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { padding: 0 15px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-transform: uppercase; color:#fff; } .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { text-transform: uppercase; font-size: 18px; font-weight: 600; } .portfolio-box i { margin-top:10px; font-size:25px; opacity:0.7 } .portfolio-box:hover .portfolio-box-caption { opacity: 1; } .portfolio-box:hover img {width:110%; transform: scale(1.2) } /*Recommendations*/ .rec_wrap {text-align:left; } .rec_wrap div {padding:0px 50px; } .rec_header { margin:20px 0px; font-family: 'Chivo', sans-serif; font-weight:700; text-transform: uppercase; } .rec_title { font-family: 'Chivo', sans-serif; font-weight:400; font-style: italic; } .rec_signature { margin:20px 0px; font-family:'Roboto Condensed', sans-serif; font-weight: 700; } .rec_wrap i { position: absolute; top:10px; right:30px; font-size:36px; color:#aaa; } /*Company about*/ .background_company { background-color:#000; width:100%; height:100% ; vertical-align:middle; position:relative; } .background_company img { width:50%; position:absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%) } .text_company_wrap { background-image:url("../img/company_background.jpg"); background-repeat:no-repeat; background-position: center; background-size: cover; background-attachment: fixed; padding-bottom:40px; } .text_company { padding: 20px 40px; } #contact_company { color:#fff; margin-top:14px; padding:8px 15px; background-color:#fdb825; display:inline-block; text-transform: uppercase; font-size:15px; position:relative; } #contact_company i {opacity:0; color:#fff; position: absolute; right:-30px; top:12px; } #contact_company:hover { padding-right:35px; background-color:#111; color:#fff; } #contact_company:hover i {opacity:0.9; right:10px} /*Downloads*/ .downloads_wrap { text-align:center; margin-top:30px; } .download_package { background-color:#111; display:inline-block; margin:0px 13px; height:340px; } .download_package p { color:#fff; font-family:'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase; margin-top:10px; } .download_package span { color:#777 } .download_package div {height:140px; overflow: hidden; background-color:#222 } .download_package div img { opacity:0.6; width:100%; } .download_package i { color:#777; font-size:45px; position:absolute; bottom:10px; transform: translate(-50%, -50%); } .download_package div span { margin-top:20px; display:inline-block; } .download_package div span img { padding:0px 20px; } .stand_alone div img {width:90px; margin-top:10px; } .download_package:hover i {margin:11px 0px; color:#fdb825; } .download_package:hover div img { opacity:0.9; } /* Footer */ #footer { background-color:#222; padding-top:30px; color:#fff; } .footer_header { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size:1.3em; text-transform: uppercase; margin-bottom:20px; } .footer_row { padding-top:10px; padding-bottom:10px; border-bottom:solid 1px #555; color:#aaa; margin-right:50px; } .footer_product img{ width:160px; } .footer_logo img {width:130px; } .footer_logo:hover img { transform:scale(1.05) } .footer_enhance {color:#fdb825; } #footer i { margin-right:4px; } .footer_logo {width:100%; margin-left:auto; margin-right:auto; } .footer_logo div { margin-top:15px; } #social_media { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size:1.4em; background-color:#000; padding-top:30px; padding-bottom:40px; margin-top:40px; color:#aaa; text-transform: uppercase; } #social_media i {font-size: 1.5em; color:#fff; margin-left:10px; padding:7px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /* future proofing */ -khtml-border-radius: 6px; /* for old Konqueror browsers */ } .fa-facebook-square {background-color:#3b579d; } .fa-youtube {background-color:#ff0000; } .fa-pinterest-square {background-color:#bd081c; } .fa-instagram {background-color:#d93175; } .fa-twitter {background-color:#00aced; } #social_media i:hover {transform:scale(1.1); transform:translateY(-5px)} #copyright_info { padding-top:30px; padding-bottom:30px; font-size: 0.8em; color:#444; } .video_wrap { align-items: center; background: rgba(84,84,84,1); background: -moz-radial-gradient(center, ellipse cover, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(84,84,84,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); background: radial-gradient(ellipse at center, rgba(84,84,84,1) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#000000', GradientType=1 ); } /*Btn buy now/to top */ #btn_buy_now { cursor: pointer; position: fixed; bottom: 450px; right: 0px; color:#fff; display:none; text-align:center; background: rgba(255,68,0,1); background: -moz-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,68,0,1)), color-stop(54%, rgba(255,128,0,1)), color-stop(100%, rgba(255,68,0,1))); background: -webkit-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -o-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: -ms-linear-gradient(left, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); background: linear-gradient(to right, rgba(255,68,0,1) 0%, rgba(255,128,0,1) 54%, rgba(255,68,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4400', endColorstr='#ff4400', GradientType=1 ); padding: 12px 13px; border-radius: 10px 0px 0px 10px; font-family:'Roboto Condensed', sans-serif; font-weight: 700; font-size:18px; opacity:0.8; } #btn_buy_now img {width:45px; margin-bottom:5px; } #btn_buy_now span { width:100%; text-align:center; text-transform:uppercase; display:block; line-height:20px; } #btn_buy_now:hover { padding-right:20px; opacity:1; } #btn_buy_now:hover span { } /*links*/ a,i {transition: all .3s ease-out;} #footer a:link { color:#aaa; } a:link { color:#000; } a:visited { color:#000; } a:hover { color:#555; } a:active { color:#000; } a.inactive_link:link { color:#777 !important; } a.inactive_link:visited { color:#777 !important; } #all_included a {text-decoration:none; } #contact_company a:link { color:#fff; } #contact_company a:visited { color:#fff; } #contact_company a:hover { color:#fff; } #contact_company a:active { color:#fff; } .pointer a:link { color:#fdb825; } .pointer a:visited { color:#fdb825; } .pointer a:hover { color:#fff; } .pointer a:active { color:#fdb825; } .video_container a i:hover { color:#fff;} #sold_at_wrap a:link { color:#000;text-decoration: underline !important; } #sold_at_wrap a:visited { color:#000;text-decoration: underline !important; } #sold_at_wrap a:hover span{ color:#000; text-decoration: underline !important; } #sold_at_wrap a:active { color:#000;text-decoration: underline !important; } .footer_logo a:link { color:#aaa; } .footer_logo a:visited { color:#aaa; } .footer_logo a:hover { color:#fdb825; text-decoration:none; } .footer_logo a:active { color:#aaa; } .video_container a i:hover { color:#fff;} .download_package a:hover { color:#fdb825; text-decoration:none; } /*MEDIA QUERRY*/ @media (max-width: 1200px) { .navbar-nav li { padding-right:0px; } #top {color:#443; background-color: #000; padding-top:13px; padding-bottom:13px; } #logo_mtch img { height:57px; } #logo_sb img { height:57px; margin-right:10px; } #logo_41 img { height:90px; position:absolute; top:-25px; } .video_container {margin-bottom:60px; } .product_detail {height:250px; } .product_detail img {height:90%; } .product_detail:hover img {height:94%; } .product_description { font-size:14px; } .rec_wrap i {font-size:30px; right:10px; top:0px; } .download_package { margin:0px 15px; } .workbench_txt_cont { text-align:center; padding:50px 0px; } .workbench_side img { margin-top:10px; margin-left:55px; margin-bottom:-20px; width:380px; } } @media (max-width: 992px) { #top {color:#443; background-color: #000; padding-top:10px; padding-bottom:10px; } #logo_mtch img { height:45px; } #logo_sb img { height:45px; margin-right:10px; } #logo_41 img { height:80px; position:absolute; top:-25px; } .modal-content {padding:30px 40px;} .video_container {margin-bottom:60px; } .product_detail {height:190px; } .product_detail img {height:100%; } .product_detail:hover img {height:104%; } .product_description { font-size:15px; } #sold_at_wrap { width: 465px } .rec_wrap i {font-size:30px; right:10px; top:0px; } .download_package { margin:0px 15px; } .prod_specs {text-align:center;} .heading_specs { padding:0px; text-align:center } .text_about {padding:10px 20px; } .download_package { margin:0px 5px; } .background_company {height:100px; } .text_company {text-align:center; } .text_about_wrap {text-align:center; } #sold_at_wrap {text-align:center; width:100%; } .text_about_wrap {background-position:right !important; } .modal-dialog {max-width:700px; } .navbar-nav span a{ display:inline-block; padding:20px !important; } .navbar-nav span { text-align:left; position:inherit; border-top:solid 1px #111; right:0px; } .workbench_txt_cont { text-align:center; padding:50px 0px; } .workbench_side img { margin:auto; margin-top:-20px; margin-bottom:-20px; text-align: center; width:280px; } .workbench_side { text-align: center; } .assembly_links a{display:block; } } @media (max-width: 768px) { #top {color:#443; background-color: #000; padding-top:7px; padding-bottom:7px; } #logo_mtch img { height:34px; } #logo_sb img { height:34px; } #logo_41 img { height:70px; position:absolute; top:-25px; } .modal-content {padding:20px 20px;} .video_container {margin-bottom:40px; } .prod_specs {text-align:center;} .download_package { margin:0px 1px; } .modal-dialog {max-width:500px; } .modal_txt {padding:0px; text-align:center; } #sold_at_wrap {text-align: center} #sold_at_wrap img{ display:block; text-align: center; margin-left:auto; margin-right:auto } #sold_at span {line-height:normal; margin-top:10px; font-size:16px; } #social_media {font-size:1.2em; } #btn_buy_now { width:100%; bottom:0px; border-radius:0px 0px 0px 0px; opacity:1; padding-bottom:7px; } #btn_buy_now:hover { padding-right:13px; } #copyright_info { margin-bottom:90px; text-align:center } } @media (max-width: 576px) { #top {color:#443; background-color: #000; padding-top:8px; padding-bottom:12px; } #logo_mtch img { height:24px; } #logo_sb img { height:24px; } #logo_41 img { height:45px; position:absolute; top:-10px; } #four_in_one, #product_about, #technical_specifications, #recommendations, #company_about, #downloads, #footer {margin-top:30px;} .video_container {margin-bottom:40px; } .product_detail {margin-top:5px !important; } .download_package { margin:1px 1px; } #sold_at_wrap { } #sold_at_wrap img{ text-align:center } #sold_at_wrap i {opacity:1; margin-left:4px; } #sold_at div {display:block; font-size:0.9em; } #sold_at {padding-left:0px !important;width:100%; } .table_special {margin-top:3px; } #footer, h2 { padding:5px; } #contact {text-align: center; } .footer_header {margin-top:20px; } .footer_row {margin:0px;} .modal-dialog {max-width:100%; } .modal-img-wrap img {width:90%; } #social_media { text-align: center; } #technical_specifications {margin-top:80px;} #sold_at {padding-left:0px; } } /******BOOSTRAP TOOLTIP******/ .tooltip{ position:absolute; z-index:1020; display:block; visibility:visible; padding:5px; font-size:17px; opacity:0; filter:alpha(opacity=0) } .tooltip-inner{ padding:3px 14px; color:#314A5B; text-align:center; font-weight:900; background-color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border: 1px solid #ff4a0a; } .tooltip-arrow{ width:0; height:0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #ff4a0a !important; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #ff4a0a !important; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #ff4a0a !important; } /*ANIMATION*/ /*=== FADE IN ===*/@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } /*=== FADE IN DOWN ===*/ .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown {0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fade-in { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; animation-duration:0.5s; } .fade-in-down { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeInDown ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeInDown ease-in 1; animation:fadeInDown ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; animation-duration:1.2s; } .fade-in.one { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .fade-in.two { -webkit-animation-delay: 0.2s; -moz-animation-delay:0.2s; animation-delay: 0.2s; } .fade-in.three { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } /********Remove modal transition from top***************/ .modal.fade .modal-dialog { -moz-transition: none !important; -o-transition: none !important; -webkit-transition: none !important; transition: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important; transform: none !important; }