/* Reset Css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:rgb(18, 172, 171);transition:all 0.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ababab;margin:50px auto; padding:0}
.clearfix:after , ul:after , ol:after , .full_row:after
{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
.fl{float:left}
.fr{float:right}
img {-ms-interpolation-mode: bicubic; border: 0; height: auto; vertical-align: middle;transition:all 0.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.5s ease 0s;}
ul{list-style:none; margin:0; padding:0;}
li{list-style:none;}
#wp-toolbar ul:after{content:none}
.last_li , .last{margin-right:0 !important; padding-right:0 !important}
.first_li, .first{margin-left:0 !important; padding-left:0 !important}
/*************************** Font Face ***************************/
/*************************** Font Face ***************************/
/* ================================= Reset Css ================================= */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
::-webkit-input-placeholder {color: #373737}
:-moz-placeholder {color: #373737}
::-moz-placeholder {color:#373737}
:-ms-input-placeholder {color: #373737;}
button::-moz-focus-inner {border: 0}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
input[type=number] {-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0}
input[type=submit]{padding:15px 50px 15px 20px; background: rgba(0, 0, 0, 0); border: 0; font-weight:bold; text-transform:uppercase; font-size:15px; }
span.rmw_btn { padding: 0;}
span.rmw_btn input { padding: 8px 50px 8px 20px; color: #fff !important;}
/*input[type=submit] , input[type=button]{cursor:pointer; border:0}*/
input:focus{outline:none;}
/* Contact Form */
input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea{background:transparent !important; border: 0; border-radius:0; width:100%; box-shadow:none !important; -webkit-appearance:none ;font-size: 16px;font-weight: 400;line-height: 24px; border-bottom:1px solid #104969}
textarea{border:1px solid #104969; padding:5px 10px}
.form-control::-moz-placeholder { color:#d9d9d9; opacity: 1;}
input[type="text"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus {background:#000}
form label{ margin-bottom:0; font-size: 16px;font-weight: 700;line-height: 20px;color: #104969; white-space: nowrap; text-transform:uppercase; margin-bottom:5px}
.form_row{padding-bottom:25px}
.form_row.msg_row{padding-bottom:10px}
.form_row.submitrow{padding-bottom:0}
.form-group.half { float: left; width: calc(50% - 10px);}
.form-group.half.odd{ margin-right:20px}
.form_cover sup { color: #cc3333; position: relative; top: -4px;}
input[type="checkbox"], input[type="radio"]{ margin:0 4px 0 20px}
.txtarea{ height:auto; padding:0}
textarea.form-control{ border:none; font-size: 18px;font-weight: 400;line-height: 30px; font-style:normal}
.form-group.rederror{ border-color:red}
.success{ color:green}
input:required{box-shadow:none}
/*input:required:focus{background-color: rgba(223, 73, 73, 0.2); border: 1px solid #df4949; box-shadow:none} */
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/************************************************ Global Styles #X ***************************************************/
/* Gobal #GAB */
.x:before
{position:absolute; content:''}
/* Vertical Middle */
x
{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em}
x
{display: inline-block; vertical-align: middle}
/* HR Rules */
hr{}
/* Image Alignment */
.alignnone , a img.alignnone {margin: 5px 0 50px}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 30px auto}
.alignright , a img.alignright{float:right; margin:0 0 10px 60px}
.alignleft , a img.alignleft {float: left; margin:0 60px 10px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
/* TypoGraphy */
/*
font-family: 'Poppins', sans-serif;
*/
h1 , h2 , h3 , h4 , h5 , h6{}
h1{ font-size:50px; line-height:48px; color:#dae8ef; font-weight:700; text-transform:uppercase}
h2{color: #104a6b;font-weight: 700;line-height: 45px;text-transform: uppercase;font-size: 40px; padding-bottom:20px; border-bottom:1px solid #a3a3a3; margin-bottom:30px}
h3{font-size:30px; line-height:1.2; font-weight:700;margin-bottom:20px; padding-bottom:10px; color:#104a6b; text-transform:uppercase; border-bottom:1px solid #343434}
h4{color: #104a6b;font-size: 22px; line-height:30px; font-weight: 700;text-transform: uppercase; margin-bottom:10px}
h5{}
h6{}
h2 span{font-size: 20px; line-height:1.5; display:block}
.inner h2 span{ color:#aeaeae}
p , .content_row ul li, .content_row ol li{font-size: 20px;font-weight: 500;line-height: 30px; margin-bottom:15px}
p:last-child{margin-bottom:0}
p.intro{}
p a{color: #c0392b; }
p strong{font-weight:900}
p em{font-style:italic}
p a:hover{ text-decoration:underline}
.content_row ul , .content_row ol{padding-bottom:20px}
.content_row ul li, .content_row ol li{margin-bottom:5px; position:relative; }
/*.content_row ul li{padding-left:20px}
.content_row ul li:before {content: "•"; font-weight: bold; left: 0; position: absolute; }
.content_row ul ul , .content_row ol ul , .content_row ol ol{padding:5px 0}
.content_row ol{counter-reset: section}
.content_row ol li{padding-left:40px}
.content_row ol > li:before { content:counter(section, decimal) "."; counter-increment:section; padding-right:5px; font-size:18px; position:absolute; left:0}
.content_row ol ul li{padding-left:20px}
.content_row ol ol li{list-style:lower-alpha outside; padding-left:30px; margin-left:20px}
.content_row ol ol li:before{content:none}
.content_row ol ol li{padding-left:10px}*/
.content_row ul li {
list-style-position: outside;
list-style-image: url("../images/list_icon.png");
margin-left: 20px;
}
.content_row ol li {
list-style-position: outside;
list-style-type: decimal;
margin-left: 20px;
padding-left: 20px;
}
/* Remove ListDots */
a:focus, a:hover{outline:none; text-decoration:none; color: #c0392b;;}
/* Buttons */
/* ================================= Mountain Custom CSS #AB ================================= */
body{background:#fafafa;font-family: 'Poppins', sans-serif; line-height: 1;color: #343434;font-size: 20px;font-weight: 500; }
.container{max-width:1628px; width:100%; padding-right:100px; padding-left:100px}
.full_row{width:100%; float:none; margin:0 auto}
.small_container{max-width:1100px; margin:0 auto; float:none}
.main_page{ overflow:hidden}
img{ max-width:100%}
.hedr{ position:fixed; top:0; width:100%; z-index:999; transition:transform 0.4s ease 0s; background-image: linear-gradient(135deg, white 0%, whitesmoke 100%); text-align:center;}
.logo { position:absolute; left:0; padding:10px 30px 15px}
.logo img{ max-width:180px; }
.menu{ text-align:center; display:inline-block; margin-bottom:-4px}
.menu li{ float:left}
.menu li a{color: #404448;font-size: 18px;font-weight: 500;line-height: 1.2;text-transform: uppercase; padding:44px 22px; display:block}
.menu > li:hover > a{background: #ececec;}
.submenu{ position:relative; transition:all 0.3s linear 0s}
.submenu ul, .submenu ul *{ transition:none}
.submenu ul{ position:absolute; left:0; min-width: 300px;background:#ececec; opacity:0; visibility:hidden; transition:opacity 0.3s linear 0s, visibility 0.3s linear 0s}
.submenu ul li{ margin:0; display:block; padding:0; float:none}
.submenu ul li a{ border-top:none; color: #104969 ; opacity:1; padding:14px 22px; background-color:none; transition:background-color 0.3s linear 0s; text-align:left; text-transform:capitalize}
.submenu ul li a:hover{background: #992c20; color:#FFFFFF}
.submenu:hover ul{ opacity:1; visibility:visible}
.submenu > a{ position:relative}
.submenu > a::after { bottom: 25px; content: "•••"; font-size: 12px; font-weight: 500; left: 0; letter-spacing: 10px; opacity: 1; position: absolute; right: 0; transition: all 0.3s linear 0s; padding-left:10px}
.submenu:hover > a:after{ opacity:0}
.menu .buton { background: #12acab; border-radius: 43px; color: rgb(255, 255, 255); padding: 23px 50px; vertical-align: middle; margin-top:20px; margin-left:30px}
.menu .buton:hover{ background:#1c7c7b}
.hedr.nav-up .logo img { max-width: 65px;}
.hedr.nav-up .logo { padding: 5px;}
.hedr.nav-up .menu li a{ padding-top:11px; padding-bottom:12px; font-size:15px}
.hedr.nav-up .requote{ padding-top:11px; padding-bottom:11px; font-size:15px}
.hedr.nav-up .menu .buton { padding-top:10px; padding-bottom:10px; margin-top:5px}
.hedr.nav-up .submenu > a:after{ bottom:0}
.requote{ color: #FFFFFF !important;font-size: 18px;font-weight: 700;line-height: 1.2;text-transform: uppercase; background: #c0392b url(../images/request.png) no-repeat center right / cover;border: 1px solid #c81e02; display:inline-block; padding:43px 15px; position:absolute; right:0}
section{ padding-top:109px}
.hero{ background:#1f8dcc url(../images/hero-banner.png) no-repeat center center / cover; color: #dae8ef; padding:60px 0 350px}
.hero span{color: #dae8ef;font-size: 50px;font-weight: 700;line-height: 48px;text-transform: uppercase; display:block; margin-bottom:30px}
.hero ul li{ float:left; width:25%; padding-right:40px}
.hero ul li img{ margin-bottom:8px}
.hero ul li p{font-size: 18px;font-weight: 400;line-height: 25px;}
.hero ul li p b{ display:block; font-size: 22px;font-weight: 700;line-height: 30px;text-transform: uppercase;}
.three{ }
.box_cover{ display:block; position:relative;background-color: #555; z-index:0; height: 336px; padding:30px 40px; margin-top:-220px; overflow:hidden}
.box_cover:after{ position:absolute; left:0; bottom:0; content:""; height:4px; width:0; background: #c0392b; transition:width 0.3s linear 0s}
.box_cover img{ position:absolute; top:0; left:0; z-index:-1; min-width:100%; max-width:none; min-height:100%}
.box_cover div{ position:relative; min-height:100%}
.box_cover b{font-weight: 700;text-transform: uppercase;font-size: 18px;line-height: 32px; color:#FFFFFF}
.box_cover b span{font-size: 40px;line-height: 48px; display:block}
.box_cover p{color: #FFFFFF;font-size: 15px;font-weight: 700;line-height: 30px;text-transform: uppercase; position:absolute; width:100%; bottom:0}
.box_cover p i{ float:right;font-size: 35px; }
.box_cover:hover{ padding:10px 15px; box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);}
.box_cover:hover:after{ width:100%}
.bg_image{ background:url(../images/bg_image.jpg) no-repeat center center / cover}
.rmw_btn{ background: #c0392b;border-radius: 2px; color: #FFFFFF !important;font-size: 15px;font-weight: 700;line-height: 20px;text-transform: uppercase; display:inline-block; padding:8px 60px 8px 20px; position:relative}
.rmw_btn:hover{box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);}
.rmw_btn i{color:#FFFFFF;font-family: Ionicons;font-size: 35px;font-weight: 500;line-height: 30px; position:absolute; right:20px; top:0; bottom:0; margin:auto; height:35px; transition:all 0.3s linear 0s}
.rmw_btn:hover i{ right:10px}
.advantage{ padding:120px 0 100px}
.advantage .col-md-6{ margin-bottom:60px}
.advantage .small_container{ position:relative}
/*.advantage .rmw_btn { position: absolute; right: 0; top: 25px;}*/
.accent{ height:25px; min-width:50px; background:url(../images/accent.png) no-repeat left top}
.advantage .col_space{ padding-top:20px}
.industries{ padding:120px 0 20px}
.industries h2{ text-align:center; border-bottom:0; }
.industries .boxx{ width:20%; float:left; transition:all 0.3s linear 0s; transform:transllateZ(0); position:relative}
.industries .boxx:hover{ transform:transllateZ(100px)}
.industry{ display:block; position:relative;background-color: #555; height: 550px; padding:35px; z-index:0; transform: scale(1) ; transition:all 0.3s linear 0s; overflow:hidden}
.industry:after{ position:absolute; top:0; left:0; height:100%; width:100%; background: rgba(0, 0, 0, 0.35); z-index:-1 ; content:""; transition:all 0.3s linear 0s}
.boxx:after{ position: absolute; top:0; left:0; height:100%; width:100%; content:""; box-shadow: 0 0 60px rgba(0, 0, 0, 0.5); opacity:0; transition:all 0.3s linear 0s; z-index:9; pointer-events:none; transform: scale(1)}
.industry img { left: 0; margin: auto; position: absolute; right: 0; top: 0; transform: scale(1); z-index: -1; min-width:100%; min-height:100%; max-width:none}
.industry:hover{ transform: scale(1.02) ; z-index:9; transition:all 0.3s linear 0s; padding:25px; position:relative}
.boxx:hover:after{ opacity:1; transform: scale(1.02)}
.industry *{ transform:none !important;}
.industry div{ position:relative; min-height:100%; transition:all 0.3s linear 0s}
.industry h4{ color:#FFFFFF; line-height:30px}
.industry p{color: #FFFFFF;font-size: 15px;font-weight: 700;line-height: 30px;text-transform: uppercase; position:absolute; width:100%; bottom:0}
.industry p i{ float:right;font-size: 35px; }
.manufacturing { margin-bottom:130px}
.manufacturing .container > p{ max-width:870px; margin:0 auto; padding:50px 0 100px; text-align:center}
.service_cover{ position:relative; color:#FFFFFF; overflow:hidden}
.service_cover h2{ color:#FFFFFF}
.service_cover img{ position:absolute; min-height:100%; top:0; z-index:-1; max-width:none}
.service_cover .content{background: #104a6b; margin:40px 0; padding:30px 40px 40px; max-width:615px}
.service_cover .content h2{ margin-bottom:0; border-bottom:0}
.service_cover ul{ padding-bottom:30px}
.service_cover li{padding-left: 68px; position: relative; line-height:30px; margin-bottom:10px}
.service_cover ul li:before { content: ""; left: 0; margin: auto; position: absolute; top: 13px;width: 42px;height: 3px;background: #1f8dcc;border-radius: 1px;}
.pre_footer{ min-height:550px; position:relative; overflow:hidden; background:url(../images/video-fallback.jpg) no-repeat center bottom / cover; z-index:0; padding:40px 0}
.pre_footer video { background-size: cover; bottom: 0; height: auto; margin: auto 0; min-height: 100%; min-width: 100%; position: absolute; right: 0; width: auto; z-index: -1;}
.pre_footer span{ color:rgba(255, 255, 255, 0.5);font-size: 50px;font-weight: 700;line-height: 43px;text-transform: uppercase; display:block; }
.pre_footer img { float: right; }
.foot_top{background: #104a6b; padding:50px 0 65px}
.foot_top h4{ color:#FFFFFF; min-height:60px}
.foot_top li a{color:rgba(255, 255, 255, 0.5);font-weight: 700;text-transform: uppercase;font-size: 14px;line-height: 1.2;}
.foot_top li a:hover{ color:rgba(255, 255, 255, 1)}
.foot_top li{font-weight: 700;line-height: 1.2;text-transform: uppercase;font-size: 14px; color:#FFFFFF; margin-bottom:18px}
.foot_top b{ font-size:18px; display:block; margin-bottom:15px}
.foot_top .col-md-6 ul{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.foot_last{background: #0a212e; padding:30px 0; }
.foot_last p{font-size: 15px;font-weight: 400;line-height: 43px;text-transform: uppercase;color: #104a6b;}
.foot_last a{color: #88a5b5;}
.foot_last a:hover{color: #FFFFFF; text-decoration:none}
.copyright span:last-child{ float:right}
.foot_last a.copyrt{ display:inline-block; vertical-align:middle;width: 132px;height: 33px;background: #0f0f0f url(../images/copyrt.png) no-repeat center left;border-radius: 17px; position:relative; margin-left:10px}
.foot_last a.copyrt:after{background: #0f0f0f url(../images/copyrt_hvr.png) no-repeat center left ; height:100%; width:100%; position:absolute; content:""; opacity:0; transition:all 0.3s linear 0s; border-radius: 17px; left:0}
.foot_last a.copyrt:hover:after{ opacity:1}
.foot_last a.copyrt small{width: 26px;height: 26px;background: #FFFFFF; border-radius:50%; display:inline-block; }
.mibile_foot{ position:fixed; bottom:0; width:100%; text-align:center; display:none; background-color: white;background-image: linear-gradient(135deg, white 0%, whitesmoke 100%);box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.15); z-index:9}
.mibile_foot li{ display:inline-block; }
.mibile_foot li:nth-child(2){ border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.mibile_foot li a{ display:block;color: #404448;font-size: 12px;line-height: 30px;text-transform: uppercase;font-weight: 500; padding:0 20px}
/*.mibile_foot li a img { filter:grayscale(100%)}*/
.mibile_foot li a:hover{ color:rgb(192, 57, 43) }
.swipe{ display:none}
/********************************/
/*****************************/
.inner_hero{ background:#104969; padding:30px 0}
.hotspots{ padding-top:40px}
.hotspots ul{}
.hotspots ul li{ width:calc(50% - 40px); float:left; margin-bottom:10px}
.hotspots ul li:nth-child(2n+1){ margin-right:80px}
.hotspots ul li a{background:#104969; display:block; font-size:18px; line-height:30px; font-weight:700; padding:10px 20px 10px 70px; color:#fff; position:relative}
.hotspots ul li a:before{ position:absolute; left:18px; content:""; width:42px; height:3px; background:#1f8dcc; top:24px}
.hotspots ul li a:after{ position:absolute; left:0; bottom:0; height:4px; width:0; background:#cc3333; content:""; transition:all 1s linear 0s}
.hotspots ul li a:hover:after{ width:100%}
.feature img{ margin:40px 0; max-width:100%}
.round{ border-radius:50%}
.Collage{ padding:0 0 0 20px; margin-left:-20px}
.jovak_group { display:block; background:#104969; position:relative}
.jovak_group:before { position: absolute; top: -25px; bottom: 0; left: 0; right: 0; margin: auto; height: 100px; width: 100px; z-index: 1; content: "\f39c"; text-align: center; font-size:100px; color:#ffffff; font-family:Ionicons}
.jovak_group:after { position: absolute; top: 0; bottom: -80px; left: 0; right: 0; margin: auto; height: 20px; width: 100px; z-index: 1; content: "view"; text-align: center; text-transform:uppercase; font-size:20px; font-weight:700; color:#fff }
.jovak_group:before, .jovak_group:after{ opacity:0; transition:all 0.3s linear 0s}
.jovak_group:hover:before, .jovak_group:hover:after{ opacity:1}
.jovak_group:hover img{ opacity:0.5}
.jovak_group > img { max-width: 100%;border:1px solid #cccccc}
#cboxClose::before { color: #ffffff; content: "\f2d7"; font-family: Ionicons; font-size: 25px; font-weight:bold; height: 100%; left: 0; position: absolute; text-indent: 0; top: 0; width: 100%;}
#cboxClose { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; right: -10%; top: -10%;}
#cboxCurrent{ display:none !important}
#colorbox, #colorbox * { overflow: visible !important;}
#cboxLoadedContent{ border:1px solid #cccccc; box-shadow:0 0 30px rgba(0, 0, 0, 0.26)}
#cboxOverlay{ opacity:0.6 !important}
#cboxNext, #cboxPrevious{ display:none !important}
.form_cover { padding:30px; border:1px solid #cccccc}
.map{ float:left; margin-right:35px; border:1px solid #d6d6d6}
.testi span{ padding-left:20px; font-size:15px; line-height:20px; display:block; font-weight:400}
.testi span b{ position:relative; display:block; font-size:20px}
.testi span b:after{ position:absolute; left:-20px; content:"-"}
.cta{ background:#666666; padding:70px 0 90px; position:relative}
.cta span{ display:block; font-size:30px; line-height:45px; margin-bottom:50px; color:#fff; font-weight:700; text-transform:uppercase}
.cta img{ position:absolute; left:0; top:0; max-width:50%;}
.cta:before{ position:absolute; top:0; left:0; height:100%; width:50%; content:""; background:url(../images/cta-band.jpg) no-repeat center center / cover}
h2 .rmw_btn{ float:right}
.custom_design{ padding-bottom:80px}
.manufacturing1{ padding-top:100px; padding-bottom:80px}
.expert_team { padding-top:70px; padding-bottom:80px}
.gallery{ padding-top:70px; padding-bottom:80px}
.contact_area p span{ font-size:30px; display:block}
.contact_area p a{ display:block}
.contact_area{ padding-top:70px; padding-bottom:80px}
.testimonial{ padding-top:70px; padding-bottom:100px}
.form_bottom p { font-size: 15px; margin-bottom: 0; margin-top: 8px; line-height: 20px;}
form .rederror{ border-color:red}
.manufacturing1, .expert_team, .gallery, .testimonial{ background:#FFFFFF}
.gray {background:#fafafa;}
.padding {padding-top: 70px; padding-bottom: 70px;}
.top_padding {padding-top:70px;}
.bottom_padding {padding-bottom:70px;}
/* ================================= Crest Custom CSS #AB ================================= */
/********************************* Mobile Potrait #MP ********************************/
@media screen and (max-width: 320px) and (orientation: portrait) {}
@media screen and (min-width: 451px) and (max-width: 768px) {
}
/********************************* Mobile Potrait ********************************/
@media screen and (max-width: 480px) {
.hotspots ul li a{ min-height:70px}
}
/********************************* Mobile landscape ********************************/
@media screen and (max-width: 480px) and (orientation: landscape) {}
/* ================================= Common For All mobile definitions #mx ================================= */
@media all and (max-width: 767px) {
html * {max-height:1000000px}
body{font-size:16px; line-height:24px;}
br{ display:none}
.container, .small_container{ padding-left:20px; padding-right:20px}
h1{font-size:28px; line-height:1.2; }
h2{font-size:24px; line-height:1.2; margin-bottom:10px; padding-bottom:10px}
h3{font-size:22px; line-height:1.2; margin-bottom:10px}
.border { padding-top: 15px;}
h4{font-size:20px; line-height:1.2; margin-bottom:8px}
h5{font-size:20px; line-height:1.2; margin-bottom:8px}
h6{font-size:18px; line-height:1.2}
h2 span { font-size: 16px; line-height: 1.2;}
p, .content_row ul li, .content_row ol li{font-size:16px; line-height:24px; margin-bottom:10px}
p.intro{font-size:20px; line-height:30px}
/* Image Alignment */
.alignnone , a img.alignnone , .aligncenter, div.aligncenter , .alignright , a img.alignright , .alignleft , a img.alignleft{margin: 20px auto; float:none; display:block}
.content_cover > .alignnone , .content_cover > a img.alignnone , .content_cover > .aligncenter, .content_cover > div.aligncenter , .content_cover > .alignright , .content_cover > a img.alignright , .content_cover > .alignleft , .content_cover > a img.alignleft{margin-top:0}
img{ max-width:100%}
.mibile_foot{ display:block; }
.cd-top{ display:none}
.hero span { font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.hero span br{ display:inline-block}
.hero ul li { float: none; margin-bottom: 20px; padding-right: 0; width: 100%;}
.hero ul li p { font-size: 16px; line-height:24px}
.hero { padding: 30px 0 10px;}
.box_cover { height: 220px; margin-top: 0px; padding: 25px; margin-bottom:10px; max-width:350px; margin-left:auto; margin-right:auto}
.cover_three { padding: 30px 0 0;}
.box_cover b span { font-size: 30px; line-height: 30px;}
.advantage { padding: 30px 0 0;}
/*.advantage .rmw_btn { position: relative; right: 0; top: 0; margin: 5px 0 20px;}*/
.advantage .col_space { padding-top: 10px;}
.advantage .col-md-6 { margin-bottom: 20px;}
.industries { padding: 30px 0;}
.industry { height: 250px; padding: 20px 25px;}
.industries h2{ padding-bottom:0}
.boxx_cover{ width:1500px; display:flex; }
.scrol{ overflow:scroll; margin-right:-20px; -ms-overflow-style: none;
-ms-scroll-chaining: none;
-ms-scroll-snap-type: mandatory;
-ms-scroll-snap-points-x: snapInterval(0%, 100%);}
.scrol::-webkit-scrollbar {display: none;}
.boxx{ margin:10px 10px 10px 0}
.industry::before{ display:none}
.swipe { display: block; text-align: right; color:rgb(64, 68, 72)}
.manufacturing .container > p { max-width: 100%; padding: 0 0 30px;}
.service_cover img { min-height: auto;}
.service_cover .content { margin: 0 15px 200px; max-width: none; padding: 20px;}
.service_cover img { top: auto; bottom: 0;}
.service_cover li { line-height: 26px; margin-bottom: 5px; padding-left: 48px;}
.service_cover ul li::before{ width:30px}
.service_cover ul { padding-bottom: 10px;}
.manufacturing { margin-bottom: 30px;}
.pre_footer{ min-height:300px; padding:30px 0}
.pre_footer video{ display:none}
.pre_footer span { font-size: 30px; line-height: 33px; padding: 10px 0; }
.pre_footer span br{ display:inline-block}
.pre_footer img { float: none}
.foot_top { padding: 30px 0 0;}
.foot_top h4{ min-height:auto}
.foot_top .col-md-6, .foot_top .col-md-3{ margin-bottom:20px}
.foot_top .col-md-6 ul{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
footer{ margin-bottom:30px}
.foot_last p { font-size: 12px; line-height: 30px; text-align:center}
.copyright span:last-child { float: none; display: block;}
.foot_last { padding: 10px 0 15px;}
/*******************/
.content_row ul, .content_row ol { padding-bottom: 10px;}
.inner_hero { padding: 15px 0;}
.hotspots { padding-top: 30px;}
.hotspots ul li { width: calc(50% - 5px);}
.hotspots ul li:nth-child(2n+1) { margin-right: 10px;}
.hotspots ul li a { font-size: 15px; line-height: 20px; padding: 18px 10px 8px;}
.hotspots ul li a::before { left: 10px; top: 10px; width: 30px;}
.feature img { margin: 20px 0;}
h2 .rmw_btn { float: none; display: block; max-width: 220px; margin-top:5px}
.custom_design{ padding-bottom:30px}
.expert_team, .gallery{ padding-bottom: 30px; padding-top:0}
.contact_area{ padding-bottom: 30px; padding-top:30px}
.contact_area p br{ display:block}
.manufacturing1, .testimonial { padding-bottom: 10px; padding-top:30px}
.padding {padding-top: 30px; padding-bottom: 30px;}
.top_padding {padding-top: 30px;}
.bottom_padding {padding-bottom: 30px;}
.Collage { margin-left: -10px; padding:0 0 0 10px}
.form-group.half { width: 100%; margin-right: 0 !important;}
.form_cover { padding: 15px; margin-bottom:30px}
.map { float: none; margin-bottom: 20px; margin-right: 0;}
.testi{ margin-bottom:20px}
.cta { padding: 200px 0 30px;}
.cta span { font-size: 22px; line-height: 30px; margin-bottom: 20px;}
.cta::before { height: 180px; width: 100%;}
.jovak_group::before { font-size: 50px; height: 50px; top: -5px;}
.jovak_group::after { bottom: -30px; font-size: 16px;}
#cboxClose { right: -10px; top:-30px}
.foot_top li { margin-bottom: 10px;}
.foot_top b { margin-bottom: 10px;}
.boxx::after{ display:none}
.industry:hover{ padding:15px}
}
@media only screen and (min-width : 768px) and (max-width: 1000px) {
}
/********************************* ipad portrait #ip ********************************/
@media only screen and (min-width : 768px) and (max-width: 1100px) {
.container, .small_container{ padding-left:40px; padding-right:40px}
body{font-size:16px; line-height:24px;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}
h1{font-size:36px; line-height:1.2;}
h2{font-size:28px; line-height:1.2; margin-bottom:10px}
h3{font-size:22px; line-height:1.2; margin-bottom:10px}
h4{font-size:20px; line-height:1.2}
h5{font-size:20px; line-height:1.2}
h6{font-size:18px; line-height:1.2}
p, .content_row ul li, .content_row ol li{font-size:16px; line-height:24px}
p.intro{font-size:20px}
img{ max-width:100%}
.hero span{ font-size:30px; line-height:30px}
.hero ul li { padding-right: 15px;}
.hero ul li p { font-size: 16px; line-height:24px}
.hero { padding: 40px 0 150px;}
.box_cover { height: 250px; margin-top: -100px; padding: 20px 25px;}
.box_cover b { font-size: 16px; line-height: 30px}
.box_cover b span { font-size: 22px; line-height: 24px !important}
.box_cover img { left: auto; min-width: 100%; min-height: 100%; max-width: none; right: 0;}
/*.advantage .rmw_btn { right: 40px;}*/
.advantage { padding: 40px 0 0;}
.advantage .col-md-6 { margin-bottom: 40px;}
.industries { padding: 40px 0 20px;}
.industry{ height:350px}
.industries .boxx{ width:50%}
/***************************/
.hotspots ul li { width: calc(50% - 5px);}
.hotspots ul li:nth-child(2n+1) { margin-right: 10px;}
.feature img { margin: 30px 0;}
.custom_design, .expert_team, .gallery, .contact_area{ padding-bottom: 40px;}
.expert_team, .gallery{ padding-top:0}
.contact_area{ padding-top:40px}
.manufacturing1, .testimonial { padding-bottom: 30px; padding-top:40px}
.form_cover { padding: 15px;}
.map { margin-right: 20px; max-width:180px}
.cta span { font-size: 25px; line-height: 32px; margin-bottom: 10px;}
.cta { padding: 30px 0;}
.jovak_group::before { font-size: 60px; height: 60px; top: -10px;}
.jovak_group::after { bottom: -30px; font-size: 16px;}
.manufacturing .container > p { max-width: none; padding: 30px 0 40px;}
.service_cover .content { display: block; left: 5%; margin: 0 0 350px; max-width: 90%; padding: 20px; width: 100%;}
.service_cover img { min-height: unset; top: auto; bottom: 0; max-width:100% }
.service_cover ul { padding-bottom: 10px;}
.manufacturing { margin-bottom: 40px;}
.pre_footer{ min-height:400px}
.foot_top { padding: 40px 0 30px;}
.foot_top h4 { min-height: 50px;}
.foot_last { padding: 15px 0;}
.foot_top li { margin-bottom: 10px;}
.foot_top b { margin-bottom: 10px; font-size:15px}
}
/********************************* ipad landscape #il ********************************/
@media only screen and (min-width : 1001px) and (max-width: 1024px) {
}
@media only screen and (min-width : 1025px) and (max-width: 1100px) {
}
@media only screen and (max-width: 1100px) {
.menu { display:none}
.logo img { max-width: 65px;}
.logo { padding: 5px;}
section { padding-top: 40px;}
.requote { border-radius: 2px; font-size: 12px !important; margin: 3px; padding: 9px 16px !important; position: relative; background: #c0392b;}
}
@media only screen and (min-width : 1101px) and (max-width: 1335px) {
.container, .small_container{ padding-left:80px; padding-right:80px}
.custom_design, .expert_team, .gallery, .contact_area{ padding-bottom: 50px;}
.manufacturing1, .testimonial { padding-bottom: 50px;}
.menu li a{ font-size:14px !important}
.logo{ padding-top:20px}
.logo img { max-width: 140px;}
.requote{ font-size:14px !important}
section { padding-top: 105px;}
.cta span br{ display:none}
}
/* ================================= Small Computer #Sc ================================= */
@media only screen and (min-width : 1300px) {
.first_col , .first_li{padding-left:0 !important; margin-left:0 !important}
.last_col , .last_li{padding-right:0 !important; margin-right:0 !important}
.col_space{ margin-left:-40px; margin-right:-40px}
.col_space > .col-md-6, .col_space > .col-md-3, .col_space > .col-md-4, .col_space > .col-md-7, .col_space > .col-md-8{ padding-left:40px; padding-right:40px}
}
/* ================================= Large Computer #lc ================================= */
@media screen and (min-width: 1450px) {}
/* IE10 Only CSs */
@media screen and (min-width:0\0) {}
/* ie10, ie11+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}