@import url("/web/20220704131153cs_/https://www.reelmakina.com/_assets/fonts/stylesheet.css");
/* 
------ Styles ------
proximalight
proximaregular
proximasemibold
proximathin
proximablack
proximaitalic
proximabold
proxima_italic
*/

/* 
------ Schemes -----
Corporate Yellow: #fdc300
Borders: #e3e3e3
Links #000000


/* Defaults */
* { -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px rgba(0,0,0,.1); outline: 0 !important; }
*:before, *:after { -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1px rgba(0,0,0,.1); }
img { width: 100% \9; max-width: 100%; height: auto; }
.no-padding { padding-left: 0; padding-right: 0; }
.no-right-padding {padding-right:0}
.no-left-padding {padding-left:0}
.cg-fill { height: 100%; }
.stretch { width: 100%; }
body { font-family: "proximaregular"; font-size:14px; background: #f1f1f1; }
.form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; }
textarea.form-control { resize: vertical; height: 100px; }
iframe.map { min-height: 300px; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Header*/
#header { border-bottom: 30px solid rgba(253,194,0,1); background: #fff; }
#header .logo-holder { z-index: 999; }
/* Homepage */ 
#featured { position: relative; background: #fff; }
#featured .swiper-slide { background-size: cover; background-repeat: no-repeat; min-width: 100%; min-height: 100%; background-position: top center; }
#featured .swiper-container-horizontal > .swiper-pagination { text-align: left; padding-left: 20%; bottom: 60px; }
#featured .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 5px; display: inline-block; background: rgba(255,255,255,1); border-radius: 0; margin: 0 5px 0 0; opacity: 0.4; }
#featured .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#featured #scroller { display: block; position: absolute; bottom: 60px; left: 50%; z-index: 999; cursor: pointer; margin-left: -16px; background: url("/web/20220704131153im_/https://www.reelmakina.com/_assets/img/scroller.png"); width:32px; height:39px; }
#featured .swiper-slide { position: relative; }
#featured .slide-spot { border-bottom: 0; margin-top: 0; margin-bottom: 0; color: #ffffff; font-family: "proximaregular"; font-size: 55px; position: absolute; bottom: 160px; left: 20%; }
#featured .swiper-slide .slide-overlay { position: absolute; left:0; top:0; width: 100%; background: rgba(0,0,0,0.4); display: block; }
#featured .ms-next { background: rgba(0,0,0,0.5); width: 40px; height: 50px; text-align: center; padding-top: 13px; right: 0;}
#featured .ms-prev { background: rgba(0,0,0,0.5); width: 40px; height: 50px; text-align: center; padding-top: 13px; left: 0;}
#featured .ms-next .fa, #featured .ms-prev .fa { font-size: 24px; color: #fff; }

#about { background: #fff; text-align: center; position: relative; margin-bottom: 120px; }
#about:before { content: ""; background: url(/web/20220704131153im_/https://www.reelmakina.com/_assets/img/triangle.png) no-repeat center center; background-color: transparent; height: 85px; width: 100%; display: block; position: absolute; left:0; bottom: -85px; }
#about .about-title { display: block; text-align: center; }
#about .about-title h3 {  border-bottom: 0;  width:100%; font-size: 35px; position: relative; }
#about .about-title h3:before { content: ""; width: 30%; height: 1px; left: 50%; bottom: 0; margin-left: -15%; background: #fdc300; position: absolute; }
#about p { text-align: center; font-size: 16px; color: #3b3e3e; line-height: 32px; }
#about .btn { display: inline-block; background: none; border: 2px solid #fdc300; color: #3b3e3e; font-size: 16px; border-radius: 0; transition: 0.4s all ease; }
#about .btn:hover { background-color: #fdc300; color: #fff; }

#services .carousel { position: relative; }
#services .box { background: #fff; }
#services .box-title { color: #fdc300; font-size: 24px; margin: 15px; font-family: "proximabold"; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; position: relative; }
#services .box-title:after { content:""; display: block; width: 30%; overflow: hidden; height: 1px; position: absolute; left: 0; bottom: -1px; background-color: #fdc300; }
#services .carousel { margin-left: 15px; margin-right: 15px; margin-bottom: 40px; }
#services .ss-next { position: absolute; background: none; width: 30px; height: 30px; border: 1px solid #999999; border-radius: 100%; text-align: center; padding-top: 0; padding-left: 4px; left: auto; right: 0; z-index: 999; }
#services .ss-prev { position: absolute; background: none; width: 30px; height: 30px; border: 1px solid #999999; border-radius: 100%; text-align: center; padding-top: 0; padding-right: 2px; left: auto; right: 35px; z-index: 999; }
#services .ss-next .fa, #services .ss-prev .fa { font-size: 28px; color: #333; }
#services .swiper-pagination { text-align: left; padding-left: 15px; bottom: 15px; }
#services .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 5px; display: inline-block; background: rgba(0,0,0,1); border-radius: 0; margin: 0 5px 0 0; opacity: 0.4; }
#services .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#services .box .item { position: relative; display: block; }
#services .box .item-title { color: #333333; }
#services .box .item:hover .item-overlay { display: block; }
#services .box .item .item-overlay { background: rgba(0,0,0,0.8); position: absolute; left: 0; top: 0; height: 92%; width: 92%; display: none; border: 5px solid #fdc300; margin-left: 4%; margin-top: 5%; }
#services .box .item .item-overlay h5 { font-size: 26px; color: #fff; text-align: center; margin-top: 50px; padding-left: 10px; padding-right: 10px;  }
#services .box .item .item-overlay p { font-size: 15px; color: #fff; text-align: center; margin-top: 25px; text-align: justify; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; position: relative; }
#services .box .item .item-overlay p:after { position: absolute; left: 10px; bottom: 0;  width: 80px; height: 1px; content: ""; background-color: #fff; }
#services .box .item .item-overlay .readmore {font-size: 16px; color: #fdc300; padding-left: 10px; padding-right: 10px; }

#products { margin-top: 30px; }
#products .carousel { position: relative; }
#products .box { background: #fdc300; }
#products .box-title { color: #fff; font-size: 24px; margin: 15px; font-family: "proximabold"; border-bottom: 1px solid #e3e3e3; padding-bottom: 10px; position: relative; }
#products .box-title:after { content:""; display: block; width: 30%; overflow: hidden; height: 1px; position: absolute; left: 0; bottom: -1px; background-color: #fff; }
#products .carousel { margin-left: 15px; margin-right: 15px; margin-bottom: 40px; }
#products .ss-next { position: absolute; background: none; width: 30px; height: 30px; border: 1px solid #333; border-radius: 100%; text-align: center; padding-top: 0; padding-left: 4px; left: auto; right: 0; z-index: 999; }
#products .ss-prev { position: absolute; background: none; width: 30px; height: 30px; border: 1px solid #333; border-radius: 100%; text-align: center; padding-top: 0; padding-right: 2px; left: auto; right: 35px; z-index: 999; }
#products .ss-next .fa, #products .ss-prev .fa { font-size: 28px; color: #000; }
#products .swiper-pagination { text-align: left; padding-left: 15px; bottom: 15px; }
#products .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 5px; display: inline-block; background: rgba(0,0,0,1); border-radius: 0; margin: 0 5px 0 0; opacity: 0.4; }
#products .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#products .box .item { text-align: center; display: block; }
#products .box .item > img { background-color: #f1f1f1; }
#products .box .item-title { color: #333333; font-size: 16px; font-family: "proximabold"; }

#bottom { margin-top: 30px; margin-bottom: 30px; }
#bottom .news { background: #fff; padding: 15px; min-height: 130px; }
#bottom .news .caption{ position: relative; padding-left: 70px; font-family: "proximaregular"; font-size: 14px; color: #000; max-height: 100px; overflow: hidden; }
#bottom .news .caption a{ color: #000; display: block; }
#bottom .news .caption:before { position: absolute; left:0; top: 0; content:""; width: 54px; height: 48px; background: url(/web/20220704131153im_/https://www.reelmakina.com/_assets/img/news-icon.png) no-repeat center center; }
#bottom .news .box-head { position: relative; font-size: 16px; font-family: "proximabold"; color: #333; margin-top: 0; margin-bottom: 20px; }
#bottom .news .readmore { position: absolute; right: 0; top: 0; font-size: 13px; font-family: "proximaregular"; color: #999;  }
#bottom .widget { background: #737373; padding: 15px; color: #fff; font-size: 16px; font-family: "proximabold"; min-height: 130px; position: relative; }
#bottom a.widget { display: block; color: #fff; }
#bottom a.widget:hover { color: #fff; background: #444; text-decoration: none; }
#bottom .widget .widget-head { margin-top: 0; margin-bottom: 0; position: relative; min-height: 40px;}
#bottom .widget .widget-head:after { position: absolute; content:""; width: 38px; height: 54px; left: 0; bottom: -65px;}
#bottom .widget .widget-head.catalog:after { background: url(/web/20220704131153im_/https://www.reelmakina.com/_assets/img/download.png) no-repeat center center; }
#bottom .widget .widget-head.video:after { background: url(/web/20220704131153im_/https://www.reelmakina.com/_assets/img/play.png) no-repeat center center; width: 53px; height: 53px; }

/* Footer */

#footer { background: #fff;padding-top: 15px; padding-bottom: 15px; }
#footer ul { display: block; border-bottom: 1px solid #333; padding-bottom: 10px; }
#footer ul > li > a { color: #1d1d1b; font-family: "proximabold"; font-size: 13px; }
#footer ul > li:first-child { padding-left: 0; }
#footer .list-inline { margin-left: 0; }
#footer .copyright { text-align: left; font-family: "proximaregular"; font-size: 13px; color: #1d1d1b; }
#footer .provider { text-align: right; }
#footer .provider > a { font-family: "proximaregular"; font-size: 13px; color: #1d1d1b; display: inline-block; }
#footer .provider > a:hover { text-decoration: underline; }

/* Content Page */

#pagehead { background-size: cover; background-position: top center; min-height: 195px; background-color: #000; }
#pagehead .page-title { color: #fff; font-size: 40px; font-family: "proximabold"; margin-top: 40px; }
#pagehead .breadcrumb { background: none; border: 0; border-color: transparent; border-radius: 0; padding-left: 0; padding-right: 0; }
#pagehead .breadcrumb li a { color: #ffffff; font-family: "proximaregular"; font-size: 14px; }

#page { background-color: #ffffff; padding-bottom: 40px; }
#page .sidebar .sidebar-head { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #fdc300; font-family: "proximaregular"; font-size: 20px; color: #000; padding: 15px; margin-top: -52px; margin-bottom: 0; }
#page .sidebar ul li a { padding: 10px 10px 10px 15px; background-color: #737574; display: block; color: #fff; font-size: 16px; font-family: "proximaregular"; border-bottom: 1px solid #999; transition: 0.2s ease all; }
#page .sidebar ul li a:hover { text-decoration: none; background-color: #fdc300; color: #000; border-bottom: 1px solid #663; }
#page .sidebar ul li:last-child a { border-bottom: 0; border-bottom-left-radius: 10px; }
#page .sidebar ul li.active a { text-decoration: none; background-color: #000; color: #fff; border-bottom: 1px solid #663; }
#page .content { margin-top: 30px; }
#page .content .thumbnail { border-radius: 0; border: 0; padding: 0; }

#page .news .item { border-bottom: 1px solid #ddd; margin-bottom: 20px; }
#page .news .item .date, #page .news .item .readmore { color: #fdc300; }
#page .news .item .readmore i.fa { font-size: 14px; }

#page .content .video { padding-top: 20px; padding-left: 20px; font-size: 16px; font-family: "proximabold"; float: right; display: block; width: 170px; height: 140px; background-color: #fdc300; margin-left: 30px; margin-bottom: 15px; color: #737574; position: relative; }
#page .content .video i { position: absolute; bottom: 20px; left: 20px; width: 53px; height: 53px; background: url("/web/20220704131153im_/https://www.reelmakina.com/_assets/img/play-g.png") no-repeat center center; display: block; content: "";  }
#page .content .video:hover { text-decoration: none; }

#page .content .gallery { margin-top: 30px; }

#page .products .download ul li a { display: block; font-size: 16px; font-family: "proximaregular"; color: #3b3e3e; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #f3f3f3; position: relative; }
#page .products .download ul li a:after { display: inline-block; position: absolute; right: 0; top: 10px; content:""; background: url("/web/20220704131153im_/https://www.reelmakina.com/_assets/img/download-small.png") no-repeat center center; width: 24px; height: 27px; }
#page .products .download ul li a:hover { font-family: "proximaregular"; color: #fdc300; }

#page .information .download ul li a { display: block; font-size: 16px; font-family: "proximaregular"; color: #3b3e3e; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #f3f3f3; position: relative; }
#page .information .download ul li a:after { display: inline-block; position: absolute; right: 0; top: 10px; content:""; background: url("/web/20220704131153im_/https://www.reelmakina.com/_assets/img/download-small.png") no-repeat center center; width: 24px; height: 27px; }
#page .information .download ul li a:hover { font-family: "proximaregular"; color: #fdc300; }

#page .contact h5 { margin-top: 30px; }
#page .contact td { vertical-align: top; padding-top: 7px; padding-bottom: 7px; }
#page .contact a { text-decoration: none; color: #3b3e3e; }
#page .contact label { font-family: "proximaregular"; font-size: 16px; font-weight: 400; }
#page .contact .btn { background-color: #fdc300; border: 0; border-radius: 0; padding: 10px 15px; color: #3b3e3e; font-size: 15px; }
#page .contact input, #page .contact textarea { border-radius: 0; border: 2px solid #b0b0b0; }

#page .coverflow .swiper-container{width:100%;margin:20px auto}
#page .coverflow .swiper-wrapper a { display: block; margin-bottom: 30px; }
#page .coverflow .swiper-wrapper a:hover { text-decoration: none; }
#page .coverflow .swiper-wrapper a > img {  background-color: #f1f1f1; }
#page .coverflow .swiper-wrapper a > h5 { font-family: "proximaregular"; font-size: 16px; text-align: center; display: none; color: #191919; }
#page .coverflow .swiper-wrapper a.swiper-slide-active > h5 { display: block !important; }
#page .coverflow .swiper-slide-next img, .swiper-slide-prev img { opacity: 0.3; }
#page .coverflow .swiper-slide-active { width: 100%; }
#page .coverflow .swiper-pagination { text-align: center; padding-left: 15px; bottom: 0; }
#page .coverflow .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 5px; display: inline-block; background: rgba(0,0,0,1); border-radius: 0; margin: 0 5px 0 0; opacity: 0.4; }
#page .coverflow .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }


/* Typography */
.typography { position: relative; }
.typography >* { line-height: 26px; }
.typography p, .typography { color: #3b3e3e; font-size: 16px; text-align: justify; font-family: "proximaregular" !important; }
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 { color: #333; margin-top: 0; font-family: "proximasemibold"; }
.typography h1 { font-size:26px; }
.typography h2 { font-size:24px; }
.typography h3 { font-size:22px; }
.typography h4 { font-size:20px; }
.typography h5 { font-size:18px; }
.typography h6 { font-size:16px; }
.typography ul { padding: 0; list-style-type: none; }
.typography ul li { position: relative; padding-left: 40px; margin-bottom: 10px; }
.typography ul li:before { position: absolute; content: "\f101"; left: 20px; top: 0; margin-top: 4px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; }
.typography dl > * { border-bottom: 1px solid #f1f1f1; }
.typography dl > * > p { margin: 0; padding: 10px; }
.typography dl > dt { position: relative; padding-left: 0; padding-bottom: 10px; padding-top: 10px; border-bottom-width: 1px; border-color:#f1f1f1; cursor: pointer; font-family: "proximaregular"; font-size: 16px; font-weight: 400; }
.typography dl > dt:before { position: absolute; content: "\f054"; right: 10px; top: 50%; margin-top: -7px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #fdc509; }
.typography dl > dt.active { background-color: #fff; text-shadow: 0 1px 0 #fff; font-family: "proximabold"; }
.typography dl > dt.active:before { content: "\f078"; }
.typography dl > dd { display: none; border-top-width: 0; font-family: "proximaregular"; font-size: 16px; }
.typography form { line-height: initial; }
.typography .form label { line-height: 1; }
.typography .form textarea.form-control { height: 100px; }

.no-transition {
    -webkit-transition: height 0;
    -moz-transition: height 0;
    -ms-transition: height 0;
    -o-transition: height 0;
    transition: height 0;
}
/*
     FILE ARCHIVED ON 13:11:53 Jul 04, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:16:56 Feb 16, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  exclusion.robots: 0.132
  exclusion.robots.policy: 0.104
  cdx.remote: 0.163
  esindex: 0.017
  LoadShardBlock: 98.137 (6)
  PetaboxLoader3.datanode: 119.271 (7)
  PetaboxLoader3.resolve: 62.556 (2)
  load_resource: 130.275
*/