@font-face {

    font-family: 'bebas_neuebold';

    src: url('../fonts/bebasneue_bold-webfont.eot');

    src: url('../fonts/bebasneue_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),

         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bebas_neuebook';

    src: url('../fonts/bebasneue_book-webfont.eot');

    src: url('../fonts/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_book-webfont.woff') format('woff'),

         url('../fonts/bebasneue_book-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bebas_neuelight';

    src: url('../fonts/bebasneue_light-webfont.eot');

    src: url('../fonts/bebasneue_light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_light-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_light-webfont.woff') format('woff'),

         url('../fonts/bebasneue_light-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_light-webfont.svg#bebas_neuelight') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bebas_neue_regularregular';

    src: url('../fonts/bebasneue_regular-webfont.eot');

    src: url('../fonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_regular-webfont.woff') format('woff'),

         url('../fonts/bebasneue_regular-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'bebas_neuethin';

    src: url('../fonts/bebasneue_thin-webfont.eot');

    src: url('../fonts/bebasneue_thin-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'),

         url('../fonts/bebasneue_thin-webfont.woff') format('woff'),

         url('../fonts/bebasneue_thin-webfont.ttf') format('truetype'),

         url('../fonts/bebasneue_thin-webfont.svg#bebas_neuethin') format('svg');

    font-weight: normal;

    font-style: normal;



}





/* ------------------------------------

    Base

------------------------------------ */





body { font-family: 'bebas', serif; background: #FFFFFF; font-size: 16px; color: #000000; line-height: 1.5; overflow-x: hidden; width: 100%; padding:10px 50px 50px 50px;  }



img { vertical-align: middle; max-width: 100%; }



a { text-decoration: none; }

a:hover { text-decoration: none; }

a:focus { text-decoration: none; outline: 0; }



h1, h2, h3, h4, h5, h6 { margin: 0 0 30px 0; font-family: 'bebas_neuebold'; }

h1 span, h2 span, h3 span { font-style: italic; font-family: 'bebas_neuebold'; }

h1 { font-size: 70px; }

h2 { font-size: 38px; }

h3 { font-size: 28px; }

h4 { font-size: 24px; }

h5 { font-size: 20px; }

h6 { font-size: 16px; }

.inquiry_heading { font-size:50px;}

.waves { text-align: center; padding-bottom: 30px; margin-bottom: 40px; background: transparent url() no-repeat bottom center; position: relative; }

.waves.white_laser { background-image: url(../images/laser-white.png); }

.waves.yellow { background-image: url(../images/laser-red.png); }



p { font-family: 'Pontano Sans', sans-serif;}

.thin { font-weight:lighter; font-family:'bebas_neuelight'; font-style:normal; font-size:50px;}

figure { margin: 30px 0; }

.image-left { float: left; margin-right: 15px; margin-bottom: 15px; }

.image-right { float: right; margin-left: 15px; margin-bottom: 15px; }



.section { padding: 40px 0; }

.no-top-padding { padding:0px !important;}

.blue-bg { background: #1e284b url(../images/blue-bg.png) repeat; }

.white-bg { background: #fff; }

.light-gray-bg { background:#f2f2f2;}

.red-bg { background: #e3000f; }

.dark-grey-bg { background: #d8dee4; }



.arrow-button { display: inline-block; line-height: 1;  padding: 20px 20px 0px 0; position: relative; }

.arrow-button span { display: block; font-family: 'bebas_neue_regularregular'; font-size: 35px; margin-left: 10px; }



.top-space { margin-top: 30px; }

.bottom-space { margin-bottom: 30px; }



.text-pink { color: #f26957; }

.text-green { color: #01c49a; }

.text-purple { color: #b3a8eb; }

.text-orange { color: #ff7200; }



.delay1 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

.delay2 { animation-delay: 1s; -webkit-animation-delay: 1s; }

.delay3 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay4 { animation-delay: 2s; -webkit-animation-delay: 2s; }

.delay5 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }

.delay6 { animation-delay: 3s; -webkit-animation-delay: 3s; }

.delay7 { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }

.delay8 { animation-delay: 4s; -webkit-animation-delay: 4s; }





.no_left_padding { padding-left:0;}

.no_right_padding { padding-right:0;}

.no_padding { padding:0;}

.red { color:#e3000f;}

.black { color:#000;}

.white { color:#FFF;}





/* ------------------------------------

    Header

------------------------------------ */



.main-header { line-height:none; height: auto; }



.header-left {}

.header-right { text-align: right; }



.top-link { display: inline-block; color: #fff; font-size: 17px; margin-left: 20px; }

.top-link a { color: #fff; }

.mail-link .fa { color: #e0b447; }

.phone-link .fa { color: #998fca; }



.top-cta a { display: inline-block; color: #0a192b; font-family: 'bebas_neue_regularregular'; text-transform: uppercase; background: #efb516; line-height: 1; padding: 12px 20px; border-radius: 2px; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; }

.top-cta a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0px; background: #fff; border-radius: 0 0 2px 2px; animation: cta 2s infinite alternate linear; -webkit-animation: cta 2s infinite alternate linear; }

.top-cta a:hover { background: #FF8033; }





/* ------------------------------------

    Navigation

------------------------------------ */



.site-nav { background: #FFFFFF; /*border-bottom: 1px solid #2f3b4b;*/ padding:15px 0 0 0; }



.menu-toggle { display: none; }



.mainmenu { margin: 0; padding: 0; list-style: none; float:right; display: table; /*width: 100%;*/ font-size: 23px; position: relative; z-index: 9998; line-height:20px; }

.mainmenu .menu-item { text-align: center; display: table-cell; /*min-width: 80px;*/ border-right: 1px solid #2f3b4b;  padding:0 15px; }

.mainmenu .menu-item:first-child { /*border-left: 1px solid #2f3b4b; */}

.mainmenu .menu-item.active , 

.mainmenu .menu-item:hover { background: transparent url(../images/menu-item-active.png) no-repeat bottom center;  }

.mainmenu .menu-item a { display: block; padding:0; color: #0a192b;  text-transform:uppercase; font-family: 'bebas_neuebold', serif; }

.mainmenu .menu-item a:hover { color:#e3000f; transition:all ease .5s; }



.submenu { display: none; position: absolute; left: 0; width: 100%; background: #ebeff5; padding: 7px; }

.submenu-box { float: left; width: 33.33%; }

.menu-item .submenu-box a { padding: 0; margin: 7px; }

.submenu-item { background: #fff; color: #333; text-align: left; overflow: hidden; padding: 15px; transition: all 1s; -webkit-transition: all 1s; }

.submenu-item .icon { float: left; width: 70px; height: 50px; }

.submenu-item .text { font-size: 18px; color: #233041; line-height: 1.2; }

.submenu-item .text small { font-size: 14px; font-style: italic; color: #787878; display: block; }

.submenu-item:hover , .submenu-item.active { background: #0a192b; }

.submenu-item:hover .text , .submenu-item:hover .text small , .submenu-item.active .text , .submenu-item.active .text small { color: #fff; }







/* ------------------------------------

    Homepage

------------------------------------ */





.homepage-slider { width: 100%; padding: 0; position: relative; z-index: 9990; }

.sm_banner { display:none; float:left; width:100%; }



.solutions {background:#e5e5e5; height:630px; }



.home-tabs { padding: 50px 0 0; }

.home_about_box { background:#e3000f; padding:50px; margin-top:-80px; position:absolute; z-index:10000 !important; }

.home_about_machine_box { float:left; width:100%;}

.home_about_box h1 { color:#FFF; margin-bottom:15px;}

.home_about_box h2 { color:#FFF; letter-spacing:2px;}

.home_about_box p { color:#FFF; font-size:18px; line-height:28px;}

.home_about_machine_box   h1 { color:#b6b6b6; margin-bottom:15px; padding:80px 0 0 60px; font-size:60px; line-height:40px;}

.home_machine { float:left; margin-left:-50px; position:absolute; z-index:20000;} 

.tab-title { text-align: center; font-size: 50px; line-height: 1; font-family: 'bebas_neue_regularregular'; position: relative; margin-top: 80px; }

.tab-title:hover:after , 

.tab-title.active:after { content: ''; display: block; width: 100%; height: 28px; background: transparent url(../images/tab-arrow.png) no-repeat bottom center; }

.tab-title a { display: block; padding: 10px; background: #0c2946; }

.tab-title:hover a , 

.tab-title.active a { background: #fff; }

.tab-title .tab-icon { width: 65px; height: 72px; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); background: transparent url() no-repeat center center; }





.happy-customers {}

.happy-customers .button-wrapper { margin-top: 30px; text-align: center; float: left; width: 100%; }



.latest-work .button-wrapper { margin:20px 0 40px 0; text-align: center; float: left; width: 100%; }



.testimonial-box { padding:0 0 20px 0; text-align: center; }

.testimonial-box .image { margin-top: 10px; text-align: center; }



.inquiry_text { float:left; width:100%; text-align:center; color:#FFF; font-family: 'Pontano Sans', sans-serif; font-size:21px; font-weight:bold; letter-spacing:1px;}

.latest-work h1 { margin-bottom:10px;}



.product-logos {}

.logo-list { margin: 0; padding: 0; list-style: none; text-align: center; }

.logo-list li { display: inline-block; vertical-align: middle; margin: 5px 20px; }



.social {}

.social-button { position: relative; height: 48px; line-height: 48px; font-size: 22px; font-family: 'bebas_neue_regularregular'; color: #fff; text-transform: uppercase; width: 48px; display: block; /*padding-left: 100px;*/ margin-top:-20px; }

.social-button.facebook { background: #3765A3; }

.social-button.twitter { background: #2CAAE1; }

.social-button.gplus { background: #DC493C; }

.social-button.linkedin { background:#007BB6; }

.social-button img { position: absolute; bottom: 5px; left: 10px; border: 2px solid #D8DEE4; border-radius: 100%; transition: all 0.5s; }

.social-button:hover { color: #fff; }

.social-button:hover img { transform: rotate(360deg); }





/* ------------------------------------

    Footer

------------------------------------ */



.main-footer { color: #fff; background:#000;  font-size: 90%; padding:0px; }

.main-footer a { color: #fff; }



.social_box { float:left; width:100%; margin-bottom:30px;}

.foot-col {}

.foot-col .title { float:left; width:100%; color: #e3000f; font-size: 25px; padding:5px 15px; text-align:center; margin-bottom:20px; margin:0 auto !important; display:inline;  }

.footer_text { float:left; width:100%; text-align:center; font-size:15px; font-family: 'Pontano Sans', sans-serif; color:#FFF; padding:25px 0 0 0;}

.foot-col .link-list { margin: 0; padding: 0; list-style: none; }

.foot-col .link-list li { margin: 8px 0; }



.copyright { text-align: center; border-top: 1px solid #333333; padding: 30px 0; }

.copyright p { margin: 0; }

.footer_copy { float:left; width:100%; text-align:left;}

.footer_kn  { float:left; width:100%; text-align:right;}





/* ------------------------------------

    Content

------------------------------------ */



.inner_banner_main { width: 100%; padding: 0;  }

.inner_banner_container { float:left; width:100%; height:300px;}

.about { background:url(../images/about-banner.jpg) top center no-repeat; background-size:cover;}

.sanitizer { background:url(../images/sanitizer-banner.jpg) top center no-repeat; background-size:cover;}

.laser_cutting_technology { background:url(../images/lasercut-banner.jpg) top center no-repeat; background-size:cover;}

.inner_heading { float:left; width:100%; text-align:center; padding:100px 0 0 0;}

.tagline { float:left; width:100%; height:auto; text-align:center; font-size:30px; color:#FFF; text-transform:uppercase; letter-spacing:2px; background:#e3000f; padding:15px 0; font-family: 'bebas_neue_regularregular';}

.inner_page_box { float:left; width:100%; padding:0 0 25px 0; }

.content { float:left; width:100%; padding:45px 0; }

.content p{ font-size:18px; font-family: 'Pontano Sans', sans-serif; text-align:justify;}

.inner_machine { float:left; width:100%; } 

.inner_machine.senitizer { float:left; width:100%; margin: 50px 0 0 0; text-align: center; } 

.inner_about_machine_box h1 { color:#b6b6b6; margin-bottom:15px; padding:45px 0 0 60px; font-size:60px; line-height:40px;}



.gallery_thumb li { width:23% !important;}

.tech_row { float:left; width:100%; border-bottom:#c2c2c2 solid 2px; padding:0 0 40px 0; margin:0 0 40px 0;}

.tech_row_icon { float:left; width:100%; text-align:left; }

.tech_row_content { float:left; width:100%;}

.tech_row_heading { float:left; width:100%; text-align:justify; }

.tech_row_heading h3{ margin:0 0 8px 0;}

.tech_row_text { float:left; width:100%; text-align:justify; font-family: 'Pontano Sans', sans-serif; }

.tech_row_text p{ float:left; width:100%; text-align:justify; font-family: 'Pontano Sans', sans-serif; color:#000; font-size:18px; }

.right_align { text-align:right;}

.right_align p{ text-align:right;}



.contact_page h2 { font-size:33px; color:#e3000f;}

.contact_row { float:left; width:100%; margin-bottom:40px;}

.contact_row_icon { float:left; width:40px; text-align:left;}

.contact_row_text_main { float:left; }

.contact_row_title { float:left; font-size:20px; font-family: 'bebas_neuebold'; color:#000; text-align:left; clear:both; line-height:20px; padding-bottom:5px;}

.contact_row_text { float:left; font-size:15px; font-family: 'Pontano Sans', sans-serif; color:#000; text-align:left; clear:both;}



.article { padding-left: 300px; position: relative; background: #fff url(../images/article-border.png) repeat-y 270px; }

.article .aside-title { font-size: 25px;  text-align: right; width: 290px; padding-right: 50px; line-height: 1; position: absolute; left: 0; background: transparent url(../images/title-arrow.png) no-repeat 100% 5px; }

.article .aside-title strong { font-size: 38px; font-family: 'bebas_neue_regularregular'; display: block; }



.widget { margin: 0 auto 30px; }

.widget-title { font-size: 25px; font-family: 'bebas_neue_regularregular'; text-align: center; color: #fff; background: #0a2b46; margin: 0; padding: 20px; border-radius: 5px 5px 0 0; }

.widget-content { padding: 20px 30px; border-radius: 0 0 5px 5px; background: #eff2f7; }



.form {}

.form .field { margin: 0 auto 10px; }

.form label { font-weight: normal; display: block; font-size: 90%; }

.form input[type="text"] , .form input[type="password"] , .form input[type="email"] , .form textarea { width: 100%; padding: 3px 5px; background: transparent; border: 0; }

.form .textbox { display: block; border: 1px solid #c7c9ce; border-radius: 3px; background: #fff; position: 

    relative; }

.form .textbox:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #E0B447; transition: all 0.3s; }

.form .textbox.active:after { width: 100%; }

.form button , .form input[type="submit"] , .form input[type="reset"] { line-height: 1; border: 0; text-transform: uppercase; font-family: 'bebas_neue_regularregular'; border-radius: 3px; padding: 10px 20px; background: #e0b447; color: #333; }

.form .full-button { display: block; width: 100%; }



.tag-buttons { text-align: center; margin-bottom: 50px; }

.tag-button { display: inline-block; margin: 2px; padding: 10px 20px; font-size: 19px; color: #233041; background: #e1e7f2; line-height: 1; transition: all 0.5s; -webkit-transition: all 0.5s; }

.tag-button:hover , .tag-button.active { background: #0a192b; color: #efb516; }



.contact-heading-bg { background: #01bdc4 url(../images/contact-bg.png) no-repeat top center; text-align: center; color: #fff; }

.contact-heading-bg p { font-size: 28px; margin: 50px 0 30px; }

.contact-heading-bg h1 { font-size: 130px; margin: 0 0 0; line-height: 0.65; }



.contact-icons {  }

.contact-icon { text-align: center; margin: 30px auto; }

.contact-icon span { display: block; margin-bottom: 0; }

.contact-icon .big-text { font-size: 48px; font-family: 'jubilat-extralight'; }

.contact-icon.purple .big-text { color: #998fca; }

.contact-icon.cyan .big-text { color: #01c49a; }

.contact-icon.orange .big-text { color: #efb516; }

.contact-icon .small-text { font-size: 16px; }



.form-title h1 { font-family: 'jubilat-extralight'; }

.form-title h1 strong { font-family: 'bebas_neue_regularregular'; }



.contact-form { margin: 30px auto; width: 100%; }

.contact-form .field { margin-bottom: 10px; }

.contact-form .field .hover { position: relative; display: block; }

.contact-form .textbox { width: 100%; padding: 10px; padding-left: 45px; border: 0;  background: #fff url() no-repeat 10px 10px; border:none; outline:none; }

.contact-form textarea.textbox { height: 120px; max-height:120px; max-width:100%; min-width:100%;  }

.contact-form .field .hover:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #e3000f; transition: all 0.3s; }

.contact-form .field .hover.active:after { width: 100%; }

.contact-form .captcha-image { float: left; width: 30%; border: 1px solid #a4a9ae; padding: 10px 30px; text-align: center; border-right: 0; }

.contact-form .captcha-input { display: inline-block; width: 70%; padding: 10px; }

.contact-form .submit-button { display: block; padding: 10px; text-align: center; text-transform: uppercase; color: #fff; background: #e3000f; border: 0; width: 100%; font-size: 20px; font-family: 'bebas_neue_regularregular'; }

.contact-form .submit-button:hover { background: #e3000f; }



.heart-icon { position: absolute; top: -50px; left: 47%; display: block; height: 0px; width: 55px; overflow: hidden; animation: drawing 2s forwards; -webkit-animation: drawing 2s forwards; }

.smiley-icon { position: absolute; top: -60px; left: 47%; display: block; height: 0px; width: 55px; overflow: hidden; animation: drawing 2s forwards; -webkit-animation: drawing 2s forwards; }



.map { float:left; width:100%; margin-bottom:40px;}

.portfolio-page-title { text-align: center; font-family: 'bebas_neue_regularregular'; font-size: 130px; color: #01c49a; margin-bottom: 50px; }

.portfolio-page-title span { font-family: 'jubilat-extralight'; font-style: normal; }



.thankyou_message { text-align:center; float:left; width:100%; min-height:300px;}

.thankyou_message p{ text-align:center; float:left; width:100%; }

.c-box {float: left; width: 100%; margin-bottom: 30px;}
.c-box .ttl {float: left; width: 100%; color: #e3000f; font-size: 30px; font-family: 'bebas_neue_regularregular'; font-weight: 700; letter-spacing: 1px; line-height: 1; margin-bottom: 15px;}
.c-box .sub-ttl {float: left; width: 100%; color: #000000; font-size: 20px; font-family: 'Pontano Sans', sans-serif; font-weight: 700; letter-spacing: 1px; line-height: 1;}

.sen-list { float: left; width: 100%; padding: 0 0 0 15px; }
.sen-list ul { float: left; width: 100%; padding: 0; margin: 0;}
.sen-list ul li{ float: left; width: 100%; padding: 0 0 5px 0; margin: 0; list-style: circle;  font-size: 18px; font-family: 'Pontano Sans', sans-serif; color: #000000; font-weight: 600; letter-spacing: 1px;}

.sen-cnt {float: left; width: 100%; background: #000000; padding: 20px 0; font-size: 50px; font-family: 'bebas_neue_regularregular'; font-weight: 700; letter-spacing: 1px; color: #ffffff; font-weight: 700;text-align: center; margin: 30px 0; line-height: 1; }


/* ------------------------------------

    Animation

------------------------------------ */



@keyframes cta {

    from { width: 0; }

    to { width: 100%; }

}

@-webkit-keyframes cta {

    from { width: 0; }

    to { width: 100%; }

}



@keyframes drawing {

    from { height: 0px; }

    to { height: 55px; }

}

@-webkit-keyframes drawing {

    from { height: 0px; }

    to { height: 55px; }

}