@import "https://fonts.googleapis.com/css?family=Roboto:300,400,500|Roboto+Condensed:300,400"; @import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700"; body { font-family:'Roboto Condensed', sans-serif; font-size: 13px; line-height: 21px; font-weight: 300; color: #666; background: #fff; } #tiThumbSlider ul li a:focus { outline:none!important; } .col-md-1.col-sm-3.col-xs-4.action-num { width: 10%; } @media (max-width: 767px) { .hidden-header { height: 230px !important; } .common-template{ margin-top: 20px !important; position: relative; /*z-index: -100; */} .col-md-1.col-sm-3.col-xs-4.action-num { width: 25%; } } *:focus { outline:none!important; -webkit-tap-highlight-color:transparent; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } strong, b { font-weight: 600; } img { max-width: 100%; height: auto; } a:link { -webkit-tap-highlight-color: transparent; } ul, ol { list-style: none; } ul { padding: 0; margin: 0; } a { color:#444; } a:hover { color: #F15B2A; } a, a:hover { text-decoration: none; } i { font-size: 1.1em; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; font-weight: 600; margin: 0; color: #444; } h1 { font-size: 24px; line-height: 30px; } h2 { font-size: 22px; line-height: 28px; } h3 { font-size: 18px; line-height: 24px; } .h1_viewcart { font-size: 18px; line-height: 24px; } h4 { font-size: 16px; line-height: 22px; } h5 { font-size: 14px; line-height: 20px; color:#757e85; } h6 { font-size: 12px; line-height: 18px; } p { color: #666; font-size: 13px; font-family: 'Roboto Condensed',sans-serif; line-height: 22px; margin: 0; } p strong { font-weight: 600; } .accent-color-bg { color: #fff; } .fittext { font-size: 38px; font-weight: 300; line-height: 1.6em; margin-bottom: 35px; color: rgba(0, 0, 0, 0.8); } .fittext strong { font-weight: 700; } .page-content p { margin-bottom: 15px; } .wite-text { color: #fff; } .uppercase { text-transform: uppercase; } .image-text { margin-right: 10px; } a.main-button, input[type="submit"] { display: inline-block; text-decoration: none; color: #fff; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; text-transform: uppercase; padding: 6px 16px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a.main-button:hover, input[type="submit"]:hover { color: #fff; } a.main-button i { font-size: 1.2em; } input[type="submit"] { border: none; } .tooltip .tooltip-inner { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; } #content { padding: 60px 0; } #content.full-sections { padding: 0; } #container { background-color: #fff; } #IE8 container { width:100px !important; background:red !important; float:left; } #loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%;/*background: #fff; z-index: 99999999999;*/ } .spinner { position: absolute; width: 40px; height: 40px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; -webkit-animation: rotatee 2.0s infinite linear; animation: rotatee 2.0s infinite linear; } @-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) } } @keyframes rotatee { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes bouncee { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes bouncee { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } #msearch-btn { display:none; } #msearch-lbl { display:block; } tr.row_head td:last-child { border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; } .para a:hover { color: #ffffff; } header { position: fixed; top: 0; width: 100%; z-index: 99999; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .fixed-header { opacity: 0.95; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); } .top-bar { background-color: #fff; border-bottom: 1px solid #f2f2f2; } .top-bar.color-bar { border-bottom: 0; } .top-bar.color-bar a { color: rgba(255, 255, 255, .6); } .top-bar.color-bar a:hover { color: rgba(255, 255, 255, 1) !important; } .top-bar.color-bar ul.social-list li a i { border-left: 1px solid rgba(255, 255, 255, .1); } .top-bar.color-bar ul.social-list li:last-child a i { border-right: 1px solid rgba(255, 255, 255, .1); } .top-bar.color-bar .contact-details li a:before { color: rgba(255, 255, 255, .2); } .top-bar.dark-bar { background-color: #444; border-bottom: 0; } .top-bar.dark-bar a { color: rgba(255, 255, 255, .4); } .top-bar.dark-bar a:hover { color: rgba(255, 255, 255, 1) !important; } .top-bar.dark-bar ul.social-list li a i { border-left: 1px solid rgba(255, 255, 255, .08); } .top-bar.dark-bar ul.social-list li:last-child a i { border-right: 1px solid rgba(255, 255, 255, .08); } .top-bar.dark-bar .contact-details li a:before { color: rgba(255, 255, 255, .2); } .top-bar a { color: #666; } .top-bar .contact-details li { display: inline-block; } .top-bar .contact-details li a:before { position: relative; content: "|"; font-size: 13px; margin: 0 3px; top: -1px; color: #ddd; } .top-bar .contact-details li a:before { color: #666; } .top-bar .contact-details li:first-child a:before { display: none; } .top-bar .contact-details li a { font-size: 12px; display: block; line-height: 32px; } ul.social-list { float: right; } ul.social-list li { float: left; } ul.social-list li a { display: inline-block; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } ul.social-list li a:hover { color: #fff; } ul.social-list li a.facebook:hover { background-color: #507CBE; } ul.social-list li a.twitter:hover { background-color: #63CDF1; } ul.social-list li a.google:hover { background-color: #F16261; } ul.social-list li a.dribbble:hover { background-color: #E46387; } ul.social-list li a.linkdin:hover { background-color: #90CADD; } ul.social-list li a.tumblr:hover { background-color: #4D7EA3; } ul.social-list li a.flickr:hover { background-color: #E474AF; } ul.social-list li a.instgram:hover { background-color: #4D4F54; } ul.social-list li a.vimeo:hover { background-color: #87D3E0; } ul.social-list li a.skype:hover { background-color: #36C4F3 } ul.social-list li a i { font-size: 1em; display: block; width: 34px; height: 33px; line-height: 33px; text-align: center; border-left: 1px solid #f2f2f2; } ul.social-list li:last-child a i { border-right: 1px solid #f2f2f2; } .wpb-mobile-menu { display: none; } .slicknav_menu { display: none; } .navbar-toggle { display: none; } .navbar { margin-bottom: 0; background: #f4f4f4; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; } .navbar-brand { position: relative; padding: 27px 0; margin: 0!important; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .navbar-default .navbar-nav { margin-right: 10px!important; position: relative; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .navbar-default .navbar-nav > li { margin-left: 6px; } .navbar-default .navbar-nav > li:first-child { margin-left: 0; } .navbar-default .navbar-nav > li > a { color: #999; display: block; font-size: 12px; font-weight: 300; /* padding: 28px 15px 28px 15px;*/ overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; font-weight: 400; } .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a { border-bottom: 2px solid; } .navbar-default .navbar-nav > li > a i { margin: 0 -2px 0 -5px; } .navbar-default .navbar-nav > li > a:after { position: absolute; bottom: 0; content: ''; left: 50%; display: block; height: 5px; width: 5px; opacity: 0; margin: 0 0 -3px -2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } .navbar-default .navbar-nav > li > a.active:after { opacity: 1; } .navbar-default .navbar-nav .dropdown { position: absolute; left: 0; top: 100%; width: 180px; background-color: #fff; visibility: hidden; z-index: 2; opacity: 0; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .navbar-default .navbar-nav > li.drop:hover .dropdown { visibility: visible; opacity: 1; } .dropdown li, .sup-dropdown li { position: relative; border-top: 1px solid rgba(0, 0, 0, 0.04); } .dropdown li:first-child, .sup-dropdown li:first-child { border-top: none; } .dropdown li a, .sup-dropdown li a { display: block; color: #666; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; padding: 11px 16px; text-decoration: none; text-transform: capitalize; transition: padding 0.2s ease-in-out; -moz-transition: padding 0.2s ease-in-out; -webkit-transition: padding 0.2s ease-in-out; -o-transition: padding 0.2s ease-in-out; } .dropdown > li:hover > a, .sup-dropdown li:hover > a { padding-left: 18px; } .dropdown li a i { margin: 0 0 0 -4px; } .navbar-default .navbar-nav .sup-dropdown { position: absolute; left: 100%; top: 0; width: 180px; background-color: #fff; margin-top: 10px; transition: margin-top 0.2s ease-in-out; -moz-transition: margin-top 0.2s ease-in-out; -webkit-transition: margin-top 0.2s ease-in-out; -o-transition: margin-top 0.2s ease-in-out; visibility: hidden; z-index: 3; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown { visibility: visible; margin-top: 0; } .search-side { position: relative; float: right; top: 19px; right: -15px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .show-search { position: relative; display: block; float: right; } .show-search i { font-size: 1.2em !important; display: block; color: #666; width: 36px; cursor: pointer; height: 36px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; line-height: 36px; text-align: center; background-color: #f2f2f2; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .show-search:hover i { color: #666; } .navbar .search-form { position: absolute; right: 0; z-index: 20; float: right; display: none; top: 40px; } .navbar .search-form:before { background-color: #ccc; top: -2px; content: ''; display: block; height: 4px; width: 4px; z-index: 20; right: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } .navbar .search-form form input { border: 2px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; padding: 5px 14px; z-index: 22; color: #9d9d9d; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: none; box-shadow: none; } .navbar .search-form form { position: absolute; right: 0; top: 0; z-index: 20; } #main-slide .item img { width: 100%; } #main-slide .item .slider-content { z-index: 0; opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } #main-slide .item.active .slider-content { z-index: 0; opacity: 1; -webkit-transition: opacity 100ms; -moz-transition: opacity 100ms; -o-transition: opacity 100ms; transition: opacity 100ms; } #main-slide .slider-content { top: 50%; margin-top: -130px; left: 0; padding: 0; text-align: center; position: absolute; width: 100%; height: 100%; color: #fff; } #main-slide .carousel-indicators { bottom: 30px; } .carousel-indicators li { width: 14px !important; height: 14px !important; border: 2px solid #fff !important; margin: 1px !important; } #main-slide .carousel-control.left, #main-slide .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; } #main-slide .carousel-control.left span { padding: 15px; } #main-slide .carousel-control.right span { padding: 15px; } #main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right { position: absolute; top: 40%; z-index: 5; display: inline-block; } #main-slide .carousel-control .fa-angle-left { left: 0; } #main-slide .carousel-control .fa-angle-right { right: 0; } #main-slide .carousel-control i { background: rgba(0, 0, 0, .7); color: #fff; line-height: 36px; font-size: 32px; padding: 15px 20px; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } #main-slide .slider-content h2 { font-size: 76px; font-weight: 100; text-transform: uppercase; color: #555; } #main-slide .slider-content h2.white, #main-slide .slider-content h3.white { color: #fff; } #main-slide .slider-content h3 { font-size: 25px; font-weight: bold; text-align: left; color: #555; } #main-slide .slider-content h1 { font-size: 25px; font-weight: bold; text-align: left; color: #555; } #main-slide .slider-content h5 { font-size: 15px; text-align: left; color: #555; line-height:25px; margin-top:10px; } .slider.btn { padding: 10px 40px; margin-top: 40px; font-size: 20px; border-radius: 2px; text-transform: uppercase; line-height: 28px; border: 0; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset; } .slider.btn.btn-default { margin-left: 4px; background: #ECECEC } .slider.btn.btn-default:hover { background: #000; color: #fff; } .slider-content-left { position: relative; margin: 0 0 0 40px; } .slider-content-right { position: relative; } /*-- Animation --*/ .carousel .item.active .animated1 { } .carousel .item.active .animated2 { -webkit-animation: lightSpeedIn 1s ease-in 200ms both; animation: lightSpeedIn 1s ease-in 200ms both; } .carousel .item.active .animated3 { -webkit-animation: bounceInLeft 1s ease-in-out 500ms both; animation: bounceInLeft 1s ease-in-out 500ms both; } .carousel .item.active .animated4 { -webkit-animation: flipInX 1s ease-in 500ms both; animation: flipInX 1s ease-in 500ms both; text-align: center; } .carousel .item.active .animated5 { -webkit-animation: bounceInLeft 1s ease-in-out 100ms both; animation: bounceInLeft 1s ease-in-out 100ms both; } .carousel .item.active .animated6 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; text-align: center; } .carousel .item.active .animated7 { -webkit-animation: bounceIn 1s ease-in 500ms both; animation: bounceIn 1s ease-in 500ms both; } .carousel .item.active .animated8 { -webkit-animation: fadeInDown 1s ease-in 1000ms both; animation: fadeInDown 1s ease-in 1000ms both; } /*************** About Us ***************/ .about-us { padding-bottom: 60px; margin:50px 0px 0px 0px; padding-left:20px; } .about-us h2 { padding-left:20px; padding-bottom:20px; } .about-us p { text-align:justify; margin:10px 0px; } .about-us ul, .space { margin:15px 0px; } .mobile-view { margin-top:0px !important; padding:0px !important; } #about-video { height:150px!important; text-align:center!important; display:inherit; } .orange { color:#F15B2A; } .common-inner { padding-bottom: 60px; margin:56px 0px 0px 0px; padding-left:20px; } .common-inner h2 { padding-left:20px;/* padding-bottom:20px; */ } /*.common-inner p{ text-align:justify; margin:10px 0px;} .common-inner ul,.space{ margin:15px 0px;} */ /*************** Product Carousel ***************/ .product-categories { padding-bottom: 10px; margin:30px 0px 0px 0px; } .product-categories h2 { padding-left:20px; } .product-carousel .product-item a { display: block; text-align: center; } .our-clients { width:95%; margin:0 auto; } .buynow-list { width:99%; margin:0 auto; } .product-carousel .product-item { border-radius:5px; width:90%; margin:0 auto; height:300px; margin-top:30px; } .product-item span { color:#515151; text-align:center; font-size:14px; font-weight:bold; display:inherit; margin-top:10px; } .product-carousel:hover .product-item a img { opacity: 0.6; } .product-carousel:hover .product-item a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: none; opacity: 1; } /*************** Brands Carousel ***************/ .brands-categories { padding-bottom: 30px; margin:0px 0px 0px 0px; } .brands-categories h2 { padding-left:20px; } .brands-carousel .brands-item a { display: block; padding: 23px 0; text-align: center; } .brands-carousel .brands-item { border-radius:5px; width:90%; margin:0 auto; height:200px; } .brands-carousel .brands-item a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; /*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ /*filter: url('/js/filters.svg#grayscale');*/ /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/ } .brands-carousel:hover .brands-item a img { opacity: 0.6; } .brands-carousel:hover .brands-item a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: none; opacity: 1; } /*************** Custom Carousel ***************/ .custom-carousel.show-one-slide .item { padding-right: 0; } /*************** Buttons ***************/ .btn { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .btn-system { display: inline-block; color: #fff; margin-right: 5px; font-weight: 300; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border:0; text-transform: uppercase; font-weight: 400; background:#F15B2A; /* background:#40b3f4; */ } .btn-system:last-child { margin-right: 0; } .btn-system { font-size: 1em; width: auto; } .btn-system.border-btn { background-color: transparent; border: 1px solid; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .btn-system:hover { color: #fff; opacity: 0.8; } .btn-system.border-btn:hover { opacity: 1; color: #fff; } .btn-system.border-btn.btn-gray:hover { background-color: #444; color: #fff; } .btn-system.border-btn.btn-black:hover { background-color: #111; color: #fff; } .btn-system.border-btn.btn-wite:hover { background-color: #fff; } .btn-system.btn-gray { background-color: #444; } .btn-system.btn-black { background-color: #111; } .btn-system.btn-wite { background-color: #fff; } .btn-system.border-btn.btn-gray { background-color: transparent; border: 1px solid #444; color: #444; } .btn-system.border-btn.btn-black { background-color: transparent; border: 1px solid #111; color: #111; } .btn-system.border-btn.btn-wite { background-color: transparent; border: 1px solid #fff; color: #fff; } .btn-large { font-size: 14px; padding: 9px 22px; } a.btn-large { border:0px; } .btn-medium { font-size: 14px; padding: 7px 18px; } .btn-small { padding: 5px 15px; } .btn-mini { padding: 3px 12px; } .btn-large.border-btn { padding: 8px 22px; } .btn-medium.border-btn { padding: 6px 18px; } .btn-small.border-btn { padding: 4px 15px; } .btn-mini.border-btn { padding: 2px 12px; } /*------------------------------------------*/ /*			 11 - Footer Styles /*------------------------------------------*/ footer { background-color: #222; padding-top: 60px; border-top: 4px solid #555; color: #ccc; } footer p { color: #ccc; } footer a { color: #666; } footer a:hover { color: #666; text-decoration: underline; } .footer-widget { margin-bottom: 45px; } .footer-widget h4 { color: #eee; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 20px; font-size: 14px; font-weight: 700; position: relative; } .footer-widget h4 .head-line { position: absolute; bottom: 0; left: 0; display: block; width: 50px; height: 3px; background-color: #333; margin: 0; } .social-widget ul.social-icons li { display: inline-block; margin-right: 4px; margin-bottom: 4px; } .social-widget ul.social-icons li a i { font-size: 1.4em; width: 36px; height: 36px; color: #fff; line-height: 36px; text-align: center; display: block; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background:#303030; border-radius:50%; } .social-widget ul.social-icons li a:hover { text-decoration: none; } .social-widget ul.social-icons li a.facebook:hover i { background-color: #507CBE; } .social-widget ul.social-icons li a.twitter:hover i { background-color: #63CDF1; } .social-widget ul.social-icons li a.google:hover i { background-color: #F16261; } .social-widget ul.social-icons li a.dribbble:hover i { background-color: #E46387; } .social-widget ul.social-icons li a.linkdin:hover i { background-color: #90CADD; } .social-widget ul.social-icons li a.tumblr:hover i { background-color: #4D7EA3; } .social-widget ul.social-icons li a.flickr:hover i { background-color: #E474AF; } .social-widget ul.social-icons li a.instgram:hover i { background-color: #4D4F54; } .social-widget ul.social-icons li a.youtube:hover i { background-color: #F00; } .social-widget ul.social-icons li a.vimeo:hover i { background-color: #87D3E0; } .social-widget ul.social-icons li a.skype:hover i { background-color: #36C4F3 } .contact-widget span { font-weight: 700; } .contact-widget ul li { margin-bottom: 12px; } .contact-widget ul li p a { color: #bbb; } .contact-widget p { padding-bottom: 20px; } .twitter-widget a:hover { color: #43B9CD; text-decoration: underline; } .twitter-widget ul li { margin-bottom: 20px; } .twitter-widget ul li span { color: #666; } .flickr-widget ul { overflow: hidden; } .flickr-widget ul li { float: left; margin-left: 8px; margin-bottom: 8px; } .flickr-widget ul li:nth-child(3n+1) { margin-left: 0; } .flickr-widget ul li a { display: inline-block; width: 80px; opacity: 0.6; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border: 4px solid #333; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .flickr-widget ul li a img { width: 100%; height: 65px; } .flickr-widget ul li a:hover { opacity: 1; } .mail-subscribe-widget form { margin-top: 15px; margin-bottom: 20px; } .mail-subscribe-widget form input[type="text"] { outline: none; color: #666; font-size: 12px; padding: 6px 12px; border: none; background: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; } .copyright-section { padding: 15px 0; font-size: 11px; letter-spacing: 0.5px; border-top: 1px solid rgba(255, 255, 255, .06); } .copyright-section p { font-size: 11px; text-transform: uppercase; } ul.footer-nav { float: right; } ul.footer-nav li { display: inline-block; float: left; margin-left: 15px; } ul.footer-nav li:first-child { margin-left: 0; } ul.footer-nav li a { display: inline-block; text-transform: uppercase; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } ul.footer-nav li a:hover { color: #fff; } .back-to-top { display: none; position: fixed; bottom: 18px; right: 15px; } back-to-top-1 { display:inline; position:static; } .back-to-top i { display: block; width: 36px; height: 36px; line-height: 36px; color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; text-align: center; background-color: #444; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } /* Effects **********************************************/ .nivo-lightbox-effect-fade, .nivo-lightbox-effect-fadeScale, .nivo-lightbox-effect-slideLeft, .nivo-lightbox-effect-slideRight, .nivo-lightbox-effect-slideUp, .nivo-lightbox-effect-slideDown, .nivo-lightbox-effect-fall { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Accordion Menu */ .panel-title a { position: relative; display: block; padding: 6px 12px; background-color: #fff; box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .panel-title a .control-icon { position: absolute; top: 50%; right: 10px; margin-top: -11px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .panel-title a i { font-size: 1.2em; padding-right: 5px; } /* fadeScale */ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* slideLeft / slideRight / slideUp / slideDown */ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap { -webkit-transform: translateX(-10%); -moz-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); } .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap { -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); } .nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap { -webkit-transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); } .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap { -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* fall */ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .nivo-lightbox-effect-fall .nivo-lightbox-wrap { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateZ(300px); -moz-transform: translateZ(300px); -ms-transform: translateZ(300px); transform: translateZ(300px); } .nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /* * Nivo Lightbox Default Theme v1.0 * http://dev7studios.com/nivo-lightbox */ .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: #666; background: rgba(0, 0, 0, 0.8); } .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(/images/lightbox/loading.gif) no-repeat 50% 50%; } .nivo-lightbox-theme-default .nivo-lightbox-nav { top: 10%; width: 8%; height: 80%; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.5; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .nivo-lightbox-theme-default .nivo-lightbox-nav:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.5); } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(/images/lightbox/prev.png); border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(/images/lightbox/next.png); border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; } .nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url(/images/lightbox/close.png) no-repeat 5px 5px; width: 16px; height: 16px; text-indent: -9999px; padding: 5px; opacity: 0.5; } .nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; } .nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; } .nivo-lightbox-theme-default .nivo-lightbox-title { font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; } .nivo-lightbox-theme-default .nivo-lightbox-image img { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline { background: #fff; padding: 40px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } @media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background-image: url(/images/lightbox/loading@2x.gif); background-size: 32px 32px; } .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url(/images/lightbox/prev@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url(/images/lightbox/next@2x.png); background-size: 48px 48px; } .nivo-lightbox-theme-default .nivo-lightbox-close { background-image: url(/images/lightbox/close@2x.png); background-size: 16px 16px; } } /* * 	Core Owl Carousel CSS *	v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow-x: hidden; overflow-y: hidden; position: relative; width: 100%; -ms-overflow-x:hidden; -ms-overflow-style:none; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .top_space { margin-top: 250px !important; } /* 346 */ .top_space { margin-top: 240px !important; } /* 346 */ @media (max-width: 767px) { .hidden-header { height: 250px !important; } } /* 346 */ @media screen and (max-width:767px){ div#tracking_box { margin: 190px 0px; } } /* mouse grab icon */ .grabbing { cursor:url(/images/icons/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1 } } @-moz-keyframes empty { 0% { opacity: 1 } } @keyframes empty { 0% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * 	Owl Carousel Owl Theme */ .owl-theme .owl-controls { text-align: center; } /* Styling Next and Prev buttons */ .touch-slider .owl-controls .owl-buttons div { position: absolute; top: 50%; display: inline-block; zoom: 1; padding: 0 1px; display: inline;/*IE7 life-saver */ filter: Alpha(Opacity=60);/*IE7 fix*/ opacity: 0.6; margin-top: -30px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .touch-slider:hover .owl-controls .owl-buttons div { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-prev { left: 0; background:url(/images/Big-Parts_Arrow-Button-Left.svg) no-repeat left; height: 47px !important; width: 47px !important; float:left; box-shadow: 0.5px 0.5px 1px 0.5px; border-radius: 50px; } .owl-next { right: 0; background:url(/images/Big-Parts_Arrow-Button-Right.svg) no-repeat !important; height: 47px !important; width: 47px !important; float:right; box-shadow: 0.5px 0.5px 1px 0.5px; border-radius: 50px; margin-right: -7px; } .touch-slider .owl-controls .owl-buttons div i { font-size: 1.8em; color: #fff; } .touch-carousel .owl-controls .owl-buttons { position: absolute; top: -50px; right: 2px; } .touch-carousel.projects-carousel .owl-controls .owl-buttons { right: 12px; } .touch-carousel.navigation-2 .owl-controls .owl-buttons { position: relative; top: 0; right: 0; } .touch-carousel.navigation-2.product-carousel .owl-controls .owl-buttons { top: -8px; } .touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div { } .touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i { color: #666; } .touch-carousel.navigation-3 { padding-top: 31px; } .touch-carousel.navigation-3.product-carousel { padding-top: 0px; } .touch-carousel.navigation-3 .owl-controls .owl-buttons { position: absolute; top: 150px; right: 0; width: 100%; } #buynow-list-carousel.touch-carousel.navigation-3 .owl-controls .owl-buttons { width: 103%; } .touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div { width: 10px; height: 18px; line-height: 28px; } .touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons { right: 9px; } .touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div { height: 22px; width: 22px; line-height: 22px; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin-left: -13px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i { font-size: 1.2em; color: #ccc; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .testimonials-carousel .owl-controls .owl-buttons div i { color: #fff; } .touch-carousel .owl-controls.clickable .owl-buttons div:hover i { color: #fff; } .testimonials-carousel .owl-controls.clickable .owl-buttons div:hover { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } #bar { width: 0%; max-width: 100%; height: 4px; background: #444; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } #progressBar { position: absolute; top: 0; z-index: 99; width: 100%; } .navbar-collapse { max-height: 340px; } #top-search input { background:#f7f7f7; border:1px solid #e8e7ed; font-size:16px !important; height: 45px; } #search { width:94% !important; float:left; } #my-account { list-style:none; float:left; } #my-account li a { margin-top:9px; color:#a4a9a2; font-size:10px; line-height:15px; } #my-account li span { color:#5f6774; font-size:12px; font-weight:bold; clear:both; display:inherit; } #my-account li { position:relative; width: 60px; background:#fff; text-align:center; z-index:99999; } #my-account li:hover { background:#fff; } #my-account a { display:block; color:#000; text-decoration:none; line-height:2em; } #tiThumbSlider { width: 100%; height: 555px; overflow: hidden; position: relative; clear: both; } /* --------- Drop Down -------- */ #my-account ul { position:absolute; left:-999em; top:2em; list-style:none; border:1px solid #f4f4f6; } #my-account ul li { border:1px solid #f4f4f6; } #my-account li:hover ul { left:0; top:auto; } .cart { margin-top:10px; float:left; } .cart span { clear:both; font-size:12px; display:inherit; line-height: 12px; } #lblCartCount { font-size: 12px; background: #f58424; color: #fff; padding: 0 5px; vertical-align: top; } .action-num { color:#757e85; font-size:15px; margin-top:5px; width: 12%; } .action-num span { font-weight:bold; display:inherit; } /*-------YMMR Search --*/ #ymm-search { margin-top: 4px; border: 2px solid #F15B2A; border-radius: 5px; padding: 5px 0px; background:#fff; } #ymm-search h5 { margin-top:5px; } .select { position: relative; display: inline-block; width: 20%; } .select select { display: inline-block; width: 100%; padding: 3px 15px; cursor: pointer; color: #7b7b7b; border: 1px solid #cfcfcf; outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select select::-ms-expand { display: none; } .select select:hover, .select select:focus { color: #000; background: #fff; } .select select:disabled { pointer-events: none; opacity: .5; } .select select:disabled ~ .select__arrow { border-top-color: #ccc; } .select:after { content:""; background:url(/images/res_select-drop.jpg) no-repeat !important; padding: 12px 11px; position: absolute; right: -6px; top: 0; z-index: 1; text-align: center;   /* width: 10%;*/ width: 37px !important; height: 100% !important; pointer-events: none; box-sizing: border-box; border-left:1px solid #cfcfcf; } #four-items { padding:0px; margin:0px; } /* #home { width:1125px; margin:0 auto; } */ #home ul { margin-top:15px; } #home ul li { color:#656565; text-align:left; font-size:15px; line-height:28px; } .f-img { float:left; } .f-text { float:left; color:#3f3f3f; font-weight:bold; font-size:13px; margin:13px 0px 0px 15px; } .f-text span { font-weight:normal; display:inherit; } #h-text { padding:25px 50px 0px 50px; } #h-text p { margin-top:20px; } #turbo { background:#fbfbfb; padding:20px 50px 50px 50px; margin-top:20px; border-bottom:1px solid #ccc; } #turbo ul { margin:20px 0px 0px 0px; } #turbo ul li a { color:#F15B2A; line-height:28px; } #turbo ul li a:hover { color:#000; } #turbo .col-lg-4 { padding-left:0px !important; } #shop-turbo { background:#fbfbfb; padding:20px 50px 50px 50px; margin-top:0px; } #shop-turbo ul { margin:20px 0px 0px 0px; } #shop-turbo ul li a { color:#F15B2A; line-height:28px; } #shop-turbo ul li a:hover { color:#000; } #shop-turbo .col-lg-4 { padding-left:0px !important; } #footer { background:#222222; padding:20px 50px 50px 50px; margin-top:20px; } #footer h3 { color:#fff; } #footer ul { margin:20px 0px 0px 0px; } #footer ul li { list style:none; } #footer ul li a { color:#fff; line-height:28px; } #footer ul li a:hover { color:#F15B2A; } #footer .col-lg-6 { padding-left:0px !important; } #footer-logo { padding:10px 80px 20px 80px; margin-top:20px; } #action-num { display:none; } .copy { color:#000 !important; } /* Slicknav Css Starts Here */ .slicknav_btn { cursor: pointer; display: block; float: right; height: 35px; line-height: 50px; padding: 10px 0 9px; position: relative; vertical-align: middle; width: 100px; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; content:"SHOP BY VEHICLE"; background:#000; display: table; } .slicknav_menu .slicknav_no-text { margin: 0; content:""; background:#000; display: table; } .slicknav_menu .slicknav_btn:hover .slicknav_icon-bar { background:#000; display: table; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; line-height: 30px; } .slicknav_nav li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.04); } .slicknav_nav .slicknav_arrow { background: #ededed; float: right; text-align: center; width: 35px; color: #666; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; } .slicknav_menu ul { background: #f4f4f4; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_btn { margin: 16px -22px 15px 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width:199px; height:35px; } .slicknav_nav { color: #000; font-size: 0.875em; list-style: outside none none; margin: 0; max-height: 370px; overflow-y: scroll; width: 100%; background:#fff; border: 2px solid #F15B2A; border-radius: 5px; padding:10px 0px 0px 10px; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #666; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /* Slicknav Css Ends Here */ /*Animated Css Starts Here */ .animated.delay-01 { animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } .animated.delay-02 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; } .animated.delay-03 { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; } .animated.delay-04 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; } .animated.delay-05 { animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -o-animation-delay: 2s; } .animated.delay-06 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -o-animation-delay: 2.5s; } .animated.delay-07 { animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s; } .animated.delay-08 { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -o-animation-delay: 3.5s; } .animated.delay-09 { animation-delay: 4s; -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -o-animation-delay: 4s; } .animated.delay-10 { animation-delay: 4.5s; -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; -o-animation-delay: 4.5s; } .animated.delay-11 { animation-delay: 5s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; } .animated.delay-12 { animation-delay: 5.5s; -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; -o-animation-delay: 5.5s; } .animated.delay-13 { animation-delay: 6s; -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; } .animated.delay-14 { animation-delay: 6.5s; -webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s; -o-animation-delay: 6.5s; } .animated.delay-15 { animation-delay: 7s; -webkit-animation-delay: 7s; -moz-animation-delay: 7s; -o-animation-delay: 7s; } .animated.delay-16 { animation-delay: 7.5s; -webkit-animation-delay: 7.5s; -moz-animation-delay: 7.5s; -o-animation-delay: 7.5s; } .animated.delay-17 { animation-delay: 8s; -webkit-animation-delay: 8s; -moz-animation-delay: 8s; -o-animation-delay: 8s; } .animated.delay-18 { animation-delay: 8.5s; -webkit-animation-delay: 8.5s; -moz-animation-delay: 8.5s; -o-animation-delay: 8.5s; } .animated.delay-19 { animation-delay: 9s; -webkit-animation-delay: 9s; -moz-animation-delay: 9s; -o-animation-delay: 9s; } .animated.delay-20 { animation-delay: 9.5s; -webkit-animation-delay: 9.5s; -moz-animation-delay: 9.5s; -o-animation-delay: 9.5s; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* Animated Css Ends Here */ /*Responsive Css Starts Here */ @media (max-width : 640px) { #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } #action-num { display:block; width:40%; float:left; top:5px; position:absolute; font-size:12px; } .select { width: 100% !important; margin:5px 0px; } .select select { width: 95% !important; } .select:after { width:10%; } /*.previews {hidden;width:500px !important;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } } @media (max-width: 768px) { #tiThumbSlider { height:300px; } } @media (max-width:1024px) { #tiThumbSlider { height:300px; } } @media (min-width:481px) and (max-width:640px) { #tiThumbSlider { height:250px; } .previews span { font-size:13px !important; } #full img { max-width:359px; } } @media (min-width:320px) and (max-width:480px) { #tiThumbSlider { height:127px; } .previews span { font-size:11px !important; } #full img { max-width:187px; } } @media (max-width:320px) { .m-left, .m-left img { text-align:left !important; } .btn-large { font-size: 11px !important; padding: 6px 7px !important } .action-num { font-size:10px; } .m-text { font-size:11px !important; } .m-padding { padding:0px !important; margin:0px !important; } .fa-search::before { color: #fff; font-size: 14px!important; line-height: 14px!important; text-align: center; } /*.previews {width:228px !important;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } #preview1 img { height:100px; width:100px; } } @media (max-width:360px) { .m-left, .m-left img { text-align:left !important; } /*.previews {width:210px !important;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } .m-text { font-size:11px !important; } .m-padding { padding:0px !important; margin:0px !important; } .m-padding-t { padding-top:10px; margin-top:10px; } .btn-large { font-size: 13px; padding: 4px 8px; } } @media (max-width:375px) { .m-left, .m-left img { text-align:left !important; } /*.previews {width:250px !important;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } .m-padding { padding:0px !important; margin:0px !important; } .btn-large { font-size: 11px !important; padding: 6px 7px !important } } @media (max-width:414px) { .btn-large { font-size: 14px; padding: 9px 15px; } } @media (max-width : 479px) { /*.previews {hidden;width:350px;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } #main-slide .item .slider-content { display: none; } .styled-select { background: url(/images/res_select-drop.jpg) no-repeat right 0; height: 33px; overflow: hidden; width:100%; margin:10px 0px; } .styled-select select { background: transparent; border: none; font-size: 14px; height: 33px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 100%; } .styled-select.slate select { border: 1px solid #cfcfcf; font-size: 16px; height: 33px; width: 110%; font-size:12px; } } @media (max-width:480px) { /*.previews {width:350px;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } .m-text { font-size:11px !important; } .m-padding { padding:0px !important; margin:0px !important; } .fa-search::before { color: #fff; font-size: 14px!important; line-height: 14px!important; text-align: center; } .action-num { font-size:10px; } .select { width: 90% !important; margin:5px 0px; } .select select { width: 97% !important; } } @media only screen and (max-width: 479px) { /*.previews {hidden;width:350px; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } .styled-select { background: url(/images/res_select-drop.jpg) no-repeat right 0; height: 33px; overflow: hidden; width:100%; margin:10px 0px; } .styled-select select { background: transparent; border: none; font-size: 14px; height: 33px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 100%; } .styled-select.slate select { border: 1px solid #cfcfcf; font-size: 16px; height: 33px; width: 98%; font-size:12px; } .top-bar { text-align: center; } .navbar-default .navbar-nav { padding: 15px 0; } .show-search, .search-form { display: none; } ul.social-list li { margin: 0 3px; } ul.social-list li a i { font-size: 0.9em; display: block; width: auto; line-height: 30px; border: none!important; } ul.social-list li a:hover { background-color: transparent!important; } ul.social-list li a.facebook:hover { color: #507CBE; } ul.social-list li a.twitter:hover { color: #63CDF1; } ul.social-list li a.google:hover { color: #F16261; } ul.social-list li a.dribbble:hover { color: #E46387; } ul.social-list li a.linkdin:hover { color: #90CADD; } ul.social-list li a.tumblr:hover { color: #4D7EA3; } ul.social-list li a.flickr:hover { color: #E474AF; } ul.social-list li a.instgram:hover { color: #4D4F54; } ul.social-list li a.vimeo:hover { color: #87D3E0; } ul.social-list li a.skype:hover { color: #36C4F3 } .navbar-default .navbar-toggle { margin-top: 15px; outline: none; } .navbar-default .navbar-nav > li > a { border: none; padding: 5px 10px; display: block; border: none !important; padding-right: 0; } .navbar-default .navbar-nav > li > a:after { display: none; } .navbar-default .navbar-nav > li > a:hover { opacity: 0.7; } .navbar-default .navbar-nav > li { margin-left: 0; display: block; margin-bottom: 5px; width: 100% } .navbar-default .navbar-nav > li.drop > a { padding-right: 10px; } .navbar-default .navbar-nav > li.drop > a { border-radius: 2px; } ul.dropdown, ul.sup-dropdown { opacity: 1!important; position: relative !important; visibility: visible !important; width: 100% !important; top: inherit !important; left: 0 !important; margin-top: 0 !important; background: #fff !important; padding-left: 20px !important; box-shadow: none !important; } ul.dropdown li, ul.sup-dropdown li { border-top: none; } .milestone-block { display: block; clear: left; margin-right: 0; } .btn-system { margin-bottom: 10px; } .easyPieChart { font-size: 24px; font-weight: 400; position: relative; text-align: center; display: inline-block; margin: 0 0 20px 0; overflow: hidden; } } @media (max-width: 800px) { #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } #ymm-search { display:none; } .select { width: 100% !important; margin:5px 0px; } .select select { width: 94% !important; } .m-center, .m-center img { text-align:center!important; } .m-center input { width:133px; } .m-border { padding-top:10px; border-top:1px solid #ccc; } } } @media (max-width: 1200px) { .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #fff; padding: 8px 5px 6px 5px; } .navbar-default .navbar-toggle i { color: #bbb; font-size: 2em; } .quote-buttons span { margin: 0 2px; } .flickr-widget ul li { margin-left: 0px; margin-right: 7px; } .subscribe-widget form input[type="text"] { margin-bottom: 10px; } .history-content p { max-height: 36px; line-height: 20px; overflow: hidden; } .projects-carousel { width: 950px!important; } .carousel-inner { background:none; border:5px solid #dedede; border-radius:10px; height:400px; } #main-slide .slider-content { margin-top: -190px; } #home { width:90%; margin:0 auto; } } @media (max-width: 1024px) { .f-text { font-size:10px; } .styled-select.slate select { padding-right:40px; }/*.previews {width:500px !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } .m-border { padding-top:10px; border-top:1px solid #ccc; } .m-center, .m-center img { text-align:left !important; } .m-center input { width:163px; } } @media (max-width: 991px) { .styled-select.slate select { padding-right:40px; width: 238px; } .boxed-page, .boxed-page header { width: 100%; } .classic-testimonials { margin-bottom: 25px!important; } .tp-caption a.btn-system { font-size: 11px; padding: 4px 8px; } .contact-details { display: none!important; } .navbar-brand { padding: 25px 15px; } .navbar-default .navbar-nav { margin: 0 !important; top: 0; } ul.social-list { float: none !important; text-align: center; } ul.social-list li { float: none !important; display: inline-block; } .quote-buttons { text-align: center; } .copyright-section { text-align: center; } ul.footer-nav { display: block; float: none !important; text-align: center; margin-top: 10px; } ul.footer-nav li { display: inline-block; float: none; margin-left: 15px; } .page-banner { text-align: center; } ul.breadcrumbs { float: none; } ul.breadcrumbs li { float: none; display: inline-block; float: left\0/; } .portfolio-4 .portfolio-item { width: 49.99%!important; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; } .projects-carousel { width: 100% !important; } .pricing-tables .pricing-table { //width: 50% !important; margin-bottom: 15px; } .pricing-tables .highlight-plan { margin: 0; } .pricing-tables .pricing-table.highlight-plan .plan-name { padding: 15px 0; } .pricing-tables .pricing-table.highlight-plan .plan-signup { padding:25px 0; } .pricing-tables .pricing-table:hover { top: 0; } .milestone-block { margin-bottom: 25px; margin-right: 40px; } .fittext { font-size: 30px; line-height: 38px; } .team-member { text-align: center; margin-bottom: 30px; } .member-photo { display: inline-block; margin: 0 auto; } .easyPieChart { margin: 0 40px 20px 0; } .right-sidebar { margin-top: 60px; padding-top: 60px; border-top: 1px solid #eee; } .sidebar .widget { margin-bottom: 35px; } } @media (max-width: 768px) { #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } #ymm-search { display:none; } #search { width:83% !important; float:left; } .tp-leftarrow, .tp-rightarrow { display: none!important; } .tp-caption a.btn-system { display: none; } .history-box img { float: none; width: 100%; } .history-content { float: none; width: 100% !important; } .history-box span.history-date { right: inherit; left: 15px; } .portfolio-filter li { margin-bottom: 8px; } .portfolio-4 .portfolio-item { width: 100%!important; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .milestone-block { margin-bottom: 20px; margin-right: 45px; } .action-num { display:block; } } @media (min-width : 992px) { #main-slide .slider-content h2 { font-size: 68px; } } @media (min-width : 768px) and (max-width: 991px) { /*.previews {width:600px !important;height: auto !important;}*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } #main-slide .slider-content h2 { font-size: 52px; } #main-slide .slider-content h3 { font-size: 24px; margin-top: 12px; } #main-slide .slider-content h1 { font-size: 24px; margin-top: 12px; } .slider.btn { padding: 5px 25px; margin-top: 5px; font-size: 16px; } .styled-select { background: url(/images/res_select-drop.jpg) no-repeat right 0; height: 33px; overflow: hidden; width:100%; margin:10px 0px; } .styled-select select { background: transparent; border: none; font-size: 14px; height: 33px; padding: 5px; /* If you add too much padding here, the options won't show in IE */ width: 100%; } .styled-select.slate select { border: 1px solid #cfcfcf; font-size: 16px; height: 33px; width: 110%; font-size:12px; } .carousel-inner { background:none; border:5px solid #dedede; border-radius:10px; } #home { width:90%; margin:0 auto; } } @media (max-width : 767px) { /*.previews {hidden;width:600px;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } #main-slide .slider-content h2 { font-size: 28px; line-height: normal; margin-bottom: 0; } #main-slide .slider-content h3 { font-size: 14px; margin-top: 5px; } #main-slide .slider-content h1 { font-size: 14px; margin-top: 5px; } .slider.btn { padding: 0 15px; margin-top: 0; font-size: 12px; } #main-slide .carousel-indicators { display: none; } } @media (max-width :1025px) { /*-------YMMR Search --*/ #search { width:82% !important; float:left; } .styled-select { width: 155px; } .styled-select select { width: 168px; } .styled-select.slate select { width: 208px; padding-right:40px; } .col-lg-2 h5 { font-size:11px; } } @media screen and (max-width: 767px) { #msearch-btn { display:block; float:right; text-align:right; margin-top:10px; cursor:pointer; } #msearch-lbl { display:none; } .navbar-toggle { display: none; } .navbar-header { position: relative; } .margo-logo-wrapper { position: absolute; top: 0; } .navbar-brand { position: absolute; top: 0; } /* #menu is the original menu */ .js #wpb-mobile-menu { display:none; } .js .slicknav_menu { display:block; } .carousel-inner { background:none; border:5px solid #dedede; border-radius:10px; height:600px; margin-top: 40px; } div#ymm-search{ position: sticky !important; } #main-slide .slider-content { margin-top: -280px; } #home { width:100%; margin:0 auto; } } /* SlickMenu responsive */ @media screen and (min-width: 768px) { .slicknav_menu { display: none; } /*-------YMMR Search --*/ .styled-select { width: 135px; } .styled-select select { width: 148px; } .styled-select.slate select { width: 148px; } } @media screen and (min-width: 1280px) { /*-------YMMR Search --*/ #ymm-search { margin-top: 4px; border: 2px solid #F15B2A; border-radius: 5px; padding: 5px 0px; background:#fff; display:block !important; } #ymm-search h5 { margin-top:5px; font-size:12px; } <!-- [if IE 8]> .styled-select.slate select { width: 238px; padding-right:40px; } <![endif] --> } @media (max-width:568px) { /*.previews {width:400px !important;    height: auto !important; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } } @media (min-width:320px) and (max-width:766px) { .imgDescription { display:none !important; } .mobile-show { display:block !important; } #m-keep-display { display:block !Important; } .m-display { display:none !important; } .m-row { font-size:14px !important; } .fa-plus, .fa-minus { font-size:9px !important; margin-top:5px; } .m-center, .m-center img { text-align:center!important; } .m-center input { width:120px; } .m-border { padding-top:10px; border-top:1px solid #ccc; } .m-text { font-size:17px !important; } .buynow_img_outer { height:auto !important; } .full { /*width:300px !important; */ margin:0 auto; line-height:0px !important; } ./*full img{max-height: 236px !important;max-width: 300px !important; margin:0 auto;}*/ .previews { height:auto !important; } .fancybox-overlay { z-index:9999999 !important; } /*#buynow-list-carousel.touch-carousel.navigation-3 .owl-controls .owl-buttons { width: 113%; }*/ #preview1 { width:100px; float:left; height:150px; padding:5px; } .select { width: 100% !important; margin:5px 0px; } #msearch-btn { display:block; float:right; text-align:right; margin-top:6px; cursor:pointer; } #msearch-lbl { display:none; } .about-us { width:80%; margin:0 auto; } .common-inner { width:80%; margin:0 auto; } #home { width:90% !important; } #top-search { margin:0 auto !important; } } /*Responsive CSS Ends Here */ /* Inner Page Styles Starts Here */ .products-border { border: 1px solid #D5D5D5; float:left; width:98%; } .products-wrapper2 { background: #ececec; margin: 0; padding: 8px 0; position: relative; float: left; height:auto; } .products-wrapper2 .keyword-search input.key-search { background: url(/images/Big-Parts_Keyword-Search-Input.svg) repeat-x scroll left top transparent; border: medium none; color: #8B8D8F; float: left; margin: 0; padding: 6px 34px 17px 38px; width: 193px; outline: 0; } .keyword-search span img { padding-top: 0px; cursor: pointer; visibility: visible!important; } .products-wrapper2 .keyword-search { /* background: url(/images/keyword_search_cap.png) no-repeat scroll left top transparent; */ float: left; margin: 0 0 0 -10px!important; padding: 6px 0 7px 10px!important; } .products-wrapper2 .keyword-search { padding: 6px 0 0px 10px!important; } #v2-view-switcher { float: left; } #v2-view-switcher label { cursor: pointer; padding: 0 10px 0 0; font-weight:normal !important; } #v2-view-switcher input { position: relative; top: 3px; margin: 0; } #v2-category-view { float:left; padding: 20px 0px; } #v2-category-view.text-only img { display: none; } #v2-category-view.text-only li { padding: 8px 10px 20px 25px; float: left; font-size: 12px; line-height: 1.25em; background: 2px 10px url(/images/garrow.gif) no-repeat; } #v2-category-view.with-pics li { width: 175px; height: 220px; float: left; text-align: center; font-size: 12px; display: table-cell; vertical-align: bottom; border:1px solid #ccc; margin:0px 10px;/* background: center bottom url(/images/products-bg.jpg) no-repeat;*/ } #v2-category-view.with-pics a { display: block; width: 175px; height: 220px; position: relative; } #v2-category-view.with-pics img { max-height: 135px; max-width: 135px; vertical-align: middle; } #v2-category-view.with-pics span { display: inline-block; height: 100%; vertical-align: middle; } #v2-category-view.with-pics strong { display: block; width: 155px; position: absolute; left: 10px; bottom: 20px; line-height:12px; } .v2-no-results { padding: 15px; margin: 15px 10px 30px; color: #9f6000; font-size: 14px; border: #9f6000 1px solid; background: #feefb3; -webkit-border-radius: 5px; border-radius: 5px; text-align:center; } .no-padding { padding:0px !important; } .common-template { margin:15px 0px; padding:15px 0px; display:inline; } .common-template h1 { font-size:18px !important; } .pd-h1 { font-size:18px !important; padding:5px 0px 5px 5px; } .common-template h2 { font-size:21px !important; padding:5px 0px 5px 5px; } .common-template h4 { font-size:12px !important; padding:5px 0px 5px 5px; } .common-template lable { font-size:12px !important; } .bredgrumb { margin:72px 0px 0; padding-left:5px; } .productsearchtip span { background: url(/images/Big-Parts_Icon_Bulb.svg) no-repeat scroll left top transparent; color: #514E4E; font-size: 13px; font-weight: bold; padding: 0 0 0 15px; text-transform: uppercase; } .back-btn { float:right; } .panel_img_outer { height:135px; display:inline-block; line-height: 135px; } .prod_dtls img { text-align:center; } .image_show >.box {/*border: 1px solid #ccc;margin:5px;height:245px;*/ padding: 5px; border: 1px solid #ccc; height:245px; margin:1px; width:276px; } .prod_dtls { text-align:center; } .text_only p { background: 2px 9px url(/images/garrow.gif) no-repeat; text-align:left !important; padding: 2px 0px 0px 19px; margin-top:10px; } .prod_name text_show p a { text-align:left!important; } .image_show img { float: none; display: inline-block; max-width: 135px; max-height: 135px; } #select-pagination ul li { float:left; } .text_only .prod_dtls p.prod_name { padding-left: 20px !important; } /*************** Buy now Carousel ***************/ .bunow-categories { padding-bottom: 60px; margin:0px 0px 0px 0px; } .bunow-categories h2 { padding-left:20px; } .bunow-carousel .bunow-item a { display: block; padding: 12px 0; text-align: left; } .bunow-carousel .bunow-item { border:2px solid #dddddd; border-radius:5px; width:90%; margin:0 auto; } .bunow-carousel span { color:#F15B2A; text-align:center; font-size:11px; display:inline; margin-top:10px; font-weight:bold; } .bunow-price { color:#F15B2A !important; font-size:18px !important; font-weight:bold; clear:both; } .kit::before, .bunow-item div .kit:before { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: url(/images/Big-Parts_Icon_Best-Value.svg); background-origin: padding-box; background-repeat: no-repeat; background-size: auto auto; bottom: 2px; content: ""; display: block; position: absolute; right: 0px; width: 127px; height: 98px; } .bunow-carousel .bunow-item a img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; color:#444; } .bunow-carousel:hover .bunow-item a img { opacity: 0.6; } .bunow-carousel:hover .bunow-item a:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); filter: none; opacity: 1; } .orange-box { border:0px !important; margin-bottom:10px; float:left; background:#eeecee; padding:0px !important; line-height:25px; width:100%; } .orange-box h4 { margin:0px 0px 10px 0px; line-height:28px; } .orange-box h1 { margin:0px 0px 10px 0px; line-height:28px; font-size: 16px; } .orange-box h5 { margin:10px 0px 10px 0px; line-height:23px; } .fa-star, .fa-star-half { color:#F00; } .price { color:#F15B2A; font-size:25px; font-weight:bold; clear:both; display:inherit; margin:20px 0px 5px 0px; } .q-items { margin:10px 0px; } .fa-check, .fa-truck, .fa-plane { font-size:24px; color:#F15B2A; } .no-space { padding:0px !important; margin:0px !important } .no-space1 { padding:0px; margin-right:3px !important; width:30% !important; } .date { display: block; margin: 30px auto; background: #fff; text-align: center; font-family: 'Helvetica', sans-serif; position: relative; } .date .binds { position: absolute; height: 13px; width: 20px; background: transparent; border: 2px solid #999; border-width: 0 3px; top: -8px; left: 0; right: 0; margin: auto; } .date .month { background: #e71717; display: block; padding: 2px 0; color: #fff; font-size: 10px; font-weight: bold; border-bottom: 2px solid #333; box-shadow: inset 0 -1px 0 0 #666; } .date .day { display: block; margin: 0; padding:2px 0; font-size: 15px; box-shadow: 0 0 3px #ccc; position: relative; color:#e71717; } .date .day::after { content: ''; display: block; position: absolute; top: 3px; left: 2%; z-index: -1; box-shadow: 0 0 3px #ccc; } .date .day::before { content: ''; display: block; position: absolute; top: 6px; left: 5%; z-index: -1; box-shadow: 0 0 3px #ccc; } .to { text-align:center; margin-top:50px; } .help { color:#F15B2A; font-size:20px; font-weight:bold; } .b-view { float:right; } .small-font { font-size:11px; display:inline-block; } .full { width:400px; margin:0 auto; line-height:440px; } .full img { max-height: 440px; max-width:440px; margin:0 auto; vertical-align:middle; } .pic1desc { bottom: 0; cursor: pointer; right: 0; text-align: right; } .fa-search::before { color: #fff; font-size: 32px; line-height: 48px; text-align: center; } #pane1 { -webkit-tap-highlight-color: transparent; border:none !important; outline:none !important; } .previews { /*overflow-x:hidden;*/ -webkit-tap-highlight-color: transparent; border:none !important; outline:none !important; } .previews:focus { outline:none !important; } .gallery .previews, .gallery .full, .gallery .desc { float: left; margin-right: 10px; } .gallery .desc, .gallery .full { width: 400px; font-size: 12px; } .gallery .desc h2 { margin-top: 0; } .gallery .previews a { display: block; margin-bottom: 10px; } #preview1 { margin:3px; padding:3px; display: table-footer-group; float:left; } .previews a img { margin:3px 0px; } .previews img { width:80px; height:80px; } .gallery .full, .gallery .full img { height: 600px; } .previews span { display: inline-block; font-size: 13px; height: 0; line-height: 15px !important; margin: 0; padding: 2px 0 19px; color:#193a67; display:block; } .gallery .previews a, .gallery .full { border: 4px solid #eee; } .gallery .previews a:hover, .gallery .previews a.selected { border: 4px solid #777; } .gallery .full img:hover { cursor: pointer; } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 100000000000000; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:3px solid #ff6600; } .fancybox-opened { z-index: 100000000000000; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 10000000000000; } #fancybox-loading div { width: 44px; height: 44px; background: url('/images/fancybox_loading.gif') center center no-repeat; z-index: 10000000000000; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 100000000000000; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 100000000000000; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 100000000000000; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 100000000000000; background: url('/images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 100000000000000; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .panel-test { float:left; padding:5px; margin:5px; border:1px solid #ccc; width:24%; } #picres table td { padding:5px; } .panel-test h4 { height: 95px; } .c-text { min-height:90px; padding:1px; } .bunow-height, #kit_res { min-height:310px; float:left; } #kit_res span { font-size: 16px; left: 16px; float: left; } #c-img { height:146px; } #country1-head, #country2-head, #country3-head { display: block; padding: 20px; font-size: 18px; color: white; font-weight: bold; background: #F15B2A; clear:both } .newtab table td { padding:5px; } #newtab { padding:0px; margin:0px; } .tabcontent { border:1px solid #F15B2A; margin-bottom:15px; } .tab_innet_content { width:100%; } .tab_innet_content td, .tab_innet_content_second td { padding:10px; font-size:13px; vertical-align: top; } .content-title { margin:0px 0px 20px 0px; padding:0px; } div.content { margin: 0pt auto; text-align: left; padding: 0px 0 0px 0; font-size: 11px; } .content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; line-height: 18px; } .content { width: 99%!important; } .buynow_popup_title { color: #193A67; font-size: 16px; font-weight: bold; margin: 8px 0 2px 2%; text-align: left; width: 95%; } h4.title_description { color: #586473; font-size: 12px; font-weight: bold; margin: 0 0 0 5%; padding: 0; text-align: left; width: 95%; } .buynow_popup_content { float: left; margin: 10px 0 15px; padding: 0 0 12px; width: 100%; margin: 7px 0 0; border-bottom:1px solid #ccc; } .buynow_popup_content label { color: #586473; float: left; font-size: 12px; font-weight: bold; padding: 0 0 0 2%; text-align: left; width:40%; } .buynow_popup_content span { color: #F15B2A; float: left; font-size: 12px; font-weight: bold; padding: 0; text-align: left; width:60%; } .buynow_popup_content .calender_outer { color: #A70E0E; float: left; font-size: 12px; font-weight: bold; padding: 0 0 0 0; text-align: left; width: 49%; } .calender_outer1 { color: #A70E0E; float: left; font-size: 12px; font-weight: bold; padding: 0 0 0 0; text-align: left; } .date_calender { background: url("/images/calender_icon.png") no-repeat scroll left top transparent; float: left; font-weight: normal; height: auto; margin: 0 3px; padding: 5px 0 3px; text-align: center; width: 38px; } .date_calender label { color: #FFFFFF; font-family: arial; font-size: 14px; margin: 0; text-align: center; width: 93%; } .date_calender span { color: #C00F0F; float: left; font-size: 12px; font-weight: bold; padding: 0 0 0 2%; text-align: left; } .calender_outer label.thru { color: #C00F0F; line-height: 30px; margin: 0 5px; padding: 0; width: auto; float: left; } .t-button { border:1px solid #ccc; padding:10px; background:#fff; text-align:center; width: 32%; margin:2px; color:#000000; } .t-button:hover { border:1px solid #F15B2A } .t-button1 { border:1px solid #ccc; padding:10px; background:#fff; text-align:center; width: 24%; margin:2px; color:#000000; } .t-button1:hover { border:1px solid #F15B2A } @media (min-width:320px) and (max-width:766px) { .full { width:auto !important; } .t-button { padding: 6px; font-size: 10px; text-align:center; width:48%; } .t-button1 { padding: 6px; font-size: 10px; width:48%; text-align:center; } .content-title { margin:0px 0px 61px 0px; } } #door_span { width:none !important; float: right; } .remanufactured-outer label { cursor:pointer; } .pro_tab_right_para>p { word-wrap: break-word; } #stickyaddtocart:hover { background:#666666; color:#fff; } #add-button input { width:100%; } /*Responsive Table Starts Here */ .view-cart table { width: 99.5%; margin:0 auto; border-collapse: collapse; } /* Zebra striping */ .view-cart tr:nth-of-type(odd) { background: #eee; } .view-cart th { background:#F15B2A; color: white; font-weight: bold; } .view-cart td, th { padding: 5px; border: 1px solid #ccc; } .viewcart-table { border-bottom:1px solid #ccc; margin:10px 0px; display:inline-block; width:100%; padding-bottom:10px; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .view-cart table.responsive, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive tr { border: 1px solid #ccc; } .responsive td { /* Behave  like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .responsive td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .responsive td:before { content: attr(data-table-header); } } .table-responsive .bootstrap { min-height: .01%; overflow-x: auto; } .view-cart input { width:25px; } .fa-plus, .fa-minus { background:#fff; border:1px solid #ccc; border-radius:60%; padding:5px; font-size:12px; cursor:pointer; } .fa-plus:hover, .fa-minus:hover { background:#fc5d01; color:#fff; } @media screen and (max-width: 767px) { .table-responsive.bootstrap { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 0; } .table-responsive.bootstrap > .table { margin-bottom: 0; } .table-responsive.bootstrap > .table > thead > tr > th, .table-responsive.bootstrap > .table > tbody > tr > th, .table-responsive.bootstrap > .table > tfoot > tr > th, .table-responsive.bootstrap > .table > thead > tr > td, .table-responsive.bootstrap > .table > tbody > tr > td, .table-responsive.bootstrap > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive.bootstrap > .table-bordered { border: 0; } .table-responsive.bootstrap > .table-bordered > thead > tr > th:first-child, .table-responsive.bootstrap > .table-bordered > tbody > tr > th:first-child, .table-responsive.bootstrap > .table-bordered > tfoot > tr > th:first-child, .table-responsive.bootstrap > .table-bordered > thead > tr > td:first-child, .table-responsive.bootstrap > .table-bordered > tbody > tr > td:first-child, .table-responsive.bootstrap > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive.bootstrap > .table-bordered > thead > tr > th:last-child, .table-responsive.bootstrap > .table-bordered > tbody > tr > th:last-child, .table-responsive.bootstrap > .table-bordered > tfoot > tr > th:last-child, .table-responsive.bootstrap > .table-bordered > thead > tr > td:last-child, .table-responsive.bootstrap > .table-bordered > tbody > tr > td:last-child, .table-responsive.bootstrap > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive.bootstrap > .table-bordered > tbody > tr:last-child > th, .table-responsive.bootstrap > .table-bordered > tfoot > tr:last-child > th, .table-responsive.bootstrap > .table-bordered > tbody > tr:last-child > td, .table-responsive.bootstrap > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .green { color:#5a9718; } #photos-new-inner { position: relative; } .buynow_img_outer { padding: 0!important; display: block; width: 100%; position: relative; height:450px; } #photos-new img { } #apply { padding:5px !important; font-size:12px !important; width:auto !important; } #keep-shopping { background:#222222 !important; } #m-keep-display { display:none; } #paypal-banner { } .form-title { background:#F15B2A; margin-bottom:10px; } .form-title h3 { font-size:15px; color:#fff; padding:5px; } .box1 { border:1px solid #ccc; display:inline-block; width:100%; } .t-m { margin-top:10px; } #check-out-form input, #check-out-form select { height:35px !important; } .b-top { border-top:1px solid #ccc; } .red { color:#F00; font-weight:bold; font-size:15px; } .top-space { margin-top:70px; } .mobile-show { display:none; } #thank-you { margin:20px 0px; } #thank-you h3 { color:#fff; } #thank-you p { margin: 15px 0px !important; } #thank-you h1 { color:#fff; } #door-way { margin:10px 0px !important; } #door-way p { margin:10px 0px; } .orange-title { background:#F15B2A; padding:10px; } .orange-title h3 { color:#fff; } #door-way .box1 { margin:10px 0px !important; padding:10px; } .box1 table { width:80%; margin:0 auto; } .imgWrap { position: relative; } .imgDescription { position: absolute; top: 90%; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.72); color: #fff; visibility: hidden; opacity: 0; font-size:18px; padding-top:16px;/*remove comment if you want a gradual transition between states -webkit-transition: visibility opacity 0.2s; */ } .imgWrap:hover .imgDescription { visibility: visible; opacity: 1; } .cap-letter { text-transform: uppercase; } .parts_search_title { font-size: 18px !important; } .h1-18 { font-size: 18px !important; } .h2-16 { font-size: 16px !important; } .no_product_mail a { color: #F15B2A; } /* 404 */ #n-found h1 { font-size:40px; font-weight:none !important; color:#F15B2A; margin:30px 0px; } #n-found h2 { font-size:20px; font-weight:none !important; color:#F15B2A; margin:20px 0px; margin-left:20%; } #n-found p { color:#000; font-size:20px; margin:0px 0px 0px 0px; } #n-found ul { margin-top:25px; } #n-found ul li { list-style:disc; margin-left:20px; margin-top:10px; color:#F15B2A; font-size:20px; } #ul-color { color:#000!important; } .m-left { float:right; } @media (min-width:320px) and (max-width:800px) { .panel-test { width:100% !important; } .panel-test h4 { height:auto !important; } .m-left { float:none; } #n-found h1 { font-size:15px; margin:10px 0px; } #n-found h2 { font-size:10px; margin:10px 0px; margin-left:20%; line-height:13px; } #n-found p { margin-top:10px; font-size:12px; } #n-found ul li { font-size:12px; } .image_show >.box { width:100% !important; } } .brands-categories-404 { margin:0px 0px 0px 0px; } .brands-categories-404 h2 { padding-left:20px; } .o-b-title { background:#F15B2A; color:#fff; font-size:16px; } .o-b-title h1 { color: #fff; text-align: center; line-height: 23px; padding: 10px 0px; font-weight: 700; font-size: 20px; } .offer-price { font-size:30px; color:#F15B2A; font-weight:bold; float: right; margin-bottom: 20px; } .strike { font-size:15px; } a.main-button, input[type="submit"] { font-size:20px !important; margin-bottom:10px !important; font-weight: 600; } .mt-10 { margin-top:10px; } .mt-20 { margin-top:20px; } .mt-70 { margin-top:70px; } #header-space { height:50px; } .tiImgDiv.tiCheck { background: url(/images/Big-Parts_Icon_Calendar.svg) no-repeat; width: 23px; height: 25px; } .tiorange { color:#F15B2A; } .tiImgDiv.tiTruck { background: url(/images/pdp-sprite.png) no-repeat -173px -1px; width: 30px; height: 26px; position:absolute; } .tiImgDiv.tiAirOpt { background: url(/images/pdp-sprite.png) no-repeat -252px 6px; width: 24px; height: 33px; } .tiImgDiv.ti-sprt { background: url(/images/pdp-sprite.png) no-repeat -291px -1px; width: 24px; height: 24px; } .n-c { border:1px solid #ccc; font-size:15px; font-weight:bold; text-align:center; line-height:15px; padding:10px; margin:0px 2px; } .ti-expd-date { text-align:center } /* .ti-wrnty { background: url(/images/pdp-sprite.png) no-repeat -217px 0; width: 19px; height: 22px; } */ .ti-sprt { background: url(/images/pdp-sprite.png) no-repeat -292px -1px; width: 22px; height: 22px; } .lp-0 { padding-left:0px !important; } .lp-0-1 { padding-left:0px !important; } @media (min-width:320px) and (max-width:766px) { .lp-0-1 { padding-left:12px !important; } } @media (max-width:375px) { .w-375 { width:177px; } } @media (max-width:414px) { .w-414 { width:170px; } } @media (max-width:320px) { .w-320 { width:136px; } .kit::before { background-position: 12px -55px; zoom: 0.80; } .bunow-carousel .bunow-item { width:100%; margin-left:1px; } .touch-carousel.navigation-3 .owl-controls .owl-buttons { right:-3px; } .tab_innet_content td, .tab_innet_content_second td { padding:5px; } .lp-0 { padding-left:12px !important; } .t-button { padding:3px !important; text-align:center; width:48% !important; } } @media (max-width:375px) { .bunow-carousel .bunow-item { width:98%; } .kit::before, .bunow-item div .kit:before { height: 116px; } } @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700'); #photos-new img { max-width: 520px !important; } #photos-new-inner { width: 100%; } #photos-new table, #photos-new table td, #photos-new table tr, #photos-new table tbody { width: 100% !important; display: block; } .buynow_img_outer { width: 100% !important; } #enlarge-btn { display: none; } #video-container-top { border-bottom: 0; } #tiThumbSlider li { height: 145px; text-align: center; } #tiThumbSliderUL { top: 0; position: relative; } #ca-container .ca-nav-next, #ca-container .ca-nav-prev { display: none; } #ca-container .ti-right-nav, #ca-container .ti-left-nav { position: absolute; width: 30px; background: #e7e7e7; bottom: 0; height: 318px; z-index: 5; } #ca-container .ti-right-nav { right: 0; } #ca-container .ti-left-nav { left: 0; } #ca-container .ti-right-nav:before, #ca-container .ti-left-nav:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url('/images/pdp-sprite.png') no-repeat; width: 10px; height: 15px; } .ti-left-nav.inactive, .ti-right-nav.inactive { display: none; } #ca-container .ti-right-nav:before { background-position: -226px -74px; } #ca-container .ti-left-nav:before { background-position: -208px -75px; } .ti-extra-info .tiImgDiv.tiCheck { background: url('/images/pdp-sprite.png') no-repeat -139px 0; width: 23px; height: 25px; } .ti-extra-info .tiImgDiv.tiTruck { background: url('/images/pdp-sprite.png') no-repeat -173px -1px; width: 30px; height: 26px; } .ti-wrnty:before { background: url('/images/Big-Parts_Icon_Shield.svg') no-repeat; width: 20px !important; height: 25px !important; } .ti-sprt:before { background: url('/images/pdp-sprite.png') no-repeat -292px -1px; width: 22px; height: 22px; } #ca-container { width: 962px; margin-top: 20px; height: auto !important; overflow: hidden; } /*.product-container #ca-container #container_ajax, .product-container #tiProd #tiOtherOpt { width: 955px !important; }*/ #tiOtherOptHeader { width: 933px !important; font-size: 20px; color: #F15B2A; border: 0; text-transform: uppercase; font-style: normal; font-weight: 100; font-family: 'Roboto condensed', sans-serif; } .product-container { position: relative; width: 960px; margin: 0 15px; } .p-left { width: 100%; } .p-left-r-items { width: 320px; } .p-left-l-items { width: 620px; margin-right: 20px; } #product-info, #tiBuyBox.ti-bb { width: auto; float: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 20px; } .ti-bb .addtocart_btn { background: #F15B2A; color: #ffffff; text-transform: uppercase; height: 40px; line-height: 40px; font-size: 16px; width: 100%; border-radius: 5px; -webkit-appearance: none; clear: both; } #benefits, #tiBotBuy { width: auto; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 3px; font-family: 'Roboto condensed', sans-serif; } .ti-bb .ti-value { font-weight: 100; max-width: 220px; } .ti-bb .ti-label { width: 55px; } .ti-current-opt { font-family: 'Roboto condensed', sans-serif; font-size: 16px; } .ti-bb .cad_header { margin: -20px -20px 10px -20px; font-family: 'Roboto condensed', sans-serif; font-size: 20px; line-height: 26px; } .ti-type, .ti-fit { font-size: inherit; float: none; } .ti-bb .saved-price { display: inline-block; font-family: 'Roboto condensed', sans-serif; line-height: 30px; padding: 0; color: #454545; font-weight: normal; width:100%; } .ti-bb .saved-price-green { display: inline-block; font-family: 'Roboto condensed', sans-serif; clear: none; font-size: 30px !important; color: #F15B2A; float: none !important; padding: 0 !important; margin: 0 !important; } .ti-bb .ti-price-wrap br { display: none; } .ti-bb .ti-price-wrap { text-align: right; margin-bottom: 20px; } #overlay_banner { background: url('/images/Big-Parts_Tag.svg') no-repeat; width: 129px; height: 44px; font-size: 22px; padding: 0; line-height: 44px; text-align: left; z-index: 999; color:#fff; font-weight:bold; position:absolute; right:0; } .overlay_small { display: none; } #overlay_banner br { display: none; } #overlay_banner .overlay_txt { font-style: normal; margin-left: 30px; } #innerLHS_section { display: none; } #newtab { width: 100%; } #newtab .shadetabs li a:hover { color: #03306E; border-bottom: 0; padding: 9px 19px 11px 19px; } #newtab .shadetabs li a { font-weight: 100; font-family: 'Roboto condensed', sans-serif; font-size: 16px; } #newtab .shadetabs li a { font-weight: 100; font-family: 'Roboto condensed', sans-serif; font-size: 16px; } .shadetabs li:hover, #tiBottomTabs.shadetabs li:hover, #countrytabs li:hover { border: 2px solid #00ADEB; height: 36px; } #tiBottomTabs.shadetabs li { border-bottom: 1px solid #ddd; } .ti-down .product-prisce-wrap div.tooltip { display: inline-block; width: auto; clear: none; } .ti-down .ti-extra-info .calender_outer { display: none; } .ti-down #tiAirOpt { display: none; } .ti-down .ti-extra-info { left: 0; } .ti-down #tiStickyATCWrap { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; } #tiStickyATCWrap { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .ti-down .ti-wrnty { margin: 0; } .ti-down #benefits, .ti-down #tiBotBuy { margin-top: 0; } #tiStickyATC { background: #00ADEB; color: #ffffff; text-transform: uppercase; height: 40px; line-height: 40px; font-size: 16px; clear: both; border-radius: 5px; text-align: center; width: 280px; } #tiStickyATC:before { content: 'Add to Cart'; font-weight: bold; } #tiStickyPrices { clear: both; margin-bottom: 10px; } #tiStickyOld, #tiStickySale { display: inline-block; vertical-align: text-bottom; } #tiStickyOld { font-family: 'Roboto condensed', sans-serif; line-height: 30px; padding: 0; color: #454545; font-weight: normal; } #tiStickySale { font-family: 'Roboto condensed', sans-serif; font-size: 30px; color: #F15B2A; float: none; padding: 0; margin: 0; } #tiStickyRight { margin-top: 0; } .ti-extra-info .select-value { font-size: 13px; } #newtab .tabcontent { float: left; width: 100%; } #ca-container .ti-other-info { height: 100px; } .odd td.even-dark, #newtab .pro_tab_right_para, .even td.even-dark, .prodcut-container #newtab .pro_tab_left_para { background: transparent; background-image: none; color: #454545; border: 0; } .ca-item:last-child .ca-item-main { border-right: 0 !important; } #video_new, #video-2 { width: 100% !important; border: 0; margin-bottom: 20px; } #video_new #main-video { width: 840px !important; } body #newtab #product_video { width: 840px; height: 472px; } #ca-container .ca-wrapper { height: 318px; } #ca-container #container_ajax { width: 960px; left: 0; } /* #ca-container #container_ajax, */ #ca-container #container_ajax * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #ca-container .ca-item { left: auto !important; display: inline-block; position: relative !important; min-height: 318px !important; width: 192px !important;/*border-right: 1px solid #ccc;*/ } #ca-container .ca-item .ca-item-main { position: static; min-height: 318px; width: 191px; border: 0; border-right: 1px solid #ccc; } .ti-other-img .main_img_small { max-height: 140px; } .ti-other-img { height: 140px; } #ca-container .ti-other-info a { font-size: 16px; color: #F15B2A; line-height: 18px; font-family: 'Roboto condensed', sans-serif; } #ca-container .ti-other-price .saved-price { display: block !important; } .ti-other-price .saved-price-green { font-family: 'Roboto condensed', sans-serif; font-size: 16px !important; color: #F15B2A; font-weight: bold; } #tiStickyATCWrap { width: 860px; } .ti-down #benefits, .ti-down #tiBotBuy { width: 790px; float: none; height: 35px; margin: 0 auto; position: static; padding: 10px 10px 0 160px; } #tiStickyWrap.ti-down { background: #eeecee; width: auto; font-family: 'Roboto condensed', sans-serif; -webkit-box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 2px 6px 5px 0px rgba(0, 0, 0, 0.3); } .ti-down #tiStickyATCWrap { position: relative; float: none; } #tiStickyInfo { width: 790px; } .ti-down .ti-extra-info .tiImgDiv.tiCheck { background-position: -142px -36px; width: 19px; height: 21px; } .ti-down .ti-extra-info .tiImgDiv.tiTruck { background-position: -176px -38px; width: 20px; height: 18px; } .ti-down .ti-wrnty:before { background-position: -217px -39px; width: 16px; height: 18px; } .ti-down .ti-sprt:before { background-position: -253px -38px; width: 19px; height: 18px; } .ti-bb .parts-num strong span.ti-value { font-weight: 100; } .ti-extra-info .calender_outer.ti-expd-date { margin-left: 40px; } .ti-extra-info .ti-expd-date .ti-ship-opt-label, .ti-extra-info .ti-expd-date .date_calender, .ti-extra-info .ti-expd-date .date_calender label, .ti-extra-info .ti-expd-date .date_calender span, .ti-extra-info .calender_outer.ti-expd-date label.thru:before { font-size: 16px; font-weight: 100 !important; } .ti-extra-info .calender_outer.ti-expd-date label.thru:before { display: inline-block; } .ti-extra-info .ti-expd-date .ti-ship-opt-label, .ti-extra-info .ti-expd-date .date_calender, .ti-extra-info .ti-expd-date .date_calender label, .ti-extra-info .ti-expd-date .date_calender span { float: none; } .ti-extra-info .calender_outer.ti-expd-date label.thru { float: none !important; } .ti-extra-info .date_calender.ti-expd-date label, .ti-extra-info .date_calender.ti-expd-date span { font-size: 16px; } .ti-extra-info .date_calender.ti-expd-date label { padding-top: 5px; } .ti-extra-info .date_calender.ti-expd-date span { padding-bottom: 5px; } .ti-extra-info .date_calender.ti-expd-date { width: 60px !important; font-size: 16px; } #tiAirOpt .tiBlue { font-size: 16px; } .ti-sprt, .ti-wrnty { font-size: 16px; } #video-container-top #video-container { margin-right: 0 !important; } #photos-new { width: 520px !important; } #video-container-wrap .prod_image-new .buynow_lists { display: none; } .product-info { margin-top: 0; } #tiThumbSlider img { max-width: 100%; height: auto; } .ti-img-up, .ti-img-down { width: 100%; height: 30px; background: #e7e7e7; outline: none; border:none !important; outline:none !important; cursor: pointer; } #tiImgNavWrap, #tiVidNavWrap { width: 100px; } .ti-img-up:before, .ti-img-down:before { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); content: ''; display: block; background: url('/images/pdp-sprite.png') no-repeat; width: 15px; height: 27px; margin: 10px auto 0 auto; } .ti-img-up:before { background-position: -244px -68px; } .ti-img-down:before { background-position: -264px -66px; } .accordion_head { color: #F15B2A; cursor: pointer; margin: 0 0 1px 0; float:none !important; } .accordion_body p { padding: 18px 5px; margin: 0px; } .next { clear:both; } .pd-10 { padding: 10px; } .oemlogo-right { text-align: right; float: right; } .ml-15 { margin-left:15px; } .fs-15 { font-size: 15px; font-weight: normal; } .fs-18 { font-size: 18px; font-weight: normal; } .fs-13 { font-size: 13px; font-weight: normal; } #border-text { border-top:1px solid #ccc; float: left; margin-top: 10px; border-bottom:1px solid #ccc; color:#000000; } a.double { font-size: 14px; } @media (min-width:768px) and (max-width:991px) { .select select { padding: 3px 0 0 13px; } .action-num { padding:0; } } @media (min-width:992px) and (max-width:1199px) { .select select { padding: 3px 0 0 13px; } .action-num { padding:0; } } .oosdiv p.notify_me { margin: 0; padding: 10px 0 7px; font-size: 16px; text-align:center; } .oosdiv p.enter_email { margin: 0; padding: 0 20px 10px 20px; font-size: 13px; text-align:center; } #oosdiv1 p.thanks_sec { font-size: 16px; margin: 0; padding: 15px 0 0; text-align: center; } #oosdiv1 p.thanks_stock { font-size: 13px; margin: 0; padding: 10px 20px; text-align: center; line-height: 18px; } .btn-system.btn-large.btn-out-of-stock { background: #808080; text-transform: none; cursor: auto; } input.oosbtn { background: #F15B2A; border: 0; outline: none; width: 25% !important; color: #fff; padding: 9px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-transform: uppercase; font-size: 15px; } input.outofstockemail { background: #fff; border: 0; padding: 10px; width: 72% !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; margin: 0 5px 20px 0; color: #000; } .clear { clear:both; } #addcart, #outofstock, #oosdiv1 { display: none; } #addcart input, #outofstock input { width: 100%; } #outofstockbtn { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; font-weight: 300; } /* login page new design */ #maincontent_area { width: 100%; margin-top: 60px; } .breadcrumb { list-style: outside none none; margin-bottom: 20px; padding: 8px 15px 8px 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li a { color: #F15B2A; text-decoration: none; font-weight: bold; font-family: "Roboto Condensed", sans-serif; font-size: 16px; } .breadcrumb > .active { color: #585757; font-family: "Roboto Condensed", sans-serif; font-size: 16px; } .breadcrumb > li + li::before { color: #585757; font-family: "Roboto Condensed", sans-serif; font-size: 16px; content: "> "; padding: 0 5px; } .acc_login { color: #F15B2A; font-family: "Roboto Condensed", sans-serif; font-size: 28px; margin: 20px 0 10px; padding: 0 0 10px; text-align: center; width: 100%; text-transform:uppercase; } .acc_login b, h1.myorder b { color: #F15B2A; font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: bold; text-transform:uppercase; } .acc_login h1, h1.myorder { color: #F15B2A; font-family: "Roboto Condensed", sans-serif; font-size: 28px; font-weight: bold; text-transform: capitalize; font-weight: 400; } .login_section { margin: 0; padding: 0; width: 100%; } .login_acc { float: left; width: 100%; margin: 0; padding: 0; } .login_acc h2, .create_acc h2 { background: #F15B2A; text-align: center; margin: 0; padding: 14px 0; font-size: 20px; font-family: "Roboto Condensed", sans-serif; color: #fff; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; } .form_logo_01 { border: 1px solid #ccc; width: 100%; min-height: 422px; } #align_o { padding: 7px 14px 10px; font-size: 15px; font-family: "Roboto Condensed", sans-serif; color: #444; line-height: 18px; } form.form_log { background: #fff; padding: 3px 108px; } .form-group { margin-bottom: 15px; } label { display: inline-block; font-weight: 700; margin-bottom: 5px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; max-width: 100%; } .form-control { border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: block; font-size: 14px; height: 43px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .form-group { margin-bottom: 15px; } input[type="submit"] { border-style: solid; border-width: 0em; } .form-control-button { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 208px 16px; color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 17px; font-weight: bold; padding: 10px 10px 10px 0; text-transform: uppercase; width: 275px; margin: 0 0 0 -18px; cursor: pointer; -webkit-border-radius: 4px; } .stay_signed_in { padding: 15px 0; font-family: "Roboto Condensed", sans-serif; font-size: 15px; color: #333; clear: both; width: 100%; } #leanmore_stay { font-size: 15px; font-family: "Roboto Condensed", sans-serif; color: #666; width: 100%; line-height: 16px; margin: 0; padding-top: 10px!important; display: none; } .forget_msg { margin: 0; padding: 10px 0 0 0; width: 100%; color:#F15B2A; } .forget_msg span { cursor: pointer; } .forget_msg > span { font-size: 13px; font-style: italic; font-weight: bold; font-family: Arial, Verdana; color:#F15B2A; } #logfrm > #forget_message { margin: 0 0 0 -26px; width: 400px; } .create_acc { float: right; width: 100%; margin: 0; padding: 0; } .form_logo_01 { border: 1px solid #ccc; width: 100%; min-height: 422px; } .form_log > p { font-family: "Roboto Condensed", sans-serif; font-size: 14px; margin: 0; padding: 32px 0 18px; } #leanmore { font-size: 15px; font-weight: bold; font-family: "Roboto Condensed", sans-serif; cursor: pointer; color:#F15B2A; } #signup_message { margin: 0 0 0 -26px; padding: 10px 0; width: 330px; } #new_msg { text-decoration: none; outline: none; color:#F15B2A; font-weight:500; } #new_msg:hover { color:#c00f0f; font-weight:500; } p.stay_signed_in_learn { font-size: 15px; font-family: "Roboto Condensed", sans-serif; color: #666; width: 100%; line-height: 16px; margin: 0; padding: 0; } .forget_msg a { cursor: pointer; text-decoration: underline; color: #F15B2A; } .forget_msg p { font-family: "Roboto Condensed", sans-serif !important; font-size: 15px !important; } .forget_msg p { clear: both; color: #F15B2A; font-style: italic; font-weight: bold; line-height: 18px; padding: 0 0 20px; margin:0; } input#cust_stay_sign { width: 4% !important; } /* login page end design */ .form-control#logname, .form-control#secword, .form-control#typesignsecword { height: 38px; width: 240px; } input.form-control-button.login_now { width: 275px !important; font-family:Roboto condensed; font-weight: bold; font-size: 17px !important; padding: 10px 10px 10px 0; background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 186px 16px; } input.form-control-button.create_account { width: 275px !important; font-family:Roboto condensed; font-weight: bold; font-size: 17px !important; padding: 10px 10px 10px 0; background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 206px 16px; } input.form-control-button.login_now:hover { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 186px 16px; } input.form-control-button.create_account:hover { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 206px 16px; } .login_section .row { margin-left:0; margin-right:0; } .fnt1.control-btn2:hover { color:#fff; } .fnt1.control-btn3:hover { color:#fff; } .my-acc-abs { position: absolute; left: 0; top: 5px; font-size: 14px; color: #520C93; } .my-acc-pos { position: relative; width: 250px; padding-bottom: 30px; } .my-acc-abs a { font-size: 14px; color: #F15B2A; font-family: roboto condensed, sans-serif; padding: 0 2px; text-decoration: none; } .acc_login2 { color: #F15B2A; font-family: roboto condensed, sans-serif; font-size: 28px; text-align: center; } tr.row_head td { background: #fff none repeat scroll 0 0; color: #F15B2A; font-family: roboto condensed, sans-serif; font-size: 20px; font-weight: 700; padding: 20px 0; } tr.row_01 td a { color: #F15B2A; font-family: roboto condensed, sans-serif; font-size: 16px; font-weight: 400; text-decoration: none; } tr.row_01 td { color: #666; font-family: roboto condensed, sans-serif; font-size: 17px; font-weight: 400; padding: 14px 0; } .check_myacc { color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: 35px; margin: 0; min-height: 40px; padding: 0 0 0 18px; text-align: center; width: 100%; } .form_log4 { background: #fff none repeat scroll 0 0; margin: 0; padding: 0 0 0 3%; text-align: left; width: 85%; } .save_acc_details_btn>.submitbut { background: #F15B2A none repeat scroll 0 0; border-radius: 4px; color: #fff; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 16px !important; font-weight: 700; padding: 10px; text-transform: uppercase; width: 100%; cursor: pointer; } .submitbut:active, .submitbut:active:focus, .submitbut:focus { border: 0; outline: none !important; } form.form_log3 { background: #fff none repeat scroll 0 0; text-align: left; width: 85%; } .save_acc_details_btn { margin: 30px 0 0; padding: 0; text-align: center; width: 100%; } .form_log3 p { font-family: roboto condensed, sans-serif; font-size: 15px; margin: 0; padding: 15px 0; text-align: center; } .form-group.change_pass { margin: 0; padding: 20px 0; text-align: center; width: 100%; } .checkbox { margin: 0 !important; } .checkbox label { padding: 0 !important; } .checkbox input { top: 7px; } @media (max-width : 767px) { .save_acc_details_btn>.submitbut { } form.form_log { background: #fff; padding: 3px 10px; } input.form-control-button.login_now { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 70% 16px; width:100% !important; margin:0 auto; } input.form-control-button.login_now:hover { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 70% 16px; width:100% !important; margin:0 auto; } input.form-control-button.create_account { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 80% 16px; width:100% !important; margin:0 auto; } input.form-control-button.create_account:hover { background: #F15B2A url(/images/right_arrow.gif) no-repeat scroll 80% 16px; width:100% !important; margin:0 auto; } .login_acc { margin:0 0 20px; } .create_acc { margin:0 0 20px; } .forget_msg { width: 100%; margin: 0 auto; } #logfrm > #forget_message { margin:0; width:100%; } .col-lg-12 { /*padding:0;*/ } .form-control#logname, .form-control#secword, .form-control#typesignsecword { height: 38px; width: 100%; margin: 0 auto; } .form_logo_01 { border: 1px solid #ccc; width: 100%; min-height: auto; padding-bottom: 10px; } .para { margin:10px; } .control-btn2 { padding: 13px 0 !important; width: 100% !important; margin:0 !important; } .control-btn3 { padding: 13px 0 !important; width: 100% !important; margin:0 !important; } .my_acc_l { margin:0 0 20px; } .my_acc_c { margin:0 0 20px; } .my_acc_r { margin:0 0 20px; } } @media (min-width : 768px) and (max-width : 991px) { .save_acc_details_btn>.submitbut { } .login_acc { margin:0 0 20px; } .create_acc { margin:0 0 20px; } .my_acc_l { margin:0 0 20px; } .my_acc_c { margin:0 0 20px; } .my_acc_r { margin:0 0 20px; } } @media (min-width : 992px) and (max-width : 1199px) { .my_acc_l { margin:0 0 20px; } .my_acc_c { margin:0 0 20px; } .my_acc_r { margin:0 0 20px; } } .saved_account_info { color: #666; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 15px; line-height: 48px; margin: 0; min-height: 48px; padding: 0; text-align: center; width: 100%; } tr.row_head td:first-child { border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; } tr.row_head th { background: #F15B2A none repeat scroll 0 0; background-color: rgb(0, 0, 160); color: #fff; font-family: roboto condensed, sans-serif; font-size: 20px; font-weight: 700; padding: 20px 0; } tr.row_head th:first-child { border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; } tr.row_head th:last-child { border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; } tr.row_01 td { background: #fff none repeat scroll 0 0; color: #666; font-family: roboto condensed, sans-serif; font-size: 17px; font-weight: 400; padding: 14px 0; } .order_no_l { font-size: 17px; padding: 15px 0 5px; } #outofstock p { font-size:14px; width:100%; text-align: center; padding: 5px 0; color: #444; } input.outofstockemail { width: 100% !important; height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 5px 0 5px 13%; color: #000000; border:none; margin:0; } .outofstockemail_main, .outofstockphone_main { position: relative; } .outofstockemail_main span.fa.fa-envelope,.outofstockemail_main span.fa.fa-user { position: absolute; left: 14px; top: 18px; font-size: 14px !important; color: #787878; } .outofstockemail_main span.fa.fa-star { position: absolute; right: 14px; top: 20px; font-size: 6px !important; color: #c00; } .outofstockphone_main span.fa.fa-phone-square { position: absolute; left: 14px; top: 16px; font-size: 17px !important; color: #787878; } input#outofstockphone { height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border: 0; width: 72% !important; padding: 5px 0 5px 13%; margin: 0 0 10px; font-size: 14px; float:left; } .clear { clear:both;} @media (min-width:481px) and (max-width:1500px) { .outofstockemail, #outofstockphone { padding:5px 0 5px 40px !important; } } /*--------------- CHECKOUT PAGE CSS STARTS HERE ---------------*/ .product_info_outer { width: 342px; background: none; padding: 8px 0px; margin: 0px 0; float: left; } .product_info_outer p { margin: 0; padding: 0; float: left; width: 100%; line-height: 16px; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; font-weight: 300; color: #666; } input[type="radio"]:not(old) + label > span { display: inline-block; width: 0.875em; height: 0.875em; margin: 0.25em 0.5em 0.25em 0.25em; border: 0.0625em solid rgb(192,192,192); background: rgb(224,224,224); background-image: none; background-image: none; background-image: -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: -o-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224)); background-image: linear-gradient(rgb(240,240,240),rgb(224,224,224)); vertical-align: bottom; outline: 0; text-align: left; } input[type="radio"]:not(old):checked + label > span > span { display: block; width: 0.5em; height: 0.5em; margin: 0.105em; border: 0.0625em solid #68605A; background: #68605A; background-image: none; background-image: none; background-image: -moz-linear-gradient(#68605A,#68605A); background-image: -ms-linear-gradient(#68605A,#68605A); background-image: -o-linear-gradient(#68605A,#68605A); background-image: -webkit-linear-gradient(#68605A,#68605A); background-image: linear-gradient(#68605A,#68605A); } .view-cart table.newcheckout_table { margin:-20px 0 0;} @media (min-width:280px) and (max-width:465px) { .product_info_outer { width: 265px; } } /*--------------- CHECKOUT PAGE CSS ENDS HERE ---------------*/ /*---------- Viewcartpage CSS Starts Here ------------*/ .viewcart_new .bredgrumb p { color: #d7d7d7;font-family:roboto condensed, sans-serif; font-size:16px; font-weight:bold;padding:0 5px 0 0px;} .viewcart_new .bredgrumb p a {color: #d7d7d7;font-family: roboto condensed, sans-serif; font-size:16px; font-weight:bold;padding: 0 5px 0;} .viewcart_new .bredgrumb p a:first-child {color: #F15B2A;} .viewcart_new .bredgrumb p a:nth-child(2) {color: #757e85;} .viewcart_new .bredgrumb p a:nth-child(3) {color: #d7d7d7;} .viewcart_new h1.h1_viewcart { width: 100%; text-align: center; color: #F15B2A; text-transform: uppercase; font-size: 30px!important;font-family: Roboto condensed; font-weight: 300;} .viewcart_new h1.h1_viewcart b{ color: #F15B2A; text-transform: uppercase; font-size: 30px;font-family:Roboto condensed; font-weight:bold;} .viewcart_new p#ord_no {font-weight: 300;color: #8c8b8b;font-size: 14px;font-family: roboto condensed, sans-serif; padding:10px 0 2px;} .viewcart_new .view-cart th.text-center { font-family:roboto condensed, sans-serif; font-size:20px;text-align: left;padding: 13px;border:0;} .viewcart_new .view-cart tr:nth-of-type(2n+1) { background: none; } .viewcart_new .view-cart td.text-center {text-align: left;padding: 15px !important;font-size: 15px; border:0; border-bottom:1px solid #ccc;} .viewcart_new .view-cart tbody tr {border-left: 1px solid #ccc;border-right: 1px solid #ccc;} .viewcart_new span.ArrowLeft::before { width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:9px solid #444; display:inline-block; content: ''; margin-right: 5px;position: relative; bottom: 1px;} .viewcart_new span.ArrowRight::after {width: 0;height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 9px solid #fff;display: inline-block; content: '';margin-left: 5px; position: relative; bottom: 1px;} .viewcart_new .viewcart-table { border-bottom: 1px solid #ccc; margin: 0 0 20px; display: inline-block; width: 100%;padding-bottom: 10px;border-left: 1px solid #ccc; border-right: 1px solid #ccc;} .viewcart_new .pricebold {font-weight: bold; color: #444;} .viewcart_new .viewcart-table.text-right { border:0; } .viewcart_new .viewcart-table.text-right .col-xs-5 {float: left;text-align: left;} .viewcart_new .viewcart-table.text-right .col-xs-5 a#keep-shopping {background: none !important;color: #454545;font-size: 16px;font-weight: 300;} .viewcart_new input#newcoupon {color: #ccc;height: 28px;width: 145px;font-family: roboto condensed, sans-serif;font-weight: 300;font-size: 16px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #ccc;margin: 4px 0; padding: 0px 4px 0px 8px; } .viewcart_new input#apply.btn-system.btn-large {background: none;color: #444;font-size: 15px !important;font-weight: 300;text-transform: none; font-family: roboto condensed, sans-serif;} .viewcart_new a#checkout_link {display: inline-block;color: #fff;text-align: center;width: 300px;height: 40px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; cursor: pointer;font-family: roboto condensed, sans-serif;font-weight: 700; font-size: 18px; margin: 4px 0 0 0;} .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:first-child {width: 85%;padding: 10px 0 0;color: #878787;font-size: 15px;font-weight: 300;} .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:nth-child(2){width:7%; padding:10px 0 0 30px; color:#444;font-size:15px; font-weight:bold; text-align: left;} .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div#freeship span.freeshipping_option {color: #F15B2A;font-size: 16px;font-weight: bold;} .viewcart_new div#tiORwrap { width: 86%; display: block; float:right;} .viewcart_new div#tiORwrap > hr {width:46%; display:inline-block; margin:6px 94px; position:relative; top:13px; border-top:1px solid #444;} .viewcart_new div#OR { text-align: center;width: 25px;position: relative; bottom: 11px;display: block;margin: 0 auto;float: none;background-color: #fff;font-size: 15px;color: #444;font-family: roboto condensed, sans-serif;} @media (max-width:767px) { .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:first-child {width: 80%; font-size:13px !important; padding:10px;} .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:nth-child(2){width:20%; padding:10px 0 0 10px!important; color:#444;font-size:13px!important; font-weight:bold; text-align: left;} .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div#freeship span.freeshipping_option {color: #F15B2A;font-size: 13px;font-weight: bold;} .viewcart_new .viewcart-table.text-right .col-xs-5 { float: none; text-align: center; width: 100%;} .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 { width:100%; text-align:center; } .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 a#checkout_link{ width:300px; font-size:17px !important;line-height: 25px; } .viewcart_new .col-xs-3.text-right.m-text.m-center.mobile-view {width: 100%;} .viewcart_new .col-xs-3.text-right.m-text.m-center.mobile-view form#discount { float: none !important; text-align: center;} .viewcart_new .viewcart-table.text-right .col-xs-5 a#keep-shopping {background: none !important;color: #454545;font-size: 16px;font-weight: 300;} } @media (min-width:768px) and (max-width:1199px) { .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:first-child {width: 80%;font-size: 13px !important;padding: 10px;} } .product_info_outer label {z-index: 1;} /*---------- Viewcartpage NEW CSS STARTS Here ------------*/ .row.shop_h1 {font-family: roboto condensed, sans-serif;font-size: 20px;text-align: left;padding: 13px;border: 0;background: #F15B2A;color: #fff;font-weight: bold;margin: 0;} .row.shop_h2 {text-align: left;padding: 15px !important;font-size: 15px; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;margin: 0;} @media (max-width:767px) { #maincontent_area { width: 100%; margin-top: 10px; } .row.shop_h1 {font-family: roboto condensed, sans-serif;font-size: 20px;text-align: left;padding: 13px 0;border: 0;background: #F15B2A;color: #fff;font-weight: bold;margin: 0;} .row.shop_h2 {text-align: left;padding: 15px 0 !important;font-size: 15px; border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;margin: 0;} .row.shop_h1 .col-lg-2.text-left, .row.shop_h2 .col-lg-2.text-left {float: left;width: 16%;padding: 0 !important;margin: 0;word-wrap: break-word;font-size: 13px;text-align: left;} .row.shop_h1 .col-lg-3.text-left, .row.shop_h2 .col-lg-3.text-left {float: left;width: 25%;padding: 0 10px !important;margin: 0;word-wrap: break-word;font-size: 13px;text-align: left;} .viewcart_new .viewcart-table.text-right.viewcart_checkout .col-xs-5 {text-align: center;} .viewcart_new .viewcart-table.text-right.viewcart_checkout .col-xs-5 a#keep-shopping {font-size: 15px;} .viewcart_new .viewcart-table.text-right.viewcart_checkout .col-xs-3.text-right.m-text.m-center.mobile-view #discount {float: none !important;} .viewcart_new .viewcart-table.text-right.viewcart_checkout .col-lg-4.col-xs-4.col-sm-4 {width: 100%;text-align: center;} .viewcart_new .viewcart-table.text-right.viewcart_checkout .col-lg-4.col-xs-4.col-sm-4 a#checkout_link {width: 300px; font-size: 17px !important; line-height: 25px;} .viewcart_new form#paypalform #submit {width: 300px;} .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 #paypalform { width: 300px; margin: -23px auto 0;} .viewcart_new div#tiORwrap { margin:0 auto; float: none; } .viewcart_new div#OR {bottom: 11px;} .viewcart_new div#tiORwrap > hr { margin: 6px 0; width:20%; } } @media (min-width:768px) and (max-width:1199px) { .row.shop_h1 .col-lg-2.text-left {float: left;width: 16%;padding: 0 !important;margin: 0;word-wrap: break-word;font-size: 20px;text-align: center;} .row.shop_h2 .col-lg-2.text-left {float: left;width: 16%;padding: 0 !important;margin: 0;word-wrap: break-word;font-size: 15px;text-align: center;} .row.shop_h1 .col-lg-3.text-left {float: left;width: 25%;padding: 0 !important;margin: 0;word-wrap: break-word;font-size: 20px;text-align: center;} .row.shop_h2 .col-lg-3.text-left {float: left;width: 25%;padding: 0 !important;margin: 0;word-wrap: break-word;font-size: 15px;text-align: center;} .viewcart_new .viewcart-table.text-right .col-xs-5 {float: none;text-align: center; width: 100%;} .viewcart_new .viewcart-table.text-right .col-xs-5 a#keep-shopping {background: none !important;color: #454545;font-size: 16px;font-weight: 300;} .viewcart_new .col-xs-3.text-right.m-text.m-center.mobile-view {width: 100%;} .viewcart_new .col-xs-3.text-right.m-text.m-center.mobile-view form#discount { float: none !important; text-align: center;} .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 {width: 100%; text-align: center;} .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 a#checkout_link {width: 300px;font-size: 17px !important;line-height: 25px;} .viewcart_new div#tiORwrap { margin: 0 auto;float: none;} .viewcart_new div#OR { bottom: 5px;} .viewcart_new .viewcart-table.text-right .col-lg-4.col-xs-4.col-sm-4 #paypalform { width: 300px;margin: 0px auto;} .viewcart_new form#paypalform #submit {width: 300px;} .viewcart_new div#tiORwrap > hr { margin: 6px 0; width:20%; } } @media (min-width:1200px) { .viewcart_new .viewcart-table .col-lg-12.col-xs-12.m-padding.mobile-view div:first-child { width: 81.3%;} .viewcart_new div#tiORwrap > hr { width: 30%;margin: 6px 103px;} } /*---------- Viewcartpage NEW CSS ENDS Here ------------*/ /*---------- Viewcartpage CSS Ends Here ------------*/ /*---------- Newcheckout Page CSS Starts Here ------------*/ .checkout_new .bredgrumb p { color: #d7d7d7;font-family:roboto condensed, sans-serif; font-size:16px; font-weight:bold;padding:0 5px 0 0px;} .checkout_new .bredgrumb p a {color: #d7d7d7;font-family: roboto condensed, sans-serif; font-size:16px; font-weight:bold;padding: 0 5px 0;} .checkout_new .bredgrumb p a:first-child {color: #757e85;} .checkout_new .bredgrumb p a:nth-child(2) {color: #F15B2A !important;} .checkout_new .bredgrumb p a:nth-child(3) {color: #d7d7d7;} .checkout_new h1.h1_viewcart { width: 100%; text-align: center; color: #F15B2A; text-transform: uppercase; font-size: 30px!important;font-family: Roboto condensed; font-weight:bold; margin:0 0 15px; padding:0;} .checkout_new form#paypalform {float: right;} .checkout_new p.order_no {font-weight: 300;color: #8c8b8b;font-size: 14px;font-family: roboto condensed, sans-serif; padding:10px 0 2px; } .checkout_new .box1 { border:0; } .checkout_new .box1 .form-title { margin-bottom: 0; } .checkout_new .box1 .form-title h3{ font-size: 18px;color: #fff;padding: 5px 10px;font-family: roboto condensed, sans-serif; } .checkout_new .box1.order_summary_0 .form-title h3 {padding: 13px 10px;} .checkout_new .box1 .content_box_content {border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0;} .checkout_new .box1 .content_box_content .row.billing_details .col-sm-4 { text-align: right;padding: 0;font-size: 14px;color: #7b7b7a;} .checkout_new .box1 .content_box_content .row.billing_details .col-sm-8 input#email { width:160px; height:24px;} .checkout_new .box1 .form-title.form_ship h3 {margin: 10px 0 0 0;} .checkout_new .box1 select#shipping_select.form-control {width: 160px; height: 24px;padding: 0;font-size: 12px;border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border: 1px solid #abadb3;} .checkout_new .box1.t-m #check-out-form {border-left:1px solid #ccc;border-right:1px solid #ccc; border-bottom:1px solid #ccc;padding:10px;} .checkout_new .box1.t-m #check-out-form .form-group {margin: 0 0 7px;} .checkout_new .box1.t-m #check-out-form .form-group .control-label.col-sm-4 {color:#7b7b7a;font-size:14px;font-weight:300;padding:0;} .checkout_new .box1.t-m #check-out-form .form-group .col-sm-8 input, .checkout_new .box1.t-m #check-out-form .form-group .col-sm-8 select{width: 160px; height: 24px !important;padding: 0 3px;font-size: 12px;border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border: 1px solid #abadb3;float:left;} .checkout_new .box1.t-m #check-out-form .form-group #phone.col-sm-8 input { width: 50px !important;} .checkout_new .box1.t-m #check-out-form .form-group #phone.col-sm-8 input#bphone {width:160px !important} .checkout_new .box1.t-m #check-out-form .form-group #phone_ship.col-sm-8 input#sphone {width:160px !important} .checkout_new .box1.t-m #check-out-form .form-group #phone_ship.col-sm-8 input { width: 50px !important;} .checkout_new .col-sm-offset-3.col-sm-12 .checkbox label { font-size: 14px;margin: 0 0 0 10px;} .checkout_new #tiCC { left: 25px;position: relative; z-index: -1;} .checkout_new #Paypalti { left: 25px;position: relative; z-index: -1;} .checkout_new a#check_form_submit_button{cursor: pointer;display: block;margin: 0px auto;padding: 0px;float: none;width: 300px;height: 61px; background: rgba(0, 0, 0, 0) url("/images/checkout_submitorder_arrow_new.png") no-repeat scroll left top;} .checkout_new #tiBlank a.btn-system.btn-large {background: url("/images/continue_to_paypal.png") no-repeat left top; margin: 0 auto; padding: 0; float: none;width: 300px;height: 61px; cursor: pointer;} .checkout_new .newcheckout_table { margin: 0 !important;} .checkout_new .newcheckout_table.newcheckout_table_tbody { margin: -22px 0 0 !important;border: 1px solid #ccc;} .checkout_new .view-cart .newcheckout_table th.text-center { color: #fff; border: 0; padding: 10px; font-size: 18px; text-align: left; } .checkout_new .newcheckout_table.newcheckout_table_tbody tr { background: #fff !important; border: 0 !important;} .checkout_new .newcheckout_table.newcheckout_table_tbody tr td.text-left, .checkout_new .newcheckout_table.newcheckout_table_tbody tr td.text-right { border: 0 !important; padding: 11px !important; font-size: 14px; color: #8c8b8b; } .checkout_new .product_info_outer p { font-size: 14px; color: #8c8b8b;} .checkout_new #shipping_info { color: #F15B2A; font-size: 14px; font-weight: bold; text-transform: uppercase; } .checkout_new .newcheckout_table.newcheckout_table_tbody tr td.text-left.text_total {text-align: right;color: #000; font-size: 18px;font-weight: bold;} .checkout_new .newcheckout_table.newcheckout_table_tbody tr td#modified_total {text-align: right;color: #000; font-size: 18px;font-weight: bold;} .checkout_new .view-cart td.orange_sec2 {text-align: right;border: 0 !important; font-size: 14px;color: #8c8b8b; padding: 8px 8px 15px;} .checkout_new .orange_sec h3.orange {font-family: roboto condensed, sans-serif;font-size: 16px;font-weight: bold;} .checkout_new table.guarantee_1 td {color: #8c8b8b;font-size: 14px;} .checkout_new table.guarantee_1 td i.fa.fa-star {color: #F15B2A;} .checkout_new .col-lg-12.col-xs-12.text-left.m-display .col-lg-6.col-xs-6.m-center { text-align: right;} .checkout_new td.text-right.shipping_ground div {float: right;} .checkout_new .content_box_content.order_summary .row.billing_details { padding:10px; } .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3 { text-align: right;font-size: 14px;} .checkout_new b.best_val_01 {float: left;padding: 0 0 0 10px;font-weight: 300;color: #8c8b8b;font-size: 14px;} .checkout_new b.best_val {float: left;padding: 0 0 0 5px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new #shipping_info { color: #F15B2A; font-size: 14px; font-weight: bold; text-transform: uppercase; } .checkout_new .col-sm-3.text-right.green.tiGreen { color: #F15B2A; font-size: 14px; font-weight: bold; text-transform: uppercase; } .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-6 {font-size: 14px;color: #7b7b7a;} .checkout_new .shipping_l2 {text-align: left; float: left;} .checkout_new .col-sm-9.shipping_ground .shipping_l2 {float: right;} .checkout_new .shipping_l2 span {float: left;font-size: 14px;} .checkout_new .shipping_l2 div {float: left;padding-left: 5px;font-size: 14px;} .checkout_new .col-sm-9.text-left.text_total {text-align: right;color: #000 !important;font-size: 18px !important; font-weight: bold;} .checkout_new .col-sm-3.text-right.text_total2 {text-align: right;color: #000 !important;font-size: 18px !important;font-weight: bold;} .checkout_new input[type="radio"]:not(old):checked + label > span > span {width: 0.53em;} .checkout_new .orange { color: #F15B2A;text-align: center;font-family: Roboto condensed;} .checkout_new .content_box_content.order_summary2 .row.billing_details .col-sm-6 {font-size: 14px;padding: 5px 30px;} .checkout_new .fa.fa-star { color: #F15B2A; } .checkout_new .content_box_content.order_summary3 {border: 0 !important;} .checkout_new .row.billing_details { padding: 3px 0;} .checkout_new .content_box_content.order_summary3 .col-sm-6 {text-align: right;padding: 5px 0;} .checkout_new .content_box_content.order_summary3 .col-sm-6 img {width: 55%;padding: 6px 0 0;} .checkout_new .content_box_content.order_summary3 .col-sm-6:nth-child(2) {text-align: left;padding: 0 0 0 5px;} .checkout_new .content_box_content.order_summary3 .col-sm-6:nth-child(2) img { width: 75%;padding: 10px 0 0;} .checkout_new .form-group.b-top.b-top2 { border: 0;} @media (max-width:767px) { .checkout_new .bredgrumb p a {font-size: 14px;} .checkout_new .box1 .content_box_content .row.billing_details .col-sm-4 {text-align: left;padding: 0 15px;} .checkout_new .box1 .content_box_content .row.billing_details .col-sm-8 input#email { width:100%;} .checkout_new #emailstatus { padding: 0 !important;} .checkout_new .box1 select#shipping_select.form-control {width: 100%; z-index:2;} .checkout_new .box1.t-m #check-out-form .form-group .col-sm-8 {padding: 0;} .checkout_new .box1.t-m #check-out-form .form-group .col-sm-8 input, .checkout_new .box1.t-m #check-out-form .form-group .col-sm-8 select { width:100%;} .checkout_new .box1.t-m #check-out-form .form-group #phone.col-sm-8 input {width: 31% !important;} .checkout_new .box1.t-m #check-out-form .form-group #phone_ship.col-sm-8 input {width: 31% !important;} .checkout_new a#check_form_submit_button {width: 280px;background-size: contain;} .checkout_new #tiBlank a.btn-system.btn-large{width: 280px;background-size: contain;} .countrymsg{display: none;} .checkout_new b.best_val_01 {float: left;padding: 0 0 0 10px;font-weight: 300;color: #8c8b8b;font-size: 14px;} .checkout_new b.best_val {float: left;padding: 0 0 0 5px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new .content_box_content.order_summary2, .content_box_content.order_summary3 { display: none; } .checkout_new form#checkout_form .box1 { margin: 10px 0 0; } .checkout_new .shipping_l2 {text-align: right;float: left!important;} .checkout_new .shipping_l2 span {float: left;font-size: 13px;} .checkout_new .shipping_l2 div#shipping_name_display {float: left;font-size: 13px;} .checkout_new .col-sm-9.text-left.text_total {text-align: left;color: #000 !important;font-size: 18px !important;font-weight: bold;float: left;} .checkout_new .form-group.b-top.b-top2 label {float: left; margin: 0 0 0 -9px;} .checkout_new .form-group.b-top.b-top2 img {width: 40%;float: left; margin: 0;padding: 10px 0 0 10px;} .checkout_new .form-group.b-top.Paypalti label { float: left;margin: 0 0 0 -7px;} .checkout_new b.best_val_01 {float: left;padding: 0 0 0 10px;font-weight: 300;color: #8c8b8b;font-size: 14px;} .checkout_new b.best_val {float: left;padding: 0 0 0 5px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new span#submit_span_load { text-align: center !important; margin: 0 auto !important; width: 300px !important;} .checkout_new span#submit_span_text { text-align: center !important; margin: 20px auto !important; width: 300px !important;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-6 {font-size: 14px;color: #7b7b7a;float: left;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3 {text-align: right;font-size: 14px;float: right;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3.order_mobile2 {float: left;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3.order_mobile3 {float: right;} } @media (min-width:240px) and (max-width:479px) { .checkout_new .checkout_partname { font-size: 11px; width: 280px !important;} .checkout_new b.best_val_01 {float: left; padding: 0 0 0 10px; font-weight: 300; color: #8c8b8b;font-size: 14px;} .checkout_new b.best_val {float: left;padding: 0 0 0 10px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-6 {font-size: 11px;color: #7b7b7a;float: left;width: 50%;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3 {text-align: left;font-size: 11px;float: right;} .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-9 {float: left;width: 60%;} .product_info_outer {background: none;padding: 2px 0;margin: 0px 0;float: left;} } @media (min-width:768px) { .checkout_new.paypal_express_checkout .row.billing_details.getpaypal select {margin: 0 0 0 35%;} } /*---------- Newcheckout Page CSS Ends Here ------------*/ /*---------- Newcheckout PAYPAL Page CSS Starts Here ------------*/ .checkout_new.paypal_express_checkout .box1 .content_box_content .row.billing_details .col-sm-8 {font-size: 14px;color: #7b7b7a;} .checkout_new.paypal_express_checkout .box1.t-m #check-out-form.col-lg-12 .form-group .col-sm-8 {font-size: 14px;color: #7b7b7a;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details .col-sm-9 {font-size: 14px;color: #7b7b7a;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details .col-sm-6 {font-size: 14px;color: #7b7b7a;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details .col-sm-3 {font-size: 14px;color: #7b7b7a;} .checkout_new.paypal_express_checkout .row.billing_details { padding: 3px 0;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details { padding: 10px;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details .col-sm-3 { text-align: right;} .dynamic_values {font-weight: 300; font-size: 14px;} .checkout_new.paypal_express_checkout .shipping_l2 { text-align:left; float:left; } .checkout_new.paypal_express_checkout .shipping_l2 span { float:left; } .checkout_new.paypal_express_checkout .shipping_l2 div { float:left; padding-left:5px; } .checkout_new.paypal_express_checkout .col-sm-9.text-left.text_total { text-align: right;color: #000 !important;font-size: 18px !important;font-weight: bold;} .checkout_new.paypal_express_checkout .col-sm-3.text-right.text_total2{ text-align: right;color: #000 !important;font-size: 18px !important;font-weight: bold;} .checkout_new.paypal_express_checkout .orange {color: #F15B2A; text-align: center; font-family: Roboto condensed;} .checkout_new.paypal_express_checkout .fa.fa-star { color: #F15B2A;} .checkout_new.paypal_express_checkout .content_box_content.order_summary3 { border: 0 !important;} .checkout_new.paypal_express_checkout .content_box_content.order_summary3 .col-sm-6 { text-align: right;padding: 5px 0;} .checkout_new.paypal_express_checkout .content_box_content.order_summary3 .col-sm-6 img {width: 55%;padding: 11px 0 0;} .checkout_new.paypal_express_checkout .content_box_content.order_summary3 .col-sm-6:nth-child(2){ text-align: left;padding-left: 5px;} .checkout_new.paypal_express_checkout .content_box_content.order_summary3 .col-sm-6:nth-child(2) img { width: 75%;padding: 10px 0 0;} .checkout_new.paypal_express_checkout .content_box_content.order_summary2 .row.billing_details .col-sm-6 {font-size: 14px; padding: 1px 30px;} .checkout_new.paypal_express_checkout input[type="radio"]:not(old):checked + label > span > span {width: 0.52em;} .checkout_new.paypal_express_checkout .parent-link.parent-link2 { color:#757e85; } .checkout_new.paypal_express_checkout b.best_val_01 {float: left;padding: 0 0 0 10px;font-weight: 300;color: #8c8b8b;font-size: 14px;} .checkout_new.paypal_express_checkout b.best_val {float: left;padding: 0 0 0 5px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new.paypal_express_checkout .col-sm-3.text-right.green.tiGreen { color: #F15B2A !important;font-weight: bold;} @media (max-width:767px) { .checkout_new.paypal_express_checkout .shipping_l2 { text-align: left; float: left;} .checkout_new.paypal_express_checkout .col-sm-9.text-left.text_total { text-align: right;color: #000 !important;font-size: 18px !important;font-weight: bold; float:left;} .checkout_new.paypal_express_checkout .box1 .content_box_content .row.billing_details .col-sm-8 {font-size: 14px;color: #7b7b7a;word-wrap: break-word;width: 50%;float: left;padding: 0 15px 0 0;} .checkout_new.paypal_express_checkout .box1 .content_box_content .row.billing_details .col-sm-4 { text-align: right; padding: 0 15px;float: left;width: 50%;} .checkout_new.paypal_express_checkout .box1.order_summary_0 { margin: 10px 0 0;} .checkout_new.paypal_express_checkout .content_box_content.order_summary2 .row.billing_details .col-sm-6 { font-size: 14px; padding: 10px 30px;} .checkout_new.paypal_express_checkout .content_box_content.order_summary .row.billing_details .col-sm-9 { z-index:1;} .checkout_new.paypal_express_checkout .content_box_content.order_summary2, .checkout_new.paypal_express_checkout .content_box_content.order_summary3 {display: none;} .checkout_new.paypal_express_checkout b.best_val_01 {float: left; padding: 0 0 0 10px; font-weight: 300; color: #8c8b8b;font-size: 14px;} .checkout_new.paypal_express_checkout b.best_val {float: left;padding: 0 0 0 5px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} .checkout_new.paypal_express_checkout .col-sm-3.text-right.green.tiGreen { color: #F15B2A !important;font-weight: bold;} } @media (min-width:240px) and (max-width:479px) { .checkout_new.paypal_express_checkout b.best_val {float: left;padding: 0 0 0 10px;font-weight: 300;color: #F15B2A;font-size: 14px;font-weight: bold;} } @media (min-width:1200px) { .checkout_new.paypal_express_checkout #check_form_submit_button {position: relative;top: -180px;} .checkout_new.paypal_express_checkout .col-lg-12.text-center { margin:50px 0 0 !important; height:0; } .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3.tiGreen#warrantyamt0, .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3.tiGreen#warrantyamt1, .checkout_new .content_box_content.order_summary .row.billing_details .col-sm-3.tiGreen#warrantyamt2 { text-align: right;font-size: 14px;padding: 5px 15px 0;} } /*---------- Newcheckout PAYPAL Page CSS Ends Here ------------*/ /*---------- Buynow Guranteed Page CSS Starts Here ------------*/ .pro_tab_container ul { padding: 0 10px; margin: 0; } h2.guaranteed_title { width: 100%; font-size: 20px; color: #F15B2A; border: 0; text-transform: uppercase; font-style: normal; font-weight: 100; font-family: 'Roboto condensed',sans-serif; padding: 15px; background: #eeecee; float: none; } h2.guaranteed_title strong { font-weight: bolder; } .guaranteed_inner { border-top: 1px solid #ccc; } .guaranteed_inner .row .col-lg-3 { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right:0; border-top:0; } .guaranteed_inner .row .col-lg-3:first-child, .guaranteed_inner .row .col-lg-3:nth-child(2), .guaranteed_inner .row .col-lg-3:nth-child(3), .guaranteed_inner .row .col-lg-3:nth-child(4) { border-top: 0; } .guaranteed_inner .row .col-lg-3:nth-child(4), .guaranteed_inner .row .col-lg-3:nth-child(8), .guaranteed_inner .row .col-lg-3:nth-child(12), .guaranteed_inner .row .col-lg-3:last-child { border-right: 1px solid #ccc; } .big-title.text-left .row .col-lg-3, .big-title.text-left .row { margin: 0; padding: 0; } .ti-other-info {padding: 10px;} .ti-other-info a {font-size: 16px;color: #444;line-height: 18px;font-family: 'Roboto condensed',sans-serif;font-weight: 700;} #buyspan {color: #C00F0F;margin: 0;padding: 0;} .kit::before, .bunow-item div .kit::before {right: -28px; bottom:0;} .ti-other-img { height: 140px; text-align: center;} .saved-price {float: none !important; color: inherit !important; font-weight: 400 !important;font-size: 11px !important;display: block;margin: 0;padding: 4px 0 0 10px;} .ti-other-price { margin-bottom: 20px;} .ti-other-price .saved-price-green i { font-style: normal; padding: 0 12px; margin: 0;} div#priceDiv {text-align: left;line-height: normal;color: #454545;margin: 0; padding: 0 10px;} div#priceDiv span.saved-price {font-size: 16px !important;display: block;line-height: 1.3;} .ti-orig-price {font-weight: 300; color: #454545;text-decoration: line-through;margin-right: 5px;} #ti-saved-price-hl {font-weight: normal;color: #00adeb;display: inline-block;} div#priceDiv #ti-saved-price-hl em {font-style: normal;} div#priceDiv .ti-our-price {display: block;font-size: 16px;font-weight: normal;line-height: 1; color: #454545;margin: 15px 0 3px;} div#priceDiv .saved-price-green {line-height: 1.1;} div#priceDiv .saved-price-green > i {font-size: 48px;color: #454545;font-weight: bold;} .bunow-carousel .bunow-item {border:1px solid #dddddd;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;	width:100%;	margin:0 auto;border-right: 0;} .buynow-list {width:100%;margin:0 auto;} .ti-other-info a .pro_desc #buynotes {color: #444; font-size: 16px;} .bunow-carousel .bunow-item .ti-other-img a {text-align: center;} .ti-other-price span {display: block;text-align: left;margin: 0;} .bunow-carousel:hover .bunow-item a img {opacity: 1 !important;} .bunow-carousel .bunow-item a .pro_desc span { color: #444; font-size: 16px;} .bunow-carousel .bunow-item .ti-other-img a { text-align: center;} .bunow-carousel .ti-other-price span {display: block;text-align: left;margin: 0;} .product-categories.pro_guaranteed .owl-carousel .owl-item {width: 277px} .product-categories.pro_guaranteed .owl-carousel .owl-item:last-child, .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(4), .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(8), .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(12) {width: 276px;border-right: 1px solid #ddd;} .product-categories.pro_guaranteed .owl-wrapper-outer { border-right: 1px solid #ddd; } @media (max-width:767px) { .kit::before, .bunow-item div .kit::before {right: -9px; bottom:0;} .product-categories.pro_guaranteed .bunow-carousel .bunow-item { border:0; } .product-categories.pro_guaranteed .owl-wrapper-outer {border: 1px solid #ddd;} .product-categories.pro_guaranteed .owl-carousel .owl-item {width: auto;} .product-categories.pro_guaranteed .owl-carousel .owl-item:last-child, .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(4), .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(8), .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(12) {width: auto;border-right: 1px solid #ddd;} } @media (min-width:376px) and (max-width:767px) { .kit::before, .bunow-item div .kit::before {right: -26px; bottom:0;} } @media (min-width:601px) and (max-width:767px) { .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(2) { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .product-categories.pro_guaranteed .owl-carousel .owl-item:nth-child(3) { border-right: 1px solid #ddd; } } /*---------- Buynow Guranteed Page CSS Ends Here ------------*/ /*---------- Buynow Buybox Page CSS Starts Here ------------*/ #priceDiv {text-align: left;line-height: normal;color: #454545;margin: 0;padding: 0 10px;} #priceDiv span.saved-price {font-size: 16px !important;display: block;line-height: 1.3;} .ti-orig-price {font-weight: 300;color: #454545;text-decoration: line-through;margin-right: 5px;display: block;} #ti-saved-price-hl {font-weight: normal;color: #00adeb;display: inline-block;} #priceDiv #ti-saved-price-hl em {font-style: normal;} #priceDiv .ti-our-price {display: block;font-size: 16px;font-weight: normal;line-height: 1;color: #454545;margin: 15px 0 3px;} #priceDiv .saved-price-green {line-height: 1.1;} #priceDiv .saved-price-green > i {font-size: 48px;color: #454545;font-weight: bold;} .tooltip.ti-ground {display: block;float: none;overflow: hidden;padding: 5px 10px 15px;position: relative;opacity: inherit;} .tooltip.ti-ground span.select-value {padding: 0;font-size: 16px;font-weight: 300;font-family: 'Roboto Condensed', Arial, sans-serif;color: #454545;} .tooltip.ti-ground span.select-value strong {padding: 0;font-weight: normal;} span.saved-price-green i {font-size: 1.1em;font-style: normal;} .tooltip.ti-ground .tooltip {position: relative;} #war_tech_spec .all_war_spec,.all_war,.main_war_tit{clear:left;text-align:left} #war_tech_spec{width:100%;font-family:'Roboto condensed',sans-serif;font-weight:100} #war_tech_spec .main_war_tit_spec{font-size:inherit;float:none;width:100%;text-align:left;clear:left;cursor:pointer} #war_tech_spec .war_tit_spec{font-size:16px;display:inline-block;box-sizing:border-box;float:left} #war_tech_spec .war_tit_arrow_spec{display:inline-block;width:5%;background:url(/images/Big-Parts_Icon_Arrow-Down.svg) no-repeat;margin:4px 0 0 4px} #war_tech_spec .main_war_tit_spec.arrowup_spec>.war_tit_arrow_spec{display:inline-block;width:5%;background:url(/images/Big-Parts_Icon_Arrow-Up.svg) no-repeat;margin:4px 0 0 4px} #war_tech_spec .all_war_spec{display:none;float:none;width:100%;font-size:14px!important;margin-bottom:10px;box-sizing:border-box} #war_tech_spec .all_war_lab_spec{display:inline-block;width:50%;box-sizing:border-box;text-align:left;padding:2px 0} #war_tech_spec .all_war_val_spec{display:inline-block;max-width:48%} /* labor warranty facebox code start here */ #facebox table,.checkout_wrap table,.pro_tab_container .tab_innet_content_second {border-spacing: 0} #facebox .b {background: url(/images/b.png)} #facebox .tl {background: url(/images/tl.png)} #facebox .tr {background: url(/images/tr.png)} #facebox .bl {background: url(/images/bl.png)} #facebox .br {background: url(/images/br.png)} #facebox {position: absolute;top: 0;left: 0;text-align: left;z-index: 100010!important} #facebox .popup {position: relative} #facebox table {border-collapse: inherit} #facebox td {border-bottom: 0;padding: 0} #facebox .body {padding: 10px;background: #fff;width: 620px!important} #facebox .image,#facebox .loading {text-align: center} #facebox img {max-height: 350px;max-width: 400px;border: 0;padding: 15px 0!important;margin: 0} #facebox .footer {border-top: 1px solid #DDD;padding-top: 5px;margin-top: 10px;text-align: right;width: 100%} #facebox .bl,#facebox .br,#facebox .tl,#facebox .tr {height: 10px;width: 10px;overflow: hidden;padding: 0} #facebox_overlay {position: fixed;top: 0;left: 0;height: 100%;width: 100%;opacity: .65!important;z-index: 100001!important} .facebox_hide {z-index: -100} .facebox_overlayBG {background-color: #000;z-index: 99} * html #facebox_overlay {position: absolute;height: expression(document.body.scrollHeight> document.body.offsetHeight ? document.body.scrollHeight: document.body.offsetHeight + 'px')} .hd_refer_email{width:100%;font-size:18px;font-weight:700;margin-bottom:10px;text-align:left;margin-top:10px;margin-left:12px} .bd_refer_email{border-bottom:1px solid #ddd;width:100%} .qa-form-outer {float: left;margin: 0;padding: 10px;width: 600px} .qa-form-inner,.qa-form-title {float: left;width: 570px;text-align: left} .qa-form-inner {margin: 0;padding: 0} .qa-form-inner label {display: inline-block;font-size: 12px;margin: 5px 0;padding: 0} .qa-form-inner textarea {border: 1px solid #C1C1C1;height: 95px;margin: 10px 0 5px;padding: 5px;width: 550px} .hd_more_warranty{width:100%;font-size:14px;text-align:left;color:#444;line-height:20px;font-weight:700;margin-bottom:10px} .hd_more_rebuild li { font-size: 13px; line-height:18px; margin: 0 30px;padding: 3px 0; } .hd_more_rebuild li a {color: #00ADEB;} /* labor warranty facebox code end here */ .all_war,.main_war_tit{text-align:left;clear:left} .affirm-as-low-as a{cursor:pointer;text-decoration:underline;color:#444;font-style:italic} .affirm-ala-price{font-weight:700} .product-container .ti-down .all_war,.product-container .ti-down .main_war_tit,.product-container .ti-down .purchase_war{display:none!important} .main_war_tit{font-size:inherit;float:none;width:100%;cursor:pointer;margin: 10px 0 0;} .purchase_war{clear:left;margin-top:15px} .war_tit{padding-left:45px;font-size:15px;display:inline-block;float:left;font-weight: 500;} .war_tit_arrow{display:inline-block;width:5%;background:url(/images/Big-Parts_Icon_Arrow-Down.svg) no-repeat;margin:4px 0 0 4px} .main_war_tit.arrowup>.war_tit_arrow{display:inline-block;width:5%;background:url(/images/Big-Parts_Icon_Arrow-Up.svg) no-repeat;margin:4px 0 0 4px} .all_war{display:none;float:none;width:100%;font-size:11px!important;margin-bottom:10px;box-sizing:border-box} .all_war_lab,.all_war_val{display:inline-block;padding-left:38px} .all_war_lab{width:75%} .all_war_val{max-width:25%} body #v2-header .tiSupport{float:none;position:relative;top:3px;text-align:center!important} #war_tech_spec{width:100%;font-family:roboto condensed,sans-serif;font-weight:100} #war_tech_spec .main_war_tit_spec{font-size:inherit;float:none;width:100%;text-align:left;clear:left;cursor:pointer} #war_tech_spec .war_tit_spec{font-size:16px;display:inline-block;box-sizing:border-box;float:left} #war_tech_spec .war_tit_arrow_spec{display:inline-block;width:5%;background:url(/images/Big-Parts_Icon_Arrow-Down.svg) no-repeat;margin:4px 0 0 4px} .pro_tab_right_para div, .pro_tab_right_para span {float: left;} .pro_tab_right_para span.warranty_pop img {margin-top: 2px !important;} .pro_tab_right_para span.warranty_pop i {color: #F15B2A;font-weight: 400;font-size: 11px;line-height: 16px;cursor: pointer;} /*---------- Buynow Buybox Page CSS Ends Here ------------*/ #product-info.product-info.ti-bb { background: #eeecee; padding:20px; margin:0 0 2px; } .addtocart_orange span#addcart input { background:#F15B2A; line-height:25px; } .affirm-as-low-as { font-family: roboto condensed,sans-serif;font-weight: 500;font-size: 14px;color: #444;text-align: center;width: 100%; padding: 0;margin: 0;} .tiImgDiv.tiCheck { margin: 0 10px; padding:0; float:left; } .__affirm-logo.__affirm-logo-blue { color: #F15B2A; font-weight:700; } .tiStockDiv_whole {margin: 0;padding: 25px 0 10px;} #product-info .ti-timer {display: inline;width: auto;font-size: 16px;line-height: 1.3;font-weight: 300;color: #454545;} #product-info span.ti-timer strong.ti-green { color: #238516; font-weight:300;} #product-info.product-info .ti-stock-msg .tiBlue {font-size: 16px;font-weight: 500;color: #454545;} .p-benefits.ti-extra-info#benefits { border: 1px solid #e5e4e5; padding:10px;} #benefits #tiAirOpt { background: url(/images/Big-Parts_Icon_Plane.svg) no-repeat; width: 24px; height: 27px;top: 0; left: 0; margin: 10px 0;} #benefits #tiAirOpt .tiBlue { font-weight: 400;margin-bottom: 0;display: inline-block;width: 200px;padding: 0 0 0 45px; font-size: 16px;} .ti-wrnty { display: inline-block;margin: 10px 0 0;} .ti-wrnty_inner { margin: 0; padding: 0 0 0 45px;width: 270px;} .ti-wrnty_inner strong { font-weight: 400; } .calender_outer_1 { width: 265px; margin: 0 auto;} .date_calender_1.ti-expd-date_1 {float: left; margin: 0;padding: 0 3px; width: 25%; text-align: center; font-size: 16px; font-weight: 500;font-family: "Roboto Condensed", sans-serif;color: #444;} .date_calender_1.ti-expd-date_1 label { border-left: 1px solid #ccc; border-right: 1px solid #ccc; display: block; border-top: 1px solid #ccc; text-align: center; margin:0; padding:0; } .date_calender_1.ti-expd-date_1 span { text-align: center; display: block; margin: 0 0 5px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;font-size: 15px; font-weight: 700; padding: 0;} /*---------- NEW ETA CSS STARTS HERE ----------*/ .product-categories.pro_guaranteed #ca-container { width: 100%;} .product-categories.pro_guaranteed #tiOtherOptHeader.scroll-title { width:100% !important; color:#F15B2A; border-bottom:1px solid #ccc; } .product-categories.pro_guaranteed #tiOtherOptHeader.scroll-title strong {font-weight: bolder;} .product-categories.pro_guaranteed #ca-container #container_ajax.ca-wrapper { width:100%; border:0; } .product-categories.pro_guaranteed #ca-container .ca-item { width: 25% !important; min-height: 338px !important; } .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main { width: 100%;border-bottom: 1px solid #ccc; } .product-categories.pro_guaranteed .ti-expand-button { width:100%; margin:0; } .product-categories.pro_guaranteed #ca-container .ca-item:first-child, .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(5), .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(9), .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(13), .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(17){border-left:1px solid #ccc;} .product-categories.pro_guaranteed #ca-container .ca-item:last-child { border-right:1px solid #ccc; } .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main .pro_desc,  .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main .pro_desc span, .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main .pro_desc span#buynotes,  .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main .pro_desc span#buynotes span#buyspan { font-size: 16px;color: #444;line-height: 18px;font-family: 'Roboto condensed',sans-serif;font-weight: 700;} @media (max-width:568px) { .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main { border:0; } .product-categories.pro_guaranteed #ca-container .ca-item {width:100% !important; min-height:338px !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } } @media (min-width:569px) and (max-width:767px) { .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main { border:0; } .product-categories.pro_guaranteed #ca-container .ca-item { width:50% !important; min-height:338px !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(odd) {border-right:0 !important;} } @media (min-width:768px) and (max-width:1023px) { .product-categories.pro_guaranteed #ca-container .ca-item .ca-item-main { border:0; } .product-categories.pro_guaranteed #ca-container .ca-item { width:50% !important; min-height:338px !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .product-categories.pro_guaranteed #ca-container .ca-item:nth-child(odd) {border-right:0 !important;} } @media (min-width:1024px) { .product-categories.pro_guaranteed #ca-container .ca-item { border-bottom: 1px solid #ccc; } } /*---------- NEW ETA CSS ENDS HERE ----------*/ /*---------- Sticky CSS Starts HERE ----------*/ .tiStickyImg img { height: 90px;max-height: 90px;} #tiStickyPart {font-size: 24px;color: #F15B2A; margin: 10px 0 9px; width: 100%; white-space: nowrap;/*overflow: hidden;*/-o-text-overflow: ellipsis;text-overflow: ellipsis; font-weight: 700;} .tiImgDiv.tiCheck { margin: 1px 10px 0 10px; padding:0; float:left; } .ti-value {padding-left: 0px;float: left;width: 80%;} .ti-label {float: left;font-weight: 400;} #stockDiv {font-size: 16px;color: #454545; font-weight: 300;} #stockDiv strong.tiBlue { font-weight: 400;font-size: 16px; } #tiStickySale{ margin: 0;float: left;font-size: 36px;color: #454545;line-height: 1;padding: 0;display: inline-block;vertical-align: text-bottom;font-family: roboto condensed,sans-serif; font-weight: bold;} #ti-saved-price-hl {display: block;color: #F15B2A;font-size: 18px;} #tiStickyOld {line-height: 1;padding-left: 8px;font-size: 18px; font-weight:300;margin: 0;text-decoration: none;text-align: left;} #tiStickyPrices {clear: both;margin-bottom: 10px;float: left;padding-right: 20px;margin-top: 44px;} #ti-saved-price-hl em { display: none;} #tiStickyATC { float: right; clear:none;margin: 44px 0 0;background: #F15B2A;} #tiStickyRight { margin-top: 0;position: relative;float: left;padding:0;} .ti-old-price { text-decoration: line-through; } /*---------- Sticky CSS Ends HERE ----------*/ #outofstock .addtocart_btn { background: #808080; cursor: auto; } #info_core, .also_cnsuffix, .warranty_pop, div#info_core p { font-family: roboto condensed,sans-serif; color: #444; } div#info_core ul { list-style: disc; padding-left: 30px; color: #444; } div#info_core li { font-size: 14px; padding: 10px 0; font-family: roboto condensed,sans-serif; color: #444; } .hide-div { z-index:100000 !important; } .bd_refer_email { display: none; } .qa-form-outer { border-bottom:1px solid #ddd; } .remanufactured.new_core_dep label { display: inline-block; font-size: 14px; font-style: italic; font-weight: 700; font-family: Arial,Verdana; color: #F15B2A;} .remanufactured.new_core_dep label:hover { display: inline-block; font-size: 14px; font-style: italic; font-weight: 700; font-family: Arial,Verdana; color: #c00f0f;} #addcart, #outofstock, #oosdiv1,#rebuild_ret,#oosdiv1_ret{display:none;} .product-container .ti-bb #rebuild_ret .addtocart_btn  { background: #808080; cursor: auto; text-transform: none; font-size: 17px; } #outofstock p,#rebuild_ret p { font-size:14px; width:100%; text-align: center; padding: 5px 0; color: #444; font-family: Arial,Verdana; } #rebuild_ret #oosdiv_ret p.notify_me { margin: 0; padding: 0px 0 10px 0; font-size: 18px; font-weight: 600; line-height: 20px; } #outofstock .oosdiv p.enter_email,#rebuild_ret .oosdiv p.enter_email { margin: 0; padding: 0 0 10px 0; font-size: 13px; } #outofstock #oosdiv1 p.thanks_sec,#rebuild_ret #oosdiv1_ret p.thanks_sec { font-size: 16px; margin: 0; padding: 15px 0 0; } #outofstock #oosdiv1 p.thanks_stock,#rebuild_ret #oosdiv1_ret p.thanks_stock { font-size: 13px; margin: 0; padding: 10px 0 0; } input#outofstockemail1 { width: 100% !important; height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px !important; padding: 5px 0 5px 13% !important; color: #000000 !important; border:none !important; margin:0 !important; } input#outofstockphone1 { height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border: 0; width: 72% !important; padding: 5px 0 5px 13%!important; margin: 0 0 10px; font-size: 14px; float:left; } input#outofstockname { width: 100% !important; height: 39px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 5px 0 5px 13%; color: #000000; border: none; margin: 0; } input#outofstockname1 { width: 100% !important; height: 39px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 5px 0 5px 13%; color: #000000; border: none; margin: 0; } a.addtocart_btn2 { background: #808080; cursor: context-menu; text-transform: none; line-height: 20px; height: auto; display: inline-block; color: #fff; margin: 18px 0 !important; text-align: center; padding: 10px 0; width: 100%; border-radius: 5px; -webkit-appearance: none; clear: both; font-size: 17px; font-weight: 200; } .buynow_img_outer { padding: 50px 0 0 !important; } #overlay_banner { top:0 !important; } .product-categories.pro_guaranteed .ti-expand-button { background: #e7e7e7;text-align: center; font-size: 16px;padding: 15px;} #war_tech_spec .war_tit_spec { float: none;display: block;} .main_war_tit_spec span.war_tit_spec span.war_tit_arrow_spec { line-height: 10px;} .pro_tab_right_para span.warranty_pop { float: none;} .pro_tab_right_para span.warranty_pop img { margin-top: -1px !important;} .col-lg-12 .product-categories.pro_guaranteed .col-lg-12 { margin: 0;padding: 0;} .col-lg-12 .product-categories.pro_guaranteed .col-lg-12 .row { padding: 0; margin: 0 -15px !important; } .hd_more_href a {color: #F15B2A !important;font-size:13px;} #war_tech_spec .all_war_spec, #war_tech_spec .war_tit_spec { font-size: 16px; color:#454545; font-weight:300; } .hd_refer_email { color: #454545;} .ti-green {color: #238516;font-weight: 300;} .pro_tab_right_para, .pro_tab_right_para div {line-height: 21px; color: #000000 !important;} @media (max-width:767px) { /*.war_tit { padding-left:0; }*/ #facebox { left:0 !important; } .face_content {width: 200px;} .hide-div { display: none !important; } #war_tech_spec .war_tit_spec { float: none;display: block;width: 80%;} .main_war_tit_spec span.war_tit_spec span.war_tit_arrow_spec { line-height: 10px;} .pro_tab_right_para span.warranty_pop { float: none;} .pro_tab_right_para span.warranty_pop img { margin-top: -1px !important;} .pro_tab_right_para.second {width: 70%;} .pro_tab_left_para.first {width: 30%;} .col-lg-12 .product-categories.pro_guaranteed .col-lg-12 { margin: none; padding: none;} #desptab { padding: 0 15px !important;} .container .row .col-lg-12 { padding: 0;} #also-left .col-lg-12 { padding: 0 15px;} .bredgrumb { padding: 0 15px;} #border-text { padding: 0 15px;} } input#outofstockname1 { width: 85%; height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 5px 0 5px 13%; color: #000000; border:none; margin:0; } input#outofstockname { width: 85%; height: 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; font-size: 14px; padding: 5px 0 5px 13%; color: #000000; border:none; margin:0; } /* H1 and H2 tag style here */ #ti-product-header {width: 100%;float: none;clear: both;text-align: center;padding: 26px 20px 36px;} #ti-product-header .cad_header {color: #F15B2A;font-family: 'Roboto Condensed', Arial, sans-serif;font-weight: bold;font-size: 22px;line-height: 1.3;letter-spacing: 0.015em;} .cad_header {float: none;border: 0;  } .product-container .ti-fit, .product-container .ti-type {font-size: inherit;float: none;} #ti-product-header .ti-type .ti-label {display: none;} .ti-label {vertical-align: top;width: 45px;} #ti-product-header .cad_header span {padding: 0;float: none; width: 100%;font-size: 125%;} .cad_header span {line-height: 18px;} .ti-value {display: inline-block;vertical-align: text-bottom;font-weight: bold !important;} h1.cad_header { margin: 0; padding: 0; line-height: 0 !important; } h1.cad_header span { margin: 0; padding: 0 !important; line-height: 30px; } h2.cad_header { margin: 0; padding: 0; line-height: 0 !important; } h2.cad_header span { margin: 0; padding: 0 !important; line-height: 15px; } #ti-product-header .cad_header span br {display:none} #ti-product-header .ti-type .ti-value { max-width: none; /* width: 100%; */ width: 54%; font-size: center; font-size: 18px; font-weight: 300; text-align: center; } /* trinity style start */ #tiCallModalOver { display: none; /* background: rgba(0,0,0,.5); */ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000000; } #tiCallModal { display: none; width: 583px; max-width: 90%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 10000001; height: 525px; } #tiCallModalInner { position: relative; background: url(/images/BAP-TurbochargerModal.jpg) no-repeat bottom center #ffffff; height: 100%; border-top: 10px solid #FB9B5B; padding: 50px 50px 0 30px; } #tiCallModalHeader { color: #555555; font-size: 36px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; margin-bottom: 20px; line-height: 24px; } #tiCallModalCopy p { font-size: 18px; color: #555555; line-height: 24px; margin-bottom: 25px; } #tiCallModalPhone { color: #555555; font-size: 48px; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } #tiCallModalClose { position: absolute; font-family: 'Roboto Condensed', sans-serif; background: #ACACAC; color: #ffffff; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 24px; font-size: 20px; border: 2px solid #ffffff; top: -20px; right: -15px; cursor: pointer; } #tiCallModal, #tiCallModalOver { display: none; } @media only screen and (max-width: 479px) { #tiCallModalPhone { font-size: 36px; } } #bio_ep_bg{z-index: 99999 !important;} #bio_ep{z-index: 100000 !important;} /* trinity style end */ /*new code */ .tooltip:hover .tooltiptext { visibility: visible; } span.also_cnsuffix.tooltip { opacity: 1; } .tooltip .tooltiptext { visibility:hidden; width:220px; background-color:#F15B2A; color:#fff; text-align:center; border-radius:6px;-moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; padding:5px 0; position:absolute;left:0; top:-50px; z-index:1;} .tooltip { position: relative; display: block;} .also_cnsuffix { color: #454545;font-size: 16px;font-weight: 100; font-family: roboto condensed,sans-serif;} .ti-other-info .pro_desc {min-height: 70px; width: 100%;} #tiStockDiv { font-size:16px; font-weight:300; color:#454545; } .calender_outer_l { width: auto; margin-left: 43px; margin-bottom: 7px;} .date_calender_1.ti-expd-date_1 label { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #444;} .date_calender_1.ti-expd-date_1 span { font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #444;} .pro_tab_left_para.even-dark, .pro_tab_left_para.first { font-size: 16px; line-height: 36px; vertical-align: top; font-family: 'Roboto condensed',sans-serif; color: #F15B2A; font-weight: 700; width: 190px; } .pro_tab_right_para, .pro_tab_right_para div { line-height:34px; } .pro_tab_right_para { font-size: 16px !important;font-weight: 300;} .pro_tab_container p { color: #000000; font-size: 16px; line-height: 24px; font-weight: 100; font-family: 'Roboto condensed',sans-serif; } .tooltip.ti-special-order span#stockDiv.select-value.ti-stock-msg { display: none; } @media (max-width: 767px) { .pro_tab_left_para.even-dark, .pro_tab_left_para.first { line-height:18px; } .pro_tab_right_para, .pro_tab_right_para div { line-height:18px; } } /* Update sticky buybox to have OOS and RR message */ h2.outofstock_new { font-size: 16px; font-weight: 300; color: #454545; float: none; font-family: 'Roboto condensed',sans-serif; } h2.outofstockrebuild_new { font-size: 16px; font-weight: 300; color: #454545; float: none; font-family: 'Roboto condensed',sans-serif; } /*--------- Brands Page CSS Starts Here ----------*/ #RHS_box.main_brands { margin:45px 0 35px; padding:10px 0 0; } #RHS_box.main_brands .brand-bredgrumb { display: inline-flex; margin: 10px 0 0; } #RHS_box.main_brands .brand-bredgrumb1 { display: inline-flex; margin: 10px 5px; font-size: 16px; font-weight: 100; color: #b6b6b6; } #RHS_box.main_brands .brand-bredgrumb p a { color: #1e3866; font-size: 16px; font-weight: 100; padding: 0 10px 0 0; } #RHS_box.main_brands h1.abt-heading, #RHS_box.main_brands h1 { text-align: center; background: none; color: #F15B2A;font-size: 30px; font-family: roboto condensed,sans-serif; text-transform: uppercase; line-height: 30px; padding:0; margin:0 0 10px; font-weight: 200;} #RHS_box.main_brands h1.abt-heading b, #RHS_box.main_brands h1.abt-heading strong, #RHS_box.main_brands h1 b, #RHS_box.main_brands h1 strong{ font-weight: 400;color: #F15B2A; } #RHS_box.main_brands .boxgrid.captionfull { text-align: left; width:90%; margin:0 0 20px; padding:0; display:inline-block; } #RHS_box.main_brands .cover.boxcaption h3 { text-align: left; background: #F15B2A; color: #fff;font-size: 21px; font-family: roboto condensed,sans-serif; text-transform: uppercase; line-height: 60px;padding: 0 20px; margin: 10px 0; font-weight: 100; } #RHS_box.main_brands .cover.boxcaption h3 b, #RHS_box.main_brands .cover.boxcaption h3 strong { font-weight: 700;color: #fff; } #RHS_box.main_brands ul#countrytabs.shadetabs { margin:0; } #RHS_box.main_brands ul#countrytabs.shadetabs li { margin:0; color:#454545; font-size:16px; font-weight:100; line-height:30px; } #RHS_box.main_brands ul#countrytabs.shadetabs li a { color:#00ADEB; font-size:16px; font-weight:100; } #RHS_box.main_brands ul#countrytabs.shadetabs li a:hover { color:#23527c; font-size:16px; font-weight:100; } #RHS_box.main_brands p.make-cont, #RHS_box.main_brands p { font-size: 16px; font-weight: 100; line-height: 24px; margin: 0 0 10px; padding: 0;} #RHS_box.main_brands table.products-by-make { width: 100%; margin: 10px 0 20px; padding: 0;} #RHS_box.main_brands table.products-by-make tr td:nth-child(2), #RHS_box.main_brands table.products-by-make tr td:nth-child(4), #RHS_box.main_brands table.products-by-make tr td:nth-child(6) { width: 30%;padding: 5px 0;font-size: 16px;font-weight: 100;} #RHS_box.main_brands h2.sectionheader, #RHS_box.main_brands h2 { text-transform: uppercase; font-weight: 100!important; font-family: 'Roboto Condensed', sans-serif;font-size: 16px;line-height: 18px; padding: 10px 0 ;background:none;color: #444;letter-spacing: 0;margin: 0 0 10px;text-align: center;} #RHS_box.main_brands h2.sectionheader b, #RHS_box.main_brands h2.sectionheader strong, #RHS_box.main_brands h2 b, #RHS_box.main_brands h2 strong { font-weight: bolder;color: #444; } #RHS_box.main_brands ul.make_list li { font-size: 16px; color: #454545; font-weight: 100; line-height: 24px;} #RHS_box.main_brands h3.make_head, #RHS_box.main_brands h3 { text-transform: uppercase; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 21px; line-height: 20px; padding: 10px 0; background: none;color: #F15B2A; letter-spacing: 0; margin: 0 0 10px; text-align:left;} #RHS_box.main_brands h3.make_head b, #RHS_box.main_brands h3.make_head strong, #RHS_box.main_brands h3 b, #RHS_box.main_brands h3 strong { font-weight: 700;color: #F15B2A; } #RHS_box.main_brands h4 { text-transform: uppercase; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 20px; padding: 10px 0; background: none;color: #F15B2A; letter-spacing: 0; margin: 0 0 10px; text-align:left;} #RHS_box.main_brands h4 b, #RHS_box.main_brands h4 strong { font-weight: 700;color: #F15B2A; } #RHS_box.main_brands p.make-cont a, #RHS_box.main_brands p a {text-decoration: none !important; font-size: 16px; font-weight: 100 !important; color:#F15B2A; } #RHS_box.main_brands p.make-cont a:hover, #RHS_box.main_brands p a:hover {text-decoration: none !important; font-size: 16px; font-weight: 100 !important; color:#ff0000; } #RHS_box.main_brands p.sectionheader { text-transform: uppercase; font-weight: 300; font-family: 'Roboto Condensed', sans-serif;font-size: 24px; line-height: 20px; padding: 10px 0; background: none; color: #F15B2A;letter-spacing: 0; margin: 0 0 10px;} #RHS_box.main_brands p.sectionheader b, #RHS_box.main_brands p.sectionheader strong { font-weight:700; color:#fff; } #RHS_box.main_brands .cover.boxcaption h3{display:none !important;} #RHS_box.main_brands p.make-cont a font { color:#00ADEB !important; } #RHS_box.main_brands p.make-cont a font:hover { color:#23527c !important; } #RHS_box.main_brands > h1.abt-heading,#RHS_box.main_brands > h1 {margin: 20px 0 10px !important;} #RHS_box.main_brands > p {margin: 0 0 10px;padding: 0;line-height: 18px;} #RHS_box.main_brands span.bredgrumb { color: #b6b6b6; font-size: 16px; font-weight: 100; margin: 0; padding: 0; } #RHS_box.main_brands span.bredgrumb a { color: #1e3866; padding: 0; font-weight: 100;} #RHS_box.main_brands span.bredgrumb a:hover { text-decoration: none; } #RHS_box.main_brands span.bredgrumb strong {  padding: 0 10px; color: #23527c;  font-weight: 100; } /*--------- Brands Page CSS Ends Here ----------*/ /*--------- Autoparts Page CSS Starts Here ---------*/ #RHS_box.main_brands .boxgrid.captionfull { } #RHS_box.main_brands .boxgrid.captionfull img { float: left;} #RHS_box.main_brands .boxgrid.captionfull .maker { float: right; text-align: center; width: 50%; background: #fff; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap; align-items: stretch; } #RHS_box.main_brands .boxgrid.captionfull .maker a { flex-grow: 1; width: 140px; font-family: roboto condensed,sans-serif; display: inline-block; font-size: 14px; border: 1px solid #ccc; padding: 8px 28px; margin: 1px; color: #193a67; text-align:center; } #RHS_box.main_brands .boxgrid.captionfull .maker a:hover { color: #F15B2A; border: 2px solid #F15B2A; margin: 1px; display: inline-block;cursor: pointer; text-decoration: none; padding: 7px 28px; text-align:center; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment { text-align: left; float: left; width: 30.5%; padding: 0 0px; clear: both; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav { clear: both; width: 100%; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav a, #RHS_box.main_brands .boxgrid.captionfull .maker #more a { display: block; line-height: 16px;margin-top: 8px; text-transform: uppercase; padding: 10px; background: #ededed; font-weight: bold; font-size: 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; font-family: roboto condensed,sans-serif; border: 0; color: #4e4e4e; margin:10px auto 0; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav a::before, #RHS_box.main_brands .boxgrid.captionfull .maker #more a::before { content: ''; background: url(/images/BAP-AutoPartsLandingPageRedesign-Sprite-2x.png); background-size: auto auto; background-size: 10px; width: 10px; height: 16px;margin-right: 8px; display: inline-block; vertical-align: middle; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment a { padding: 6px; min-height: 225px; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment a img { max-width:100%; height: auto; padding:0 0 20px; float:none; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment a strong, #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment a b { font-weight: 200; padding: 0; margin: 0; line-height: 15px; text-transform: uppercase;display: inline-block;width: 100%;} #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterHeader { width:100%; } .bc-minimize-container { bottom:68px !important; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-year > div[data-ti-filter="ti-year"], #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-model > div[data-ti-filter="ti-model"], #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters.ti-fitment > div[data-ti-filter="ti-fitment"] { flex-wrap: wrap; align-items: stretch; display: flex;} #RHS_box.main_brands .boxgrid.captionfull .maker #more { width:100%;width: 82%;text-align:left } #RHS_box.main_brands .boxgrid.captionfull .maker #tifilt { width: 100%; flex-wrap: wrap; align-items: normal; display: flex;} #RHS_box.main_brands .boxgrid.captionfull .maker #tifilt #tiFilters.ti-fitment { position: relative; float: left; width: 27.8%; padding: 0 0px; display: inline-flex; clear: none; flex-glow: 1; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilters { width:100%; } .content_section > .row { margin:0; } .brandtitlenew { border-bottom: 1px solid #ececec; margin: 0 0 20px; } #RHS_box.main_brands .boxgrid.captionfull .maker #more a.ti-back-link.ti-fitment::before {content: ''; background: url(/images/BAP-AutoPartsLandingPageRedesign-Sprite-down-2x.png); background-size: auto auto; background-size: auto auto; background-size: 16px; width: 16px; height: 10px; margin-right: 8px; display: inline-block; vertical-align: middle; margin-top: 0px;} #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav.ti-fitment a, #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav.ti-fitment a {float: left;} #content_make{ display:none;} #content_model {display:none;} #content_year{display:none;} #tiAutoImg {width: 381px; margin: 0 20px;} #tiAutoImg, #tiAutoSearch {display: inline-block;float: none;vertical-align: top;} #tiAutoTop { text-align: center; padding: 0 50px;width: 100%;} form#ti_auto_year {display: none;} #RHS_box .prod_tab {display: none;} .prod_tab {width: 710px;float: left;margin-top: 10px;} #tiAutoImg { float: left; width: 45%;} #tiAutoSearch { width: 45%; float: right; } #tiFilters div { flex-wrap: wrap; align-items: stretch; display: flex; } #tiFilters div a { flex-grow: 1; width: 140px; font-family: roboto condensed,sans-serif; display: inline-block; font-size: 14px; border: 1px solid #ccc; padding: 8px 28px; margin: 1px; color: #193a67;  text-align: center; } #tiFilters div a:hover{ color: #F15B2A; border: 2px solid #F15B2A; margin: 1px; display: inline-block;cursor: pointer; text-decoration: none; padding: 8px; text-align:center; } #tiAutoTop h1 { font-size: 30px !important; color: #F15B2A; font-family:'Roboto Condensed',sans-serif; font-weight: 200; margin: 20px 0; padding: 0;text-transform: uppercase } #tiAutoTop h1 strong { font-weight: 600; } .common-template h2.ti-model, .common-template h2.ti-year, #select #tiFilterHeader p.ti-fitment ,p.ti-year { font-family: 'Roboto Condensed', sans-serif; font-size: 16px !important; font-weight: 100; margin: 10px 0; padding: 0; text-transform: uppercase;} .common-template h2.ti-model strong, .common-template h2.ti-year strong, #select #tiFilterHeader p.ti-fitment strong {font-weight:100%;} #ti-tot-fit { width: 100%; flex-wrap: wrap; align-items: normal; display: flex; } #ti-tot-fit #tiFilters.ti-fitment { position:relative; float: left; width: 30.8%; padding: 0 0px; display: inline-flex; clear: none; flex-glow: 1; margin: 0 0 5px; } #ti-tot-fit #tiFilters.ti-fitment div a { flex-grow: 1; width: 140px; font-family: roboto condensed,sans-serif; display: inline-block; font-size: 14px; border: 1px solid #ccc; padding: 8px 10px; margin: 1px; color: #193a67; text-align: center; min-height: 225px; } #ti-tot-fit #tiFilters.ti-fitment div a:hover { color: #F15B2A; border: 2px solid #F15B2A; margin: 1px; display: inline-block;cursor: pointer; text-decoration: none;  text-align:center; } #ti-tot-fit #tiFilters.ti-fitment div a strong { font-weight: 200; text-transform: uppercase; } #tiFilterNav.ti-fitment, #tiFilterNav.ti-year { clear: both; width: 100%; text-align: left;} #tiFilterNav.ti-fitment a.ti-back-link.ti-fitment, #tiFilterNav.ti-year a.ti-back-link.ti-year { display: inline-block; line-height: 16px; margin-top: 8px;text-transform: uppercase; padding: 10px; background: #ededed; font-weight: bold; font-size: 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;-o-border-radius: 7px; font-family: roboto condensed,sans-serif; border: 0; color: #4e4e4e; margin: 10px auto 0; } #tiFilterNav.ti-fitment a.ti-back-link.ti-fitment::before, #tiFilterNav.ti-year a.ti-back-link.ti-year::before { content: ''; background: url(/images/BAP-AutoPartsLandingPageRedesign-Sprite-2x.png);background-size: auto auto; background-size: auto auto; background-size: auto auto; background-size: 10px; width: 10px; height: 16px; margin-right: 8px; display: inline-block; vertical-align: middle; } .doorway_full { float: none; margin: 0; padding: 0;} .doorway_full #RHS_box {width: 100%;float: none;margin: 0;padding: 0;} .doorway_full #RHS_box .about_content {width: 100%;padding: 0;margin: 0;float: none;} .doorway_full #RHS_box .about_content .doorway-content { margin: 10px auto;width: 100%;padding: 0;} .doorway_full #RHS_box .about_content .doorway-content p.make-cont { clear: both;float: left;width: 100%;font-size: 16px;text-align: justify;color: #454545; margin: 5px 0px; line-height: 24px;font-family: 'Roboto Condensed',sans-serif;padding: 10px 5px;font-weight: 200;} .ac_compressor_doorway_container p.find_c {width: 100%;text-align: center;padding: 0;margin: 0;line-height: 80px;} .ac_compressor_doorway_container p.find_c input.find_part { background: #F15B2A  url(/images/arr_right.jpg) 69% 15px no-repeat;width: 300px;height: 40px;color: #fff;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serifl;font-weight: bold;font-size: 15px;cursor: pointer;border: 0px;line-height: 40px;} @media (max-width: 767px) { #RHS_box.main_brands .boxgrid.captionfull .maker { width: 100%; } #RHS_box.main_brands .boxgrid.captionfull { width: 100%; } #tiAutoImg {float: none; width: 100%;} #tiAutoSearch {width: 100%;float: none;} } #tiFilters.ti-year a { width: 19%; } @media (max-width:767px) { #RHS_box.main_brands .boxgrid.captionfull .maker #tifilt #tiFilters.ti-fitment { width: 100%; } #RHS_box.main_brands .boxgrid.captionfull .maker a {  width: 100%; } #RHS_box.main_brands .boxgrid.captionfull .maker #tiFilterNav { width: 50%; } } @media (max-width:767px) { #ti-tot-fit #tiFilters.ti-fitment { width: auto; margin:0 auto; } #RHS_box.main_brands .boxgrid.captionfull .maker #tifilt {width: 250px;	margin: 0 auto; } } @media (min-width:768px) and (max-width:1199px) { #ti-tot-fit #tiFilters.ti-fitment { width: auto; } #RHS_box.main_brands .boxgrid.captionfull { width: 100%;} #RHS_box.main_brands .boxgrid.captionfull .maker #tifilt #tiFilters.ti-fitment { width:auto; } } .bredgrumb a.parent-link, .bredgrumb a.parent-link span{ color: #183864; font-weight: 100; font-size: 16px; font-family: 'Roboto Condensed',sans-serif; } bredgrumb a.parent-link span { color: #183864; font-weight: 100; font-size: 16px; font-family: 'Roboto Condensed',sans-serif; } .bredgrumb span { padding: 0 10px 0 0; color: #b6b6b6; font-weight: 100; font-size: 16px; font-family: 'Roboto Condensed',sans-serif; } a.ti-back-link.ti-fitment::before{ content: ''; background: url(/images/BAP-AutoPartsLandingPageRedesign-Sprite-down-2x.png); background-size: auto auto; background-size: auto auto; background-size: 16px; width: 16px; height: 10px; margin-right: 8px; display: inline-block; vertical-align: middle; margin-top: 0px; } #more{ width: 100%; } a.ti-back-link.ti-fitment{ display: block; line-height: 16px; margin-top: 8px; text-transform: uppercase; padding: 10px; background: #ededed; font-weight: bold; font-size: 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; font-family: roboto condensed,sans-serif; border: 0; color: #4e4e4e; margin: 10px auto 0; width: 140px; cursor:pointer; } @media (max-width:767px) { #tiFilters div a{padding :8px; width: 178px !important;} } ul.make_list { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; } /*--------- Autoparts Page CSS Ends Here ---------*/ /*--------------- SEARCH SLI DYNAMIC POPUP PAGE CSS STARTS HERE ---------------*/ .sli_search_dynamic {position: absolute;z-index: 1;left: 56px;top: 93px;} .sli_search_dynamic_inner { position: absolute;top: 92px;left: 56px;background: #fff;padding: 2px;width: 760px;min-height: 100px;z-index: 1;font-size: 14px; border: 1px solid #e5e1f2;-webkit-box-shadow: 0 5px 10px #e5e1f2;-moz-box-shadow: 0 5px 10px #e5e1f2;box-shadow: 0 5px 10px #e5e1f2; -o-box-shadow: 0 5px 10px #e5e1f2;} .sli_search_dynamic_inner .row { margin:0; } .sli_search_dynamic_inner .row .col-md-9, .sli_search_dynamic_inner .row .col-md-3 { padding: 0; } h4.sli_ac_section { text-align: center;background:#5c6574;border-right: 1px solid #efefef;color:#fff;font-size:12px;padding:2px; margin:0;} .dynamic_productlist { min-height:400px; width:100%; } .dynamic_productlist_sec { margin:0; padding:10px; border-bottom:1px solid #e5e1f2;width: 100%; } .dynamic_product_img {float: left; width: 15%;} .dynamic_product_img img { width: 75px; height:75px; } .dynamic_product_content {float: left;width: 75%;} h3.sli_ac_title { margin: 5px 0 0;padding: 0;color: #444;font-size: 15px;font-weight: 700;} .sli_ac_excerpt { margin: 0; padding: 5px 10px 0 0; color: #444; font-size: 14px;font-weight: 300;line-height: 14px;} .dynamic_product_price {float: right;width: 10%;color: #4b9e09;font-weight: 700;font-size: 16px;vertical-align: middle;padding: 30px 0 0;} .dynamic_productlist_sec:hover { background:#d8f2ff; } .view-more-link {width: 100%;text-align: center; padding: 5px; margin: 0;} a.view_more {background: #5c6574;display: block;color: #fff;font-size: 15px;padding: 3px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-decoration: none;} a.view_more:hover {background: #254488;display: block;color: #fff;font-size: 15px;padding: 3px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; text-decoration: none;} ul.search_suggestions {margin: 0; padding: 0;list-style-type: none;} ul.search_suggestions li {margin: 0; padding: 0; font-size: 14px; color: #444;} ul.search_suggestions li a {font-size: 15px;color: #444; font-weight: 300; display: block; background: #fff; padding: 10px;} ul.search_suggestions li a:hover { background: #d8f2ff; text-decoration: none;} ul.search_suggestions li a span.highlight { font-weight: 700;} .sli_search_dynamic_inner .row { margin: 0; padding: 0;font-family:'Roboto Condensed', sans-serif; width:100%;} .sli_search_dynamic_inner .row .col-md-9 { width: 75%; margin:0; padding:0;font-family:'Roboto Condensed', sans-serif; float: left;} .sli_search_dynamic_inner .row .col-md-3 { width: 25%; margin:0; padding:0;font-family:'Roboto Condensed', sans-serif; float: right; } .sli_search_dynamic_inner { position: fixed;top:90px;left:55px;background: #fff;padding: 2px;width: 760px;min-height: 100px;z-index: 1;font-size: 14px; border: 1px solid #e5e1f2;-webkit-box-shadow: 0 5px 10px #e5e1f2;-moz-box-shadow: 0 5px 10px #e5e1f2;box-shadow: 0 5px 10px #e5e1f2; -o-box-shadow: 0 5px 10px #e5e1f2;} .sli_search_dynamic #seach_sli_result{position:unset;z-index: 99999999;} /*--------------- SEARCH SLI DYNAMIC POPUP PAGE CSS ENDS HERE ---------------*/ .cart_id {font-size: 15px;float: right;padding: 10px 0; color:#666;font-family: roboto condensed, sans-serif;} /*--------------- International shipping API ---------------*/ #zipcoderates{width:100%}#zipcoderates input[type=text]{width:48%;padding:7px 6px;margin:8px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;clear:both;display:block;font-size:13px}#zipcoderates .updatelocation{background:#00ADEB;color:#fff;text-transform:uppercase;height:32px;line-height:18px;font-size:14px;width:60%;border-radius:5px;-webkit-appearance:none;clear:both;margin:2px 0 20px;cursor:pointer;border:none} p.usshipcalc input, p.usshipcalc a { float: left; } p.usshipcalc span { left: 12%; position: absolute; top: 46px; width: 100%; } p.usshipcalc a { padding: 15px 0 0 15px; font-size: 14px; color: #00ADEB; cursor: pointer; } p.usshipcalc { position: relative; } p.usshipcalc a { padding: 15px 0 0 15px; } p.usshipcalc a { float: left; } #zipcode_empty,#zipcodeerror, #country_empty, #zipcodeinterchange{ position: unset; width: 100%; padding: 0 0 0 35px; } #zipcode_empty, #zipcodeerror, #country_empty, #zipcodeinterchange { color: red; font-weight: 700; display: none; font-size: 15px; line-height: 35px; } .ti-extra-info .calender_outer { margin-top: 0 } .ti-extra-info .ti-expd-date .ti-ship-opt-label { display: inline-block; float: left; margin-right: 3px; color: #454545; font-size: 12px } .ti-extra-info .ti-expd-date .date_calender { background: 0 0!important; width: auto!important; float: left; display: inline-block; padding: 0; margin: 0!important; white-space: nowrap; min-width: 60px } .ti-extra-info .ti-expd-date .date_calender label, .ti-extra-info .ti-expd-date .date_calender span { display: inline-block; color: inherit!important; width: auto!important; font-weight: 400!important; font-size: inherit!important; float: left; font-family: inherit!important; line-height: normal!important; margin: 0 } .ti-extra-info .calender_outer.ti-expd-date label.thru { color: transparent; font-size: 0; margin: 0 2px; line-height: normal } .ti-extra-info .calender_outer.ti-expd-date label.thru:before { content: '-'; display: block; font-size: 10px; color: #969696 } #tiAirOpt:before, .ti-bb .ti-new-banner:after, .ti-sprt:before, .ti-wrnty:before { content: '' } .ti-extra-info .tiImgDiv.tiTruck { width: 26px; height: 21px } .ti-extra-info .calender_outer.ti-expd-date { margin-left: 36px; padding-left: 0; white-space: nowrap } .ti-extra-info .tiImgDiv.tiCheck { width: 26px; height: 17px } .ti-extra-info .ti-expd-date .date_calender label { padding-right: 1px } .ti-extra-info .date_calender.ti-expd-date { background: 0 0!important; border-top: 1px solid #ccc; width: 40px!important; padding: 0; font-size: 10px; display: block; margin: 0 3px!important } .ti-extra-info .date_calender.ti-expd-date label, .ti-extra-info .date_calender.ti-expd-date span { color: inherit!important; font-weight: 700; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; font-size: 10px; width: 100%!important; line-height: 16px; padding: 0 0 0 2% } .ti-extra-info .date_calender.ti-expd-date span { border-bottom: 1px solid #ccc; margin-bottom: 3px; text-align: center } .ti-extra-info .ti-ground .select-value { margin-bottom: 0 } .ti-extra-info #tiAirOpt { background: 0 0; position: relative; padding: 0 0 0 24px; margin: 7px 0 0 } .ti-extra-info strong, .ti-extra-info strong.tiBlue { color: #454545!important; font-size: inherit } #tiAirOpt:before { position: absolute; display: inline-block; left: 1px; top: -1px; width: 26px; height: 24px } #tiAirOpt .ti-ship-opt-label { display: none } #tiAirOpt .tiBlue { margin-bottom: 10px; font-size: 12px; padding-left: 10px } .fa-ul, .ti-extra-info #tiGroundOpt { padding-left: 0 } .ti-extra-info .calender_outer { width: auto; margin-left: 33px; margin-bottom: 7px } .ti-sprt:before, .ti-wrnty:before { display: inline-block; vertical-align: middle; margin: 0 5px 0 0 } .ti-wrnty:before { width: 30px; height: 24px } .ti-sprt:before { width: 32px; height: 27px } .ti-wrnty { margin: 10px 0 15px } .ti-sprt, .ti-wrnty { font-size: 12px } .ti-current-opt { font-size: 18px; font-weight: 700 } #shippingDiv #tiAirOpt { margin-bottom: 0; } #shippingDiv .war_tit { padding-left: 34px; font-size: 16px; } #shippingDiv .all_war_lab { padding-left: 34px; } #shippingDiv .purchase_war { font-weight: 300; font-size: 16px; } #intdropdowm.all_war2 {} #intdropdowm.all_war2 select#intcountry { padding: 7px 1px; margin: 0; float: left; width: 246px; font-size: 13px; font-family: roboto condensed, sans-serif; border: 1px solid #ccc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; color: #444; } #shippingDiv .main_war_tit1 span.war_tit_arrow { background: url(/images/BAP-PDPBuyBoxV2-sprite.png) -86px 3px no-repeat; cursor: pointer; } .product-container #tiAirOpt .tiBlue, .product-container .ti-sprt, .product-container .ti-wrnty { font-size: 16px; } .main_war_tit1 { width: 200px; margin: 0; padding: 0; display: block; } .war_tit1 { padding: 15px 0 0 2px; font-size: 16px; color: #00ADEB; cursor: pointer; } .war_tit1 { padding: 0 0 0 2px; font-size: 13px; color: #00ADEB; cursor: pointer; font-style: italic; display: inline-block; float: left; } .all_war2 { display: none; } #international_shipping_amount_buynow { position: relative; top: 10px; left: 40px; font-size: 16px; font-family: 'Roboto condensed', sans-serif; font-size: 20px; color: #454545; font-weight: bold; } .ups_div { width: 42%; border: 1px solid #ccc; margin: 10px 10px 10px 0 !important; min-height: 114px; } .ups_div span.ship_text_new { min-height: 30px; padding-bottom: 0; } span.ship_text_new { padding: 10px 0; text-align: center; width: 100%; float: left; font-size: 11px; min-height: 28px; } p.arrives_by strong.tiBlue { font-size: 16px; font-weight: 400; } /* ups 29-04-2019 */ p.usshipcalc a { font-family: 'Roboto condensed',sans-serif; font-size: 16px;font-weight:500; } div#intups { margin-left: 33px; } div#zip_calender + div#tiAirOpt { float: left; width: 100%;padding-left: 26px !important;display: none; } .ti-wrnty_inner{margin-top: -25px;} .ti-wrnty + .main_war_tit { margin-top: -15px; padding-left: 0; } .ti-wrnty_inner{padding: 0 0 0 35px;} #benefits #tiAirOpt .tiBlue{padding: 0 0 0 8px;} div#shipping_zip { float: left; } div#zip_calender { float: left; width: 100%; } .ti-extra-info .calender_outer { width: auto; margin-left: 33px; margin-bottom: 7px; } p.arrives_by { font-family: 'Roboto condensed',sans-serif; font-size: 12px; } #benefits p { margin: 0; } .ti-extra-info strong, .ti-extra-info strong.tiBlue { color: #454545!important; } p.arrives_by strong.tiBlue { font-size: 16px; font-weight: 400; } .ups_div { width: 42%; border: 1px solid #ccc; margin: 10px 10px 10px 0 !important; min-height: 114px;float:left; } span.ship_text_new { padding: 10px 0; text-align: center; width: 100%; float: left; font-size: 11px; min-height: 28px; } .ups_div span.ship_text_new { min-height: 30px; font-weight: 600; padding-bottom: 10px; } .ups_div div.date_calender.ti-expd-date { width: 100%!important; text-align: center; padding: 0 0 10px; margin: 0!important;font-size: 16px; } .product-container .ti-extra-info .date_calender.ti-expd-date { font-size: 16px; } .product-container .ti-extra-info .date_calender.ti-expd-date label { padding-top: 5px;font-size: 16px; } .date_calender label, .date_calender span { font-family: arial; margin: 0; width: 93%; } .date_calender label { color: #FFF; font-size: 14px; text-align: center; } .ti-extra-info .date_calender.ti-expd-date label, .ti-extra-info .date_calender.ti-expd-date span { color: inherit!important; font-weight: 700; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; font-size: 10px; width: 100%!important; line-height: 16px; padding: 0 0 0 2%; } .ups_div .date_calender.ti-expd-date, .ups_div .date_calender.ti-expd-date label, .ups_div .date_calender.ti-expd-date span { border: 0; padding: 0; font-size: 16px; } .product-container .ti-extra-info .date_calender.ti-expd-date label, .product-container .ti-extra-info .date_calender.ti-expd-date span { font-size: 16px; } .product-container .ti-extra-info .date_calender.ti-expd-date label { padding-top: 5px; } .ti-extra-info .date_calender.ti-expd-date span{margin-bottom:15px;} #intdropdowm.all_war2 { float: left; width: 100%; } #international_shipping_amount_buynow{clear:both;left: 34px;float: left;margin-bottom:10px;} div#upsresponse{padding: 8px;} select#shipping_select {width: 160px;height: 24px;padding: 0;font-size: 12px;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;-o-border-radius: 0;border: 1px solid #abadb3;} /* 29-04-2019 */ /* 30-04-2019 */ .sli_search_dynamic{z-index: 99999;} .sli_search_dynamic_inner{top: 53px;left: 10.8%;z-index: 9999999;} @media screen and (max-width:767px){ .sli_search_dynamic{left:0;} .sli_search_dynamic_inner{ width: 290px; top: 11px; left: 31px; position: absolute;} .sli_search_dynamic_inner .row .col-md-3,.sli_search_dynamic_inner .row .col-md-9{width:100%;} } .product-carousel .product-item a.newturbocharger_h { background: url(/images/Big-Parts_Image_Featured-Turbo-New.webp) no-repeat; width: 250px; height: 225px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } .product-carousel .product-item a.remanufacuturbo_h { background: url(/images/Big-Parts_Image_Featured-Turbo-Reman.webp)no-repeat; width: 250px; height: 225px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } .product-carousel .product-item a.turboinstall_h { background: url(/images/Big-Parts_Image_Featured-Turbo-Kit.webp) no-repeat; width: 250px; height: 225px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } .product-carousel .product-item a.intercool_h { background: url(/images/Big-Parts_Image_Featured-Intercooler.webp) no-repeat; width: 250px; height: 225px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } .product-carousel .product-item a.turbooilfeed_h { background: url(/images/Big-Parts_Image_Featured-Oil-Line.webp) no-repeat; width: 250px; height: 225px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } a.res_borgwarner_turbo_systems_h { background: url(/images/Big-Parts_Image_Featured-BorgWarner.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } a.res_garrett_h { background: url(/images/Big-Parts_Image_Featured-Garett.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } a.res_holset_h { background: url(/images/Big-Parts_Image_Featured-Holset.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } a.mitsubishi { background: url(/images/Big-Parts_Image_Featured-Mitsubishi.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } a.res_stigan { background: url(/images/Big-Parts_Image_Featured-Stigan.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } .brands-carousel .brands-item a { display: block; padding: 23px 0; text-align: center; } /*ups*/ span.enterzipfirst { display: block; text-align: center; padding-top: 10px; float: left; width: 100%; font-size: 14px; font-weight: 500; font-family: "roboto condensed", sans-serif; color: rgb(167, 14, 14); } select#shipping_select_dummy { width: 160px; height: 24px; padding: 0; font-size: 12px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border: 1px solid #abadb3; margin: 10px auto; display: block; background: #eee; } /* checkout affirm alignment */ div#tiAffirm { padding-left: 0; text-align: center; width: 83.5%; } div#affirmmonthlymodel { width: 100%; padding-left: 69px; } p#checkouterror_message { font-size: 15px; padding: 25px; } p#affirm_message { margin-bottom: 10px; font-size: 15px; } @media screen and (max-width:480px){ .form-group.b-top.Paypalti { padding-left: 15px; } div#tiAffirm { padding-left: 0; text-align: left; width: 100%; } } /* checkout alignments */ .form-group.b-top.Paypalti { border-bottom: 1px solid #ccc; } input#Affirmti{display:none;} .tiAffirmButton{margin-top:-11px;} @media screen and (max-width:480px){ div#affirmmonthlymodel{padding-left: 28px;} } /* buyauotpartspage 26-08-2019 */ input#submit {font-size: 16px !important;margin-top: 20px;}input#submit:hover{opacity:0.8;background: #F15B2A;}.banner_section_survey {margin-left: -20px;} /* thankspage 26-08-2019*/ div#thankstable_2 table.payment_method_selections form#survey {padding: 20px 6px 6px;}input.addtocartbtn.btn-system {width: 105px;padding: 6px 0px;margin-top: 15px;} div#thankstable_2 table.payment_method_selections form#survey input[type="radio"] {margin: 0px 5px 0px;}div#thankstable_2 table.payment_method_selections form#survey li#radio_new {line-height: 26px;} /* thankspaypal */ .tab_header{background: #F15B2A;color: white;font-weight: bold;} .payment_method_selections {border: 1px solid #ccc !important;border-top: 0px !important;width: 100%;margin: 0;} /* Later Email works for multiple items coding start here  */ body #ltkmodal-container, body #ltkmodal-overlay { display: none !important; } #tiNWModal { font-family: roboto condensed,sans-serif; position: fixed; width: 700px; height: 500px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; } #tiNWModalInner { position: relative; } #tiNXClose { background-image: url(/images/BAP_EmailModalFollowUpTest_Sprite.png); width: 28px; height: 28px; display: inline-block; vertical-align: middle; background-position: 0 0; position: absolute; top: -17px; right: -15px; } #tiNWModalRight { width: 340px; padding: 50px 25px 0 25px; text-align: center; height: 500px; background: #ffffff; border-top: 2px solid #00adeb; } #tiNWOverlay { background-color: rgb(0, 0, 0); opacity: 0.5; height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index: 1001; } #tiNWModalHeader { float: none; text-transform: uppercase; color: #1c325b; font-size: 28px; font-weight: bold; margin-bottom: 15px; } .ti-nw-form-row { float: left; width: 100%; } .ti-nw-form-row select { width: 100%; border: 1px solid #cfcfcf; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 10px 20px; margin-bottom: 10px; font-size: 16px; background: url(/images/Arrow-Down.png) #f6f6f6 no-repeat 95% center; background: url(/images/Arrow-Down.png) #f6f6f6 no-repeat calc(100% - 7px) center; } .ti-nw-form-row select::-ms-expand { display: none } #tiNWForm button { border: 0; cursor: pointer; background: #00adeb; margin-bottom: 20px; color: #fff; font-weight: 600; text-transform: uppercase; height: 40px; line-height: 40px; font-size: 15px; width: 100%; padding: 0; border-radius: 5px; -webkit-appearance: none; } #tiNWForm button:after { content: ''; display: inline-block; border-left: 6px solid #fff; border-top: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; vertical-align: baseline; margin-left: 7px; } .tiNWModalInner_I #tiNWModalRight { border-top: 2px solid #fff; padding: 10px 25px 40px; } .tiNWModalInner_I { border-top: 6px solid #3aafef; } .tiNWModalInner_I #tiNWModalHeader h2 { color: #3aafef; margin: 10px 0; padding: 0; font-size: 32px; font-weight: bold; line-height: 36px; } .tiNWModalInner_I #tiNWModalHeader p { color: #4f4f4f; font-family: roboto condensed,sans-serif; text-transform: none; font-size: 16px; font-weight: 400; line-height: 20px; margin: 0; padding: 0; } .tiNWModalInner_I #tiNWModalHeader p.mylink_coupon_address input { background: #f6f5f6; border: 2px solid #48b5f0; padding: 12px; width: 90%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #acacab; font-family: roboto condensed,sans-serif; font-size: 16px; margin: 0 0 10px; } .tiNWModalInner_I #tiNWModalHeader .mylink_coupon_address2 { background: #3ab0ef; width: 100%; padding: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; margin: 0 0 10px; cursor:pointer; font-family: roboto condensed,sans-serif; font-size: 16px; font-weight: 600; } .tiNWModalInner_I #tiNWModalHeader p.no_thx { font-size: 13px; font-weight: 500; cursor:pointer; } .tiNWModalInner_I #tiNWModalHeader p.mylink_coupon_address2 a span.ArrowRight::after { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #fff; display: inline-block; content: ''; margin-left: 5px; position: relative; bottom: 1px; } .tiNWModalInner_I #tiNWModalHeader span.ArrowRight { /* position: relative;*/ } .tiNWModalInner_I #tiNWModalHeader span.ArrowRight img{  position: relative;  top: -51px;   left: 54px; } #tiNWModal div { float: left; } /* Later Email works for multiple items coding end here  */ /* emailpopup-responsive 27-08-2019 */ body #tiNWModal{width: 100%;max-width: 700px;padding: 0px 15px;height: 480px;} body #tiNWModal div{height:100%;} body div#tiNWModalLeft{width: 50%;}div#tiNWModalRight{width: 50%;} div#tiNWModalHeader {width: 100%;} div#tiNWModalHeader img {max-width: 135px;} .tiNWModalInner_I #tiNWModalHeader span.ArrowRight img {position: relative;top: 0;left: 0;} form#email_later span.ArrowRight {position: absolute;right: 20%;bottom: 25px;} .tiNWModalInner_I {border-top: 6px solid #F15B2A;} .tiNWModalInner_I #tiNWModalHeader h2 {color: #F15B2A;} .tiNWModalInner_I #tiNWModalHeader p.mylink_coupon_address input{border: 2px solid #F15B2A;width:100%;} .tiNWModalInner_I #tiNWModalHeader .mylink_coupon_address2{background: #F15B2A;} div#emailthank {color: #F15B2A;} form#email_later {position: relative;margin-bottom: 15px;} @media screen and (max-width:715px){ body #tiNWModal {max-width: 80%;height: 550px;} body div#tiNWModalLeft,.tiNWModalInner_I,div#tiNWModalInner,body div#tiNWModalRight div#tiNWModalHeader{width:100%;} body div#tiNWModalLeft img{width: 100%;} body div#tiNWModalRight {width: 100%;position: absolute;left: 0;bottom: -100px;height: auto;} body #tiNWModal div{height:auto;} .tiNWModalInner_I #tiNWModalRight{padding: 10px 15px 15px;} div#tiNWModalHeader{margin-bottom:0px;} .tiNWModalInner_I #tiNWModalHeader h2{font-size:18px;line-height: 22px;} } @media screen and (max-width:380px){ body #tiNWModal {height: 420px;}.tiNWModalInner_I{position: relative;top: -50px;} } @media screen and (max-width:360px){ body #tiNWModal{max-width:95%;} } /* Banner content changes */ #tiHomeOffers { text-align: center; margin: 25px 0 } #tiHomeOffersHeader:before { content: ''; display: inline-block; position: absolute; background: url(../images/BAP-HomepageRedesign-Sprite.png) no-repeat -11px -1px; width: 88px; height: 76px; left: -30px; top: -11px } #tiHomeOffersHeader { position: relative; padding-left: 80px } #tiHomeAbout p, #tiHomeOffers p { font-size: 16px; text-align: left; color: #454545; font-family: 'Roboto Condensed', sans-serif; font-weight: 100; line-height: 24px; margin-bottom: 20px; } #tiHomeOffers ul { font-family: 'Roboto Condensed', sans-serif; line-height: 24px; color: #183864; font-weight: 700; font-size: 16px; list-style-type: disc; display: inline-block; margin: 0 auto 20px; text-align: center; } #tiHomeOffers li { text-align: left; } .newpr{ background: #40b3f4; } /* ups-23-09-2019 */ .ups_div .date_calender_1.ti-expd-date_1 {width: 100%!important;text-align: center;padding: 0 0 15px;margin: 0!important;} .ups_div .date_calender_1.ti-expd-date_1 label, .ups_div .date_calender_1.ti-expd-date_1 span {border: 0;} p.arrives_by {float: left;width: 100%;} .calender_outer_l{margin-left: 36px;} .oosbtn.grey{background: #ddd;} .refer_email_subbtn.grey{background: #ddd;} p#security_reason1 {text-align: left;font-size: 12px;color: #ff0000;} form#email_form p#security_reason{float: left;width: 100%;text-align: right;position: relative;right: 22px;color: #ff0000;} /* timer-popup */ form#email_form,p.outofstockphone_main {position: relative;} p#Emailformat_time,span#sendoutofstock_time { position: absolute; right: 22px; min-width: 159px; height: 18px; top: 5px; text-align: center; font-size: 22px; font-weight: 700; padding: 11px 0px;color: #ff0000; } span#sendoutofstock_time{ right: 0; min-width: 84px; } /* checkout-aligns */ .checkout_new #Paypalti,.checkout_new #tiCC{opacity:0;} #tiThumbSlider li { height: 100px;margin-bottom:2px; } #tiThumbSlider li a { display: block; cursor: pointer } /* warrenty page updates */ div#tiHomeFeaturedHeader { font-size: 16px; line-height: 22px; border-top: 1px solid #eee; padding-top: 20px; margin-bottom: 0px; margin-top: 20px; font-family: 'Roboto Condensed', sans-serif;font-weight:600; } #CORPORATEINFORMATION li,div#tiHomeFeaturedHeader li {/*margin-bottom:0px;*/} .warranty_tab { margin: 20px 0px 0px; border-top: 1px solid #eee; padding-top: 20px; } .warranty_tab + div#tiHomeFeaturedHeader { margin-top: 0; padding-top: 0; border: 0; } .pac-container{background-color:#fff;position:absolute!important;z-index:1000;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,0.3);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.pac-logo:after{content:"";padding:1px 1px 1px 0;height:18px;box-sizing:border-box;text-align:right;display:block;background-position:right;background-repeat:no-repeat;background-size:120px 14px}.pac-item{cursor:default;padding:0 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;text-align:left;border-top:1px solid #e6e6e6;font-size:11px;color:#999}.pac-item:hover{background-color:#fafafa}.pac-item-selected,.pac-item-selected:hover{background-color:#ebf2fe}.pac-matched{font-weight:700}.pac-item-query{font-size:13px;padding-right:3px;color:#000}.pac-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);background-size:34px}.hdpi .pac-icon{background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)}.pac-icon-search{background-position:-1px -1px}.pac-item-selected .pac-icon-search{background-position:-18px -1px}.pac-icon-marker{background-position:-1px -161px}.pac-item-selected .pac-icon-marker{background-position:-18px -161px}.pac-placeholder{color:gray} .pac-logo:after {background-image: url("");} #map { height: 100%; } /* 14-05-2020 */ .pac-container:after{display:none !important;} div#po_msg2 { font-style: italic; font-size: 14px; text-align: left; line-height: 1.3; float: left; color: #7b7b7a; font-family: roboto condensed,sans-serif; margin-top: 5px; margin-bottom: 15px; padding-left: 10px; } div#po_msg1 { font-style: italic; font-size: 14px; text-align: left; line-height: 1.3; float: left; color: #7b7b7a; font-family: roboto condensed,sans-serif; margin-top: 5px; margin-bottom: 15px; padding-left: 10px; } #po_msg{ font-style: italic; font-size: 14px; text-align: left; line-height: 1.3; float: left; color: #7b7b7a; font-family: roboto condensed,sans-serif; } #po_bmsg{ font-style: italic; font-size: 14px; text-align: left; line-height: 1.3; float: left; color: #7b7b7a; font-family: roboto condensed,sans-serif; } .ti-other-price .saved-price-green { font-family: 'Roboto condensed', sans-serif; font-size: 16px !important; color: #183864; font-weight: bold; } .checkout_new.paypal_express_checkout  input#dummycheck_form_submit_button { cursor: pointer; display: block; margin: 0px auto; padding: 0px; float: none; width: 300px; height: 61px; background: rgba(0, 0, 0, 0) url(/images/checkout_submitorder_arrow_new.png) no-repeat scroll left top; position: relative; top: -190px; filter: grayscale(1); cursor: not-allowed; } .checkout_new.paypal_express_checkout  span#carbblockwarmsg { position: relative; top: -200px; color: red; } @media screen and (max-width:1199px){ .checkout_new.paypal_express_checkout  input#dummycheck_form_submit_button {top:0px;margin-top:10px;} .checkout_new.paypal_express_checkout  span#carbblockwarmsg {top:0px;} } .propwarning_l, .carbblockwarning_l {clear: left;} .row.checkout_submit{position:relative;} .checkout_new.paypal_express_checkout .row.checkout_submit input#dummycheck_form_submit_button,.checkout_new.paypal_express_checkout .row.checkout_submit span#carbblockwarmsg, .checkout_new.paypal_express_checkout .row.checkout_submit #check_form_submit_button{ top:0px !important; } .checkout_right { position: relative; z-index: 99; } a.ihi { background: url(/images/Big-Parts_Image_Featured-IHI.webp) no-repeat; width: 238px; height: 238px; display: block; -moz-filter: grayscale(100%); -o-filter: grayscale(100%); transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; filter: gray; -webkit-filter: grayscale(1); } p.v2-selector-submit { display: inline-block; width: 18%; } p.v2-selector-submit input#sub { background: #F15B2A url(/images/tcp_go.svg) no-repeat !important; background-position: -17px 1px !important; background-size: 80px !important; font-family: 'Roboto Condensed', sans-serif !important; display: inline-block; vertical-align: middle; margin-bottom: 0; font-size: 0px !important; font-weight: 400 !important; padding-left: 0px !important; padding-right: 0px !important; width: 64px; } button#ymm_reset { display: inline-block; color: #757e85; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: 600; border: 0; background: transparent; margin: 0px 5px; } button#ymm_reset:after { content: '\f0e2'; font-family: 'FontAwesome'; margin: 0px 5px; } body #ymm-search .select { width: 20.5%; } @media screen and (max-width:1024px){ body #ymm-search{width: 100%;} /* p.v2-selector-submit{width: 24%;} body #ymm-search .select { width: 19%; } */ } @media screen and (max-width:800px){ p.v2-selector-submit { display: inline-block; width: 100%; text-align: center;    padding: 10px 0px; } } /* tracking page */ div#tracking_box { margin: 50px 0px; } div#tracking_box h2#returnform { text-align: center; text-transform: capitalize;    border-radius: 5px 5px 0px 0px; } div#tracking_box .easy_return_inner, div#tracking_box .form_return { max-width: 385px; } div#tracking_box .form_return { padding: 30px; } .tracking_cont_p { text-align: left; font-size: 18px; color: #000; font-weight: 400;    line-height: initial; } .tracking_input { max-width: 158px; margin: 10px auto; text-align: left; font-size: 16px; } .tracking_input input#email { margin: 0 !important; width: 100%; border-color: #e3e3e3; border-radius: 5px; } div#tracking_box input#continue_btn2 { width: 100%; max-width: 220px;    min-width: 220px; text-transform: capitalize; font-size: 16px !important; margin: 0 !important;    background-position: 80% 12px !important; } div#tracking_box div#alert_return { font-size: 16px; } div#tracking_box div#alert_return p { font-size: 16px; line-height: 24px; text-align: justify; margin-bottom: 10px; } ol.breadcrumb { margin-top: 60px !important; } /* tracking page */ @media screen and (max-width:1199px){ .ie-account { margin-top: 10px; } ul.ti-support-center { padding: 10px 0px; } li#support-div { text-align: center; } li#support-div img { max-width: 30px !important; } li#support-div.support_show span#support-cross img{max-width: 20px !important;} } @media screen and (max-width:991px){ .col-md-6.col-sm-6.col-lg-6.col-xs-12.ie-search { width: 100%; } #my-account li { margin: 0 auto; } .ie-account{margin-bottom: 10px;} .ie-account,.ie-support,.ie-cart{text-align: center;} #my-account{width: 100%;} body #support-center {top: 150% !important;} p.v2-selector-submit{width: 23%;} body .user_logged div#support-center { top: 80px; right: 0; } } @media screen and (max-width:767px){ body #support-center{right: -15px;top: 58px !important;} body .user_logged div#support-center {right: -15px;top: 65px !important;} #my-account li{width: 75px;} p.v2-selector-submit{    width: 100%;} p.v2-selector-submit input#sub {width: 64px !important;} } a.search_make_r { display: inline-block; z-index: 2; margin-left: -1px; background: #5c6574; color: #fff; height: 43px; width: 63px; text-align: center; padding: 6px 12px; box-sizing: border-box; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; top: 0; right: 15px; cursor: pointer; } #tiAutoTop h1 { font-size: 30px !important; color: #F15B2A; font-family: 'Roboto Condensed', sans-serif; font-weight: 200; margin: 40px 0 40px !important; padding: 0; text-transform: uppercase; } a.search_make_r1 { display: inline-block; z-index: 2; margin-left: -1px; background: #5c6574; color: #fff; height: 43px; width: 63px; text-align: center; padding: 6px 12px; box-sizing: border-box; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; top: 0; right: 15px; cursor: pointer; } form#oem2 { display: flex; width: 100%; justify-content: center; } p.search_bar_content { margin: 16px 28% !important; text-align: center; color: #484848 !important; font-size: 16px !important; } input#s2 { width: 34%; } a.search_make_r .fa-search::before { display: none; } a.search_make_r1 .fa-search::before { display: none; } a.search_make_r span.fa.fa-search { display: inline-block; background: url(/images/res_search.jpg); width: 37px; height: 31px; } a.search_make_r1 span.fa.fa-search { display: inline-block; background: url(/images/res_search.jpg); width: 37px; height: 31px; } div#txtHint_new1 { border: 1px solid #F15B2A; color: #000; height: auto; line-height: 25px; margin-left: 0; background: #fff; opacity: 1; padding-right: 0; position: absolute; z-index: 999999; display: none; right: 37.3%; width: 78.5%; max-width: 352px; } #txtHint_new1 a:hover { color: #fff !important; background: #F15B2A; font-weight: 500; text-align: left; font-size: 14px; text-decoration: none; } div#txtHint_new1 a { padding: 0 0 0 10px; border-bottom: 1px solid #ccc; display: inline-block; width: 97%; font-weight: 500; text-align: left; font-size: 14px; margin: 0; width: 100%; max-width: 469px; } ul.ti-support-center { padding: 13px 0px; } li#support-div { cursor: pointer; } li#support-div.support_show span#support-cross { display: block !important; } li#support-div.support_show  span#support-icon { display: none !important; } #overlay.overlay_showing { display: block; } #support-center { display: none; position: absolute; width: 172px; height: 170px; top: 59px; background-color: white; padding: 0px; border: 1px solid #d8dadb; text-align: left; z-index: 10; right: -35px; } .showing-support { display: block !important; position: absolute; width: 172px; height: 170px; top: 48px; background-color: white; padding: 0px; border: 1px solid #d8dadb; text-align: left; z-index: 10; right: -35px; } div#support-center>li { border-bottom: 1px solid #d8dadb; padding: 10px 24px!important; height: 35px!important; } #overlay { display: none; height: 1000vh; width: 100%; background: rgba(0,0,0,.5) !important; z-index: 9; position: absolute; } @media screen  and (max-device-width: 480px) and (orientation: portrait) { #support-center { display: none; position: absolute; width: 172px; height: 170px; top: 43px !important; background-color: white; padding: 0px; border: 1px solid #d8dadb; text-align: left; z-index: 10; right: -35px; } .showing-support { display: block !important; position: absolute; width: 172px; height: 170px; top: 43px !important; background-color: white; padding: 0px; border: 1px solid #d8dadb; text-align: left; z-index: 10; right: -35px; } #my-account li a { margin-top:0px; color:#a4a9a2; font-size:10px; line-height:15px; } } p.search_results_r { font-size: 16px; margin: 0; padding: 0 0 10px; } p.ac_c,p.ac_c a { font-size: 18px; line-height: 21px; margin: 0; padding: 0 0 15px; color: #F15B2A;    font-weight: 700; } p.ac_c2 { margin: 0; padding: 0 0 10px; color: #222; font-size: 16px; font-family: 'Roboto Condensed',sans-serif; font-weight: 300; } p span.grid_result { width: 56%; float: left; font-size: 16px; color: #222; font-weight: 700; margin: 0; } p span.grid_result_part.brand, p span.grid_result_part.fits, p span.grid_result_part.partnumber, p span.grid_result_part.vehicle, p span.grid_result_part.warranty { width: 25%; float: left; margin: 0; padding: 0 0 3px; font-family: 'Roboto Condensed',sans-serif; color: #777; font-weight: 300; font-size: 15px; } .s_r_1 { padding: 15px 0 20px; width: 100%; } h1.ac_c4 { color: #F15B2A; font-size: 30px!important; margin: 0; padding: 0; font-family: 'Roboto Condensed',sans-serif; text-align: right; } a.addtocart_moredet { display: block; text-align: center; width: 70px; text-decoration: underline; margin: 0 auto; margin-top: 10px; margin-right: 40px; color: #F15B2A; } input.addtocart_btn_oos,input.addtocart_btn { background: #777; color: #fff; text-transform: uppercase; height: 40px; font-size: 16px; width: 150px; border-radius: 5px; -webkit-appearance: none; display: block; margin: 0 auto; margin-right: 0; font-family: 'Roboto condensed',sans-serif; float: none; } input.addtocart_btn {background: #F15B2A;} @media screen and (max-width:600px){ .s_r_1 table tr td { display: block; width: 100%; text-align: left; } h1.ac_c4 { text-align: left; } input.addtocart_btn_oos, input.addtocart_btn { margin-left: 0; } a.addtocart_moredet { margin-left: 0; } .sli_result_details { margin-bottom: 10px; float: left; width: 100%; } } body #timer_note {background: #000000;} body .top-bar { margin-top: 46px; padding-bottom: 7px; } form#oem1 { margin-top: 5px; } h1.abt-heading { font-size: 30px !important; font-weight: 500 !important; } a.search_make_r{ background: #F15B2A;    top: 5px; } a.search_make_r1{ background: #F15B2A;    top: 5px; } a.search_make_r span.fa.fa-search{ background: url(/images/res_search.png); background-size: 24px; background-repeat: no-repeat; background-position: center; } a.search_make_r1 span.fa.fa-search{ background: url(/images/res_search.png); background-size: 24px; background-repeat: no-repeat; background-position: center; } #txtHint_new a:hover { color: #fff !important; background: #F15B2A; font-weight: 500; text-align: left; font-size: 14px; text-decoration: none; } a.res_borgwarner_turbo_systems_h:hover, a.res_garrett_h:hover, a.res_holset_h:hover, a.mitsubishi:hover, a.res_stigan:hover, a.ihi:hover{ opacity: .8; -moz-filter: none; -o-filter: none; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; filter: none; -webkit-filter: none; } body #support-center { right: -15px; top: 72px; } .s_r_1 { padding: 15px 30px 20px; width: 80%; margin: 0 auto; } @media (min-width:200px) and (max-width:600px){ p span.grid_result{ width: 59%; } p span.grid_result_part.brand, p span.grid_result_part.fits, p span.grid_result_part.partnumber, p span.grid_result_part.vehicle, p span.grid_result_part.warranty{ width: 25%; } .face_content { width: 400px; } /* .product-carousel .product-item a.newturbocharger_h { width: 275px; } */ .product-carousel .product-item a.remanufacuturbo_h,.product-carousel .product-item a.intercool_h,.product-carousel .product-item a.turboinstall_h{ margin: 0 auto; } .product-carousel .product-item a.turbooilfeed_h,.product-carousel .product-item a.newturbocharger_h{ margin: 0 auto !important; width: 235px; height: 200px; } a.res_borgwarner_turbo_systems_h,a.res_garrett_h,a.mitsubishi,a.res_stigan,a.ihi,a.res_holset_h{ margin: 0 auto !important; } } ul.ti-support-center { padding: 11px 0px; } /* #my-account li a{ padding: 4px; } */ /* new /\ */ a.fancybox3 img { width: 100px; height: auto; margin-top: 15px; } .f-img.res_quality { background: url(/images/Big-Parts_Icon_Quality-Home.svg) no-repeat; display: block; width: 66px; height: 70px; } .f-img.res_fast-shipping{ background: url(/images/Big-Parts_Icon_Shipping-Home.svg) no-repeat; display: block; width: 66px; height: 70px; } .f-img.res_security-payment{ background: url(/images/Big-Parts_Icon_Secure-Home.svg) no-repeat; display: block; width: 66px; height: 70px; } .f-img.res_american{ background: url(/images/Big-Parts_Icon_USA-Home.svg) no-repeat; display: block; width: 66px; height: 70px; } div#country1-head span,div#country2-head span,div#country3-head span { font-weight: bold !important; } p.oemlogo-right { margin: 12px; } /* header dropdown  */ body #ymm-search .select { width: 16%; } div#ymm-search { position: static; left: 8%; } button#ymm_reset { display: inline-block; color: #757e85; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: 600; border: 0; background: transparent; margin: 3px 5px; vertical-align: top; } a.main-button, input[type="submit"] { font-size: 20px !important; margin-bottom: 0px !important; font-weight: 600; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { body #ymm-search .select { width: 19%;}} .product-categories { padding-bottom: 34px; margin: 30px 0px 0px 0px; } .big-title h2 { padding-left: 20px; } /* dp */ .action-num { color:#757e85; font-size:15px; margin-top:5px; width: 10%; } @media screen and (min-width: 993px) { .ie-search { width: 37% !important; } } .toll_free{ font-size: 12px; } @media (max-width : 767px) { .cover.boxcaption { display: flex; justify-content: center; } .part_img { display: flex; justify-content: center; } input#s2 { width: 100%; } p.search_bar_content { margin: 16px 0 !important; } div#txtHint_new1 { border: 1px solid #F15B2A; color: #000; height: auto; line-height: 25px; margin-left: 0; background: #fff; opacity: 1; padding-right: 0; position: absolute; z-index: 999999; display: none; right: 26% !important; width: 60.5% !important; max-width: 347px; } .action-num { width: 31%; } .ie-account, .ie-support, .ie-cart, .action-num { text-align: center; width: 25%; } .toll_free{ font-size: 10px; } #my-account li a { margin-top:1px; color:#a4a9a2; font-size:10px; line-height:15px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .action-num{ width: 16%; } } @media (max-width: 767px) { .mobile-view{ position: relative; top: 20px !important; } } @media screen and (max-width: 767px) { a.view_details_sli { position: static !important; top: 104px; } } span.grid_result_part.fits { width: 58% !important; }span.grid_result { width: 42% !important; } input.addtocart_btn { padding: 1px 16px; font-weight: 400; } input.addtocart_btn_oos { position: relative;    top: 74px; } @media screen and (max-width: 767px) { input.addtocart_btn_oos { position: static !important; } } /* new */ .mobile_slide { display: none; } button.slick-next.slick-arrow { border: solid #183864; border-width: 0 7px 7px 0; transform: rotate(314deg); } button.slick-next.slick-arrow, button.slick-prev.slick-arrow { display: inline-block; padding: 9px; font-size: 0; position: absolute; top: 47%; background: 0 0; cursor: pointer; } .banner_slide { width: 1160px; padding: 15px 43px 0 0; box-sizing: border-box; clear: both; max-width: 1400px; margin: 0 auto; } button.slick-prev.slick-arrow { border: solid #183864; border-width: 0 7px 7px 0; transform: rotate(135deg); left: -25px; } button.slick-next.slick-arrow, button.slick-prev.slick-arrow { display: inline-block; padding: 9px; font-size: 0; position: absolute; top: 47%; background: 0 0; cursor: pointer; } .slick-prev:before,.slick-next:before{ content: '' !important; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; } .slick-dots li { background: #d7d7d7 !important; border-radius: 50% !important; } .slick-dots li { position: relative; display: inline-block; width: 20px !important; height: 20px !important; margin: 0 5px; padding: 0; cursor: pointer; } li.slick-active { background-color: #F15B2A !important; } .slick-dots li button:before{ content: '' !important; } @media screen and (max-width: 767px) { input.addtocart_btn_oos { position: static !important; } .mobile_slide { display: block !important; } .desktop_slide { display: none !important; } .banner_slide { padding: 0 !important; width: 100% !important; } .slide img { height: 400px !important; } .mobile_slide { display: block !important; margin: 20px 0; } } @media only screen and (max-width: 480px) { .slide img { height: 315px !important; } .banner_slide { padding: 0 !important; } } /* thanks_new */ body #main_wrapper.dynamic_NonHome .checkout_bredgrumb { margin-top:93px !important; } input#sub { padding: 5px !important; } h1.tab_header_thank_you strong { color:#F15B2A; } .checkout_bredgrumb { float: none !important; text-align: center; } .order_no_l { font-size: 17px; padding: 15px 10px 5px 0; } .checkout_bredgrumb { margin: 0 0 10px 0; padding: 0; float: left; width: 100%; } .checkout_bredgrumb .parent-link { margin: 0 2px 0 0; padding: 0; float: left; color: #F15B2A; font-size: 14px; text-decoration: none; } .checkout_bredgrumb span { color: #d7d7d7; margin: 0 4px; font-size: 14px; float: left; } .checkout_bredgrumb a { font-weight: 700; margin: 0 2px 0 0; padding: 0; float: left; color: #193a67; font-size: 14px; text-decoration: none;} p.print_conf span { display: inline-block; vertical-align: middle; padding: 0px 5px; color: #46b0eb; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section tr.row_head td { padding: 20px 14px; color: #F15B2A !important; } .container{ } p.print_conf { text-align: right; margin: 15px 0px -15px; font-size: 16px; } .thankspage-content { width: 100% !important; } /* new */ .checkout_bredgrumb .child_link { margin: 0 2px 0 0; padding: 0; float: left; font-weight: 500; color: #d7d7d7; font-size: 14px; text-decoration: none; } p.print_conf span { display: inline-block; vertical-align: middle; padding: 0px 5px; color: #F15B2A !important; } .checkout_bredgrumb a:first-child { color:#757e85  !important;} .checkout_bredgrumb a:nth-child(2) { color: #f99849 !important; } .checkout_bredgrumb a { font-weight: 700; } body #main_wrapper.dynamic_NonHome { max-width: 1000px; width: 100%; } .empty_space_div { display: none; } th.tab_header { text-align: left; font-family: Roboto Condensed, sans-serif; padding: 14px 20px; font-size: 30px !important; line-height: 30px !important; color: #fff; float: none; font-weight: bold; } #main_wrapper { margin: 0 auto; float: none; width: 1000px; } table.content_table_thanks { margin-bottom: 15px; } table.content_table_thanks .payment_method_selections h3 { color: #F15B2A; font-size: 22px; margin-bottom: 10px; } table.content_table_thanks .payment_method_selections ul { padding-left: 18px; box-sizing: border-box; width: 100%; padding-top: 0; } table.content_table_thanks .payment_method_selections ul li { font-size: 18px; color: #000; font-weight: 300; line-height: 26px !important; width: 100%; } .heder_table_thanks { margin-bottom: 15px; } table { border-collapse: inherit; border-spacing: 1px; } table.content_table_thanks .payment_method_selections td { padding: 20px; } table.content_table_thanks .payment_method_selections { border: 1px solid #ccc !important; } .tab_header_thank_you { font-family: Arial, Helvetica; padding: 20px; font-size: 28px !important; color: #193a67; float: none; font-weight: bold; } .thankspage-content { width: 100% !important; } p.print_conf { text-align: right; margin: 14px 0px 5px; font-size: 16px; } table.content_table_thanks .payment_method_selections td { padding: 20px; } table.content_table_thanks .payment_method_selections h3 { color: #F15B2A !important; font-size: 22px; margin-bottom: 10px; } table.content_table_thanks .payment_method_selections td { padding: 20px; } table.content_table_thanks .payment_method_selections input#userpwd { border: 1px solid #ccc; padding: 0px 15px; min-width: 298px; border-radius: 3px; margin-right: 10px; min-height: 38px; } .th_td_btn { min-width: 190px; max-width: 190px; min-height: 38px; display: inline-block; line-height: 38px; background: #F15B2A; color: #fff !important; border-radius: 5px; font-size: 15px; text-transform: uppercase; font-weight: 600; font-family: Roboto Condensed, sans-serif; border: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } table.content_table_thanks .payment_method_selections ul { padding-left: 18px; box-sizing: border-box; width: 100%; padding-top: 0; } .payment_method_selections ul { margin: 0; padding: 10px 0 15px 35px; } table.content_table_thanks .payment_method_selections input#userpwd { border: 1px solid #ccc; padding: 0px 15px; min-width: 298px; border-radius: 3px; margin-right: 10px; min-height: 38px; } table.content_table_thanks .payment_method_selections h3 span { font-weight: 500 !important; } table.content_table_thanks .payment_method_selections td { padding: 20px; } table.content_table_thanks .payment_method_selections ul { padding-left: 0px; box-sizing: border-box; width: 100%; padding-top: 0; } div#new_survey li#radio_new { display: inline-block; font-weight: 300; } table.content_table_thanks .payment_method_selections ul li { font-size: 18px; color: #000; font-weight: 300; line-height: 26px !important; width: 100%; } div#new_survey li#submit_new { padding: 0; margin-left: -10px; } .payment_method_selections ul li { margin: 7px 0; padding:0; text-align: left; width: 655px; line-height: 18px; float: left; clear: both; font-size: 13px; color: #666; } .addtocartbtn { background: #F15B2A; color: #fff; height: 40px; line-height: 40px; font-size: 15px; border-radius: 5px; border: 0px; -webkit-appearance: none; clear: both; width: 270px; font-weight: bold; } a.main-button, input[type="submit"] { font-size: 15px !important; margin-bottom: 10px; font-weight: 600; padding: 0; } table.content_table_thanks + table.heder_table_thanks { margin-top: 30px; } .heder_table_thanks { margin-bottom: 15px; } td.billtotd, td.shiptotd { width: 35%; padding-bottom: 25px !important; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section tr.row_head { padding-top: 15px; border-top: 1px solid #ccc !important; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section td.currentorders_btm_tab_td { padding-top: 15px; border-top: 1px solid #ccc !important; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section table.currentorders_btm_tab td { padding-left: 63px; padding-bottom: 10px; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section table.currentorders_btm_tab td { padding-left: 55px; padding-bottom: 10px; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section td { padding: 10px; font-size: 16px; line-height: initial; } span.qty_no_td { display: block; max-width: 55px; margin: 0 auto; margin-left: 0; } table.content_table_thanks .payment_method_selections td p { font-size: 18px; color: #000; font-weight: 300; line-height: 26px !important; } span#submit_newcreate1 { display: block; text-align: center; cursor: pointer; } div#footer { clear: both; width: 100%; } #footer-logo { max-width: 1000px !important; width: 100% !important; } @media screen and (max-width: 992px) { body div#main_wrapper.dynamic_NonHome #checkout_RHS_box>div>div.checkout_bredgrumb { display: none; } body #main_wrapper.dynamic_NonHome .other_page_main .checkout_content_wrap { float: left; box-sizing: border-box; padding: 0px 15px; width: 100%; } } @media screen and (max-width: 767px) { body #main_wrapper.dynamic_NonHome .checkout_bredgrumb { margin-top:35px !important; } .order_section tr td.part-number:before { content: 'Part Number: '; } .order_section tr td.desc:before { content: 'Description: '; } .order_section tr td.qty:before { content: 'Quantity: '; } .order_section tr td.item-price:before { content: 'Item Price: '; } .order_section tr td.item-total:before { content: 'Total: '; } .part_s{ display: grid; } span.qty_no_td { display: inline;} .order_section table, .order_section tbody, .order_section tr, .order_section tr td, .order_no + .order_section tr td { /* display: block; */ width: 100%; clear: both; max-width: none; } .checkout_bredgrumb { display: none; } tr.row_head { display: none; } .thanks_ordersection.order_section table { max-width: 100% !important; } table.content_table_thanks .payment_method_selections form input.th_td_btn { display: block; margin: 0 auto; margin-top: 10px; cursor: pointer; } table.content_table_thanks.mobile_view table.payment_method_selections td { padding: 10px 4px 10px 10px !important; } table.content_table_thanks .payment_method_selections h3 { font-size: 20px; } .order_section tr td { text-align: left; border-bottom: 0; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section td.billtotd, table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section td.shiptotd { width: 50% !important; display: table-cell; } .thanks_ordersection.order_section { min-height: initial; padding: 0; margin-top: 10px; font-family: roboto condensed, sans-serif; font-size: 16px; } table.content_table_thanks .payment_method_selections td p, table.content_table_thanks .payment_method_selections ul li, table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section td { font-size: 16px; } .order_section td{ padding: 10px; } .checkout_content_wrap.thanks_content_wrap th.tab_header { font-size: 24px !important; } .order_section > table > tbody > tr { border: 2px solid #F15B2A; } table.content_table_thanks .payment_method_selections .thanks_ordersection.order_section table.currentorders_btm_tab td{ padding-left: 0 !important; } table.content_table_thanks.mobile_view table.payment_method_selections { border: 0px !important; } .order_no_l { font-size: 17px; padding: 0px 10px 5px 1px !important; } } table.content_table_thanks .payment_method_selections ul li::marker { content: '.'; font-size: 6rem !important; line-height: 0px; } li#submit_new::marker { content: ''; } li#submit_new_image::marker { content: ''; } /* end */ /* mobile dropdown */ @media (max-width: 767px) { .select select{ display: none !important; } .ti-faux-select-button,.ti-faux-select-dropdown { display: block !important; } ul.ti-faux-select-dropdown li{ border-bottom: 2px solid #f4f4f4; line-height: 20px; padding: 13px 43px 13px 13px; position: relative; font-weight: 500; } ul.ti-faux-select-dropdown li { font-size: 16px; font-family: roboto condensed, sans-serif; font-weight: 300; color: #454545; line-height: 24px; padding: 0 7px; cursor: pointer; } .ti-faux-select-dropdown li:after { content: ''; border: 2px solid #454545; display: inline-block; width: 20px; height: 20px; border-radius: 50%; position: absolute; right: 11px; top: 0; bottom: 0; margin: auto; } .ti-faux-select-dropdown { position: absolute !important; top: 35px !important; margin: auto; right: 15px; left: 12px; padding: 0; background: #fff; z-index: 10111; overflow-x: hidden; overflow-y: auto; font-size: 18px; color: #000; border-radius: 5px; font-family: roboto condensed, sans-serif; text-rendering: optimizeLegibility; } ul.ti-faux-select-dropdown li { border-bottom: 2px solid #f4f4f4; line-height: 20px; padding: 13px 43px 13px 13px; position: relative; font-weight: 500; } .ti-faux-select-dropdown li.selected:after { border: 2px solid #F15B2A; } .ti-faux-select-dropdown li.selected:before { content: ''; position: absolute; height: 12px; width: 12px; background:#F15B2A; border-radius: 50%; right: 15px; top: 0; bottom: 0; margin: auto; } ul.ti-faux-select-dropdown { position: absolute; top: 80%; margin-top: 6px; width: 92%; background: #f8f8f9; text-align: left; z-index: 1000; max-height: 496px; overflow-x: visible; overflow-y: auto; border-radius: 5px; list-style-type: none; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); } .ti-faux-select-button { cursor: pointer; margin-right: 4px; min-width: 100%; max-width: 100%; font-size: 16px; height: 38px; float: none; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 5px; color: #454545; font-family: roboto condensed, sans-serif; font-weight: 500; text-align: left; line-height: 35px; padding: 0 10px; border: 1px solid #a6a6a6; } .ti-faux-select-button { min-width: 86% !important; border: 2px solid #cdcfd1 !important; } .select:after{ right: 2px !important; top: 4px !important; width: 0%; height: 29px !important; } #shop-by{ display:none; } .disabled{ background-color: #bdbdbd; } } #ymm-search h5 { margin-top: 5px; font-size: 12px; } .ti-faux-select-button,.ti-faux-select-dropdown{ display: none; } /* mobile dropdown */ /* dynamic Content start */ .doorway-content h2.head-2-cont { font-size: 30px !important; display: block; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold !important; text-align: left !important; text-transform: none !important; color: #000 !important; unicode-bidi: isolate; font-family: roboto condensed, sans-serif !important; margin-bottom:10px !important; margin-top: 0px !important; padding: 0px !important; line-height:normal !important; }.doorway-content h3.head-3-cont { display: block; color: #000 !important; text-align: left !important; text-transform: none !important; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold !important; unicode-bidi: isolate; font-size: 24px !important; font-family: roboto condensed, sans-serif !important; margin-bottom:10px !important; margin-top: 0px !important; padding: 0px !important; line-height:normal !important; } .doorway-content h1.head-1-cont{ font-size: 32px !important; color: #000 !important; text-align: left !important; text-transform: none !important; display: block; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold !important; unicode-bidi: isolate; font-family: roboto condensed, sans-serif !important; margin-bottom:10px !important; margin-top: 0px !important; padding: 0px !important; line-height:normal !important; } .list-cont{ list-style: disc !important; line-height: 40px; } /* updated home page */ .product-item.item table { background:#F15B2A; } .product-item span { color: #fff; text-align: center; font-size: 20px; font-weight: 500; display: inherit; margin-top: 10px; } .our-clients .owl-prev { margin-top: -30px; } .our-clients .owl-next { margin-top: -30px; } /* dynamic Content end */

/* Ymm style */
div#ymm-search {
    width: 100%;
}

div#shop-by {
    padding: 3px 0px 0px 4%;
}

.select select {
    padding: 4.4px 15px;
}

@media screen and (min-width: 1280px) {
    #ymm-search {
        margin-top: 4px;
        border: 2px solid #F15B2A;
        border-radius: 5px;
        padding: 5px 0px;
        background: #fff;
        display: flex !important;
    }
}
#view-cart th{
    background: #F15B2A ;
    color: white;
    font-weight: bold;
}
#viewcart{
    border: 1px solid ;
}
#view-cart table {
    width:100%;
    margin: 0 auto;
    border-collapse: collapse;
}
#view-cart td, th {
    padding: 5px;
    border: 1px solid #ccc;
}
#thank-you p{
    margin: 0px !important;
}
/* ymm styles end  */