a{-webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;}
.pfirstchild p:first-child{margin-top: 0px; padding-top: 0px;}
.pfirstchild p:last-child{margin-bottom: 0px; padding-bottom: 0px;}

.animatethis{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}

.loadthis { display: none; }

label[class*="required"]:after{ content: "*"; display: inline-block; vertical-align: top; }

.main-content { max-width: 1920px; margin: auto auto; }
.main-content-ins { max-width: 1766px; margin: auto auto; padding: 0 20px; }

.no-marg-padd { margin: 0; padding: 0; }
.no-marg-padd li { margin: 0; padding: 0; }

input, textarea { outline: 0 !important; }
strong, b { font-weight: 700 !important; }

.slick-slider-container {
    margin-bottom: 0px !important;
}
.slick-slider-container .item {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}
.slick-slider-container .item img {
    width: 100%;
    height: 100%;
    display: none;
    
}


.pagin { text-align: center; margin-top: 100px; }
.pagin li { margin-left: 4px; display: inline-block; vertical-align: top; }
.pagin li.num:before { content: "|"; font-size: 14px; margin-right: 6px; display: inline-block; vertical-align: top; }
.pagin li.num:first-child:before { display: none; }
.pagin li a { display: inline-block; margin-top: -3px; font-size: 18px; color: #000; }
.pagin li a:hover,
.pagin li.active a { color: #8560a8; }

.ph { }
.ph::-webkit-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }
.ph:-ms-input-placeholder { opacity: 1 !important; font-size: 12px; color: #000; }

.ph16 { font-size: 14px; }
.ph16::-webkit-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; font-weight: normal; }
.ph16:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 14px; color: #fff; font-weight: normal;  }
.ph16::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 14px; color: #fff; font-weight: normal;  }
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; font-weight: normal;  }
.ph16:-ms-input-placeholder { opacity: 1 !important; font-size: 14px; color: #fff; font-weight: normal;  }

.ph18 { }
.ph18::-webkit-input-placeholder { opacity: 1 !important; font-size: 18px; color: #151319; }
.ph18:-moz-placeholder { /* Firefox 18- */ opacity: 1 !important; font-size: 18px; color: #151319; }
.ph18::-moz-placeholder {  /* Firefox 19+ */ opacity: 1 !important; font-size: 18px; color: #ff151319f; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #151319; }
.ph18:-ms-input-placeholder { opacity: 1 !important; font-size: 18px; color: #151319; }

ol.breadcrumb { background: transparent; padding: 0; font-family: 'Open Sans', sans-serif; margin-top: 20px; margin-bottom: 6px;}
ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 16px; color: #696969; }
ol.breadcrumb li + li:before { content: "/"; padding: 0; margin: 0; }
ol.breadcrumb li a { text-decoration: none; font-size: 16px; color: #696969; padding: 0; }
ol.breadcrumb li a span { padding-right: 4px; }
ol.breadcrumb li a:last-child { padding-left: 4px; }
ol.breadcrumb li a:hover,
ol.breadcrumb li.active a { color: #902904; }

#cookie-bar { background: #000; background: rgba(0,0,0,0.8); height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto; z-index: 999;}
#cookie-bar p {margin: 0; padding: 0; color: #fff; font-size: 14px; }
#cookie-bar a {color:#fff; text-decoration:underline; font-size: 14px;}
#cookie-bar .cb-enable {background:#ff0000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; color: #fff; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; }
#cookie-bar .cb-policy:hover {background:#0055dd;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.custom-search { background: #ddd; border: 0; width: 100%; margin: 0; padding: 7px 12px; cursor: pointer; color: #000; font-size: 16px; }

.custom-fields,
.custom-fields-pad { background: none; border: 1px solid #b7b7b7; margin: 0; padding: 0 14px; width: 100%; height: 34px; border-radius: 0; }
textarea.custom-fields { padding: 6px 14px; height: 86px; }
.custom-btn,
a.custom-btn { display: inline-block; vertical-align: middle; background: #8560a8; border: 0; color: #fff; margin: 0; padding: 3px 10px; text-align: center; white-space: nowrap; border-radius: 0; height: auto; }

/********************* HEADER *********************/
header {  }
header nav { background: #000; width: 100%; position: relative; }
header .navbar-header { float: none; }
header nav .main-content-ins { padding-left: 0; }
header nav .h-lft { float: left; padding: 6px 0 0 10px; }
header nav .h-rgt { text-align: right; padding-right: 5px; }
header nav .h-rgt .top { color: #fff; text-align: right; margin-top: 35px; font-weight: 300; }
header nav .h-rgt .top > div { display: inline-block; vertical-align: middle; }
header nav .h-rgt .top > div.pho i { color: #9e0b0f; margin-right: 12px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari */
transform: rotate(90deg); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header nav .h-rgt .top > div.pho i:hover { color: #ad370c; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
header nav .h-rgt .top > div.lngs { margin-left: 32px; }
header nav .h-rgt .top a { color: #fff; }
header nav .h-rgt .top a:hover,
header nav .h-rgt .top a.active { color: #9e0b0f; }
header nav .h-rgt .bot { }
header nav .h-rgt .mob-menu { display: none; }
header nav .h-rgt .bot #main-menu { padding-top: 20px; padding-bottom: 15px; display: inline-block;}
header nav .h-rgt .bot #main-menu ul { display: inline-block; vertical-align: super;}
header nav .h-rgt .bot #main-menu ul li { margin-left: 50px; display: inline-block;}
header nav .h-rgt .bot #main-menu ul li:first-child { margin-left: 0; }
header nav .h-rgt .bot #main-menu ul li a { color: #fff; font-family: 'Open Sans', sans-serif; display: inline-block; }
header nav .h-rgt .bot #main-menu ul li a:hover,
header nav .h-rgt .bot #main-menu ul li a.active { color: #8f2903; }
header nav .h-rgt .srch { margin-left: 16px; display: inline-block; }

header nav { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
header nav .navbar { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
header nav .navbar-header {  -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
header nav .h-lft img.imag { max-width: 311px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
header nav .h-rgt .top,
header nav .h-rgt .bot { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
header nav .h-rgt .bot #main-menu { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }

nav.shrink .navbar-header { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .h-lft { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .h-lft img.imag { max-width: 200px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .h-rgt .top { margin-top: 10px; -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }
nav.shrink .h-rgt .bot { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
nav.shrink .h-rgt .bot #main-menu { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear; }

.mob-menu-toggle { display: none; }
.mob-menu-toggle a { color: #fff; }
.mob-menu-toggle i { margin-right: 10px; }

nav#menu { visibility: hidden; height: 0; }
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #9e0b0f; }

.dark-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 158, 11, 15, 0.4); z-index: 9998; display: none; }
.close-menu { cursor: pointer; }

.btn-warning { background-color: #9e0b0f; border: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.btn-warning:hover { background-color: #b4080d; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.btn-default { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer { position: relative; top: 145px;}
footer.footer-off { top: 0;}
footer .main-content-ins2 { max-width: 990px; margin: auto auto; }
footer .f-top { background-color: #111; color: #fff; font-size: 30px; text-align: center; padding-top: 40px;}
footer .f-top .f-ttl { display: inline-block; padding-right: 23px; vertical-align: top; margin-top: 8px;}
footer .f-top .inpt-lft { display: inline-block; padding-right: 20px; vertical-align: top; }
footer .f-top .inpt-lft input { background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 270px;}
footer .f-top .chk { text-align: left; padding-left: 262px; padding-bottom: 10px; position: relative; top: -10px; }
footer .f-top .chk label { color: #fff; font-size: 14px; font-weight: 300; vertical-align: middle; padding-left: 10px; margin-bottom: 0; }
footer .f-top .inpt-rgt { display: inline-block; vertical-align: top; padding-right: 20px; }
footer .f-top .inpt-rgt input { background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 270px;}
footer .f-top .mybtn { display: inline-block; width: 33px; margin-top: 20px; }
footer .f-top .mybtn button { margin: 0; padding: 0; background: #9e0b0f; width: 100%; border: 0; height: 30px; display: inline-block; vertical-align: top; }
footer .f-top .mybtn .btn-primary:active:focus,
footer .f-top .mybtn .btn-primary:active:hover { color: #9e0b0f!important; }
footer .f-top .mybtn button i { color: #fff; font-size: 20px; vertical-align: middle;}
footer .f-bottom { background-color: #000; height: 63px; padding-top: 20px; }
footer .f-bottom .f-rgt { float: right; color: #c5c5c5; font-size: 12px; padding-right: 66px; font-family: 'Open Sans', sans-serif; }
footer .f-bottom .f-rgt a { color: #c5c5c5; }
footer .f-bottom .f-rgt a:hover { color: #8f2903; }

footer .to-top {  }
footer .to-top .to-top-ins { position: relative; }
footer .to-top .to-top-ins img { position: absolute; top: 60px; right: 50px; display: block; width: 49px; height: 47px; cursor: pointer;  -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
footer .to-top .to-top-ins img:hover { opacity: 0; }
footer .to-top .to-top-ins img.top-hov { position: absolute; top: 60px; right: 50px; display: block; width: 49px; height: 47px; cursor: pointer; opacity: 0; }
footer .to-top .to-top-ins img.top-hov:hover { opacity: 1;  }

footer .copy { float: left; color: #fff; font-size: 12px; padding-left: 66px; font-family: 'Open Sans', sans-serif; }
footer .copy a { color: #fff; }
footer .copy .txt {  margin-right: 8px; display: inline-block; }
footer .copy .icon { display: inline-block; padding-left: 6px; }
/********************* FOOTER *********************/

.main-ttl h1 { font-size: 48px; font-weight: 300; }
.border:after { content:""; display: block; background: #ccc; width: 100%; height: 1px; margin-top: 25px;}

/********************* SIMPLE *********************/
.simple { position: relative; top: 145px; }
.simple .main-txt { font-size: 18px; margin: 40px 0; line-height: 30px; }
/********************* SIMPLE *********************/

/********************* ERROR *********************/
.error { position: relative; top: 145px; }
.error .main-ttl { text-align: center; }
.error .error-template { text-align: center; }
.error-actions { margin-top: 20px; }
.error-actions a { display: inline-block; vertical-align: middle; margin: 5px 5px 0 5px; border-radius: 0; background-color: #9e0b0f; border: none; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.error-actions a:hover {  background-color: #b4080d; color: #fff; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
/********************* ERROR *********************/

/********************* RESULTS *********************/
.results { position: relative; top: 145px; }
.results .m-lst { max-width: 900px; margin: auto auto; }
.results .m-lst a:hover { color: #000; }
.results .m-lst ul { }
.results .m-lst ul li { margin-top: 30px; }
.results .m-lst ul li .lft { float: left; width: 300px; position: relative; }
.results .m-lst ul li .rgt { float: right; width: 100%; margin-left: -300px; }
.results .m-lst ul li .rgt .ins { padding-left: 350px; }
.results .m-lst ul li .rgt .ins .ttl { margin-top: 20px; }
.results .m-lst ul li .rgt .ins .lnk { margin-top: 30px; }
.results .m-lst ul li .rgt .ins .lnk a { display: inline-block; background-color: #9e0b0f; color: #fff; padding: 6px 12px; font-size: 14px; }
.results .m-lst ul li .rgt .ins .lnk a:hover { background-color: #b4080d; }
/********************* RESULTS *********************/

/********************* PARALLAX-MAP *********************/
.parallaxer-1 { top: 100px; }
.parallaxer-1:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 0,0,0, 0.47) ; z-index: 0; }
.parallaxer-1 .application-form { position: relative; z-index: 1;}
.parallaxer-1 .application-form .p-ttl { font-size: 48px; text-align: center; color: #fff; letter-spacing: 3px; margin-top: 48px; margin-bottom: 50px;}
.parallaxer-1 .application-form .frm { max-width: 790px; margin: auto auto; padding-left: 10px; padding-right: 10px; }
.parallaxer-1 .application-form .frm .lft { float: left; width: 48.8%; }
.parallaxer-1 .application-form .frm .inpt-lft-top { border: 0; }
.parallaxer-1 .application-form .frm .inpt-lft-top input { height: 52px; width: 368px; padding-left: 18px; border: 0; }
.parallaxer-1 .application-form .frm .inpt-lft-bot { margin-top: 10px; }
.parallaxer-1 .application-form .frm .inpt-lft-bot input { height: 52px; width: 368px; padding-left: 18px; border: 0; }
.parallaxer-1 .application-form .frm .inpt-rgt { float: right; width: 51.2%; padding-left: 6px; }
.parallaxer-1 .application-form .frm .inpt-rgt textarea { border: 0; }
.parallaxer-1 .application-form .frm .inpt-rgt .mybtn { float: right; margin-top: 15px; }
.parallaxer-1 .application-form .frm .inpt-rgt .mybtn button { background-color: #9e0b0f; font-size: 18px; padding: 5px 14px; }
.parallaxer-1 .application-form .frm .inpt-rgt .mybtn button:hover { background-color: #b4080d; }
.parallaxer-1 .application-form .frm .inpt-rgt .mybtn i { padding-left: 10px; display: inline-block; vertical-align: middle; font-size: 20 px; }
.h-map { margin-top: 100px; height: 268px; }
/********************* PARALLAX-MAP *********************/

/********************* HOMEPAGE *********************/
.home { overflow: hidden; }
.home .slider { position: relative; }
/*.home .slider .rev-scroll-to { bottom: 10px; width: 66px; height: 66px; border: 1px solid #464646; white-space: nowrap; cursor:pointer; background: #000; font-size: 20px; line-height: 65px; text-align: center !important; }
/*.home .slider .rev-scroll-to i { color: #464646; }
/*.home .slider .play-btn:after { content: ""; position: absolute; top: 50%; right: 50%; width: 100px; height: 100px; margin: -50px; background-image: url(../img/play.png); background-position: center center; background-repeat: no-repeat; }*/

.home .parallaxer-2 { height: 550px; }
.home .parallaxer-2:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 17,17,17, 0.73) ; z-index: 0; }
.home .parallaxer-2 .parallaxer-2-ins {  max-width: 1450px; padding: 0 20px; margin: auto auto; position: relative; z-index: 1; color: #fff; display: flex; justify-content: center; flex-direction: column;}
.home .parallaxer-2 .parallaxer-2-ins .parallax-ttl { font-size: 40px; font-weight: 300; font-style: italic; font-family: 'Open Sans', sans-serif; margin-top: 100px; -webkit-animation-duration: 0.6s; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-txt { font-size: 20px; font-weight: 300; margin-top: 55px; line-height: normal; -webkit-animation-duration: 0.6s; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-txt span { font-weight: 700; }
.home .parallaxer-2 .parallaxer-2-ins .mybtn-parallax {position: relative;}
.home .parallaxer-2 .parallaxer-2-ins .mybtn-parallax button { background-color: #9e0b0f; float: right; padding: 9px 15px; font-weight: 700;  margin-top: 33px; }
.home .parallaxer-2 .parallaxer-2-ins .mybtn-parallax a { color: #fff; }
.home .parallaxer-2 .parallaxer-2-ins .mybtn-parallax button:hover { background-color: #b4080d; }

.home .und-parallax { }
.home .und-parallax .img-und-parallax { background-size: cover; position: relative; top: 0; left: 0; width: 100%; min-height: 575px; }
.home .und-parallax .img-und-parallax:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba( 17,17,17, 0.92) ; z-index: 0; }
.home .und-parallax .img-und-parallax .und-parallax-ins { position: relative; z-index: 1; overflow: hidden; padding: 0 26px;}
.home .und-parallax .img-und-parallax .und-parallax-ins .und-ttl {color: #fff; text-align: center; font-weight: 300; font-size: 48px; margin-top: 40px; }
.home .und-parallax .img-und-parallax .pro-lst { margin-top: 33px; }
.home .und-parallax .img-und-parallax .pro-lst ul {  margin-left: -15px; margin-right: -15px; }
.home .und-parallax .img-und-parallax .pro-lst ul li { float: left; width: 25%; padding: 0 15px 0 15px; }
.home .und-parallax .img-und-parallax .pro-lst .p-item { max-width: 440px; margin: auto auto;}
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-ttl a { display: inline-block; font-size: 24px; margin-top: 14px; color: #fff; font-weight: 300;}
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-ttl a:hover { color: #9e0b0f;}
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-ttl:before { content: "●"; font-size: 18px; display: inline-block; margin: 0 12px 0 0; color: #9e0b0f;}
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-img { position: relative; }
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-img a { opacity: 0; background-color: rgba( 17, 17, 17, 0.57); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-img a span { position: absolute; top: 50%; margin-top: -35px; right: 50%; margin-right: -35px; }
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-img a:hover { opacity: 1; }

.home .proj {  }
.home .proj .proj-ttl { font-size: 48px; font-weight: 300; text-align: center; margin-top: 30px; }
.home .proj .proj-txt { color: #4b4b4b; text-align: center; margin-top: 8px; }
.home .parallaxer-1 { top: 0; }
.home .h-map { margin-top: 0; }

/********************* HOMEPAGE *********************/

/********************* COMPANY *********************/
.company { position: relative; top: 145px; }
.company .und { margin-top: 50px; }
.company .left { float: left; width: 45%; }
.company .right { float: right; width: 55%; padding-left: 60px;  }
.company .right .comp-ttl { font-size: 40px; font-weight: 300; font-style: italic; font-family: 'Open Sans', sans-serif; }
.company .right .comp-txt { font-size: 20px; font-weight: 300; margin-top: 40px; line-height: normal;}
.company .right .comp-txt span { font-size: 20px; font-weight: 700; }
/********************* COMPANY *********************/

/********************* PRODUCTS *********************/
.categories { position: relative; top: 145px; overflow: hidden;}
.categories .pro-lst { margin-top: 47px; }
.categories .pro-lst ul {  margin-left: -20px; margin-right: -20px; }
.categories .pro-lst ul li { float: left; width: 25%; padding: 17px 20px 17px 20px; }
.categories .pro-lst .p-item { max-width: 446px;}
.categories .pro-lst .p-item .p-ttl { font-size: 20px; margin-top: 14px; color: #010101;}
.categories .pro-lst .p-item .p-img { position: relative; }
.categories .pro-lst .p-item .p-img a { opacity: 0; background-color: rgba( 17, 17, 17, 0.57); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.categories .pro-lst .p-item .p-img a span { position: absolute; top: 50%; margin-top: -35px; right: 50%; margin-right: -35px; }
.categories .pro-lst .p-item .p-img a:hover { opacity: 1; }
/********************* PRODUCTS *********************/

/********************* PRODUCTS *********************/
.products { position: relative; top: 145px; overflow: hidden;}
.products .und { margin-top: 50px; }
.products .prod-lft { float: left; width: 446px; position: relative;}
.products .prod-rgt { float: right; width: 100%; margin-left: -446px; }
.products .prod-rgt .prod-rgt-ins { padding-left: 483px; }
.products .prod-rgt .prod-rgt-ins .comp-txt { line-height: normal;  font-family: 'Open Sans', sans-serif;}

.products .pro-lst { margin-top: 47px; }
.products .pro-lst ul {  margin-left: -36px; margin-right: -36px; }
.products .pro-lst ul li { float: left; width: 25%; padding: 17px 36px 17px 36px; }
.products .pro-lst .p-item { max-width: 375px;}
.products .pro-lst .p-item .p-ttl { font-size: 20px; margin-top: 14px; color: #010101;}
.products .pro-lst .p-item .p-img { position: relative; }
.products .pro-lst .p-item .p-img a { opacity: 0; background-color: rgba( 17, 17, 17, 0.57); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.products .pro-lst .p-item .p-img a span { position: absolute; top: 50%; margin-top: -35px; right: 50%; margin-right: -35px; }
.products .pro-lst .p-item .p-img a:hover { opacity: 1; }
/********************* PRODUCTS *********************/

/********************* PROJECTS-IN *********************/
.products-in { position: relative; top: 145px; overflow: hidden;}
.products-in .und { margin-top: 50px; }
.products-in .p-lft { float: left; width: 642px; z-index: 1; position: relative;}
.products-in .p-rgt { float: right; width: 100%; margin-left: -642px; }
.products-in .p-rgt .p-rgt-ins { padding-left: 692px; }
.products-in .p-rgt .p-rgt-ins .comp-txt { font-size: 16px; line-height: normal;}
.products-in .p-rgt .p-rgt-ins .p-det {  }
.products-in .p-rgt .p-rgt-ins .p-det ul.det1 { margin-top: 23px; }
.products-in .p-rgt .p-rgt-ins .p-det ul li:first-child { font-weight: 700; margin-bottom: 6px; }
.products-in .p-rgt .p-rgt-ins .p-det ul.det1 li { display: block; margin: 10px 0; }
.products-in .p-rgt .p-rgt-ins .p-det ul.det2 { margin-top: 8px; }
.products-in .p-rgt .p-rgt-ins .p-det ul.det2 li {display: block; margin: 10px 0; }
.products-in .p-rgt .p-soc { margin-top: 40px; }
.products-in .p-rgt .p-soc ul {  }
.products-in .p-rgt .p-soc ul li:first-child { font-size: 16px; padding-right: 12px; }
.products-in .p-rgt .p-soc ul li { margin: 0 3px; }
.products-in .p-rgt .p-soc ul li a.fb { color: #385495; font-size: 25px; display: inline-block; vertical-align: middle; }
.products-in .p-rgt .p-soc ul li a.twit { color: #17a5f1; font-size: 25px; display: inline-block; vertical-align: middle; }
.products-in .p-rgt .p-soc ul li a.gl { color: #dc483e; font-size: 25px; display: inline-block; vertical-align: middle; }
.products-in .p-rgt .p-soc ul li a.pint { color: #b32b2d; font-size: 25px; display: inline-block; vertical-align: middle; }
.products-in .p-rgt .p-soc ul li a.tumb { color: #37475e; font-size: 25px; display: inline-block; vertical-align: middle; }
.products-in .p-rgt .p-soc ul li a.plus { color: #ed6859; font-size: 25px; display: inline-block; vertical-align: middle; }
/********************* PROJECTS-IN *********************/

/********************* PROJECTS *********************/
.projects { position: relative; top: 145px; overflow: hidden;}
.lst { margin-top: 40px; }
.lst ul {  }
.lst ul li { float: left; width: 33.33%; }
.lst .p-item { max-width: 640px; margin: auto auto; }
.lst .p-item .p-img { position: relative; }
.lst .p-item .p-img a { opacity: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; background-color: rgba( 17, 17, 17, 0.57); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.lst .p-item .p-img a:hover { opacity: 1; }
.lst .p-item .p-img a > span { font-weight: 300; color: #fff; font-size: 36px; }
.lst .p-item .p-img a > span span.line img { padding: 14px 0 15px 0;}
.lst .p-item .p-img a > span span.more { font-size: 18px; font-weight: normal;}
.projects .lnk { text-align: center; border: 1px solid #ccc; max-width: 216px; width: 100%; margin: 50px auto; padding: 7px 15px; font-size: 24px; cursor: pointer; }
#infscr-loading { text-align: center; z-index: 100; position: fixed; left: 50%; bottom: 60px; width: 274px; margin-left: -137px; padding: 7px 10px; background: #9e0b0f; opacity: 0.8; color: #fff; border: 1px solid #959595; }
/********************* PROJECTS *********************/

/********************* PROJECTS-IN *********************/
.projects-in { position: relative; top: 145px; overflow: hidden;}
.projects-in .und { margin-top: 50px; }
.projects-in .p-lft { float: left; width: 640px; z-index: 1; position: relative;}
.projects-in .p-rgt { float: right; width: 100%; margin-left: -640px; }
.projects-in .p-rgt .p-rgt-ins { padding-left: 690px; }
.projects-in .p-rgt .p-rgt-ins .comp-txt { font-size: 16px; line-height: normal;}
.projects-in .p-rgt .p-soc { margin-top: 40px; }
.projects-in .p-rgt .p-soc ul {  }
.projects-in .p-rgt .p-soc ul li:first-child { font-size: 16px; padding-right: 12px; }
.projects-in .p-rgt .p-soc ul li { margin: 0 3px; }
.projects-in .p-rgt .p-soc ul li a.fb { color: #385495; font-size: 25px; display: inline-block; vertical-align: middle; }
.projects-in .p-rgt .p-soc ul li a.twit { color: #17a5f1; font-size: 25px; display: inline-block; vertical-align: middle; }
.projects-in .p-rgt .p-soc ul li a.gl { color: #dc483e; font-size: 25px; display: inline-block; vertical-align: middle; }
.projects-in .p-rgt .p-soc ul li a.pint { color: #b32b2d; font-size: 25px; display: inline-block; vertical-align: middle; }
.projects-in .p-rgt .p-soc ul li a.tumb { color: #37475e; font-size: 25px; display: inline-block; vertical-align: middle; }
.projects-in .p-rgt .p-soc ul li a.plus { color: #ed6859; font-size: 25px; display: inline-block; vertical-align: middle; }
/********************* PROJECTS-IN *********************/

/********************* FAQ *********************/
.faq { position: relative; top: 145px;}
.faq .lst { margin-top: 8px; }

.panel-group .panel { border: 0; border-bottom: 1px solid #ccc; }
.panel-group .panel + .panel { margin-top: 0; }
.panel-group .panel-heading { background: none; padding: 0; }
.panel-group .panel-heading h4 a { display: block; font-size: 24px; color: #000; padding: 24px 0 20px 0; }
.panel-group .panel-heading h4 a img { position: relative; left: -3px; opacity: 0; display: inline-block; vertical-align: middle; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.panel-group .panel-heading h4 a img.open { position: relative; left: -33px; opacity: 1; display: inline-block; vertical-align: middle; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.panel-group .panel-heading h4 a.collapsed img { opacity: 1; }
.panel-group .panel-heading h4 a.collapsed img.open { opacity: 0; }
.panel-group .panel-body { font-size: 18px; padding: 2px 0 38px 59px; color: #000; line-height: 25px; border-top: 0!important; border: 0!important; }
/********************* FAQ *********************/

/********************* CONTACT *********************/
.contact { position: relative; top: 145px; }
.contact .main-content-ins2 { max-width: 822px; margin: auto auto; padding: 0 10px; }
.contact .h-map { margin-top: 0; }
.contact .c-top { margin-top: 50px; }
.contact .c-top .top-ttl { font-size: 30px; margin-bottom: 22px; }
.contact .c-top .addr { font-size: 16px; }
.contact .c-top .addr img { display: inline-block; vertical-align: middle; padding-right: 20px; }
.contact .c-top .pho { font-size: 16px;  margin-top: 18px; }
.contact .c-top .pho img { display: inline-block; vertical-align: middle; padding-right: 20px; }
.contact .c-top .fax { font-size: 16px;  margin-top: 18px; }
.contact .c-top .fax img { display: inline-block; vertical-align: middle; padding-right: 20px; }
.contact .c-top .mail { font-size: 16px;  margin-top: 18px; }
.contact .c-top .mail img { display: inline-block; vertical-align: middle; padding-right: 20px; }

.contact .c-bottom { margin-top: 35px; }
.contact .c-bottom .bot-ttl { font-size: 30px; margin-bottom: 22px;}
.contact .c-bottom .frm { margin-bottom: 100px; }
.contact .c-bottom .frm .inpt.inpt-l { float: left; width: 50%; padding-right: 7px; }
.contact .c-bottom .frm .inpt.inpt-r { float: right; width: 50%; padding-left: 7px; }
.contact .c-bottom .frm .inpt label { font-size: 16px; padding-bottom: 3px; font-weight: normal; margin-top: 10px;}
.contact .c-bottom .frm .rqrd { font-size: 14px; margin-top: 12px; }
.contact .c-bottom .frm .und {  }
.contact .c-bottom .frm .und .captcha { float: left; margin-top: 22px; }
.contact .c-bottom .frm .und .mybtn { float: right; margin-top: 10px; }
.contact .c-bottom .frm .und .mybtn .btn-primary { background-color: #111; }

/********************* CONTACT *********************/

@media only screen and (max-width: 1440px) { /* .col-lg- */
/********************* COMPANY *********************/
.company .right { padding-left: 30px; }
/********************* COMPANY *********************/
}
@media only screen and (max-width: 1199px) { /* .col-lg- */

/********************* PARALLAX *********************/
.parallaxer-1 .application-form .frm { position: relative; bottom: 35px; }
/********************* PARALLAX *********************/

/********************* HOMEPAGE *********************/
.home .und-parallax .img-und-parallax .und-parallax-ins .und-ttl { font-size: 40px; }
.home .parallaxer-1 { top: 0; }
.home .map { padding-top: 0; }
/********************* HOMEPAGE *********************/

/********************* COMPANY *********************/
.company .left { float: none; width: 100%; }
.company .left img { margin: auto auto; }
.company .right { float: none; width: 100%; padding-left: 0;  }
.company .right .comp-ttl { text-align: center;}
/********************* COMPANY *********************/

/********************* CATEGORIES *********************/
.categories .pro-lst ul { margin-left: -20px; margin-right: -20px;  }
.categories .pro-lst ul li { padding: 17px 20px 17px 20px; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.products .pro-lst ul {  margin-left: -20px; margin-right: -20px; }
.products .pro-lst ul li { padding: 17px 20px 17px 20px; }
/********************* PRODUCTS *********************/

/********************* PRODUCTS-IN *********************/
.products-in .p-lft { float: none; max-width: 642px; width: 100%; margin: 10px auto; }
.products-in .p-rgt { float: none; width: 100%; margin-left: 0; margin: auto auto; }
.products-in .p-rgt .p-rgt-ins { padding-left: 0; }
.products-in .p-rgt .p-rgt-ins .comp-txt { float: left; width: 60%; }
.products-in .p-rgt .p-rgt-ins .p-det { float: left; width: 40%; }
.products-in .p-rgt .p-rgt-ins .p-det ul { float: left; width: 50%; padding-left: 20px;}
.products-in .p-rgt .p-rgt-ins .p-det ul.det1 { margin-top: 0; }
.products-in .p-rgt .p-rgt-ins .p-det ul.det2 { margin-top: 0; }
/********************* PRODUCTS-IN *********************/

/********************* PROJECTS ********************/	
.lst .p-item .p-img a > span { font-size: 30px; }
/********************* PROJECTS ********************/	

/********************* PROJECTS-IN ********************/	
.projects-in .p-rgt .p-rgt-ins { padding-left: 660px; }
/********************* PROJECTS-IN ********************/
}

@media only screen and (max-width: 1030px) { /* .col-md- */
/********************* HOMEPAGE *********************/
.home .und-parallax .img-und-parallax .pro-lst ul li { width: 50%; }
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-ttl a { margin-bottom: 10px; }
/********************* HOMEPAGE *********************/
}
@media only screen and (max-width: 991px) { /* .col-md- */
/********************* HEADER *********************/
header nav .h-rgt .top > div.lngs { margin-left: 25px; }
header nav .h-rgt .bot #main-menu ul li { margin-left: 25px; }
header nav .h-lft { float: none; padding: 0; }
header nav .h-lft img { margin: auto auto; width: 250px; }
header nav .h-rgt .top { text-align: center; margin-top: 5px; }
header nav .h-rgt .bot { text-align: center; }
nav.shrink .h-rgt .top { margin-top: 5px; }
/********************* HEADER *********************/

/********************* FOOTER *********************/
footer .copy { float: none; text-align: center; padding-left: 0;}
footer .f-top { background-color: #111; color: #fff; font-size: 30px; text-align: center; padding-top: 55px;}
footer .f-top .f-ttl { display: block; padding-right: 0; text-align: center;}
footer .f-top .inpt-lft { display: block; text-align: center; padding-right: 0; }
footer .f-top .inpt-lft input { background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 270px; }
footer .f-top .chk { padding-left: 128px; display: inline-block;}
footer .f-top .chk label { color: #fff; font-size: 14px; font-weight: 300; vertical-align: middle; padding-left: 10px; margin-bottom: 0; }
footer .f-top .inpt-rgt { display: block; padding-right: 0; }
footer .f-top .inpt-rgt input { background-color: transparent; border: none; border-bottom: 1px solid #fff; width: 270px;}
footer .f-top .mybtn { display: inline-block; width: 33px; margin-top: 20px; }
footer .f-top .mybtn button { margin: 0; padding: 0; background: #9e0b0f; width: 100%; border: 0; height: 30px; display: inline-block; vertical-align: top; }
footer .f-top .mybtn button i { margin-top: 0; }
footer .f-bottom { padding: 10px 0 10px 0; }
footer .f-bottom .f-rgt { float: none; text-align: center; padding: 10px 0 0 0; }
/********************* FOOTER *********************/

.main-ttl h1 { font-size: 40px;}
/********************* PARALLAX *********************/
.parallaxer-1 .application-form .p-ttl { font-size: 40px; }
/********************* PARALLAX *********************/

/********************* SIMPLE *********************/
.simple { top: 175px; }
/********************* SIMPLE *********************/

/********************* ERROR *********************/
.error { top: 175px; }
/********************* ERROR *********************/

/********************* RESULTS *********************/
.results { top: 175px; }
/********************* RESULTS *********************/

/********************* HOMEPAGE *********************/
.home .und-parallax .img-und-parallax .und-parallax-ins .und-ttl { font-size: 35px; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-ttl { font-size: 35px; margin-top: 50px; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-txt { font-size: 18px; margin-top: 25px; }
.home .proj .proj-ttl { font-size: 40px; }
/********************* HOMEPAGE *********************/

/********************* CATEGORIES *********************/
.categories { top: 175px; }
.categories .pro-lst ul li { width: 33.33%; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.products { top: 175px; }
.products .prod-lft { float: none; width: 100%; }
.products .prod-rgt { float: none; width: 100%; margin-left: 0; margin-top: 10px; }
.products .prod-rgt .prod-rgt-ins { padding-left: 0; }

.products .pro-lst ul li { width: 33.33%; }
/********************* PRODUCTS *********************/

/********************* PROJECTS-IN *********************/
.products-in { top: 175px;; }
/********************* PROJECTS-IN *********************/

/********************* PROJECTS *********************/
.projects { top: 175px;}
.lst ul li { float: left; width: 50%; }
.lst .p-item .p-img a > span { font-size: 36px; }
/********************* PROJECTS *********************/

/********************* PROJECTS-IN *********************/
.projects-in { top: 175px; }
.projects-in .und { margin-top: 50px; }
.projects-in .p-lft { float: none; max-width: 640px; width: 100%; margin: auto auto; }
.projects-in .p-rgt { float: none; width: 100%; margin-left: 0; margin-top: 25px; }
.projects-in .p-rgt .p-rgt-ins { padding-left: 0; }
.projects-in .p-rgt .p-rgt-ins .comp-txt { font-size: 16px; line-height: normal;}
.projects-in .p-rgt .p-soc { margin-top: 40px; }
/********************* PROJECTS-IN *********************/

/********************* COMPANY *********************/
.company { top: 175px; } 
/********************* COMPANY *********************/

/********************* FAQ *********************/
.faq { top: 175px; }
.panel-group .panel-heading h4 a { font-size: 20px; padding: 20px 0 16px 0; }
.panel-group .panel-body { font-size: 16px; padding: }
/********************* FAQ *********************/

/********************* CONTACT *********************/
.contact { top: 175px; }
.contact .c-top .top-ttl,
.contact .c-bottom .bot-ttl { font-size: 26px; }
/********************* CONTACT *********************/

}

@media only screen and (max-width: 767px) { /* .col-sm- */
.faq .main-content-ins { padding: 0 10px; }
/********************* HEADER *********************/
header nav .h-rgt .bot #main-menu { padding-top: 0px; padding-bottom: 5px; }
nav.shrink .h-rgt .top { margin-top: 0; }
header nav .h-rgt .top { margin-top: 0; }
header nav .h-rgt .top > div.pho { padding: 6px 0;}
header nav .h-rgt .top > div.lngs { margin-left: 6px; }
/********************* HEADER *********************/

.main-ttl h1 { font-size: 35px;}
/********************* PARALLAX-MAP *********************/
.parallaxer-1 .application-form .p-ttl { font-size: 35px; }
.parallaxer-1 .application-form .frm .lft { float: none; width: 100%; margin: auto auto; }
.parallaxer-1 .application-form .frm .inpt-lft-top input { height: 52px; width: 100%; }
.parallaxer-1 .application-form .frm .inpt-lft-bot input { height: 52px; width: 100%; }
.parallaxer-1 .application-form .frm .inpt-rgt { float: none; width: 100%; padding-left: 0; margin: 10px auto;}
.parallaxer-1 .application-form .frm .inpt-rgt .mybtn { float: left; }
/********************* PARALLAX-MAP *********************/

/********************* HOMEPAGE *********************/
.home .und-parallax .img-und-parallax .pro-lst ul li { float: none; width: 100%; }
.home .und-parallax .img-und-parallax .pro-lst .p-item .p-ttl a { margin-bottom: 10px; font-size: 18px; }
.home .proj .proj-ttl { font-size: 35px; }
/********************* HOMEPAGE *********************/

/********************* COMPANY *********************/
.company .right .comp-ttl { font-size: 35px;}
.company .right .comp-txt { font-size: 18px; margin-top: 20px;}
.company .right .comp-txt span { font-size: 18px; }
/********************* COMPANY *********************/

/********************* CATEGORIES *********************/
.categories .pro-lst ul {  margin-left: -10px; margin-right: -10px; }
.categories .pro-lst ul li { width: 50%; padding: 10px 10px 10px 10px; }
.categories .pro-lst .p-item .p-ttl { font-size: 18px; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.products .prod-lft { float: none; width: 100%; }
.products .prod-rgt { float: none; width: 100%; margin-left: 0; margin-top: 10px; }
.products .prod-rgt .prod-rgt-ins { padding-left: 0; }

.products .pro-lst ul {  margin-left: -10px; margin-right: -10px; }
.products .pro-lst ul li { width: 50%; padding: 10px 10px 10px 10px; }
.products .pro-lst .p-item .p-ttl { font-size: 18px; }
/********************* PRODUCTS *********************/

/********************* PROJECTS-IN *********************/
.products-in .p-lft { float: none; max-width: 642px; width: 100%; margin: 10px auto; }
.products-in .p-rgt { float: none; width: 100%; margin-left: 0; margin: auto auto; }
.products-in .p-rgt .p-rgt-ins { padding-left: 0; }
.products-in .p-rgt .p-rgt-ins .comp-txt { float: none; width: 100%; }
.products-in .p-rgt .p-rgt-ins .p-det { float: none; width: 100%; }
.products-in .p-rgt .p-rgt-ins .p-det ul { float: none; width: 100%; padding-left: 0;}
.products-in .p-rgt .p-rgt-ins .p-det ul.det1 { margin-top: 0; }
.products-in .p-rgt .p-rgt-ins .p-det ul.det2 { margin-top: 0; }
/********************* PROJECTS-IN *********************/

/********************* PROJECTS ********************/	
.lst .p-item .p-img a > span { font-size: 25px; }
/********************* PROJECTS ********************/

/********************* FAQ *********************/
.panel-group .panel-heading h4 a img { left: 13px; }
.panel-group .panel-heading h4 a img.open { left: -16px; }
.panel-group .panel-heading h4 a { font-size: 18px; text-align: center;}
.panel-group .panel-body { font-size: 15px; }
/********************* FAQ *********************/

}

@media only screen and (max-width: 600px) { /* .col-xs- */
/********************* HEADER *********************/
header nav .h-rgt { padding-right: 0; }
header nav .h-rgt .mob-menu { display: inline-block; text-align: center; float: none; }
header nav .h-rgt .mob-menu a { color: #8f2903; }
header nav .h-rgt .mob-menu i { padding-right: 5px; }
header nav .h-rgt .top > div.pho { padding: 6px 0; display: block; }
header nav .h-rgt .top > div.lngs { margin: 0; display: block; }
header nav .h-rgt .bot #main-menu { padding-top: 5px; }
header nav .h-rgt .bot #main-menu ul { display: none; }
header nav .h-rgt .srch { display: inline-block; vertical-align: middle;}
nav .h-rgt a { -webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
nav.shrink .h-rgt a { font-size: 16px; }
/********************* HEADER *********************/

/********************* HEADER *********************/
footer .copy { font-size: 9px; }
footer .copy .icon { width: 70px; }
/********************* HEADER *********************/

.main-ttl h1 { font-size: 30px;}
/********************* PARALLAX *********************/
.parallaxer-1 .application-form .p-ttl { font-size: 30px; }
/********************* PARALLAX *********************/

/********************* RESULTS *********************/
.results .m-lst ul li .lft { float: none; width: 100%; max-width: 300px; margin: auto auto; }
.results .m-lst ul li .rgt { float: none; width: 100%; margin-left: 0; }
.results .m-lst ul li .rgt .ins { padding-left: 0; }
.results .m-lst ul li .rgt .ins .ttl,
.results .m-lst ul li .rgt .ins .lnk { text-align: center; }
/********************* RESULTS *********************/

/********************* HOMEPAGE *********************/
.home .parallaxer-2 .parallaxer-2-ins .parallax-ttl { font-size: 30px; margin-top: 30px; text-align: center; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-txt { font-size: 16px; margin-top: 20px; text-align: center; }
.home .parallaxer-2 .parallaxer-2-ins .mybtn-parallax button { float: none; margin-top: 20px; }
.home .proj .proj-ttl { font-size: 30px; }
/********************* HOMEPAGE *********************/

/********************* COMPANY *********************/
.company .right .comp-ttl { font-size: 30px;}
.company .right .comp-txt { font-size: 16px;}
.company .right .comp-txt span { font-size: 16px; }
/********************* COMPANY *********************/

/********************* PRODUCTS *********************/
.products .und { margin-top: 20px; }
/********************* PRODUCTS *********************/

/********************* PROJECTS *********************/
.projects { top: 175px;}
.lst ul li { float: none; width: 100%; }
.lst .p-item .p-img a > span { font-size: 36px; }
/********************* PROJECTS *********************/

/********************* FAQ *********************/
.panel-group .panel-heading h4 a img { left: 19px; }
.panel-group .panel-heading h4 a img.open { left: -9px; }
.panel-group .panel-heading h4 a { font-size: 16px; }
.panel-group .panel-body { font-size: 14px; }
/********************* FAQ *********************/

/********************* CONTACT *********************/
.contact .c-top { margin-top: 20px; }
/********************* CONTACT *********************/
}

@media only screen and (max-width: 480px) {
.main-ttl h1 { font-size: 28px;}
/********************* PARALLAX *********************/
.parallaxer-1 .application-form .p-ttl { font-size: 28px; }
/********************* PARALLAX *********************/

/********************* HOMEPAGE *********************/
.home .parallaxer-2 .parallaxer-2-ins .parallax-ttl { margin-top: 15px; font-size: 20px; }
.home .parallaxer-2 .parallaxer-2-ins .parallax-txt { font-size: 14px; }
.home .proj .proj-ttl { font-size: 28px; }
/********************* HOMEPAGE *********************/

/********************* COMPANY *********************/
.company .right .comp-ttl { font-size: 28px;}
/********************* COMPANY *********************/

/********************* CATEGORIES *********************/
.categories .pro-lst ul {  margin-left: -0; margin-right: -0; }
.categories .pro-lst ul li { float: none; width: 100%; padding: 10px 0 10px 0; }
.categories .pro-lst .p-item { width: 100%; margin: auto auto;}
.categories .pro-lst .p-item .p-ttl { font-size: 16px; }
/********************* CATEGORIES *********************/

/********************* PRODUCTS *********************/
.products .prod-rgt .prod-rgt-ins .prod-txt { font-size: 16px; }
.products .pro-lst ul {  margin-left: 0; margin-right: 0; }
.products .pro-lst ul li { float: none; width: 100%; padding: 10px 0 10px 0; }
.products .pro-lst .p-item { width: 100%; margin: auto auto;}
.products .pro-lst .p-item .p-ttl { font-size: 16px; }
/********************* PRODUCTS *********************/

/********************* PRODUCTS-IN *********************/
.products-in .p-rgt .p-rgt-ins .p-det ul.det1 li,
.products-in .p-rgt .p-rgt-ins .p-det ul.det2 li { font-size: 16px; text-align: center;}
/********************* PRODUCTS-IN *********************/

/********************* CONTACT *********************/
.contact .c-top .top-ttl { font-size: 20px; }
.contact .c-top { text-align: center; }
.contact .c-bottom { margin-top: 25px; }
.contact .c-bottom .bot-ttl { font-size: 20px; text-align: center}
.contact .c-bottom .frm .inpt.inpt-l { float: none; width: 100%; padding-right: 0; }
.contact .c-bottom .frm .inpt.inpt-r { float: none; width: 100%; padding-left: 0; }
.contact .c-bottom .frm .inpt label { font-size: 16px; padding-bottom: 3px; font-weight: normal; }
.contact .c-bottom .frm .und .captcha { float: none; margin-top: 22px; }
.contact .c-bottom .frm .und .mybtn { float: none; margin-top: 10px; }
/********************* CONTACT *********************/

@media only screen and (max-width: 380px) {
.main-ttl h1 { font-size: 24px;}
/********************* PARALLAX *********************/
.parallaxer-1 .application-form .p-ttl { font-size: 24px; }
/********************* PARALLAX *********************/

/********************* HOMEPAGE *********************/
.home .proj .proj-ttl { font-size: 24px; }
/********************* HOMEPAGE *********************/
}