7@e}얃O> 4{giACk*+N"cΥ`92>''YAj uL_]}W|Ӄ%d I.wIc'adbAN*^r)16J4gaYK1\t(y~ ~\*x">pPQ#i I3fC0%Sh5jڮbZH. sD xI-66w¬-#k] :QC˺&K8/3k'8z˨.gL4"D+!$, J^j鍤r yK $w|bHo+Oړ}?,%CY/p&r}w6hl%~(~M]k; 6@n `䙵.]=O, ;F1#PŸ>nj !b`'"Le؃Kx3T~v^Ĉ2{f>m@eVൟs{-2^'uХ7Cw)EI؞^dϻ(ǃQ&ENgΏrJ~b Y&p6_ֈ /vԱepBA%;GʓyK $R)?AHCoZz;= MeSؓ K^˜$K.⚾ n9i&m.b?`C0hS_h}dڪB:N)=py/nl%Ō\i>.+oaF}ػ'_']3.p_ -NYz ī#5Y`m%gJOSS\8N`$7Ji>Y*r+Ƕ 6eT} [BcvG3/4M솶d2y}fuLxq4j:x, OBݦ4b+oÁ jл%s~ qheMNJDu# zڦD(GvJ1&Α 5eut0n"v@ft& _X}ﻲZ~2nx|MƵB B,}ӊ#r` ,ne}@a7$bΒQm:LAoybN&.GSx6ӇB-5|Y5'<ԱҸxJT~gR.AN*^r)16J4gaYK1=/!/Om47 D-M%p4/jG%Gd{,$)L6?X ՍD7,m%!۹6> Ea-Tyl+ m&Z4i`wݘjsXXQ/;>m*gFN9տ=be=z-:z]x|Kpwi|y/wFSμv>Hz%abX~>RT"0ҽ^{!['x~aq14Z@`]u5CDBӈ&'9Z59DNςxH>{i>%.N.FkIc6R{mmH +-ਹf. $`Hc2yEFK<_bQIs6ey*Pt$ȶXub4/1w5hBsM62H{x¡ʽ?]W(JҌUg+ 4aÕL=ޝ#ឺXꁧEzvQw$>C~, }oew7#nV߅Ň|&6`&"aghT~%ҵn+nkp?[kz ^]eBqq-:Pދ>2^Bz[{y蚉*`솱@51eh)neVxjj"A~ -LhNDk[ YbOj"IG,6jPӊKK`Og")@>P%/[A#SW^F\.}Ax|r|/~pRLdկpN0l$1 jZ֠.Y-]檔\ DoXQ|CҩrƋF}pG&QOU ̗u0܇qBfGvN3oQ&5t(<^hz3;`VXGv@Bp[I໼[r.Q=ʳn|4_cw">waGoO' Y?_ ,'8~lKpdRXd桇EnH E2V_n>& ΆWԻtjnΧS|.o8VHg@`- )J͋kŠ۵C U'r6]7I'AL4ίM9v)SP6 bJmk<tX>R(S?e4wց;6뽿8'%W( 0d6'^jX\_gW1"S|gBoMn L(y@8>')8u9Vd/uW~U(&[epzHg/7v6w-vn]_SH {#fQe{s[Lcg26Q&ptׁe noEfK `=sVHmF[{jZY!6v4OCCv[3޸R2Фp@cI<m Q%..G*P|h|\Vi TeVi Te.lYhZh+yiB W$'7o8!iWv|hiBE*eO1Czg~qw䙪K&<f"+?jE0`#&_3a+w\AC2yfFuͫ-hv^`@9^,qARnP4ﺠA+)Du!O>A"7>Q~#Q`ransition: 0.15s; -moz-transition: 0.15s; } .list li a:before{ position: absolute; width: 13px; height: 13px; content: ''; top: 1px; left: -23px; background: url(../images/list_marker.png) 0px 0px no-repeat; transition: 0.7s; -webkit-transition: 0.7s; -moz-transition: 0.7s; } .list li a:hover:before{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .list li a:hover{ color:#d44900; text-decoration:none; padding-left: 4px; } .wrap{ padding-top: 12px; } .img1{ float: left; margin-right: 13px; } p.italic{ font:italic 13px/21px Arial, Helvetica, sans-serif; color: #949393; margin-top: 35px; margin-bottom: 7px; } p.italic.top{ margin-top: 0px; margin-bottom: 17px; } .mail_link{ color: #d44900; } /**/ blockquote{width:100%;} cite{text-align:right;} time{} /************Header************/ header{ padding: 30px 0; width:100%; position:relative; z-index: 10; box-shadow:1px 2px 2px rgba(0,0,0,0.5); } #index2 header, #index3 header, #index4 header{ /*background: url(../images/header_bg.jpg) no-repeat center 0 #f0f2f1;*/ background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } #index2 #content{ //background: url( ../images/content_bg.jpg) repeat 0 0 #f0f2f1; padding-top: 84px; padding-bottom: 28px; } #index3 #content{ background: url( ../images/content_bg.jpg) repeat 0 0 #f0f2f1; padding-top: 0px; padding-bottom: 0px; } #index3 .border_img{ margin-right: 30px; } #index3 .border_img.float_none{ margin-right: 0; } #index3 .stat_box h4{ font: bold 18px/22px Arial, Helvetica, sans-serif; margin-bottom: 10px; } #index3 .second_box{ padding-bottom: 38px; } #index3 .stat { float: left; height: 80px; font: bold 38px/36px 'Trebuchet MS', Helvetica, sans-serif; padding-top: 39px; } #index3 .third_box { padding-top: 73px; } #index4 #content{ background: url( ../images/content_bg.jpg) repeat 0 0 #f0f2f1; padding-top: 86px; padding-bottom: 0px; } .second_box{ background: url(../images/content_bg.jpg) repeat; padding-top: 84px; padding-bottom: 28px; } #index2 .second_box{ padding-top: 0px; padding-bottom: 18px; } .third_box{ padding-top: 23px; background: url(../images/box2.jpg) repeat; } #index2 .third_box{ margin-bottom: 0; padding-top: 76px; } h1{ position: relative; z-index: 9; float: left; } h1 a{} h1 a:hover{ text-decoration:none; } h1 .slogan{ display:block; } /* Menu */ nav{ position: relative; z-index: 9; padding-top: 12px; padding-right: 3px; margin: 0 auto; display: flex; text-align: center; width: 100%; justify-content: center; } .sf-menu { list-style:none; } .sf-menu > li { float:left; font: 14px/17px 'Trebuchet MS', Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-left:11px; position:relative; } .sf-menu > li:first-child{ margin-left:0; } .sf-menu > li > a { display: block; color:#000; text-decoration:none; padding: 18px 20px 16px 20px; border-radius: 3px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.current > a { text-decoration:none; background: #00ADEF; color:#FFF; } .sf-menu > li > a.sf-with-ul:after{ /*menu arrow*/ } .sf-menu .menu-arrow{display:none;} /* submenu */ .sf-menu ul { background: #0d0f0b; display: none; left: 0; padding: 31px 13px 36px; position: absolute; top: 56px; width: 105px; z-index: 99; border-radius: 3px; } .sf-menu ul li{ margin-top:17px; position:relative; font: 12px/15px Arial, Helvetica, sans-serif; } .sf-menu ul li:first-child{ margin-top:0; } .sf-menu ul li a{ color:#fff; text-decoration:none; } .sf-menu ul li > a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.active > a{ text-decoration:none; font-weight: bold; /*font-size: 14px;*/ } /* subsubmenu */ .sf-menu ul ul { background: #d44900; left: 120px; top: -2px; padding-top: 7px; padding-left: 8px; width: 85px; padding-bottom: 10px; } .sf-menu ul ul li{ margin-top: 15px; } .sf-menu ul ul li a{ color:#fff; text-decoration:none; } .sf-menu ul ul li > a:hover, .sf-menu ul ul li.sfHover > a, .sf-menu ul ul li.active > a{ text-decoration:none; } #mm0{ display:none; border: 1px solid #ff781d; padding: 3px; width: 100%; } /************Content***********/ .top_box{ /*background:url(../images/menu_hover.jpg) repeat 0 0;*/ background:#00adef; padding: 40px 0px 20px; } .top_box .container{ width: 1170px; } @media only screen and (max-width: 767px){ .top_box .container{ width: 420px; } } .top_box h3{ font:bold 34px/36px Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 55px; } .top_item{ text-align: center; } .top_item a{ display:inline-block; border-radius: 50%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; margin-bottom: 15px; } .top_item a:hover{ opacity: 0.6; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .top_item h4{ font:bold 18px/36px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; line-height:130%; } .bg1{ background:url(../images/index_bg1.png) no-repeat 0px bottom; } .stat_box{ overflow: hidden; } .stat{ float: left; width: 118px; height: 77px; margin-right: 22px; text-align: center; color: #d44900; font:bold 36px/36px 'Trebuchet MS', Helvetica, sans-serif; padding-top: 41px; background: url(../images/stat_bg.png) no-repeat 0 0; } .stat_box h4{ font:bold 18px/28px Arial, Helvetica, sans-serif; color: #3e3e3e; margin-bottom: 3px; margin-top: 5px; } .stat_box h4 a{ color: inherit; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .stat_box h4 a:hover{ color: #d44900; text-decoration: none; } .stat_box p.italic{ line-height: 24px; margin-top: 0; } #index2 .stat_box .stat{ margin-top: 11px; } #index2 .stat_box h4{ margin-bottom: 24px; line-height: 23px; } #index2 .stat_box p.italic { line-height: 22px; margin-bottom: 23px; } .stat_info{ overflow: hidden; } .stat_info .date{ display: inline-block; color: #3e3e3e; font: 14px/24px Arial, Helvetica, sans-serif; margin-right: 15px; padding-left: 36px; background: url(../images/date_img.png) no-repeat 0 0; padding-top: 3px; padding-bottom: 4px; } .stat_info .date span{ color: #d44900; } .stat_btn{ font: 14px/24px Arial, Helvetica, sans-serif; color: #3e3e3e; padding-left: 27px; background: url(../images/stat_btn.png) no-repeat 0px 0px; padding-top: 2px; padding-bottom: 7px; display: inline-block; } .third_box .img{ float: left; margin-right: 13px; } .third_box_h3{ font: 36px/40px Arial, Helvetica, sans-serif; color: #3a3a3a; margin-top: 42px; margin-bottom: 16px; } .third_box_h3 span{ color: #d44900; font-size: 42px; line-height: 40px; font-weight: bold; } .third_box_p{ font: 13px/22px Arial, Helvetica, sans-serif; color: #949393; margin-bottom: 23px; } .third_box_btn{ display: inline-block; padding: 12px 18px 14px 24px; font:bold 14px/22px Arial, Helvetica, sans-serif; background:#74c300; color: #fff !important; cursor:pointer; margin-top:10px; text-decoration:none !important; border-radius: 3px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } .third_box_btn:hover{ background: #008ee7; text-decoration: none; } .third_box_h4{ margin-top: 52px; margin-bottom: 50px; } .client1, .client2, .client3, .client4, .client5, .client6{ display: inline-block; transition: 0.5s; } .client1:hover, .client2:hover, .client3:hover, .client4:hover, .client5:hover, .client6:hover{ opacity: 0.7; } .client1, .client2{ margin-bottom: 20px; } .client1{ margin-right: 60px; } .client3, .client4{ margin-bottom: 24px; } .client3{ margin-right: 90px; } .client5{ margin-right: 37px; } .carousel_p{ padding-top: 27px; background: url(../images/carousel_p.png) no-repeat 0px 0px; color: #949393; font:italic 13px/24px Arial, Helvetica, sans-serif; margin-bottom: 16px; } #owl .carousel_item h4{ font-size: 18px; line-height: 28px; color: #3e3e3e; } /*----------- Map ------------*/ .map{ margin-bottom: 40px; padding-top: 8px; } .map iframe{ width:100%; height:275px; } address dl{ width:100%; overflow:hidden; position:relative; } address dt{ color: #3a3a3a; margin-bottom: 0px; } address dd{ overflow:hidden; } address dl span { float:left; width:75px; } address dl span.mail{ width: 62px; } address dl a{ font-size: 13px; line-height: 15px; color: #d44900; } /************Footer************/ footer .container{ display: flex; align-items: center; } @media only screen and (max-width: 768px){ footer .container{ display: block; } } footer{ width:100%; border-bottom: 26px solid #ff5902; padding-top: 20px; padding-bottom: 20px; background: #F5F5F5; } span.copy{ display: block; font:bold 18px/18px Arial, Helvetica, sans-serif; color: #3a3a3a; text-transform: uppercase; margin-bottom: 5px; } .copyright{ font: 12px/15px Arial, Helvetica, sans-serif; color: #949494; text-transform: uppercase; margin-bottom: 16px; padding-top: 20px; } .footer_logo{ display: block; margin-bottom: 20px; } .copyright a{color:inherit;} .footer-link{display:block;} .footer_soc_icon{ overflow: hidden; display: block; } .footer_soc_icon li{ float: left; } .icon1 a, .icon2 a, .icon3 a, .icon4 a, .icon5 a{ display: block; height: 23px; } .icon1 a{ background: url(../images/soc_icon1.png) 0 0; margin-right: 22px; width: 14px; } .icon2 a{ background: url(../images/soc_icon2.png) 0 0; margin-right: 20px; width: 22px; } .icon3 a{ background: url(../images/soc_icon3.png) 0 0; margin-right: 22px; width: 19px; } .icon4 a{ background: url(../images/soc_icon4.png) 0 0; margin-right: 21px; width: 20px; } .icon5 a{ background: url(../images/soc_icon5.png) 0 0; margin-right: 0px; width: 20px; } .footer_soc_icon li a:hover{ opacity: 0.6; } .border_box{ border-right: 1px solid #e8e8e8; min-height: 205px; } .border_img{ border: 3px solid #e5e5e5; float: left; border-radius: 2px; margin-right: 19px; margin-top: 5px; } .float_none{ float: none; margin-right: 0; } footer h5{ font:bold 18px/18px Arial, Helvetica, sans-serif; color: #3a3a3a; padding-top: 20px; margin-bottom: 22px; } .footer_list1 li{ margin-top: 16px; font: 12px/14px Arial, Helvetica, sans-serif; color: #838282; } .footer_list1 li:first-child{ margin-top: 0; } .footer_list2{ padding-top: 0px; } .footer_list2 li{ display: block; margin-top: 16px; font: 12px/14px Arial, Helvetica, sans-serif; background: url( ../images/footer_list_marker.png) no-repeat 1px 5px; } .footer_list2 li:first-child{ margin-top: 0; } .footer_list2 li a{ display: inline-block; padding-left: 16px; color: #838282; transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; } .footer_list2 li a:hover{ text-decoration: none; padding-left: 20px; color: #d44900; } #toTop { background:url(../images/to_top.png) center top no-repeat; border:none; bottom: 30px !important; color:transparent; display:none; font-size:0; height:42px; line-height:0; overflow:hidden; position:fixed; right:50%; margin-right: -660px !important; text-decoration:none; width:42px; z-index:20; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; } #toTop:hover{ background-position:center -50px; } #toTop:active, #toTop:focus { outline:none; } /*==================================RESPONSIVE LAYOUTS===============================================*/ @media only screen and (max-width: 1200px) { .sf-menu > li > a { padding: 18px 15px 16px 15px; } .camera_caption { top: 180px; } .camera_caption > div h2 { font: 45px/45px 'Trebuchet MS', Helvetica, sans-serif; margin-bottom: 15px; } h4{ line-height: 36px; } } @media only screen and (max-width: 995px) { .img_fleft, .img_right{ max-width:45%; } .camera_caption{ display: none !important; } nav { padding-right: 0px; } .sf-menu ul { top: 45px; } .sf-menu > li{ margin-left:15px; } .sf-menu > li > a { padding: 10px 5px 10px 5px; } .stat_box{ margin-bottom: 40px !important; } .img1 { float: none; margin: 0 auto; display: block; } .stat, #index3 .stat{ float: none; margin: 0 auto 10px; } .stat span{ font-size: 40px; } .border_img{ float: none; margin-right: 0; margin-bottom: 30px; } .border_img img{ width: 100%; } .owl-buttons { top: -60px; } .third_box .img{ float: none; margin-right: 0; } .icon1 a, .icon2 a, .icon3 a, .icon4 a{ margin-right: 10px; } .client6{ margin-top: 20px; } } @media only screen and (max-width: 767px) { header { padding-top: 20px; } h1{ float: none; padding-top: 23px; } nav{ float: none; margin-bottom: 12px; float: none; margin-bottom: 35px; position: absolute; display: none; padding-top: 200px; background: white; top: 0; height: 100vh; } .sf-menu > li{ margin-left:0px; } .sf-menu > li > a { font-size: 20px; padding: 18px 15px 16px 15px; } .camera_wrap { margin-top: -210px; } .sf-menu{ display:none; } #mm0{ display:block; } .border_box{ border: none; } h1 { float: none; padding-top: 0px; } nav { float: none; margin-bottom: 35px; } .client6 { margin-top: 0px; } } @media only screen and (max-width: 479px) { .img_fleft.nofloat, .img_right.nofloat{ float:none; max-width:inherit; margin:0 0 20px; } h1 { padding-top: 0px; } nav { padding-top: 100px; margin-bottom: 46px; } .stat_btn{ margin-left: 5px; margin-top: 10px; } footer{ padding-bottom: 50px; } }