a {-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;outline: none;}
a:focus {outline: none;}
.slick-slide, .slick-slide * { outline: none !important; }
.animatethis { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.pfirstchild p:first-child { margin-top: 0px; padding-top: 0px; }
.pfirstchild p:last-child { margin-bottom: 0px; padding-bottom: 0px; }
label[class*="required"]:after { content: "*"; display: inline-block; vertical-align: top; margin-left: 4px; color: #FF0000; }
header.icms_header { background: #fff;/* background: rgba(255, 255, 255, 0); */ z-index: 9; position: fixed; top: 0; left: 0; width: 100%; }
header.icms_header .head-cont { margin: auto auto; padding: 0 40px; position: relative; min-height: 110px; }
header.icms_header .logo { float: left; margin-top: 30px; z-index: 10; position: relative; }
header.icms_header .logo a { float: left; /* background: url(../img/tnl_the_navigation_leaders.png) no-repeat center center; */  background: url(../img/tnl_20_years_logo1.png) no-repeat center center;background-size: 262px 51px; width: 262px; height: 51px; }
header.icms_header .logo img { display: block; max-width: 100%; }
header.icms_header .phone { position: absolute; top: 20px; right: 40px; z-index: 9; }
header.icms_header .phone a { font-size: 18px; font-weight: 500; color: #000; text-transform: uppercase; text-decoration: none; }
header.icms_header .phone a.ishomephone { color: #707070; }
header.icms_header .phone a span { color: #009dcc; margin-right: 7px; }
header.icms_header .search { position: absolute; bottom: 20px; right: 40px; border: 1px solid #ccc; }
header.icms_header .search .srch-form { float: left; width: 220px; position: relative; z-index: 10; }
header.icms_header .search .srch-form .npt { padding-right: 40px; }
header.icms_header .search .srch-form .npt input { margin: 0; border: 0; font-size: 16px; font-weight: 500; line-height: 20px; background: none; width: 100%; padding: 8px 10px 8px 10px; outline: none; color: #ccc; }
header.icms_header .search .srch-form .npt input::-webkit-input-placeholder {/* Chrome/Opera/Safari */color: #ccc; }
header.icms_header .search .srch-form .npt input::-moz-placeholder {/* Firefox 19+ */color: #ccc; }
header.icms_header .search .srch-form .npt input:-ms-input-placeholder {/* IE 10+ */color: #ccc; }
header.icms_header .search .srch-form .npt input:-moz-placeholder {/* Firefox 18- */color: #ccc; }
header.icms_header .search .srch-form .mybtn { position: absolute; top: 0; right: 0; }
header.icms_header .search .srch-form .mybtn button { border: 0px; margin: 0; color: #ccc; padding: 0px 0px; background: none; outline: none !important; text-indent: -9999px; width: 40px; height: 38px; font-size: 18px; }
header.icms_header .search .srch-form .mybtn button.fa:before { text-indent: 0px; position: absolute; left: 12px; top: 10px; }
header.icms_header .main-menu { clear: both;/* float: right; */ z-index: 9; padding-top: 4px; position: absolute; left: 0; top: 45px; width: 100%; padding-left: 270px; padding-right: 280px; }
header.icms_header .main-menu .menu-trigger { display: none; background: #009dcc; font-size: 21px; color: #fff; margin: 0; padding: 5px 10px; cursor: pointer; position: absolute; top: -45px; right: 0; }
header.icms_header .main-menu nav { z-index: 9; }
header.icms_header .main-menu nav > ul { list-style: none; margin: 0; padding: 0; float: right; }
header.icms_header .main-menu nav > ul > li { float: left; margin: 0; padding: 0 20px 30px 20px; position: relative; }
header.icms_header .main-menu nav > ul > li:last-child { padding-right: 0; }
header.icms_header .main-menu nav > ul > li > a { color: #009dcc; font-size: 18px; text-decoration: none; line-height: 40px; display: block; font-weight: 500; text-transform: uppercase; }
header.icms_header .main-menu nav > ul > li > a.active, header.icms_header .main-menu nav > ul > li > a:hover { color: #009dcc; }
header.icms_header .main-menu nav > ul > li .sub-content { z-index: 9; opacity: 0; visibility: hidden; position: absolute; right: 0; top: 70px; background: #fff; width: 380px; border: 1px solid #ccc; border-bottom: 5px solid #009dcc; list-style: none; padding: 15px; margin: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; -webkit-box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.15); box-shadow: 0px -3px 7px rgba(0, 0, 0, 0.15); }
header.icms_header .main-menu nav > ul > li .sub-content.activesub { opacity: 1; visibility: visible; }

/*header.icms_header .main-menu nav > ul > li .sub-content:after, header.icms_header .main-menu nav > ul > li .sub-content:before {
    bottom: 100%;
    right: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}*/
header.icms_header .main-menu nav > ul > li .sub-content:after {    /* border-color: rgba(255, 255, 255, 0); */

    /* border-bottom-color: #fff; */

    /* border-width: 16px; */

    /* margin-left: -16px; */
content: ""; position: absolute; width: 0; height: 0; top: 3px; right: 16px; box-sizing: border-box; border: 12px solid #ccc; border-color: transparent transparent #fff #fff; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 7px 0 rgba(0, 0, 0, 0.15); }
header.icms_header .main-menu nav > ul > li .sub-content:before {    /* border-color: rgba(204, 204, 204, 0); */

    /* border-bottom-color: #cccccc; */

    /* border-width: 17px; */

/* margin-left: -17px; */ }
header.icms_header .main-menu nav > ul > li .sub-content ul { float: left; list-style: none; padding: 0; margin: 0; width: 50%; }
header.icms_header .main-menu nav > ul > li .sub-content ul li { margin-top: 3px; }
header.icms_header .main-menu nav > ul > li .sub-content ul li:first-child { margin-top: 0px; }
header.icms_header .main-menu nav > ul > li .sub-content ul li a { display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px; font-size: 14px; color: #464646; text-transform: uppercase; text-decoration: none; }
header.icms_header .main-menu nav > ul > li .sub-content ul li a:hover, header.icms_header .main-menu nav > ul > li .sub-content ul li a.active { color: #009dcc; border-color: #ccc; }
header.icms_header .main-menu nav > ul > li .sub-content .banner { float: right; width: 50%; padding-left: 10px; }
header.icms_header .main-menu nav > ul > li .sub-content .banner .media { display: block; }
header.icms_header .main-menu nav > ul > li .sub-content .banner .media img { width: 100%; height: auto; display: block; border: 1px solid #ccc; }
header.icms_header .main-menu nav > ul > li .sub-content .banner .ttl { font-size: 12px; color: #464646; text-transform: uppercase; text-decoration: none; }

/*header.icms_header .main-menu nav > ul > li > ul {z-index: 9; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 31px; background: #000; width: 220px; list-style: none; padding: 0; margin: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
header.icms_header .main-menu nav > ul > li > ul.activesub {opacity: 1; visibility: visible;}
header.icms_header .main-menu nav > ul > li > ul li {border-top: 1px solid #111111; position: relative;}
header.icms_header .main-menu nav > ul > li > ul li:first-child {border-top: 0px;}
header.icms_header .main-menu nav > ul > li > ul li a {color: #fff; display: block; font-size: 16px; padding: 8px 10px 8px 15px; text-decoration: none; position: relative;}
header.icms_header .main-menu nav > ul > li > ul li a.active, header.icms_header .main-menu nav > ul > li > ul li a:hover {color: #009dcc;}
header.icms_header .main-menu nav > ul > li > ul li.sub > a {padding-right: 20px;}
header.icms_header .main-menu nav > ul > li > ul li ul {opacity: 0; visibility: hidden; left: 100%; position: absolute; background: #111111; margin: 0; padding: 0; list-style: none; width: 210px; top: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
header.icms_header .main-menu nav > ul > li > ul li ul.activesub {opacity: 1; visibility: visible;}
header.icms_header .main-menu nav > ul > li > ul li ul li {border-color: #363636;}*/
header.cbp-af-header.cbp-af-header-shrink { background: #fff; }
header.cbp-af-header.cbp-af-header-shrink .head-cont { min-height: 110px; }
header.cbp-af-header.cbp-af-header-shrink .logo { margin-top: 30px; }
header.cbp-af-header.cbp-af-header-shrink .logo a { background-size: 262px 51px; width: 262px; height: 51px; }
header.cbp-af-header.cbp-af-header-shrink .main-menu { }
header.cbp-af-header.cbp-af-header-shrink .search { bottom: 20px; }
.main-content { margin-top: 110px; }
.main-content.ishome { margin-top: 0px; }
.main-content .home-about { padding: 0 10px; max-width: 1680px; margin: auto auto; }
.main-content .home-about img { margin-top: 25px; }
.main-content .home-about .ttl { margin-top: 25px; font-size: 36px; color: #595858; text-transform: uppercase; font-weight: 700; line-height: normal; }
.main-content .home-about .ttl span { color: #009dcc; }
.main-content .home-about .txt { font-size: 20px; color: #000; margin-top: 15px; }
.main-content .home-about .more { text-align: right; margin-top: 10px; }
.main-content .logos-slider { padding: 0 40px; margin-top: 40px; }
.main-content .logos-slider .ttl { font-size: 30px; text-align: center; color: #000; position: relative; padding-bottom: 5px; }
.main-content .logos-slider .ttl:after { content: ''; width: 60px; height: 1px; background: #009dcc; position: absolute; bottom: 0; left: 50%; margin-left: -30px; }
.main-content .logos-slider .slider { margin-top: 20px; }
.main-content .logos-slider .slider .item { padding: 0 40px; }
.main-content .logos-slider .slider .item img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; }
.main-content .logos-slider .slider .item img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.main-content .logos-slider .slider .slick-left, .main-content .logos-slider .slider .slick-right { font-size: 23px; padding: 0; color: #fff; background: #009dcc; width: 30px; height: 40px; position: absolute; right: 0px; top: 50%; left: -34px; line-height: 40px; margin-top: -20px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.main-content .logos-slider .slider .slick-right { right: -34px; left: auto; padding-right: 0; padding-left: 3px; }
.main-content .logos-slider .slider .slick-left:hover, .main-content .logos-slider .slider .slick-right:hover { background-color: #595959; }
.main-content .logos-slider .slider .slick-disabled {/*cursor: no-drop;*/ }
.main-content .home-blog { margin-top: 40px; }
.main-content .home-blog > .ttl { }
.main-content .home-blog > .ttl .txt1 { display: inline-block; background-color: #009dcc; color: #fff; font-size: 48px; line-height: normal; font-weight: 700; padding: 3px 50px; }
.main-content .home-blog > .ttl .txt2 { display: inline-block; background-color: #252525; color: #fff; font-size: 48px; line-height: normal; font-weight: 700; padding: 3px 20px; }
.main-content .home-blog .blog-slider { padding: 80px 10px 100px 10px; max-width: 1250px; margin: auto auto; }
.main-content .home-blog .blog-slider .item { position: relative; }
.main-content .home-blog .blog-slider .item .all-item { position: relative; padding-left: 115px; margin-top: 15px; display: grid; grid-template-columns: 400px 1fr; }
.main-content .home-blog .blog-slider .item .date { position: absolute; width: 90px; height: 100%; left: 0; top: 0; }
.main-content .home-blog .blog-slider .item .date .day { position: absolute; width: 100%; height: 50%; background-color: #009dcc; color: #fff; font-size: 30px; font-weight: 700; text-align: center; top: 0; left: 0; display: grid; grid-template-columns: 1fr; align-items: center; }
.main-content .home-blog .blog-slider .item .date .month { text-transform: uppercase; position: absolute; width: 100%; height: 50%; background-color: #252525; color: #fff; font-size: 30px; font-weight: 700; text-align: center; top: 50%; left: 0; display: grid; grid-template-columns: 1fr; align-items: center; }
.main-content .home-blog .blog-slider .item .media {/* position: absolute; *//* left: 100px; *//* top: 0px; *//* margin: 0; */ }
.main-content .home-blog .blog-slider .item .media img { width: 100%; display: block; max-width: 360px; height: auto; }
.main-content .home-blog .blog-slider .item .data {/* height: 128px; */background-color: #fff; padding: 10px; }
.main-content .home-blog .blog-slider .item .data .ttl { }
.main-content .home-blog .blog-slider .item .data .ttl a { font-size: 20px; color: #000; font-weight: 700; text-decoration: none; display: block; }
.main-content .home-blog .blog-slider .item .data .txt { font-size: 18px; color: #000; text-decoration: none; margin-top: 10px; overflow: hidden; position: relative; }
.main-content .home-blog .blog-slider .item .data .more { margin-top: 5px; text-align: right; }
.main-content .home-blog .blog-slider .item .data .more a { color: #009dcc; font-size: 16px; line-height: 30px; display: inline-block; text-decoration: none; text-transform: uppercase; }
.main-content .home-blog .blog-slider .item .data .more a span { float: right; line-height: 30px; font-size: 27px; margin-left: 10px; }
.main-content .home-blog .blog-slider .slick-up, .main-content .home-blog .blog-slider .slick-down { font-size: 23px; padding: 0; color: #fff; background: #009dcc; width: 28px; height: 28px; position: absolute; bottom: -57px; right: 33px; line-height: 25px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.main-content .home-blog .blog-slider .slick-down { right: 0px; left: auto; padding-right: 0; padding-left: 3px; }
.main-content .home-blog .blog-slider .slick-up:hover, .main-content .home-blog .blog-slider .slick-down:hover { background-color: #595959; }
.main-content .home-blog .blog-slider .slick-disabled {/*cursor: no-drop;*/ }
.main-content .under-header { }
.main-content .under-header img { max-width: 100%; display: block; height: auto; margin: auto auto; }
.inner-content { max-width: 1560px; margin: auto auto;padding: 0 10px 30px 0;}
.inner-content .products-cont { margin-top: 30px; }
.inner-content .products-cont h1.pl-ttl { font-size: 30px; font-weight: bold; color: #000; margin: 0; padding: 0; text-transform: uppercase; }
.inner-content .products-cont .products-list { list-style: none; padding: 0; margin: 0 -10px; }
.inner-content .products-cont .products-list li { list-style: none; padding: 0; margin: 0; float: left; width: 25%; padding: 0 10px; margin-top: 25px; }
.inner-content .products-cont .products-list li .media { display: block; position: relative; border: 1px solid #ccc; text-decoration: none; }
.inner-content .products-cont .products-list li .media img { width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.inner-content .products-cont .products-list li .media:hover img { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.inner-content .products-cont .products-list li .media span.more { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #009dcc; background-color: rgba(0, 157, 204, 0.7); opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.inner-content .products-cont .products-list li .media span.more span { position: absolute; top: 50%; left: 0; display: block; margin-top: -14px; width: 100%; text-align: center; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 500; }
.inner-content .products-cont .products-list li .media:hover span.more { opacity: 1; visibility: visible; }
.inner-content .products-cont .products-list li .ttl { font-size: 18px; font-weight: 500; display: block; margin-top: 10px; color: #000; text-decoration: none; }
.inner-content .products-cont .products-list li .ttl::after { content: "\f0da"; font-family: FontAwesome; color: #009dcc; display: inline-block; margin-left: 5px; }
.inner-content .page-data { margin-top: 30px; }
.inner-content .page-data h1.page-ttl { font-size: 36px; font-weight: bold; color: #000; margin: 0; padding: 0; padding-bottom: 25px; text-transform: uppercase; border-bottom: 1px solid #ccc; }
.inner-content .page-data .page-ttl { font-size: 36px; font-weight: bold; color: #000; margin: 0; padding: 0; text-transform: uppercase; }
.inner-content .page-data .page-txt { margin-top: 25px; font-size: 16px; color: #000; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.inner-content .lft-cats { margin-top: 20px; max-width: 250px; }
.inner-content .lft-cats ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #ccc; }
.inner-content .lft-cats ul li { border-bottom: 1px solid #ccc; }
.inner-content .lft-cats ul li a { display: block; background-color: #fff; color: #000; font-size: 16px; text-transform: uppercase; padding: 8px 10px; border-left: 10px solid #fff; text-decoration: none; }
.inner-content .lft-cats ul li a.active, .inner-content .lft-cats ul li a:hover { background-color: #595959; border-color: #009dcc; color: #fff; }
.inner-content .art-tpl { margin-top: 20px; }
.inner-content .art-tpl > h1.ttl { font-size: 24px; color: #000; padding: 0; margin: 0; font-weight: 500; }
.inner-content .art-tpl > .txt { font-size: 16px; margin-top: 20px; }
.inner-content .art-tpl > .video { margin-top: 20px; }
.inner-content .art-tpl > .slider { margin-top: 20px; padding: 0 0px; }
.inner-content .art-tpl > .slider .item { padding: 0 5px; }
.inner-content .art-tpl > .slider .item img { width: 100%; height: auto; display: block; }
.inner-content .art-tpl > .slider .slick-left, .inner-content .art-tpl > .slider .slick-right { font-size: 35px; padding: 0; color: #fff; background: #009dcc; width: 40px; height: 40px; position: absolute; right: 5px; top: 50%; left: 5px; line-height: 34px; margin-top: -20px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .art-tpl > .slider .slick-right { right: 5px; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .art-tpl > .slider .slick-left:hover, .inner-content .art-tpl > .slider .slick-right:hover { background-color: #595959; }
.inner-content .art-tpl > .slider .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .art-tpl > .actions { margin-top: 20px; }
.inner-content .art-tpl > .actions a { font-size: 18px; color: #252525; font-weight: 500; text-decoration: none; }
.inner-content .art-tpl > .actions span { color: #009dcc; font-size: 20px; }
.inner-content .cat-list { overflow: hidden; }
.inner-content .cat-list ul { list-style: none; padding: 0; margin: 0 -15px; }
.inner-content .cat-list ul li { list-style: none; padding: 0 15px; margin: 0; margin-top: 30px; float: left; width: 33.333%; }
.inner-content .cat-list ul li .media { position: relative; display: block; text-decoration: none; }
.inner-content .cat-list ul li .media img { width: 100%; height: auto; display: block; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
.inner-content .cat-list ul li .media span.ttl { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; margin-top: -22px; }
.inner-content .cat-list ul li .media span.ttl span { display: inline-block; background-color: #009dcc; font-size: 24px; font-weight: 700; color: #fff; padding: 5px 15px; text-transform: uppercase; }
.inner-content .cat-list ul li .media:hover span.ttl span { background-color: #fff; color: #009dcc; }
.inner-content .cat-list ul li .media:hover img { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); transform: scale(1.3); }
.inner-content .newsletter-form { max-width: 900px; margin: auto; }
.inner-content .newsletter-form .nf-ttl { text-align: center; color: #009dcc; font-weight: 600; font-size: 30px; text-transform: uppercase; margin-top: 20px; }
.inner-content .newsletter-form .nf-icon { text-align: center; }
.inner-content .newsletter-form .nf-icon img { max-width: 100%; margin: auto; margin-top: 25px; }
.inner-content .newsletter-form .nf-text { text-align: center; font-size: 18px; color: #000000; max-width: 480px; margin: auto; margin-top: 25px; }
.inner-content .newsletter-form .nf-data { margin-top: 40px; padding: 0 10px; }
.inner-content .newsletter-form .nf-data .txt { text-align: center; font-size: 18px; color: #000000; max-width: 480px; margin: auto; margin-top: 25px; margin-bottom: 25px; }
.inner-content .newsletter-form .nf-data input.custom-input { }
.inner-content .newsletter-form .nf-data .terms { }
.inner-content .newsletter-form .nf-data .terms label { margin-left: 10px; font-size: 14px; color: #000; font-weight: normal; }
.inner-content .newsletter-form .nf-data .terms label a { color: #009dcc; text-decoration: underline; }
.inner-content .newsletter-form .nf-data .btn-submit { display: block; width: 100%; max-width: 210px; margin: auto; background: #009dcc; color: #fff; border: 0; outline: none; font-size: 16px; font-weight: 600; padding: 10px; line-height: 20px; margin-top: 10px; }
.inner-content .newsletter-form .nf-data .btn-submit-r { background: #fff; border: 1px solid #009dcc; color: #000; }
.inner-content .contact-form-tpl { max-width: 900px; margin: auto; }
.inner-content .contact-form-tpl .cf-ttl { text-align: center; color: #009dcc; font-weight: 600; font-size: 30px; text-transform: uppercase; margin-top: 20px; }
.inner-content .contact-form-tpl .cf-ttl span { color: #595858; }
.inner-content .contact-form-tpl .cf-icon { text-align: center; }
.inner-content .contact-form-tpl .cf-icon img { max-width: 100%; margin: auto; margin-top: 25px; }
.inner-content .contact-form-tpl .cf-text { text-align: center; font-size: 18px; color: #000000; max-width: 740px; margin: auto; margin-top: 25px; }
.inner-content .contact-form-tpl .cf-text a { color: #009dcc; font-weight: bold; }
.inner-content .contact-form-tpl .cf-data { margin-top: 40px; padding: 0 10px; }
.inner-content .contact-form-tpl .cf-data .txt { text-align: center; font-size: 18px; color: #000000; max-width: 480px; margin: auto; margin-top: 25px; margin-bottom: 25px; }
.inner-content .contact-form-tpl .cf-data input.custom-input { }
.inner-content .contact-form-tpl .cf-data .phone-data { position: relative; padding-left: 145px; }
.inner-content .contact-form-tpl .cf-data .phone-data .area-code { position: absolute; left: 10px; top: 0; width: 110px; }
.inner-content .contact-form-tpl .cf-data .phone-data .area-code::after { content: '-'; position: absolute; left: 120px; top: 0; font-size: 26px; color: #000; }
.inner-content .contact-form-tpl .cf-data .form-group { margin-bottom: 30px; }
.inner-content .contact-form-tpl .cf-data .required-data { font-size: 14px; }
.inner-content .contact-form-tpl .cf-data .recaptcha-data { float: right; }
.inner-content .contact-form-tpl .cf-data .lft-btn { text-align: left; }
.inner-content .contact-form-tpl .cf-data .rght-btn { text-align: right; }
.inner-content .contact-form-tpl .cf-data .custom-lnk { display: inline-block; width: 100%; max-width: 210px; background: #fff; color: #000; border: 1px solid #009dcc; outline: none; font-size: 16px; font-weight: 600; padding: 10px; line-height: 20px; margin-top: 10px; text-align: center; text-transform: uppercase; text-decoration: none; }
.inner-content .contact-form-tpl .cf-data .terms { margin-top: 10px; }
.inner-content .contact-form-tpl .cf-data .terms label { font-size: 14px; color: #000; font-weight: normal; }
.inner-content .contact-form-tpl .cf-data .terms label a { color: #009dcc; text-decoration: underline; }
.inner-content .contact-form-tpl .cf-data .btn-submit { display: inline-block; width: 100%; max-width: 210px; margin: auto; background: #009dcc; color: #fff; border: 1px solid #009dcc; outline: none; font-size: 16px; font-weight: 600; padding: 10px; line-height: 20px; margin-top: 10px; }
.inner-content .contact-form-tpl .cf-data .btn-submit-r { background: #fff; border: 1px solid #009dcc; color: #000; }
.inner-content .blog-cont { }
.inner-content .blog-cont ul.blog-list { list-style: none; padding: 0; margin: 0; }
.inner-content .blog-cont ul.blog-list li { position: relative; list-style: none; padding: 0 0 30px; margin: 30px 0 0 0; border-bottom: 1px solid #ccc; }
.inner-content .blog-cont ul.blog-list li .all-item { position: relative; padding-left: 115px; margin-top: 15px;/* min-height: 240px; */ display: grid; grid-template-columns: 400px 1fr; }
.inner-content .blog-cont ul.blog-list li .date { position: absolute; width: 95px; height: 100%; left: 0; top: 0; }
.inner-content .blog-cont ul.blog-list li .date .day { position: absolute; width: 100%; height: 50%; background-color: #009dcc; color: #fff; font-size: 30px; font-weight: 700; text-align: center; top: 0; left: 0; display: grid; grid-template-columns: 1fr; align-items: center; }
.inner-content .blog-cont ul.blog-list li .date .month { text-transform: uppercase; position: absolute; width: 100%; height: 50%; display: block; background-color: #252525; color: #fff; font-size: 30px; font-weight: 700; text-align: center; top: 50%; left: 0; display: grid; grid-template-columns: 1fr; align-items: center; }
.inner-content .blog-cont ul.blog-list li .media {/* position: absolute; *//* left: 100px; *//* top: 0px; *//* margin: 0; */ }
.inner-content .blog-cont ul.blog-list li .media img { width: 100%; display: block; max-width: 360px; height: auto; }
.inner-content .blog-cont ul.blog-list li .data {/* min-height: 240px; */background-color: #fff; padding: 10px; }
.inner-content .blog-cont ul.blog-list li .data .ttl { }
.inner-content .blog-cont ul.blog-list li .data .ttl a { font-size: 20px; color: #000; font-weight: 700; text-decoration: none; display: block; }
.inner-content .blog-cont ul.blog-list li .data .txt { font-size: 18px; color: #000; text-decoration: none; margin-top: 10px; overflow: hidden; position: relative; }
.inner-content .blog-cont ul.blog-list li .data .more { margin-top: 5px; text-align: right; }
.inner-content .blog-cont ul.blog-list li .data .more a { color: #009dcc; font-size: 16px; text-transform: uppercase; display: inline-block; text-decoration: none; line-height: 30px; }
.inner-content .blog-cont ul.blog-list li .data .more a span { float: right; line-height: 30px; font-size: 27px; margin-left: 10px; }
.inner-content .tpl1-cont { margin-top: 20px; }
.inner-content .tpl1-cont h1.ttl, .inner-content .tpl1-cont h2.ttl { font-size: 24px; color: #000; padding: 0; margin: 0; font-weight: 500; border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.inner-content .tpl1-cont ul.tpl1-list {list-style: none;padding: 0;margin: 0;padding-top: 10px;}
.inner-content .tpl1-cont ul.tpl1-list li {margin-top: 10px;/* border-bottom: 1px solid #ccc; */padding-bottom: 10px;}
.inner-content .tpl1-cont ul.tpl1-list li .ttl { font-size: 18px; font-weight: 500; color: #009dcc; padding: 0; margin: 0; }
.inner-content .tpl1-cont ul.tpl1-list li .txt { margin-top: 15px; font-size: 16px; color: #000; }
.inner-content .tpl1-cont ul.tpl1-list li .action { margin-top: 15px; }
.inner-content .tpl2-cont { margin-top: 20px; }
.inner-content .tpl2-cont h1.ttl { font-size: 24px; color: #000; padding: 0; margin: 0; font-weight: 500; }
.inner-content .tpl2-cont .tpl2-list { overflow: hidden; }
.inner-content .tpl2-cont .tpl2-list ul { list-style: none; padding: 0; margin: 0; margin: 0 -30px; }
.inner-content .tpl2-cont .tpl2-list ul li { padding: 0 30px; float: left; width: 20%; margin-top: 20px; }
.inner-content .tpl2-cont .tpl2-list ul li .media { }
.inner-content .tpl2-cont .tpl2-list ul li .media img { width: 100%; height: auto; display: block; }
.inner-content .tpl2-cont .tpl2-list ul li .ttl { font-size: 20px; font-weight: 500; color: #009dcc; border-bottom: 1px solid #ccc; padding: 5px 0; }
.inner-content .tpl2-cont .tpl2-list ul li .txt { font-size: 18px; font-weight: 500; color: #252525; padding-top: 5px; }
.inner-content .tpl2-cont .tpl2-list ul li .mail { font-size: 16px; font-weight: 500; color: #595959; padding-top: 2px; }
.inner-content .tpl3-cont { margin-top: 20px; }
.inner-content .tpl3-cont h1.ttl { font-size: 24px; color: #000; padding: 0; margin: 0; font-weight: 500; }
.inner-content .tpl3-cont ul.tpl3-list { list-style: none; padding: 0; margin: 0; }
.inner-content .tpl3-cont ul.tpl3-list li { margin-top: 25px; border-bottom: 1px solid #ccc; padding-bottom: 25px; }
.inner-content .tpl3-cont ul.tpl3-list li .media { float: left; width: 185px; }
.inner-content .tpl3-cont ul.tpl3-list li .media img { max-width: 100%; margin: auto auto; display: block; height: auto; }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data { padding-left: 200px; }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .ttl { font-size: 18px; color: #252525; font-weight: 500; padding-left: 19px; }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .txt { font-size: 14px; color: #252525; font-weight: normal; padding-left: 19px; }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .links { }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .links div { }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .links a { font-size: 16px; color: #252525; text-decoration: none; }
.inner-content .tpl3-cont ul.tpl3-list li .txt-data .links a:before { content: "\f019"; font-family: FontAwesome; margin-right: 5px; color: #009dcc; }
.inner-content .contact-form { max-width: 1300px; margin: auto auto; margin-top: 20px; }
.inner-content .contact-form h2.ttl { margin: 0; padding: 0; text-align: center; font-size: 30px; color: #595858; text-transform: uppercase; margin-bottom: 20px; }
.inner-content .contact-form h2.ttl span { color: #009dcc; }
.inner-content .find-us-cont { }
.inner-content .find-us-cont .find-cat-list { margin-top: 20px; }
.inner-content .find-us-cont .find-cat-list ul { list-style: none; padding: 0; margin: 0; }
.inner-content .find-us-cont .find-cat-list ul li { border-top: 1px solid #ccc; }
.inner-content .find-us-cont .find-cat-list ul li:first-child { border-top: 0px solid #ccc; }
.inner-content .find-us-cont .find-cat-list ul li a { display: block; font-size: 18px; color: #252525; padding: 15px 0; text-decoration: none; }
.inner-content .find-us-cont .find-cat-list ul li .fa { color: #009dcc; font-size: 11px; float: left; line-height: 25px; margin-right: 10px; }
.inner-content .find-us-cont .find-cat-list ul li a.active, .inner-content .find-us-cont .find-cat-list ul li a:hover { color: #009dcc; }
.inner-content .find-us-cont .map { width: 100%; height: 450px; margin-top: 20px; }
.inner-content .find-us-cont .contact-info { margin-top: 20px; }
.inner-content .find-us-cont .contact-info h2.ttl { font-size: 20px; font-weight: normal; text-transform: uppercase; padding: 0; margin: 0; }
.inner-content .find-us-cont .contact-info .contact-attrs { list-style: none; padding: 0; margin: 0; }
.inner-content .find-us-cont .contact-info ul.contact-attrs li { margin-top: 15px; font-size: 16px; font-weight: normal; position: relative; color: #000; padding: 10px 0 10px 40px; }
.inner-content .find-us-cont .contact-info ul.contact-attrs li span { position: absolute; left: 0; top: 2px; text-align: center; width: 30px; color: #009dcc; }
.inner-content .find-us-cont .contact-info ul.contact-attrs li.support { font-size: 14px; font-weight: 500; }
.inner-content .find-us-cont .contact-info ul.contact-attrs li.support span { color: #000; top: 0px; }
.inner-content .find-us-cont .contact-info ul.contact-attrs li span::before { margin: 0; font-size: 26px; }
.popup-data {padding: 0;position: relative;}
.popup-data .pd-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.popup-data .pd-grid .pdg-media {}
.popup-data .pd-grid .pdg-media img {
    width: 100%;
    display: block;
    height: auto;
}
.popup-data .pd-grid .pdg-data {
    padding: 40px 30px;
}
.popup-data .popup-logo {
    padding-top: 10px;
}
.popup-data .popup-logo img {
    display: block;
    max-width: 150px;
    height: auto;
}
.popup-data .popup-title {padding-top: 40px;text-align: left;font-size: 24px;color: #000;font-weight: 500;}
.popup-data .popup-text {margin-top: 20px;color: #555555;font-size: 16px;line-height: 24px;}
.popup-data .btn-closeit {position: absolute;right: 10px;top: 10px;background: #fff;border: 0;outline: none;padding: 0;margin: 0;display: block;font-size: 18px;color: #555555;line-height: 32px;width: 32px;text-align: center;border: 1px solid #009dcc;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.inner-content .next-prev-product { font-size: 18px; color: #000; font-weight: 700; text-transform: uppercase; border-top: 1px solid #ccc; padding: 15px 0; margin-top: 50px; border-bottom: 1px solid #ccc; }
.inner-content .next-prev-product .prev { float: left; }
.inner-content .next-prev-product .prev .txt { color: #009dcc; }
.inner-content .next-prev-product .prev a { color: #000; text-decoration: none; }
.inner-content .next-prev-product .prev a span { color: #009dcc; }
.inner-content .next-prev-product .next { float: right; }
.inner-content .next-prev-product .next .txt { color: #009dcc; }
.inner-content .next-prev-product .next a { color: #000; text-decoration: none; }
.inner-content .next-prev-product .next a span { color: #009dcc; }
.inner-content .blog-article { margin-top: 20px; }
.inner-content .blog-article h1.b-title { font-size: 36px; font-weight: bold; color: #000; margin: 0; padding: 7px 0 0 55px; padding-bottom: 25px; text-transform: uppercase; border-bottom: 1px solid #ccc; position: relative; }
.inner-content .blog-article h1.b-title .date { position: absolute; width: 40px; height: 52px; left: 0; top: 0; display: flex; flex-flow: row wrap; }
.inner-content .blog-article h1.b-title .date .day { width: 40px; height: 50%; background-color: #009dcc; color: #fff; font-size: 13px; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; }
.inner-content .blog-article h1.b-title .date .month { text-transform: uppercase; width: 40px; height: 50%; background-color: #252525; color: #fff; font-size: 10px; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; }
.inner-content .blog-article .b-media { margin-top: 20px; float: left; width: 40%; padding-right: 50px; }
.inner-content .blog-article .b-media .media-slider { border: 1px solid #ccc; }
.inner-content .blog-article .b-media .media-slider .item { }
.inner-content .blog-article .b-media .media-slider .item img { width: 100%; height: auto; display: block; }
.inner-content .blog-article .b-media .media-slider .slick-left, .inner-content .blog-article .b-media .media-slider .slick-right { font-size: 28px; padding: 0; color: #fff; background: #009dcc; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; left: 0; line-height: 24px; margin-top: -15px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .blog-article .b-media .media-slider .slick-right { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .blog-article .b-media .media-slider .slick-left:hover, .inner-content .blog-article .b-media .media-slider .slick-right:hover { background-color: #595959; }
.inner-content .blog-article .b-media .media-slider .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .blog-article .b-data { margin-top: 20px; float: right; width: 60%; }
.inner-content .blog-article .b-data .b-txt { font-size: 16px; color: #121622; }
.inner-content .blog-article .b-data .b-share { margin-top: 20px; }
.inner-content .blog-article .b-data .b-share label { float: left; font-size: 14px; font-weight: normal; margin: 0; margin-right: 10px; padding-top: 2px; }
.inner-content .blog-article .b-data .b-share .share-tools { float: left; }
.inner-content .blog-article .b-data .b-actions { margin-top: 20px; }
.inner-content .blog-article .b-data .b-actions .simple-but { background-color: #fff; color: #009dcc; -webkit-box-shadow: inset 1px 1px 1px 1px rgba(238, 29, 37, 1); -moz-box-shadow: inset 1px 1px 1px 1px rgba(238, 29, 37, 1); box-shadow: inset 0px 0px 0px 1px rgba(238, 29, 37, 1); }
.inner-content .more-blog { margin-top: 35px; }
.inner-content .more-blog .mb-ttl { font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.inner-content .more-blog .mb-ttl span { color: #009dcc; }
.inner-content .more-blog .more-slider { margin-top: 15px; padding: 0 55px; }
.inner-content .more-blog .more-slider .item { padding: 0 10px; }
.inner-content .more-blog .more-slider .item .media { position: relative; display: block; padding-left: 90px; }
.inner-content .more-blog .more-slider .item .media .date { position: absolute; width: 85px; height: 100%; left: 0; top: 0; display: flex; flex-flow: row wrap; }
.inner-content .more-blog .more-slider .item .media .date .day { width: 85px; height: 50%; background-color: #009dcc; color: #fff; font-size: 26px; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; }
.inner-content .more-blog .more-slider .item .media .date .month { text-transform: uppercase; width: 85px; height: 50%; background-color: #252525; color: #fff; font-size: 20px; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; }
.inner-content .more-blog .more-slider .item .media img { width: 100%; height: auto; display: block; border: 1px solid #ccc; }
.inner-content .more-blog .more-slider .item .ttl { margin-top: 10px; }
.inner-content .more-blog .more-slider .item .ttl a { font-size: 18px; font-weight: 700; color: #000; text-transform: uppercase; text-decoration: none; }
.inner-content .more-blog .more-slider .item .more { }
.inner-content .more-blog .more-slider .item .more a { color: #009dcc; font-size: 16px; font-weight: normal; text-decoration: none; }
.inner-content .more-blog .more-slider .slick-left, .inner-content .more-blog .more-slider .slick-right { font-size: 36px; padding: 0; color: #fff; background: #009dcc; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; left: 0; line-height: 24px; text-align: center; margin-top: -50px; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .more-blog .more-slider .slick-right { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .more-blog .more-slider .slick-left:hover, .inner-content .more-blog .more-slider .slick-right:hover { background-color: #595959; }
.inner-content .more-blog .more-slider .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .inquiry-tpl { max-width: 1300px; margin: auto; }
.inner-content .inquiry-tpl .it-ttl { color: #595858; font-size: 30px; font-weight: 600; text-transform: uppercase; text-align: center; margin-top: 20px; }
.inner-content .inquiry-tpl .it-ttl span { color: #009dcc; }
.inner-content .inquiry-tpl .it-txt { text-align: center; font-size: 18px; color: #000000; margin-top: 20px; }
.inner-content .inquiry-tpl .it-list { margin-top: 40px; }
.inner-content .inquiry-tpl .it-list > ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; }
.inner-content .inquiry-tpl .it-list > ul > li { position: relative; padding: 0 80px; }
.inner-content .inquiry-tpl .it-list > ul > li:nth-child(even) { border-left: 1px solid #ccc; }
.inner-content .inquiry-tpl .it-list > ul > li > .icon { text-align: center; }
.inner-content .inquiry-tpl .it-list > ul > li > .icon img { max-width: 100%; display: block; margin: auto; height: auto; }
.inner-content .inquiry-tpl .it-list > ul > li > .ttl { font-size: 24px; font-weight: 600; color: #009dcc; text-align: center; text-transform: uppercase; margin-top: 25px; }
.inner-content .inquiry-tpl .it-list > ul > li > .ttl span { color: #595858; }
.inner-content .inquiry-tpl .it-list > ul > li > .txt { font-size: 18px; color: #000; margin-top: 20px; }
.inner-content .inquiry-tpl .it-list > ul > li > .txt a { color: #009dcc; font-weight: 600; text-decoration: none; }
.inner-content .inquiry-tpl .it-list > ul > li > .more { margin-top: 20px; text-align: center; }
.inner-content .inquiry-tpl .it-list > ul > li > .more a { background: #009dcc; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; line-height: 20px; padding: 10px 20px; text-transform: uppercase; min-width: 210px; text-decoration: none; }
.inner-content .find-us-tpl { max-width: 1300px; margin: auto; padding: 0 50px; margin-top: 50px; padding-bottom: 50px; }
.inner-content .find-us-tpl > ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 100px; }
.inner-content .find-us-tpl > ul > li { position: relative; background: #fff; -webkit-box-shadow: 5px 15px 30px 3px rgba(0, 0, 0, 0.35); -moz-box-shadow: 5px 15px 30px 3px rgba(0, 0, 0, 0.35); box-shadow: 5px 15px 30px 3px rgba(0, 0, 0, 0.35); }
.inner-content .find-us-tpl > ul > li .all-data { display: grid; grid-template-columns: 78px 1fr; padding: 50px; }
.inner-content .find-us-tpl > ul > li .all-data .icon { position: relative; }
.inner-content .find-us-tpl > ul > li .all-data .icon img { width: 100%; height: auto; display: block; }
.inner-content .find-us-tpl > ul > li .all-data .icon::before { content: ''; position: absolute; background: #009dcc; width: 2px; margin-left: -1px; height: calc(100% - 98px); top: 96px; left: 50%; }
.inner-content .find-us-tpl > ul > li .all-data .data { padding-left: 20px; position: relative; padding-bottom: 60px; }
.inner-content .find-us-tpl > ul > li .all-data .data .ttl { color: #595858; font-size: 24px; font-weight: 600; text-transform: uppercase; padding-top: 30px; }
.inner-content .find-us-tpl > ul > li .all-data .data .ttl span { color: #009dcc; }
.inner-content .find-us-tpl > ul > li .all-data .data .contact-attrs { list-style: none; padding: 0; margin: 0; margin-top: 50px; }
.inner-content .find-us-tpl > ul > li .all-data .data .contact-attrs li { font-size: 18px; color: #000; position: relative; padding-left: 32px; margin-top: 15px; }
.inner-content .find-us-tpl > ul > li .all-data .data .contact-attrs li span { display: inline-block; color: #009dcc; font-weight: 600; position: absolute; left: 0; top: 0; }
.inner-content .find-us-tpl > ul > li .all-data .data .contact-attrs li a { }
.inner-content .find-us-tpl > ul > li .all-data .data .driveme { text-align: right; position: absolute; right: 0; bottom: 0; }
.inner-content .find-us-tpl > ul > li .all-data .data .driveme a { font-size: 16px; text-transform: uppercase; color: #fff; background: #009dcc; text-decoration: none; display: inline-block; line-height: 20px; padding: 10px 30px; }
.inner-content .find-us-tpl > ul > li .map-data { height: 400px; }
.inner-content .banner-newsletter { background-image: url(../img/bg_newsletter.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: auto; margin-top: 50px; max-width: 1300px; }
.inner-content .banner-newsletter a { display: block; padding: 60px 10px; text-align: center; text-decoration: none; }
.inner-content .banner-newsletter .txt1 { text-align: center; display: block; color: #fff; font-weight: 600; font-size: 24px; }
.inner-content .banner-newsletter .txt2 { text-align: center; display: block; color: #fff; font-size: 18px; margin-top: 15px; text-transform: uppercase; }
.inner-content .banner-newsletter .icon { display: block; text-align: center; margin-top: 20px; }
.inner-content .banner-newsletter .icon img { max-width: 100%; display: block; margin: auto; }
.inner-content .product-article { margin-top: 20px; }
.inner-content .product-article h1.p-title { font-size: 36px; font-weight: bold; color: #000; margin: 0; padding: 0; padding-bottom: 25px; text-transform: uppercase; border-bottom: 1px solid #ccc; position: relative; }
.inner-content .product-article .p-lft-data { margin-top: 20px; float: left; width: 40%; padding-right: 50px; }
.inner-content .product-article .p-lft-data .p-media { }
.inner-content .product-article .p-lft-data .p-media .media-slider { border: 1px solid #ccc; }
.inner-content .product-article .p-lft-data .p-media .media-slider .item { }
.inner-content .product-article .p-lft-data .p-media .media-slider .item img { width: 100%; height: auto; display: block; }
.inner-content .product-article .p-lft-data .p-media .media-slider .slick-left, .inner-content .product-article .p-lft-data .p-media .media-slider .slick-right { font-size: 28px; padding: 0; color: #fff; background: #009dcc; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; left: 0; line-height: 24px; margin-top: -15px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .product-article .p-lft-data .p-media .media-slider .slick-right { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .product-article .p-lft-data .p-media .media-slider .slick-left:hover, .inner-content .product-article .p-lft-data .p-media .media-slider .slick-right:hover { background-color: #595959; }
.inner-content .product-article .p-lft-data .p-media .media-slider .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .product-article .p-lft-data .p-media-thumbs { margin-top: 10px; overflow: hidden; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs { margin: 0 -5px; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .item { padding: 0 5px; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .item img { width: 100%; height: auto; border: 1px solid #ccc; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-left, .inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-right { font-size: 28px; padding: 0; color: #fff; background: #009dcc; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; left: 0; line-height: 24px; margin-top: -15px; text-align: center; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-right { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-left:hover, .inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-right:hover { background-color: #595959; }
.inner-content .product-article .p-lft-data .p-media-thumbs .media-slider-thumbs .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .product-article .p-lft-data .p-video { margin-top: 20px; }
.inner-content .product-article .p-lft-data .p-files { margin-top: 20px; }
.inner-content .product-article .p-lft-data .p-files .pf-ttl { display: block; background-color: #ebebeb; color: #000; font-size: 18px; padding: 8px 10px; font-weight: 700; border-left: 10px solid #009dcc; text-decoration: none; }
.inner-content .product-article .p-lft-data .p-files ul { list-style: none; padding: 0; margin: 0; margin-top: 10px; }
.inner-content .product-article .p-lft-data .p-files ul li { border-bottom: 1px solid #ccc; padding: 5px 0; }
.inner-content .product-article .p-lft-data .p-files ul li a { position: relative; display: block; padding: 5px 0; font-size: 18px; color: #252525; text-decoration: none; }
.inner-content .product-article .p-lft-data .p-files ul li a::after { content: "\f019"; font-family: FontAwesome; color: #009dcc; position: absolute; right: 0; top: 5px; }
.inner-content .product-article .p-data { margin-top: 20px; float: right; width: 60%; }
.inner-content .product-article .p-data .p-brand { margin-bottom: 20px; }
.inner-content .product-article .p-data .p-brand img { }
.inner-content .product-article .p-data .p-txt { font-size: 16px; color: #121622; }
.inner-content .product-article .p-data .p-share { margin-top: 20px; }
.inner-content .product-article .p-data .p-share label { float: left; font-size: 14px; font-weight: normal; margin: 0; margin-right: 10px; padding-top: 2px; }
.inner-content .product-article .p-data .p-share .share-tools { float: left; }
.inner-content .product-article .p-data .p-actions { margin-top: 20px; }
.inner-content .more-products { margin-top: 35px; }
.inner-content .more-products .mp-ttl { font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.inner-content .more-products .mp-ttl span { color: #009dcc; }
.inner-content .more-products .more-slider { margin-top: 30px; padding: 0 35px; }
.inner-content .more-products .more-slider .item { padding: 0 10px; }
.inner-content .more-products .more-slider .item .media { display: block; position: relative; border: 1px solid #ccc; text-decoration: none; }
.inner-content .more-products .more-slider .item .media img { width: 100%; height: auto; display: block; }
.inner-content .more-products .more-slider .item .media span.more { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #009dcc; background-color: rgba(0, 157, 204, 0.7); opacity: 0; visibility: hidden; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; }
.inner-content .more-products .more-slider .item .media span.more span { position: absolute; top: 50%; left: 0; display: block; margin-top: -14px; width: 100%; text-align: center; font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 500; }
.inner-content .more-products .more-slider .item .media:hover span.more { opacity: 1; visibility: visible; }
.inner-content .more-products .more-slider .item .ttl { font-size: 18px; font-weight: 500; display: block; margin-top: 10px; color: #000; text-decoration: none; }
.inner-content .more-products .more-slider .item .ttl::after { content: "\f0da"; font-family: FontAwesome; color: #009dcc; display: inline-block; margin-left: 5px; }
.inner-content .page-data { margin-top: 30px; }
.inner-content .more-products .more-slider .slick-left, .inner-content .more-products .more-slider .slick-right { font-size: 36px; padding: 0; color: #fff; background: #009dcc; width: 40px; height: 40px; position: absolute; right: 0; top: 50%; left: 0; line-height: 24px; text-align: center; margin-top: -35px; cursor: pointer; z-index: 1; padding-right: 3px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.inner-content .more-products .more-slider .slick-right { right: 0; left: auto; padding-right: 0; padding-left: 3px; }
.inner-content .more-products .more-slider .slick-left:hover, .inner-content .more-products .more-slider .slick-right:hover { background-color: #595959; }
.inner-content .more-products .more-slider .slick-disabled {/*cursor: no-drop;*/ }
.inner-content .error-template { padding: 40px 10px; text-align: center; }
.inner-content .error-actions { margin-top: 15px; margin-bottom: 10px; }
.inner-content .error-actions .btn { margin-right: 10px; margin-top: 5px; }
.pld-btn-info { margin-bottom: 20px; }
.pld-btn-info .pld-btn { font-size: 18px; color: #000; font-weight: 700; margin-right: 20px; padding-top: 20px; display: inline-block; margin-top: 20px; cursor: pointer; }
.pld-btn-info .info { font-size: 18px; color: #00AEEF; font-weight: 700; display: inline-block; margin-top: 20px; cursor: pointer; }
.pld-btn-info .info-res { display: none; margin-left: 20px; padding: 5px 0 0 0; font-size: 16px; color: #999; }
.pld-btn-info .file-butons { padding-top: 5px; position: relative; }
.pld-btn-info .file-butons ul { list-style: none; padding: 0; margin: 0; }
.pld-btn-info .file-butons ul li { list-style: none; padding: 0 0 0 45px; margin: 0; position: relative; cursor: pointer; }
.pld-btn-info .file-butons ul li + li { border-top: 1px solid #eee; }
.pld-btn-info .file-butons a { font-size: 16px; color: #999; display: inline-block; text-decoration: none; font-weight: 700; }
.pld-btn-info .file-butons a i { margin-right: 5px; }
.pld-btn-info .file-butons .file-selected { font-size: 16px; color: #999; text-decoration: none; cursor: pointer; }
.pld-btn-info .file-butons .file-progress { font-size: 16px; color: #999; }
.pld-btn-info .file-butons ul li .file-progress { position: absolute; left: 0; top: 0; }
.inner-content .breadcrumb-cont { padding-top: 15px; }
.inner-content .breadcrumb-cont ol.breadcrumb { padding: 0 0px 0 0px; }
.inner-content ol.breadcrumb { background: transparent; margin: 0; padding: 10px 10px 0 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.inner-content ol.breadcrumb li.active { color: #009dcc; }
.inner-content ol.breadcrumb li.active a { color: #009dcc; }
.inner-content ol.breadcrumb li { margin: 0; padding: 0; list-style: none; font-size: 12px; }
.inner-content ol.breadcrumb li + li:before { content: "|"; color: #595959; font-size: 14px; }
.inner-content ol.breadcrumb li a { text-decoration: none; font-size: 14px; color: #595959; text-transform: uppercase; }
.inner-content ol.breadcrumb li a:hover { color: #009dcc; }

/*.myplaypause.playme .fa::before {  content: "04b"; }
.myplaypause.playme2 .fa::before {  content: "04b"; }*/
.myplaypause.playme .fa::before { content: "\f04c"; }
.myplaypause.playme2 .fa::before { content: "\f04c"; }
.icms-footer { margin: auto auto; padding: 0 40px; max-width: 1500px; background: #fff; border-top: 1px solid #cccccc; margin-top: 30px; }
.icms-footer .foot-cont { padding-bottom: 15px; }
.icms-footer .foot-cont .cust-col { padding-top: 30px; padding-bottom: 30px; }
.icms-footer .foot-cont .logo { }
.icms-footer .foot-cont .logo img { max-width: 100%; display: block; height: auto; }
.icms-footer .foot-cont .col-ttl { font-size: 20px; font-weight: 500; color: #000; }
.icms-footer .foot-cont .col-txt { font-size: 16px; color: #252525; margin-top: 30px; }
.icms-footer .foot-cont .col-txt .tel { font-size: 20px; font-weight: 500; color: #000; padding-bottom: 10px; }
.icms-footer .foot-cont .col-txt a { color: #009dcc; }
.icms-footer .foot-cont ul.social { list-style: none; padding: 0; margin: 25px 0 0 0; }
.icms-footer .foot-cont ul.social li { list-style: none; padding: 5px 10px 0 0; margin: 0; display: inline-block; }
.icms-footer .foot-cont ul.social li a { font-size: 20px; }
.icms-footer .foot-cont ul.social li a:hover { color: #009dcc; }
.icms-footer .foot-cont .ml { margin-top: 25px; }
.icms-footer .foot-cont .ml .ml-link { display: block; width: 100%; margin: auto; background: #009dcc; color: #fff; border: 0; outline: none; font-size: 16px; text-align: center; font-weight: 600; padding: 10px; text-transform: uppercase; text-decoration: none; line-height: 20px; margin-top: 10px; }
.icms-footer .foot-cont .ml .npt { position: relative; margin-top: 10px; background: #e1e1e1; }
.icms-footer .foot-cont .ml .npt label { position: absolute; font-size: 16px; font-weight: normal; width: 70px; text-align: left; display: block; padding: 10px 0 0 5px; left: 0; top: 0; }
.icms-footer .foot-cont .ml .npt input { background: #fff; border: 1px solid #000; outline: none; font-size: 18px; color: #000; height: auto; padding: 6px 10px; box-shadow: none; -webkit-box-shadow: none; }
.icms-footer .foot-cont .ml .mybtn { margin-top: 10px; }
.icms-footer .foot-cont .ml .mybtn .chk { float: left; }
.icms-footer .foot-cont .ml .mybtn .chk label { font-size: 14px; color: #fff; font-weight: normal; margin-left: 5px; }
.icms-footer .foot-cont .ml .mybtn .chk label a { font-size: 16px; color: #000; font-weight: normal; }
.icms-footer .foot-cont .ml .mybtn button { float: right; background: #595959; border: 0; padding: 4px 10px; margin: 3px 0 0 0; color: #fff; font-size: 18px; }
.icms-footer .terms-f { margin-top: 20px; }
.icms-footer .terms-f a { font-size: 16px; color: #252525; font-weight: 500; text-decoration: none; }
.icms-footer .terms-f span { color: #009dcc; }
.icms-footer .f-bar { }
.icms-footer .f-bar .copyright { }
.icms-footer .f-bar .copyright div.copy { float: left; font-size: 14px; color: #252525; margin-right: 5px; }
.icms-footer .f-bar .copyright div.dev { float: left; font-size: 14px; color: #252525; }
.icms-footer .f-bar .copyright div.dev a { font-size: 14px; color: #252525; }
.icms-footer .f-bar .copyright a.logo { }
.parallax-box { background: 50% 0 no-repeat fixed; margin: 0 auto; padding: 0; margin-top: 40px; position: relative; -webkit-box-shadow: 0px 0px 15px #000000; -moz-box-shadow: 0px 0px 15px #000000; box-shadow: 0px 0px 15px #000000; }
.parallax-box .text-box { max-width: 700px; margin: auto auto; padding: 90px 10px; }
.parallax-box .text-box .simple-ttl { text-align: center; font-size: 48px; font-weight: 700; color: #fff; text-transform: uppercase; }
.parallax-box .text-box .simple-txt { margin-top: 40px; text-align: center; font-size: 18px; color: #fff; }
.parallax-box .text-box .simple-more { text-align: center; margin-top: 40px; }
.parallax-box .text-box .simple-more a { }
.tp-caption.VideoControls-Mute .fa, .VideoControls-Mute .fa { height: 35px; width: 35px; text-align: center; line-height: 35px; position: relative; color: #fff; background-color: #009dcc; border: none; outline: none !important; }
.tp-caption.VideoControls-Mute .fa:hover, .VideoControls-Mute .fa:hover { background-color: #595959; }
#toTop { position: fixed; width: 50px; height: 50px; text-align: center; line-height: 45px; right: 10px; bottom: 10px; font-size: 36px; color: #fff; cursor: pointer; display: none; z-index: 99; background: #009dcc; }
#toTop:hover { background-color: #595959; }
#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; }
.btn-custom { position: relative; color: #fff; background-color: #009dcc; border: none; outline: none !important; font-size: 16px; line-height: 24px; padding: 8px 15px; font-weight: 500; -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.3); }
.btn-custom:focus, .btn-custom.focus { color: #fff; background-color: #009dcc; }
.btn-custom:hover { color: #fff; background-color: #595959; }
.btn-custom:active, .btn-custom.active, .open >.dropdown-toggle.btn-custom { color: #fff; background-color: #595959; }
.btn-custom:active:hover, .btn-custom.active:hover, .open >.dropdown-toggle.btn-custom:hover, .btn-custom:active:focus, .btn-custom.active:focus, .open >.dropdown-toggle.btn-custom:focus, .btn-custom:active.focus, .btn-custom.active.focus, .open >.dropdown-toggle.btn-custom.focus { color: #fff; background-color: #595959; }
.btn-custom:active, .btn-custom.active, .open >.dropdown-toggle.btn-custom { background-image: none; }
.btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover, .btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus, .btn-custom.disabled.focus, .btn-custom[disabled].focus, fieldset[disabled] .btn-custom.focus { color: #fff; background-color: #009dcc; }
.btn-custom .badge { color: #fff; }
.uppercase { text-transform: uppercase; }
@media only screen and (max-width:1300px) {
    .inner-content .tpl2-cont .tpl2-list ul li { width: 25%; }
}
@media only screen and (max-width:1100px) {
    header.icms_header .main-menu nav > ul > li { padding: 0 10px 30px 10px; }
    .inner-content .inquiry-tpl .it-list > ul > li { padding: 0 20px; }
    .inner-content .find-us-tpl > ul > li .all-data { padding: 10px; }
    .inner-content .find-us-tpl > ul { grid-gap: 0 20px; }
}
@media only screen and (max-width:992px) {
    header.icms_header .head-cont { padding: 0 10px; }
    .icms-footer { padding: 0 10px; }
    header.icms_header .search { right: 10px; }
    header.icms_header .phone {position: initial;}
    header.icms_header .main-menu { padding-left: 160px; padding-right: 250px; }
    header.icms_header { background: #fff; }
    header.icms_header .head-cont { min-height: 110px; }
    header.icms_header .logo a { background-size: 277px 54px; width: 277px; height: 54px; }
    header.cbp-af-header.cbp-af-header-shrink .logo a { background-size: 220px 74px; width: 220px; height: 74px; }
    header.cbp-af-header.cbp-af-header-shrink .logo { margin-top: 25px; }
    header.icms_header .main-menu { bottom: -10px; }
    header.icms_header .search { bottom: 20px; }
    .main-content { margin-top: 110px; }
    .main-content.ishome { margin-top: 0px; }
    .inner-content .products-cont .products-list li { width: 33.333%; }
    .inner-content .cat-list ul li { width: 50%; }
    .inner-content .tpl2-cont .tpl2-list ul { margin: 0 -10px; }
    .inner-content .tpl2-cont .tpl2-list ul li { padding: 0 10px; }
    header.icms_header .main-menu nav > ul > li .sub-content { left: 0; }
    header.icms_header .main-menu nav > ul > li .sub-content:after { left: 65px; }
    .inner-content .blog-cont ul.blog-list li .all-item { padding-left: 90px; grid-template-columns: 270px 1fr; min-height: auto; }
    .inner-content .blog-cont ul.blog-list li .date { width: 70px; }
    .inner-content .blog-cont ul.blog-list li .date .day { font-size: 20px; }
    .inner-content .blog-cont ul.blog-list li .date .month { font-size: 20px; }
    .inner-content .blog-cont ul.blog-list li .media img { max-width: 260px; }
    .inner-content .blog-cont ul.blog-list li .data .ttl a { font-size: 18px; }
    .inner-content .blog-cont ul.blog-list li .data .txt { font-size: 16px; }
    .main-content .home-blog .blog-slider .item .all-item { padding-left: 90px; grid-template-columns: 270px 1fr; min-height: auto; }
    .main-content .home-blog .blog-slider .item .date { width: 70px; }
    .main-content .home-blog .blog-slider .item .date .day { font-size: 20px; }
    .main-content .home-blog .blog-slider .item .date .month { font-size: 20px; }
    .main-content .home-blog .blog-slider .item .media img { max-width: 260px; }
    .main-content .home-blog .blog-slider .item .data .ttl a { font-size: 18px; }
    .main-content .home-blog .blog-slider .item .data .txt { font-size: 16px; }

    .popup-data .pd-grid .pdg-data {
        padding: 20px 15px;
    }
    .popup-data .popup-logo {

    }
    .popup-data .popup-logo img {
        max-width: 120px;
    }
    .popup-data .popup-title {padding-top: 10px;font-size: 18px;}
    .popup-data .popup-text {font-size: 14px;line-height: inherit;}
}
@media only screen and (min-width:769px) {
    header.icms_header .main-menu nav > ul { display: block !important; }
}
@media only screen and (max-width:768px) {
    header.icms_header { position: relative; }
    .main-content { margin-top: 0px; }
    header.icms_header .phone { top: 5px; }
    header.icms_header .logo { float: none; text-align: center; z-index: 8; margin-top: 0; padding-top: 10px; }
    header.icms_header .logo a { float: none; display: block;margin: auto;}
    header.icms_header .main-menu { position: relative; padding: 0; bottom: auto; padding-top: 5px; top: 0; }
    header.icms_header .main-menu nav > ul { float: none; display: none; }
    header.icms_header .main-menu nav > ul > li { float: none; padding: 0; margin-top: 5px; }
    header.icms_header .search { position: relative; bottom: auto; right: auto; margin-top: 5px; margin-bottom: 10px; }
    header.icms_header .main-menu nav > ul > li > a { line-height: normal; }
    header.icms_header .main-menu nav > ul > li > ul { opacity: 1; visibility: visible; position: relative; top: auto; width: 100%; background: #fff; }
    header.icms_header .main-menu nav > ul > li > ul.activesub { }
    header.icms_header .main-menu nav > ul > li > ul li { margin-top: 5px; margin-left: 10px; }
    header.icms_header .main-menu nav > ul > li > ul li a { color: #000; font-size: 16px; font-weight: 500; padding: 0; }
    header.icms_header .main-menu nav > ul > li > ul li ul { opacity: 1; visibility: visible; position: relative; left: auto; width: 100%; background: #fff; }
    header.icms_header .main-menu nav > ul > li > ul li ul.activesub { }
    header.icms_header .main-menu nav > ul > li > ul li.sub > a { padding-right: 0px; }
    header.icms_header .search .srch-form { width: 100%; float: none; }
    header.icms_header .main-menu .menu-trigger { display: block;position: initial;}
    header.cbp-af-header.cbp-af-header-shrink .main-menu { bottom: auto; }
    header.cbp-af-header.cbp-af-header-shrink .search { bottom: auto; }
    .inner-content .cat-list ul li .media span.ttl span { font-size: 16px }
    .inner-content .tpl2-cont .tpl2-list ul li { width: 33.333% }
    header.icms_header .main-menu nav > ul > li .sub-content { position: relative; visibility: visible; opacity: 1; left: auto; right: auto; top: auto; width: 100%; border: 0; -webkit-box-shadow: 0px -3px 7px rgba(0, 0, 0, 0); -moz-box-shadow: 0px -3px 7px rgba(0, 0, 0, 0); box-shadow: 0px -3px 7px rgba(0, 0, 0, 0); padding: 0 15px }
    header.icms_header .main-menu nav > ul > li .sub-content:after { display: none; }
    header.icms_header .main-menu nav > ul > li .sub-content ul { float: none; width: 100%; }
    header.icms_header .main-menu nav > ul > li .sub-content ul li { margin-top: 0 }
    header.icms_header .main-menu nav > ul > li .sub-content .banner { display: none; }
    header.icms_header .phone a { font-size: 14px; }
    .inner-content .blog-cont ul.blog-list li .all-item { display: block; padding-left: 0; }
    .inner-content .blog-cont ul.blog-list li .date { max-height: 170px; }
    .inner-content .blog-cont ul.blog-list li .media { min-height: 170px; padding-left: 90px; }
    .inner-content .blog-cont ul.blog-list li .data { padding: 10px 0; }
    .main-content .home-blog .blog-slider .item .all-item { display: block; padding-left: 0; }
    .main-content .home-blog .blog-slider .item .date { max-height: 170px; }
    .main-content .home-blog .blog-slider .item .media { min-height: 170px; padding-left: 90px; }
    .main-content .home-blog .blog-slider .item .data { margin-top: 10px; }
    .inner-content .contact-form-tpl .cf-data .recaptcha-data { float: none; }
    .inner-content .contact-form-tpl .cf-data .lft-btn { text-align: center; }
    .inner-content .contact-form-tpl .cf-data .rght-btn { text-align: center; }
    .inner-content .inquiry-tpl .it-list > ul { display: block; }
    .inner-content .inquiry-tpl .it-list > ul > li { padding: 0; margin-top: 30px; padding-top: 30px; border-top: 1px solid #ccc; }
    .inner-content .inquiry-tpl .it-list > ul > li:nth-child(even) { border-left: 0; }
    .inner-content .inquiry-tpl .it-list > ul > li:first-child { border-top: 0; }
    .inner-content .find-us-tpl > ul > li .all-data { }
    .inner-content .find-us-tpl > ul { display: block; }
    .inner-content .find-us-tpl > ul > li { margin-top: 30px }
}
@media only screen and (max-width:640px) {
    .inner-content .products-cont .products-list li { width: 50%; }
    .inner-content .blog-cont ul.blog-list li .all-item { }
    .inner-content .blog-cont ul.blog-list li .data .ttl { }
    .inner-content .blog-cont ul.blog-list li .data .ttl a { }
    .inner-content .blog-cont ul.blog-list li .data .txt { }
    .inner-content .blog-cont ul.blog-list li .data { }
    .inner-content .blog-cont ul.blog-list li .date { }
    .inner-content .blog-cont ul.blog-list li .date .day { }
    .inner-content .blog-cont ul.blog-list li .date .month { }
    .inner-content .blog-cont ul.blog-list li .media { }
    .inner-content .blog-article .b-media { float: none; width: 100%; padding-right: 0px; }
    .inner-content .blog-article .b-data { float: none; width: 100%; }
}
@media only screen and (max-width:540px) {
    .icms-footer .foot-cont .cust-col { float: none; width: 100%; padding-top: 20px; padding-bottom: 0px; }
    .icms-footer .f-bar { padding-top: 30px; }
}
@media only screen and (max-width:590px) {

    .popup-data .pd-grid {display: block;}
    .popup-data .pd-grid .pdg-data {
        padding: 20px 20px;
    }
    .popup-data .popup-logo {
        padding-top: 0px;
    }
    .popup-data .popup-logo img {
        max-width: 110px;
    }

    .popup-data .popup-text {margin-top: 10px;c}
}
@media only screen and (max-width:480px) {
    .inner-content .cat-list ul li { width: 100%; float: none; }
    .inner-content .tpl2-cont .tpl2-list ul li { width: 50% }
    .inner-content .tpl3-cont ul.tpl3-list li .media { float: none; width: 100%; }
    .inner-content .tpl3-cont ul.tpl3-list li .txt-data { padding-left: 0px; }
    header.icms_header .phone { /* width: 130px; */ text-align: right; line-height: 14px; }
    .inner-content .find-us-tpl { padding: 0; }

}



















/* NEW HOMEPAGE */
#page {overflow: hidden;}

.search-mdl .modal-dialog {max-width: 990px;width: 100%;padding: 50px 20px;}
.search-mdl .modal-header {display: none !important;}
.search-mdl .modal-content {background: white;box-shadow: 0px 4px 27px rgb(0 0 0 / 25%);max-width: 460px;margin: auto;}
.search-mdl .modal-body {padding: 0 !important;}
.search-mdl .bootstrap-dialog-message {display: flex !important;justify-content: center !important;padding: 10px 25px;align-items: center;}
.search-mdl .bootstrap-dialog-message form {width: 100%;display: flex;border: 1px solid #009dcc;}
.search-mdl .bootstrap-dialog-message form input {background: transparent;border: 0;width: 100%;padding: 10px 25px;font-weight: 400;font-size: 14px;line-height: 140%;letter-spacing: 0.1em;color: #000000;text-transform: uppercase;outline: none;}
.search-mdl .bootstrap-dialog-message button {background: transparent;border: 0;max-width: 50px;width: 100%;font-weight: bold;font-size: 18px;line-height: 21px;letter-spacing: 0.04em;color: #009dcc;border-radius: 0 12px 12px 0;}

.mob {display: none;}



a:hover, a:focus {text-decoration: none;}
#cookie-bar { background: #009dcc; height: auto; line-height: normal; color: #eeeeee; text-align: center; padding: 5px 5px; z-index: 100; }
#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: #fff; color: #000; display: inline-block; text-decoration: none; padding: 2px 6px; margin-left: 8px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; }
#cookie-bar .cb-enable:hover { background: #000; color: #fff; }
#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; }
nav#menu {visibility: hidden; height: 0;}
nav#menu ul li a:hover,
nav#menu ul li a.active { color: #009dcc; }
.mm-navbar_tabs a { font-size: 16px; }
.mm-navbar_tabs a i { margin-right: 6px; }
.mm-btn_close { background: #009dcc; }
.mm-btn_close::before,
.mm-btn_close::after { border-color: #fff; }
.mm-btn_close::before { right: 15px; }
.mm-btn_close::after { right: 22px; }
.mm-navbars_bottom { border-top: 0; }
.mm-navbars_bottom .mm-navbar { background: #009dcc; }
.mm-navbars_bottom .mm-navbar a { color: #fff; }
.custom-search {background: #e8e8e8;border: 0;width: 100%;margin: 0;padding: 7px 12px;cursor: pointer;z-index: 1000;}
.cbp-af-header {position:fixed;top: 0;left: 0;background: rgba(0,157,204, 0.6);width: 100%;z-index: 100;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.cbp-af-header form, .cbp-af-header input {outline: none;}
.cbp-af-header-ins {position: initial;}
.cbp-af-header header {position: relative;z-index: 3;}
.cbp-af-header header .grid {align-items: center;max-width: 1860px;padding: 30px 20px 30px 20px;margin: auto;display: flex;justify-content: space-between;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.cbp-af-header.cbp-af-header-shrink .grid {padding: 20px 20px 20px 20px;}
.cbp-af-header.cbp-af-header-shrink {}
.cbp-af-header-ins header {background: #d5cec7;}
.cbp-af-header-ins header .grid {padding: 20px;}
.cbp-af-header header .grid .grid-m {}
.cbp-af-header header .grid .grid-m .cats {display: flex;grid-gap: 40px;align-items: center;}
.cbp-af-header header .grid .grid-m .cats .cat {position: relative;}
.cbp-af-header header .grid .grid-m .cats .cat a {font-weight: 700;font-size: 15px;line-height: 18px;text-transform: uppercase;color: #FFFFFF;padding-bottom: 50px;}
.cbp-af-header.cbp-af-header-shrink .grid .grid-m .cats .cat a {color: #fff;}
.cbp-af-header header .grid .grid-r {display: flex;grid-gap: 25px;align-items: center;}\
.cbp-af-header header .grid .grid-r .email {}
.cbp-af-header header .grid .grid-r .email a {
    display: block;
    padding: 10px;
    background: #009dcc;
    border-radius: 2px;
    color: #fff;
    line-height: 18px;
}
.cbp-af-header header .grid .grid-r .tel {display: flex;align-items: center;grid-gap: 15px;font-weight: 700;font-size: 15px;line-height: 18px;color: #009dcc;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon {display: flex;flex-direction: column;align-items: center;grid-gap: 5px;padding: 5px;background: #009dcc;border-radius: 2px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .tel .tel-r a {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.cbp-af-header.cbp-af-header-shrink .grid .grid-r .tel .tel-r a {/* color: #009dcc; */}
.cbp-af-header header .grid .grid-r .srch {position: relative;}
.cbp-af-header header .grid .grid-r .srch .srch-form {position: absolute;left: -365px;max-width: 400px;width: 400px;bottom: -65px;display: none;}
.cbp-af-header header .grid .grid-r .srch .srch-form form {max-width: 400px;width: 100%;position: relative;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input {width: 100%;background: transparent;border: 0;border-bottom: 1px solid #009dcc;font-weight: 700;font-size: 15px;line-height: 18px;color: #bdbdbd;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input::-webkit-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #bdbdbd;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input:-moz-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input::-moz-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input:-ms-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .srch .srch-form form input:-ms-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .srch .srch-form form button {position: absolute;right: 0;background: transparent;border: 0;color: #009dcc;}
.cbp-af-header header .grid .grid-r .srch a {display: block;padding: 10px;background: #009dcc;border-radius: 2px;}
.cbp-af-header header .grid .grid-r .srch a i {display: flex;color: #FFF;}
.cbp-af-header.cbp-af-header-inside .grid {}
.cbp-af-header.cbp-af-header-inside {background: #FFFFFF;}
.cbp-af-header.cbp-af-header-inside .grid .grid-m .cats .cat a {color: #009dcc;}
.cbp-af-header.cbp-af-header-inside .grid .grid-r .tel .tel-r a {color: #009dcc;}


.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu {position: absolute;top: 100%;left: -40px;width: 600px;background: #009dcc;visibility: hidden;opacity: 0;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;margin-top: 33px;}
.cbp-af-header header .grid .grid-m .cats .cat:hover .cat-submenu {visibility: visible;opacity: 1;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu a {padding: 0 !important;text-transform: none !important;}
.cbp-af-header header .grid .grid-m .cats .cat.has:hover a {color: #fff;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins {display: flex;position: relative;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .icon {position: absolute;left: 60px;top: -8px;width: 16px;height: 16px;background: #009dcc;transform: rotate(135deg);}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-l {width: 50%;padding: 25px 40px;position: relative;overflow: hidden;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-l .overlay {position: absolute;right: 0;top: 0;z-index: 0;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-l .subcats {display: flex;flex-direction: column;grid-gap: 25px;position: relative;z-index: 1;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-l .subcats .subcat a {font-weight: 700;font-size: 15px;line-height: 18px;text-transform: uppercase;color: #FFFFFF;padding-bottom: 50px;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r {width: 50%;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r {position: relative;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button {position: absolute;left: 0;bottom: 0;width: 100%;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a {display: flex;height: 100%;align-items: center;justify-content: space-between;padding: 20px 24px !important;background: linear-gradient(306.1deg, #D7D7D7 -34.22%, #FFFFFF 47.03%);-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a:hover {background: #009dcc;padding: 20px 24px !important;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a .title {font-weight: 700;font-size: 15px;line-height: 18px;color: #000000;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a:hover .title {color: #FFFFFF;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a .vector i {color: #009dcc;font-size: 20px;}
.cbp-af-header header .grid .grid-m .cats .cat .cat-submenu .sub-ins .ins-r .button a:hover .vector i {color: #FFFFFF;}


.slideshow-ins {position: relative;height: 100vh;overflow: hidden;}
.slideshow-ins .socials {position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);display: flex;align-items: center;grid-gap: 50px;z-index: 99;}
.slideshow .pausebutton {display: none;position: absolute;left: 30px;bottom: 62px;cursor: pointer;}
.slideshow .pausebutton i {display: flex;padding: 12px 14px;font-size: 24px;background: #009dcc;color: #FFFFFF;border-radius: 50px;width: 50px;height: 50px;justify-content: center;align-items: center;}
.slideshow .mutebutton {display: none;position: absolute;left: 100px;bottom: 62px;cursor: pointer;}
.slideshow .mutebutton i {display: flex;padding: 12px 14px;font-size: 24px;background: #009dcc;color: #FFFFFF;border-radius: 50px;width: 50px;height: 50px;justify-content: center;align-items: center;}
.slideshow .playbutton {
    background: rgba(0, 157, 204, 0.3);
    border-radius: 50%;
    padding: 10px;
}
.slideshow .playbutton span {
    width: 80px;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 23px;
    background: rgba(0, 157, 204, 0.8);
    border-radius: 50%;
}

.main-home-slider {
}
.main-home-slider .item{
    position: relative;
    min-height: 100vh;
}
.main-home-slider .item .background-image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-home-slider .item .container{
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 100px;
}
.main-home-slider .item .container .row {
    border-left: 1px solid #001c39;
    padding-left: 50px;
}
.main-home-slider .item .s-title{
    font-size: 40px;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: normal;
    margin-bottom: 30px;
}
.main-home-slider .item.dark .s-title {color: #001c39;}
.main-home-slider .item .s-txt{
    font-size: 20px;
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: normal;
    margin-bottom: 30px;
}
.main-home-slider .item.dark .s-txt {color: #001c39;}
.main-home-slider .item .s-btn{
    display: flex;
}
.main-home-slider .item .s-btn a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    background: #009dcc;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    padding: 12px 23px;
    gap: 10px;
    border-radius: 6px;
}
.main-home-slider .item .s-btn a .txt{}
.main-home-slider .item .s-btn a .icn{}

.main-home-slider .slick-left,
.main-home-slider .slick-right {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background: rgba(0,157,204, 0.6);
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    padding-right: 3px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.main-home-slider .slick-left:hover,
.main-home-slider .slick-right:hover {background: rgba(0,157,204, 1);}
.main-home-slider .slick-right {
    left: auto;
    right: 15px;
    padding-left: 3px;
    padding-right: 0;
}
.main-home-slider .np-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex !important;
    gap: 16px;
}
.main-home-slider .np-dots li {}
.main-home-slider .np-dots li button {
    background: rgba(255,255,255,0.5);
    border: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    box-shadow: 0 0 5px 5px rgba(0,157,204,0.5);
}
.main-home-slider .np-dots li.slick-active button {
    background: #009dcc;
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, 1);
}

.home .about-hp {overflow: hidden;}
.home .about-hp .ins {display: flex;}
.home .about-hp .ins .ins-l {max-width: 1060px;width: 100%;position: relative;}
.home .about-hp .ins .ins-l .overlay {position: absolute;right: 0;top: 0;z-index: 0;}
.home .about-hp .ins .ins-l .box {max-width: 850px;padding: 80px 20px 80px 100px;position: relative;z-index: 1;}
.home .about-hp .ins .ins-l .box .title {display: flex;flex-direction: column;font-weight: 900;font-size: 30px;line-height: 170%;letter-spacing: 0.05em;color: #000000;padding-bottom: 35px;text-transform: uppercase;}
.home .about-hp .ins .ins-l .box .title::after {content: '';display: block;max-width: 65px;width: 100%;border-bottom: 10px solid #009dcc;}
.home .about-hp .ins .ins-l .box .text {font-weight: 400;font-size: 14px;line-height: 170%;color: #000000;padding-bottom: 40px;}
.home .about-hp .ins .ins-l .box .text p:last-child {margin-bottom: 0;}
.home .about-hp .ins .ins-l .box .button {}
.home .about-hp .ins .ins-l .box .button a {display: flex;align-items: center;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .about-hp .ins .ins-l .box .button a .contact {background: #041829;padding: 0px 22px;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;height: 35px;display: flex;align-items: center;}
.home .about-hp .ins .ins-l .box .button a .arrow {padding: 0px 20px;background: #009dcc;height: 35px;display: flex;align-items: center;}
.home .about-hp .ins .ins-l .box .button a:hover .contact {background: #009dcc;}
.home .about-hp .ins .ins-r {max-width: 860px;width: 100%}


.home .service-hp {overflow: hidden;}
.home .service-hp .ins {display: flex;flex-direction: row-reverse;}
.home .service-hp .ins .ins-l {max-width: 1060px;width: 100%;position: relative;background: linear-gradient(144.14deg, #041829 12.99%, #009dcc 157.26%);}
.home .service-hp .ins .ins-l .overlay {position: absolute;right: 0;top: 0;z-index: 0;}
.home .service-hp .ins .ins-l .box {max-width: 850px;padding: 80px 20px 160px 100px;position: relative;z-index: 1;}
.home .service-hp .ins .ins-l .box .title {display: flex;flex-direction: column;font-weight: 900;font-size: 30px;line-height: 170%;letter-spacing: 0.05em;color: #FFFFFF;padding-bottom: 35px;text-transform: uppercase;}
.home .service-hp .ins .ins-l .box .title::after {content: '';display: block;max-width: 65px;width: 100%;border-bottom: 10px solid #009dcc;}
.home .service-hp .ins .ins-l .box .text {font-weight: 400;font-size: 15px;line-height: 170%;color: #FFFFFF;padding-bottom: 40px;}
.home .service-hp .ins .ins-l .box .text p:last-child {margin-bottom: 0;}
.home .service-hp .ins .ins-l .box .button {}
.home .service-hp .ins .ins-l .box .button a {display: flex;align-items: center;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .service-hp .ins .ins-l .box .button a .contact {background: #041829;padding: 0px 22px;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;height: 35px;display: flex;align-items: center;}
.home .service-hp .ins .ins-l .box .button a .arrow {padding: 0px 20px;background: #009dcc;height: 35px;display: flex;align-items: center;}
.home .service-hp .ins .ins-l .box .button a:hover .contact {background: #009dcc;}
.home .service-hp .ins .ins-r {max-width: 860px;width: 100%}



.home .sl-grid {overflow: hidden;}
.home .sl-grid .ins {display: flex;}
.home .sl-grid .ins .ins-l {max-width: 390px;width: 100%;position: relative;}
.home .sl-grid .ins .ins-l .overlay {position: absolute;left: 0;top: 0;z-index: 0;}
.home .sl-grid .ins .ins-l .box {padding: 210px 20px 40px 100px;position: relative;z-index: 1;}
.home .sl-grid .ins .ins-l .box .title {display: flex;flex-direction: column;font-weight: 900;font-size: 30px;line-height: 170%;letter-spacing: 0.05em;color: #000000;padding-bottom: 50px;text-transform: uppercase;}
.home .sl-grid .ins .ins-l .box .sl-btns {display: flex;grid-gap: 15px;padding-bottom: 140px;}
.home .sl-grid .ins .ins-l .box .sl-btns .sl-btn a {display: block;padding: 0px 10px;border: 2px solid #009dcc;border-radius: 2px;}
.home .sl-grid .ins .ins-l .box .sl-btns .sl-btn a:hover {background: #009dcc;}
.home .sl-grid .ins .ins-l .box .sl-btns .sl-btn a:hover i {color: #FFFFFF;}
.home .sl-grid .ins .ins-l .box .button {}
.home .sl-grid .ins .ins-l .box .button a {display: flex;align-items: center;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-l .box .button a .contact {background: #041829;padding: 0px 22px;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;height: 35px;display: flex;align-items: center;}
.home .sl-grid .ins .ins-l .box .button a .arrow {padding: 0px 20px;background: #009dcc;height: 35px;display: flex;align-items: center;}
.home .sl-grid .ins .ins-l .box .button a:hover .contact {background: #009dcc;}
.home .sl-grid .ins .ins-r {max-width: 1530px;width: 100%}
.home .sl-grid .ins .ins-r .items {}
.home .sl-grid .ins .ins-r .items .item {position: relative;overflow: hidden;}
.home .sl-grid .ins .ins-r .items .item .image {-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-r .items .item:hover .image {transform: scale(1.2);}
.home .sl-grid .ins .ins-r .items .item .overlay {visibility: hidden;opacity: 0;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-r .items .item .dots-overlay {visibility: hidden;opacity: 0;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-r .items .item .text {position: absolute;bottom: 0px;z-index: 2;left:40px;}
.home .sl-grid .ins .ins-r .items .item .text .title {font-weight: 900;font-size: 30px;line-height: 116%;letter-spacing: 0.05em;color: #FFFFFF;text-transform: uppercase;}
.home .sl-grid .ins .ins-r .items .item .text .button {visibility: hidden;opacity: 0;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-r .items .item .text .button a {display: flex;align-items: center;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid .ins .ins-r .items .item .text .button a .contact {background: #041829;padding: 0px 22px;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;height: 35px;display: flex;align-items: center;}
.home .sl-grid .ins .ins-r .items .item .text .button a .arrow {padding: 0px 20px;background: #009dcc;height: 35px;display: flex;align-items: center;}
.home .sl-grid .ins .ins-r .items .item .text .button a:hover .contact {background: #009dcc;}
.home .sl-grid .ins .ins-r .items .item:hover .overlay {visibility: visible;opacity: 0.4;}
.home .sl-grid .ins .ins-r .items .item:hover .text .button {visibility: visible;opacity: 1;padding: 40px 0 45px 0;}
.home .sl-grid .ins .ins-r .items .item:hover .dots-overlay {visibility: visible;opacity: 1;}

.home .three-items-hp {overflow: hidden;background: linear-gradient(189.14deg, #041829 42.99%, #009dcc 157.26%);}
.home .three-items-hp .ins {max-width: 1350px;margin: auto;padding: 125px 20px 85px 20px;}
.home .three-items-hp .ins .items {display: flex;}
.home .three-items-hp .ins .items .item:nth-child(2) {padding: 0 120px;border-left: 1px solid #009dcc;border-right: 1px solid #009dcc;}
.home .three-items-hp .ins .items .item:first-child {padding-right: 120px;}
.home .three-items-hp .ins .items .item:last-child {padding-left: 120px;}
.home .three-items-hp .ins .items .item .image {padding-bottom: 35px;}
.home .three-items-hp .ins .items .item .image img {height: 60px;}
.home .three-items-hp .ins .items .item .title {font-weight: 900;font-size: 30px;line-height: 170%;letter-spacing: 0.05em;text-transform: uppercase;color: #009dcc;padding-bottom: 15px;}
.home .three-items-hp .ins .items .item .text {font-weight: 400;font-size: 15px;line-height: 170%;color: #FFFFFF;padding-bottom: 50px;}
.home .three-items-hp .ins .items .item .button {}
.home .three-items-hp .ins .items .item .button a {font-weight: 700;font-size: 15px;line-height: 18px;color: #009dcc;display: flex;align-items: center;grid-gap: 15px;}
.home .three-items-hp .ins .items .item .button a i {display: flex;}


.home .brands-hp {overflow: hidden;position: relative;}
.home .brands-hp .overlay {position: absolute;left: 0;top: 0;z-index: -1;}
.home .brands-hp .overlay img {height: 100%;}
.home .brands-hp .top {max-width: 1760px;margin: auto;padding: 90px 20px;display: flex;align-items: center;justify-content: space-between;}
.home .brands-hp .top .top-l {font-weight: 900;font-size: 30px;line-height: 170%;letter-spacing: 0.05em;color: #009dcc;text-transform: uppercase;}
.home .brands-hp .top .top-r .sl-btns {display: flex;grid-gap: 15px;}
.home .brands-hp .top .top-r .sl-btns .sl-btn a {display: block;padding: 0px 10px;border: 2px solid #009dcc;border-radius: 2px;}
.home .brands-hp .top .top-r .sl-btns .sl-btn a:hover {background: #009dcc;}
.home .brands-hp .top .top-r .sl-btns .sl-btn a:hover i {color: #FFFFFF;}
.home .brands-hp .bot {padding-bottom: 90px;}
.home .brands-hp .bot .items {}
.home .brands-hp .bot .items .slick-track {display: flex;align-items: center;}
.home .brands-hp .bot .items .item {padding: 0 65px;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .brands-hp .bot .items .item:hover {transform: scale(1.2);}


.home .sl-grid.blog-hp .ins .ins-r .items .item .text {position: absolute;bottom: 40px;z-index: 2;left:40px;}
.home .sl-grid.blog-hp .ins .ins-l {background: linear-gradient(194.14deg, #041829 42.99%, #009dcc 157.26%);}
.home .sl-grid.blog-hp .ins .ins-l .box .title {color: #FFFFFF;}
.home .sl-grid.blog-hp .ins .ins-l .box .sl-btns .sl-btn a {color: #FFFFFF;}
.home .sl-grid.blog-hp .ins .ins-r .items .item .text .title {text-transform: uppercase;font-weight: 700;font-size: 20px;line-height: 116%;letter-spacing: 0.05em;color: #FFFFFF;max-width: 290px;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;opacity: 0.6;}
.home .sl-grid.blog-hp .ins .ins-r .items .item:hover .text .title {font-size: 30px;opacity: 1;}
.home .sl-grid.blog-hp .ins .ins-r .items .item .text .subtitle {visibility: hidden;opacity: 0;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;font-weight: 400;font-size: 14px;line-height: 116%;letter-spacing: 0.05em;color: #FFFFFF;max-width: 290px;padding-top: 10px;}
.home .sl-grid.blog-hp .ins .ins-r .items .item:hover .text .subtitle {visibility: visible;opacity: 1;}
.home .sl-grid.blog-hp .ins .ins-r .items .item:hover .text .button {padding: 35px 0 4px 0;}
.home .sl-grid.blog-hp .ins .ins-r .items .item .det {visibility: hidden;opacity: 0;height: 0;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
.home .sl-grid.blog-hp .ins .ins-r .items .item:hover .det {visibility: visible;opacity: 1;height: initial;}
.home .sl-grid.blog-hp .date {position: absolute;top: 30px;left: 40px;z-index: 999;}
.home .sl-grid.blog-hp .date .day {padding: 8px 12px;background: #000000;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
.home .sl-grid.blog-hp .date .month {background: #009dcc;font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;padding: 8px 12px;text-transform: uppercase;}


footer {}
footer .top {/* background: linear-gradient(10.14deg, #041829 42.99%, #009dcc 157.26%); */position: relative;overflow: hidden;background: linear-gradient(90deg, rgb(12 125 159) 0%, #001c39 100%);}
footer .top .overlay {position: absolute;left: 0;top: 0;display: none;}
footer .top .ins {display: flex;align-items: center;padding: 0 20px;position: relative;}
footer .top .ins .ins-l {max-width: 630px;width: 100%;}
footer .top .ins .ins-l .logo {padding: 0 140px 0 100px;display: flex;justify-content: center;}
footer .top .ins .ins-r {max-width: 1260px;width: 100%;border-left: 1px solid #009dcc;}
footer .top .ins .ins-r .items {display: flex;grid-gap: 105px;padding: 136px 0 136px 150px;}
footer .top .ins .ins-r .items .item {}
footer .top .ins .ins-r .items .item .title {font-weight: 900;font-size: 20px;line-height: 116%;letter-spacing: 0.05em;text-transform: uppercase;color: #009dcc;padding-bottom: 20px;}
footer .top .ins .ins-r .items .item .tel {padding-bottom: 20px;}
footer .top .ins .ins-r .items .item .tel a {font-weight: 900;font-size: 20px;line-height: 116%;letter-spacing: 0.05em;text-transform: uppercase;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .det {font-weight: 400;font-size: 14px;line-height: 116%;letter-spacing: 0.05em;color: #FFFFFF;padding-bottom: 15px;}
footer .top .ins .ins-r .items .item .det span a {color: #009dcc;font-weight: 700;}
footer .top .ins .ins-r .items .item .cat-terms {}
footer .top .ins .ins-r .items .item .cat-terms a {font-weight: 400;font-size: 14px;line-height: 116%;letter-spacing: 0.05em;text-decoration-line: underline;color: #009dcc;}
footer .top .ins .ins-r .items .item .newsletter-frm {position: relative;}
footer .top .ins .ins-r .items .item .newsletter-frm input {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;padding-left: 20px;background: transparent;border: 1px solid #009dcc;}
footer .top .ins .ins-r .items .item .newsletter-frm input::-webkit-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-frm input:-moz-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-frm input::-moz-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-frm input:-ms-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-frm input:-ms-input-placeholder {font-weight: 700;font-size: 15px;line-height: 18px;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-frm button {position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;max-width: 66px;width: 100%;justify-content: center;background: #009dcc;border: 0;}
footer .top .ins .ins-r .items .item .newsletter-chk {display: flex;align-items: center;grid-gap: 15px;padding-top: 10px;}
footer .top .ins .ins-r .items .item .newsletter-chk div:first-child {display: flex;}
footer .top .ins .ins-r .items .item .newsletter-chk a {font-weight: 400;font-size: 14px;line-height: 116%;letter-spacing: 0.05em;color: #FFFFFF;}
footer .top .ins .ins-r .items .item .newsletter-chk a span {text-decoration-line: underline;color: #009dcc;font-weight: 700;}
footer .top .ins .ins-r .items .item .socials {display: flex;align-items: center;grid-gap: 10px;padding-top: 30px;}
footer .top .ins .ins-r .items .item .socials .social a {
    color: #fff;
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: #009dcc;
    outline: none;
    border-radius: 5px;
}
footer .bot {padding: 7px 20px 7px 20px;border-top: 1px solid #000000;position: relative;background: #000000;}
footer .bot .main-content-ins {display: grid;grid-template-columns: 1fr 1fr 1fr;font-weight: 700;font-size: 12px;line-height: 150%;color: #009dcc;max-width: 1740px !important;margin: auto;}
footer .bot ul {display: flex;grid-gap: 60px;align-items: center;justify-content: center;margin: 0;}
footer .bot ul li {text-align: center;}
footer .bot a {font-weight: 700;font-size: 12px;line-height: 150%;color: #009dcc;}
footer .bot .main-content-ins div:last-child {text-align: end;}
footer .bot .fa-heart {color: #009dcc;}
.checkbox-simple label {margin-bottom: 0;}
.checkbox-simple label:after, .radio-simple label:after { content: ''; display: table; clear: both; }
.checkbox-simple .cr, .radio-simple .cr { position: relative; display: inline-block; border: 1px solid #009dcc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; width: 16px; height: 16px; float: left;}
.radio-simple .cr { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.checkbox-simple .cr .cr-icon, .radio-simple .cr .cr-icon { position: absolute; font-size: 14px; line-height: 0; top: 3px; left: 3px; color: #000; width: 8px; text-align: center; background: #009dcc; height: 8px;}
.checkbox-simple label input[type="checkbox"], .radio-simple label input[type="radio"] { display: none; }
.checkbox-simple label input[type="checkbox"]+.cr>.cr-icon, .radio-simple label input[type="radio"]+.cr>.cr-icon { -webkit-transform: scale(3) rotateZ(-20deg); -ms-transform: scale(3) rotate(-20deg); -moz-transform: scale(3) rotateZ(-20deg); -o-transform: scale(3) rotateZ(-20deg); transform: scale(3) rotateZ(-20deg); opacity: 0; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; }
.checkbox-simple label input[type="checkbox"]:checked+.cr>.cr-icon, .radio-simple label input[type="radio"]:checked+.cr>.cr-icon { -webkit-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg); opacity: 1; }
.checkbox-simple label input[type="checkbox"]:disabled+.cr, .radio-simple label input[type="radio"]:disabled+.cr { opacity: .5; }



@media only screen and (max-width:1700px) {

footer .top .ins .ins-r .items {grid-gap: 50px;}

}

@media only screen and (max-width:1600px) {


.home .about-hp .ins .ins-l .box {padding: 80px 20px 80px 20px;}



.home .service-hp .ins .ins-l .box {padding: 80px 20px 80px 20px;}


.home .sl-grid .ins .ins-l .box {padding: 210px 20px 40px 20px;}
.home .sl-grid .ins .ins-r {max-width: 1230px;}


.home .sl-grid .ins .ins-r .items .item {max-width: 350px !important;}


footer .top .ins .ins-l {max-width: 440px;}
footer .top .ins .ins-l .logo {padding: 0 0px 0 0px;}
footer .top .ins .ins-r .items {padding: 140px 0 140px 50px;justify-content: center;}



}


@media only screen and (max-width:1500px) {

.home .sl-grid .ins .ins-l {display: flex;align-items: center;}
.home .sl-grid .ins .ins-l .box {padding: 0px 20px 0px 20px;}
.home .sl-grid .ins .ins-r {max-width: 1100px;}

}


@media only screen and (max-width:1366px) {


.home .sl-grid .ins .ins-r .items .item {max-width: 300px !important;}
.home .sl-grid .ins .ins-r .items .item .text .title {font-size: 20px;}



.home .sl-grid.blog-hp .ins .ins-r .items .item:hover .text .title {font-size: 22px;}
.home .sl-grid.blog-hp .ins .ins-r .items .item .text .subtitle {padding-right: 20px;}


footer .top .ins {flex-direction: column;padding-top: 50px;}
footer .top .ins .ins-r .items {padding: 50px 0 50px 0px;}
footer .top .ins .ins-r {max-width: initial;border-left: 0;}
footer .top .ins .ins-r .items {flex-wrap: wrap;}
    footer .top .ins .ins-r .items .item .title {text-align: center;}

}



@media only screen and (max-width:1200px) {


.cbp-af-header header .grid .grid-l .logo img {max-width: 240px;width: 100%;}
.cbp-af-header header .grid .grid-m .cats {grid-gap: 30px;}
.cbp-af-header header .grid .grid-r {grid-gap: 20px;}
.cbp-af-header header .grid .grid-r .tel {display: flex;align-items: end;grid-gap: 15px;font-weight: 700;font-size: 15px;line-height: 18px;color: #009dcc;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon {display: block;padding: 10px;background: #009dcc;border-radius: 2px;width: 38px;height: 38px;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon i {justify-content: center;font-size: 20px;color: #FFFFFF;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon-b {display: none;}
.cbp-af-header header .grid .grid-r .tel .tel-r {display: none;}


.slideshow {height: 100% !important;}
.slideshow-ins {height: 100% !important;}
.slideshow-ins video {width: initial !important;}


.home .about-hp {margin-top: -10px;}

.home .sl-grid .ins {flex-direction: column;}
.home .sl-grid .ins .ins-l {padding: 20px;justify-content: center;max-width: initial;}
.home .sl-grid .ins .ins-l .box .title {padding-bottom: 20px;text-align: center;}
.home .sl-grid .ins .ins-l .box .sl-btns {padding-bottom: 20px;justify-content: center;}
.home .sl-grid .ins .ins-r {max-width: initial;}


.home .three-items-hp .ins .items .item:nth-child(2) {padding: 0 50px;}
.home .three-items-hp .ins .items .item:first-child {padding-right: 50px;}
.home .three-items-hp .ins .items .item:last-child {padding-left: 50px;}

}


@media only screen and (max-width:992px) {

.cbp-af-header header .grid .grid-m {display: none;}
.cbp-af-header header .grid .grid-r .mob {display: block;padding: 10px;background: #009dcc;border-radius: 2px;width: 38px;height: 38px;}
.cbp-af-header header .grid .grid-r .mob i {justify-content: center;font-size: 20px;color: #FFFFFF;display: flex;}


.home .about-hp .ins .ins-l .box {padding: 50px 20px 50px 20px;}

.home .service-hp .ins .ins-l .box {padding: 50px 20px 50px 20px;}


.home .three-items-hp .ins {padding: 50px 20px;}
.home .three-items-hp .ins .items .item:nth-child(2) {padding: 0 20px;}
.home .three-items-hp .ins .items .item:first-child {padding-right: 20px;}
.home .three-items-hp .ins .items .item:last-child {padding-left: 20px;}

footer .top .ins .ins-r .items .item .socials {padding-top: 10px;}


.slideshow-ins .socials {bottom: 75px;grid-gap: 30px;}
.slideshow .pausebutton {left: 43%;bottom: 20px;transform: translateX(-50%);}
.slideshow .mutebutton {left: 56%;bottom: 20px;transform: translateX(-50%);}


}



@media only screen and (max-width:767px) {


.home .about-hp .ins {flex-direction: column-reverse;}
.home .about-hp .ins .ins-r {height: 400px;}

.home .service-hp .ins {flex-direction: column-reverse;}
.home .service-hp .ins .ins-r {height: 400px;}


.home .three-items-hp .ins .items {flex-wrap: wrap;}
.home .three-items-hp .ins .items .item .text {padding-bottom: 20px;}
.home .three-items-hp .ins .items .item:nth-child(2) {padding: 20px 0px;border: 0;border-bottom: 1px solid #009dcc;border-top: 1px solid #009dcc;}
.home .three-items-hp .ins .items .item:first-child {padding-right: 0px;padding-bottom: 20px;}
.home .three-items-hp .ins .items .item:last-child {padding-left: 0px;padding-top: 20px;}
.home .three-items-hp .ins .items .item .image {padding-bottom: 20px;display: flex;justify-content: center;}
.home .three-items-hp .ins .items .item .title {text-align: center;}
.home .three-items-hp .ins .items .item .text {padding-bottom: 20px;}


.home .sl-grid.blog-hp .ins .ins-r .items .item .text {left: 20px;}





}


@media only screen and (max-width:580px) {

.home .sl-grid .ins .ins-l .box .title {padding-bottom: 30px;}
.home .sl-grid .ins .ins-l .box .sl-btns.desk {display: none;}
.home .sl-grid .ins .ins-r {position: relative;}
.home .sl-grid .sl-btns.mob {display: initial;}
.home .sl-grid .sl-btns.mob a {display: block;padding: 0px 10px;border: 2px solid #009dcc;border-radius: 2px;color: #FFFFFF;}
.home .sl-grid .sl-btns.mob a:hover {background: #009dcc;}
.home .sl-grid .sl-btns.mob a:hover i {color: #FFFFFF;}
.home .sl-grid .sl-btns.mob .sl-btn-l {max-width: 30px;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.home .sl-grid .sl-btns.mob .sl-btn-r {max-width: 30px;position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}

footer .bot .main-content-ins {grid-template-columns: 1fr;justify-items: center;grid-gap: 30px;justify-content: initial !important;}


.slideshow .pausebutton {left: 40%;}
.slideshow .mutebutton {left: 60%;}

}


@media only screen and (max-width:480px) {


.cbp-af-header header .grid {grid-gap: 10px;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon {padding: 0px;width: 26px;height: 26px;position: absolute;top: 5px;/* background: rgb(239 26 40 / 50%); */right: 66px;}
.cbp-af-header header .grid .grid-r .tel .tel-l .icon i {display: flex;align-items: center;height: 100%;font-size: 14px;}
.cbp-af-header header .grid .grid-r .srch a {display: block;padding: 0; height: 26px;width: 26px;}
.cbp-af-header header .grid .grid-r .email {
    position: absolute;
    right: 20px;
    top: 5px;
}
    .cbp-af-header header .grid .grid-r .email a {
    width: 26px;
    padding: 0;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    /* background: rgb(239 26 40 / 50%); */
}
.cbp-af-header header .grid .grid-r .srch a i {align-items: center;justify-content: center;height: 100%;}
.cbp-af-header header .grid .grid-r .mob {padding: 0px;width: 26px;height: 26px;}
.cbp-af-header header .grid .grid-r .mob i {display: flex;align-items: center;height: 100%;}


}




/* NEW HOMEPAGE */