A Pen by Thomas

Thumbnail
This awesome code was written by codetom, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright codetom ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Thomas</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		
		<link href="/application/themes/kos/css/min/plugin.min.css" rel="stylesheet" type="text/css" media="all"> 
	<link href="/application/files/cache/css/kos/global.css?ts=1524194140" rel="stylesheet" type="text/css" media="all">					<link href="/application/themes/kos/css/homepage.css" rel="stylesheet" type="text/css" media="all"> 
		
		
    
<title>Web Design Bangkok, Thailand - KOS Design</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Web design Bangkok (Thailand) service is what you are looking for? KOS Design agency will meet your needs. We provide services of: website design and development, SEO, graphics design and IT Consulting."/>
<meta name="keywords" content="web design bangkok, web design thailand, kos design, web design agency, website design bangkok, website designers, website design company"/>
<meta name="generator" content="concrete5 - 8.2.1"/>
<link rel="shortcut icon" href="https://www.kos.co.th/application/files/8515/0528/1337/KOS-favicon-01.png" type="image/x-icon"/>
<link rel="icon" href="https://www.kos.co.th/application/files/8515/0528/1337/KOS-favicon-01.png" type="image/x-icon"/>
<script type="text/javascript">
    var CCM_DISPATCHER_FILENAME = "/index.php";
    var CCM_CID = 1;
    var CCM_EDIT_MODE = false;
    var CCM_ARRANGE_MODE = false;
    var CCM_IMAGE_PATH = "/concrete/images";
    var CCM_TOOLS_PATH = "/index.php/tools/required";
    var CCM_APPLICATION_URL = "https://www.kos.co.th";
    var CCM_REL = "";
</script>

<link href="/concrete/css/font-awesome.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="/concrete/js/jquery.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="/concrete/js/ie/html5-shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script type="text/javascript" src="/concrete/js/ie/respond.js"></script><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script>
        if(navigator.userAgent.match(/IEMobile\/10\.0/)){
            var msViewportStyle = document.createElement('style')
            msViewportStyle.appendChild(
                document.createTextNode(
                    '@-ms-viewport{width:auto!important}'
                )
            )
            document.querySelector('head').appendChild(msViewportStyle)
        }
    </script>
</head>
<body class="no-edit pagelang-en pagetype-homepage " data-root="">
<div class="ccm-page page-type-page page-template-homepage"><!--
=======================================
Designed & built by KOS Design Co., Ltd
E-mail: hello(@)kos.co.th t: 02 7138625 
Web: http://www.kos.co.th
=======================================
-->  
<header> 	
	<div class="logo">
		<a href="/" id="logo">
			<img src="/application/themes/kos/images/logo-img.jpg" alt="KOS Design"/>
			<div class="kostext"><img src="/application/themes/kos/images/kos-hover-logo.jpg" alt="KOS Design"/></div>
		</a>	
	</div> 
	<div class="block-social">
		

    <ul class="social-list">
    <li><span class="s-icon"><a href="https://www.facebook.com/KOSDesignStudio" target="_blank"><i class="fa fa-facebook"></i></a></span></li>   <li><span class="s-icon"><a href="https://twitter.com/kosdesign" target="_blank"><i class="fa fa-twitter"></i></a></span></li>	
    <li><span class="s-icon"><a href="https://www.instagram.com/kosdesign" target="_blank"><i class="fa fa-instagram"></i></a></span></li>	</ul>



	 
	</div>
	<div class="featured-menu">
		<div class="menu-links">
			<div>
				<div>
					

    
<nav><ul><li class=""><a href="https://www.kos.co.th/company/" target="_self" class="">About kos</a></li><li class=""><a href="https://www.kos.co.th/portfolio/" target="_self" class="">Work</a></li><li class=""><a href="https://www.kos.co.th/services/" target="_self" class="">Services</a></li><li class=""><a href="https://www.kos.co.th/career/" target="_self" class="">Career</a></li><li class=""><a href="https://www.kos.co.th/contact/" target="_self" class="">Contact Us</a></li></ul></nav>
				</div>
				<div class="block-call">
					

    <p>+66 (0) 2041-6049</p>

		
				</div>	
			</div>
		</div>
		<div class="bth-lang-link">
			<div>
				<a href="/jp/">JP</a>
				<a href="/">EN</a>
			</div>
		</div>
	</div>
			<div class="block-xs-call" style="display:none;">
			

    <p>+66 (0) 2041-6049</p>

		
			</div>
	<div class="bars">
		<span class="cd-icon">
			<span></span>
			<span></span>
			<span></span>	
		</span>
	</div> 
	<div class="request /">
		<a href="/contact#quote"> 
							<span>request a quote</span>
					</a>
	</div>
	<div class="cd-block-menu">
		<div  class="cd-primary-nav">  
			<div>
				<div class="cd-block-left">
					

    <ul>
	<li>About KOS
	<ul>
		<li><a href="https://www.kos.co.th/company/">Company Overview</a></li>
		<li><a href="https://www.kos.co.th/company/our-customers/">Our Customers</a></li>
		<li><a href="https://www.kos.co.th/company/voice-our-clients/">Voice of our Clients</a></li>
		<li><a href="https://www.kos.co.th/contact/">Contact Us</a></li>
		<li><a href="https://www.kos.co.th/career/">Career</a></li>
	</ul>
	</li>
	<li><a href="https://www.kos.co.th/portfolio/">Work</a></li>
	<li><a href="https://www.kos.co.th/magento/">E-commerce Magento</a></li>
	<li>KOS Services
	<ul>
		<li><a href="https://www.kos.co.th/web-design-thailand/">Website Design</a></li>
		<li><a href="https://www.kos.co.th/logo-design-thailand/">Logo Design Thailand</a></li>
		<li><a href="https://www.kos.co.th/graphic-design/">Graphic Design Thailand</a></li>
		<li><a href="https://www.kos.co.th/seo/">Search Engine Optimization</a></li>
		<li><a href="https://www.kos.co.th/aerial-photography-thailand/">Aerial Photography Thailand</a></li>
		<li><a href="https://www.kos.co.th/web-development/">Web Application Development</a></li>
		<li><a href="https://www.kos.co.th/magento/">Ecommerce Thailand</a></li>
	</ul>
	</li>
	<li>Career
	<ul>
		<li><a href="https://www.kos.co.th/career/">Account Executive</a></li>
		<li><a href="https://www.kos.co.th/career/">Creative Web Designer</a></li>
		<li><a href="https://www.kos.co.th/career/">Internship 2017 - 1 position left</a></li>
	</ul>
	</li>
	<li><a href="https://www.kos.co.th/contact/">Contact Us</a></li>
</ul>

				</div>
				<div class="cd-block-right"> 
					<div>
						<div class="cd-block-address">
							

    <p>23/2 BaanChan Bldg. Soi 20 Thonglor,<br />
Rd.55 Sukhumvit Klongton-Nua, Wattana<br />
10110 Bangkok, Thailand</p>

<p>Tel : +66 2 713 86 25<br />
Say : hello@kos.co.th</p>

	
						</div>
						<div class="cd-block-lang">
							<ul>
								<li><a href="/">SPEAK ENGLISH</a></li>
								<li><a href="/jp/">SPEAK JAPANESE</a></li>
							</ul>
						</div>
						<div class="cd-block-social">
							

    
    <div class="social-item"><a href="https://twitter.com/kosdesign" target="_blank">Twitter</a></div>    <div class="social-item"><a href="https://www.facebook.com/KOSDesignStudio" target="_blank">Facebook</a></div>   <div class="social-item"><a href="https://www.instagram.com/kosdesign" target="_blank">Instagram</a></div>
						</div>	
					</div>				
				</div>
			</div>
		</div>
	</div>
	<div class="cd-overlay-nav">
		<span></span>
	</div>
	<div class="cd-overlay-content">
		<span></span>
	</div>
		
</header> 
<article>
	<div class="top-homepage">
		

    <div class="block-slogan" style="background-image:url(https://www.kos.co.th/application/files/1015/2368/5429/KOS-banner-2.jpg);">
	
	<div class="slogan-text">
		<div class="slogan-inner">
			<div class="block-text">
				<p>We design&nbsp;</p>

<ul>
	<li>&nbsp;&nbsp;positive experiences</li>
	<li>&nbsp; amazing websites</li>
	<li>&nbsp;&nbsp;brands and solutions</li>
</ul>

<p>that you and your clients will love!</p>
			</div>
							<div class="slogan-botton">
					<a href="https://www.kos.co.th/portfolio/" id="view_work">Our work</a>
				</div>
					</div>
	</div>
</div>

	</div>
	<div class="main-content">
		<div class="kos-intro">
			<div class="wrapper">
				<div class="block-left">
					

    <h1>Web Design<br />
Bangkok, Thailand</h1>

				</div>
				<div class="block-right">
					

    <p>If you are uncompromising in your need for functional, fast, and SEO-friendly applications; if aesthetic, clean, and orderly designs are what you need; if what you expect is user-friendly CMS and reliable guarantees; you have come to the right place!&nbsp;</p>

<p>We respond to any message that we may receive from you within no more than 30 minutes. We provide after-sales care as well, and we are available around the clock. We want you to cherish the day you decided to come to us.</p>

<p>Welcome to KINGDOM OF SERVICE!</p>

				</div>
			</div>
		</div>
		<div class="kos-service">
			<div class="wrapper">
				<div class="block-left"> 
					<div>
						

    <h2>SERVICES</h2>

<p>We create the digital world of a brand in which consumers feel wonderful. In fact, it is precisely that feeling that we design.</p>

	
					</div>
				</div>
				<div class="block-right">
					<div class="block-list">
						<div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/web-design-thailand/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/6715/0375/4527/webdesign.png" alt="webdesign.png"/>
		</div>
		<div class="block-text"><p>web design</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/logo-design-thailand/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/6515/0375/4522/branding.png" alt="branding.png"/>
		</div>
		<div class="block-text"><p>Branding</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/graphic-design/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/1115/0375/4523/GRAPHIC-design.png" alt="GRAPHIC-design.png"/>
		</div>
		<div class="block-text"><p>GRAPHIC&nbsp;<br />
DESIGN</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/aerial-photography-thailand/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/9015/0375/4525/photo.png" alt="photo.png"/>
		</div>
		<div class="block-text"><p>photo &amp;&nbsp;<br />
videography</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/seo/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/1615/0375/4525/seo.png" alt="seo.png"/>
		</div>
		<div class="block-text"><p>search engine optimization</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/services/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/1215/0375/4524/marketing.png" alt="marketing.png"/>
		</div>
		<div class="block-text"><p>digital&nbsp;<br />
marketing</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/web-development/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/9615/0375/4526/webapp.png" alt="webapp.png"/>
		</div>
		<div class="block-text"><p>web application development</p>
</div>
		</a>
	</div>

</div><div class="block-col">

    
<div>
	<a href="https://www.kos.co.th/magento/">
			<div class="block-image">
			 <img src="https://www.kos.co.th/application/files/8015/0375/4522/ecommerce.png" alt="ecommerce.png"/>
		</div>
		<div class="block-text"><p>e-commerce</p>
</div>
		</a>
	</div>

</div>	
					</div>
				</div>
			</div>	
		</div>
		<div class="kos-case-study">
			<div class="wrapper">
				<div class="text-top">
					<div> 
	<div class="text-wrapper">
		<div class="t-left">
			

    <h3>case studies</h3>



    <p>See where we can help the most.</p>

	 
		</div>   
		<div class="t-right">
			<div class="block-filter-nav">
				<div class="filter-bars"><i class="fa fa-bars"></i> Category</div>
				<ul>
										
															<li data-filter="web" data-parent="181" data-lang="en" data-text="WEBSITE" >WEBSITE</li>	
					<li data-filter="commerce" data-lang="en" data-parent="181"  data-text="E-COMMERCE" >E-COMMERCE</li>					<li data-filter="Logo" data-parent="181"  data-lang="en" data-text="LOGO & BRANDING">LOGO & BRANDING</li>
					<li data-filter="print" data-parent="181"  data-lang="en" data-text="Print Design">Print Design</li>
				
				</ul>
			</div>
		</div>	
	</div>
</div>				</div>
								<div class="text-top text-top-fixed" style="display:none;">
					<div> 
	<div class="text-wrapper">
		<div class="t-left">
			

    <h3>case studies</h3>



    <p>See where we can help the most.</p>

	 
		</div>   
		<div class="t-right">
			<div class="block-filter-nav">
				<div class="filter-bars"><i class="fa fa-bars"></i> Category</div>
				<ul>
										
															<li data-filter="web" data-parent="181" data-lang="en" data-text="WEBSITE" >WEBSITE</li>	
					<li data-filter="commerce" data-lang="en" data-parent="181"  data-text="E-COMMERCE" >E-COMMERCE</li>					<li data-filter="Logo" data-parent="181"  data-lang="en" data-text="LOGO & BRANDING">LOGO & BRANDING</li>
					<li data-filter="print" data-parent="181"  data-lang="en" data-text="Print Design">Print Design</li>
				
				</ul>
			</div>
		</div>	
	</div>
</div>				</div>
								<div class="loader">
				 	<div><span>{</span><p>...</p><span>}</span></div>
				</div>
				<div class="block-work-featured">
					<div>
						<div class="black-frame">
							<div class="block-left">
								<div>
									<h2>WEBSITE</h2>
																		<h3>REAL SALES <br />
IN THE VIRTUAL WORLD</h3>
																											<p><a href="https://www.kos.co.th/portfolio/web-design-development/">View all <br/>our WEBSITE</a></p>								
								</div>
							</div>
							<div class="block-right">
								<span>Our recent works</span>
							</div>
						</div>
						<div class="block-featured-list">
								
								<div class="work-item  Web Design & Development">
									<div class="block-thumb"> 
										<div class="block-bg"  style="background-image:url(https://www.kos.co.th/application/files/cache/c580846b6e91f0b839557b466234aea8.jpg)"></div>
										<div class="overlay"></div>
										<div class="block-detail">
											<h3>Knorex</h3>
											<p class="description">Precision, Performance, Marketing - perfect fit keywords for KOS to build new Knorex website. </p>
										</div>
										<div class="see-case"><span>see case study</span><i class="fa fa-long-arrow-right"></i></div>
										<a href="https://www.kos.co.th/portfolio/knorex/" class="block-link"></a>
									</div>
								</div>
								
								<div class="work-item  Web Design & Development">
									<div class="block-thumb"> 
										<div class="block-bg"  style="background-image:url(https://www.kos.co.th/application/files/cache/bb8d809bc458d7b72efc94668c5cfc9b.jpg)"></div>
										<div class="overlay"></div>
										<div class="block-detail">
											<h3>10DK</h3>
											<p class="description">The space where style meets comfort.</p>
										</div>
										<div class="see-case"><span>see case study</span><i class="fa fa-long-arrow-right"></i></div>
										<a href="https://www.kos.co.th/portfolio/10dk/" class="block-link"></a>
									</div>
								</div>
								
								<div class="work-item  Web Design & Development">
									<div class="block-thumb"> 
										<div class="block-bg"  style="background-image:url(https://www.kos.co.th/application/files/cache/92beda5aa3d56d6f65bc62fe2eb04ac9.jpg)"></div>
										<div class="overlay"></div>
										<div class="block-detail">
											<h3>Konica Minolta</h3>
											<p class="description">KOS created a website that brings even greater benefits to Konica Minolta's customers and society.</p>
										</div>
										<div class="see-case"><span>see case study</span><i class="fa fa-long-arrow-right"></i></div>
										<a href="https://www.kos.co.th/portfolio/konica-minolta/" class="block-link"></a>
									</div>
								</div>
								
								<div class="work-item  Web Design & Development">
									<div class="block-thumb"> 
										<div class="block-bg"  style="background-image:url(https://www.kos.co.th/application/files/cache/883e98f1a9945dd652fca21e3a181408.jpg)"></div>
										<div class="overlay"></div>
										<div class="block-detail">
											<h3>Thai Country Club</h3>
											<p class="description">Never afraid of the game, KOS took on this award-winning challenge with pride. </p>
										</div>
										<div class="see-case"><span>see case study</span><i class="fa fa-long-arrow-right"></i></div>
										<a href="https://www.kos.co.th/portfolio/thai-country-club/" class="block-link"></a>
									</div>
								</div>
														<div class="block-work-text">
																	<div>
										

    <h3>THE WORLD OF A SPECIAL BRAND</h3>

<p>A website itself can be the best marketing strategy your band will ever have. We will strategically build it for you to ensure its benefits are endless.</p>

									</div>
																	<div>
										

    

    <h3>THE WORLD OF A SPECIAL BRAND</h3>

<p>E-commerce is more than just a sales channel. It is a ticket to a unique world. The better the experience we create, the more consumers will come back for more.</p>


									</div>
																	<div>
										

    <h3>THE WORLD OF A SPECIAL BRAND</h3>

<p>Branding is your promise to your consumers.&nbsp;We are prepared to provide this promise with the necessary edge it needs to succeed in an increasingly competitive market.&nbsp;</p>

									</div>
																	<div>
										

    <h3>THE WORLD OF A SPECIAL BRAND</h3>

<p>Print design has the power to create a visual and emotional connection with your customers. We create first impression that last a lifetime.</p>

									</div>
															</div>
						</div>
					</div>
				</div>
			</div>
		</div>
				<div class="kos-clients">
			<div class="wrapper">
				<div class="block-title">
					

    <h2 style="text-align: center;">PEOPLE WE HAVE DELIGHTED UP TO NOW</h2>

				</div>
				<div class="block-list">
					

    <ul class="gallery-list" >
					<li class="item">
			<a href="https://www.kos.co.th/portfolio/bitdefender/">				<img src="/application/files/1515/0376/1374/Bitdefender.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/meinhardt/">				<img src="/application/files/2515/0376/1377/meinhardt.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/takenaka/">				<img src="/application/files/3315/0376/1381/takenaka.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/canterbury/">				<img src="/application/files/4815/2368/5493/canterbury.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/sharp/">				<img src="/application/files/6215/0376/1380/sharp.png" alt="">
			</a>		</li>

					<li class="item">
							<img src="/application/files/9315/0376/1375/amata.png" alt="">
					</li>

					<li class="item">
							<img src="/application/files/5115/0376/1380/ptt.png" alt="">
					</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/konica-minolta/">				<img src="/application/files/1915/2368/5494/Konica_Minolta_logo.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/mc-shop/">				<img src="/application/files/1615/0376/1377/mc-jean.png" alt="">
			</a>		</li>

					<li class="item">
			<a href="https://www.kos.co.th/portfolio/mph-mahidol/">				<img src="/application/files/3015/0376/1378/mph-logo.png" alt="">
			</a>		</li>

	</ul>

	
					<div class="slogan-botton">
						<a class="more" href="/company/our-customers/">
							

    
    MORE CLIENTS
						</a>
					</div>
				</div>
			</div>
			<div class="kos-client-voice">
				<div class="wrapper">
					<div class="quote">
						<div> 
							<div class="block-title">
								

    <h2>PEOPLE WHO TALK ABOUT US</h2>

							</div>
							<div class="block-voice">
								<div>
									

    <div class="block-item">
    <div class="block-message">KOS Design created our new website for Meinhardt&#039;s Bangkok office (www.meinhardt.net) and we have been very pleased with the results. The process of development a website that demonstrates our expertise and has a professional image was very interactive and rewarding.</div>	<div class="block-info">	
					<p>
									<span class="name">John  Pollard</span>
													<span class="position">Managing Director</span>
							</p>
					<p class="company">Meinhard (Thailand)</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">We highly recommend KOS Design to anyone seeking development of a professional, unique, and visually appealing website. We were taken care of at KOS, our needs met, our vision achieved and we’re gaining new clients daily with our contemporary website.</div>	<div class="block-info">	
					<p>
									<span class="name"> Kat Florence</span>
											</p>
					<p class="company"> Kat Florence</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">A truly great service and I would have no hesitation in recommending Tomasz and his team for design work.Thank you and I look forward to future business collaborations together.</div>	<div class="block-info">	
					<p>
									<span class="name">Tim Golding</span>
													<span class="position">Director PRTR Japanese Recruitment Co., Ltd.</span>
							</p>
					<p class="company">PRTR Japanese</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">KOS upgraded our website recently. The team listened to our requirements and implemented the upgrade very quickly. Tomek took a personal interest in all stages of the process and I relied on him for specialist advice, not only for the website but also for related issues such as hosting.The project was completed on time and we are happy with the result. I can recommend KOS.</div>	<div class="block-info">	
					<p>
									<span class="name">Mark Davies</span>
													<span class="position">General Manager</span>
							</p>
					<p class="company">Guardfire</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">We hired KOS Design to program and develop our new website.Throughout the process Tomasz and his team were reliable, enthusiastic and a pleasure to work with. The post sales support has also been excellent.</div>	<div class="block-info">	
					<p>
									<span class="name">Paul Worthington</span>
													<span class="position">Managing Director</span>
							</p>
					<p class="company">MTECH Technologies Co.,Ltd</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message"> It is a fantastically smooth experience to work with KOS. They are good listeners and with their expertise in web-design area, they devise the best options for us.We are happy to receive their service at a competitive offered price which totally stands out from the crowd. They are fair and they are very approachable</div>	<div class="block-info">	
					<p>
									<span class="name">Janet</span>
											</p>
					<p class="company">Thai Griptech Co.,Ltd</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">After contacting KOS Design we were grateful to find a web designer with all of the abilities we needed. As proof of their stellar ability: our website has never ranked higher in the search engines.</div>	<div class="block-info">	
					<p>
									<span class="name">Ben Hart</span>
											</p>
					<p class="company">Integrity Legal Co.,Ltd</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">KOS is an first class profession graphic and web designer Up front direct on time and honest
Top qualities: Great Results, Personable, Expert and High Integrity</div>	<div class="block-info">	
					<p>
									<span class="name">Neil Sulieman</span>
											</p>
					<p class="company">SNS CO.,LTD</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">I could not be happier with my new logo, its complete branding and website! Finally I found KOS! They took my vision and just made it done!</div>	<div class="block-info">	
					<p>
									<span class="name">Franz Peter</span>
													<span class="position">Chairman</span>
							</p>
					<p class="company">Courtflex Group PTE LTD</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">If you are looking for a web design company. I recommend KOS Design.I am more than satisfied with their work on our sites.Thanks to Tomasz &amp; team. They understand what the client wants and their ability to deliver.</div>	<div class="block-info">	
					<p>
									<span class="name">Oilie Suparaporn</span>
											</p>
					<p class="company">Sivalai Place</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">We&#039;ve been working with many IT developers during the past years, none of which has come even close of reaching the high standards that KOS Design provided us with. From planning to execution and continues support throughout the development - they have been nothing but perfect.

The team has built us an amazing eCommerce platform, and continue to support and help us accordingly after completion.

We have finally found a partner we can rely on moving forward that provides us with the highest quality of services in the market in every single aspect of the IT side. Thanks KOS!</div>	<div class="block-info">	
					<p>
									<span class="name">Alexander Hagard Gronwall</span>
													<span class="position">Marketing Director</span>
							</p>
					<p class="company">KBS</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">We are the Harada Corporation who is Japanese company and working with KOS Design. We think KOS design is very beautiful, cool and organized. And KOS service is very good because their response is very quick as well as they can make for us brand name and logo design, too. 

In terms of website, they are working with so many Japanese companies like us. So KOS understand the important points for to make website based on their experience. And Mr.Tomek, Managing Director of company is very kind and organized person.That is way we are very comfortable to work with KOS design for our latest project.</div>	<div class="block-info">	
					<p>
									<span class="name">Inooku Masaki</span>
											</p>
					<p class="company">Harada corporation</p>
			</div>		
</div>	




    <div class="block-item">
    <div class="block-message">We chose KOS DESIGN with reference to the experience they display on their website and I was not disappointed.
The MD came to meet us personally and from then, it was a close partnership to the end. Good reactivity and service from start to the delivery of the finish product. As the President of  DUBUIT FAR EAST.CO LTD, I will recommend KOS DESIGN to anyone who is looking for a reactive, young and efficient Team.</div>	<div class="block-info">	
					<p>
									<span class="name">Francois DUBUIT</span>
													<span class="position">President</span>
							</p>
					<p class="company">DUBUIT FAR EAST </p>
			</div>		
</div>	


								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
</article>

<footer>
	<div class="footer-row">
		<div class="footer-top"> 
			<div class="block-wow">
				

    <h3>Let us perform a service for you.</h3>

<p>We have a special phrase at KOS.&nbsp;<br />
As you might have guessed, it&#39;s: KINGDOM OF SERVICE.<br />
Are you ready? Are you ready for a truly marvellous feeling?<br />
Let&rsquo;s meet to discuss it.<br />
This is a place where you are in charge!</p>

			
			</div>	
		</div>
		<div class="footer-left footer-col"> 
			<div class="block-quote">
				

    <div class="request-button">
	<a href="/contact#quote">REQUEST A QUOTE</a>
</div>


			</div>
			<div class="footer-social">
									

    
    <div class="social-item"><a href="https://twitter.com/kosdesign" target="_blank">Twitter</a></div>    <div class="social-item"><a href="https://www.facebook.com/KOSDesignStudio" target="_blank">Facebook</a></div>   <div class="social-item"><a href="https://www.instagram.com/kosdesign" target="_blank">Instagram</a></div>
							</div>
		</div>	
		<div class="footer-right footer-col">
			<div class="block-row">
				<div class="block-sitemap">
					

    <ul>
	<li>About KOS
	<ul>
		<li><a data-mce-href="https://www.kos.co.th/company/" href="https://www.kos.co.th/company/" title="About kos">Company Overview</a></li>
		<li><a data-mce-href="https://www.kos.co.th/company/our-customers/" href="https://www.kos.co.th/company/our-customers/" title="Our Customers">Our Customers</a></li>
		<li><a data-mce-href="https://www.kos.co.th/company/voice-our-clients/" href="https://www.kos.co.th/company/voice-our-clients/" title="Voice of our Clients">Voice of our Clients</a></li>
		<li><a data-mce-href="https://www.kos.co.th/contact/" href="https://www.kos.co.th/contact/" title="Contact Us">Contact Us</a></li>
		<li><a data-mce-href="https://www.kos.co.th/career/" href="https://www.kos.co.th/career/" title="Career">Career</a></li>
	</ul>
	</li>
	<li><a data-mce-href="https://www.kos.co.thh/index.php?cID=181" href="https://www.kos.co.th/portfolio/" title="Portfolio">Work</a></li>
	<li>KOS Services
	<ul>
		<li><a data-mce-href="https://www.kos.co.th/web-design-thailand//" href="https://www.kos.co.th/web-design-thailand/" title="Web Design Thailand">Website Design</a></li>
		<li><a data-mce-href="https://www.kos.co.th/logo-design-thailand//" href="https://www.kos.co.th/logo-design-thailand/" title="Logo Design Thailand">Logo Design Thailand</a></li>
		<li><a data-mce-href="https://www.kos.co.th/graphic-design/" href="https://www.kos.co.th/graphic-design/" title="Graphic Design Thailand">Graphic Design Thailand</a></li>
		<li><a data-mce-href="https://www.kos.co.th/seo/" href="https://www.kos.co.th/seo/" title="Search Engine Optimization">Search Engine Optimization</a></li>
		<li><a data-mce-href="https://www.kos.co.th/aerial-photography-thailand/" href="https://www.kos.co.th/aerial-photography-thailand/" title="Aerial Photography">Aerial Photography Thailand</a></li>
		<li><a data-mce-href="https://www.kos.co.th/web-development/" href="https://www.kos.co.th/web-development/" title="Web Application Development">Web Application Development</a></li>
		<li><a data-mce-href="https://www.kos.co.th/magento/" href="https://www.kos.co.th/magento/">Ecommerce Thailand</a></li>
	</ul>
	</li>
	<li>Career
	<ul>
		<li><a data-mce-href="https://www.kos.co.th/career/" href="https://www.kos.co.th/career/" title="Careers">Account Executive</a></li>
		<li><a data-mce-href="https://www.kos.co.th/career/" href="https://www.kos.co.th/career/" title="Careers">Creative Web Designer</a></li>
		<li><a data-mce-href="https://www.kos.co.th/career/" href="https://www.kos.co.th/career/" title="Careers">Internship 2017 - 1 position left</a></li>
	</ul>
	</li>
	<li><a data-mce-href="https://www.kos.co.th/contact/" href="https://www.kos.co.th/contact/" title="Contact Us">Contact Us</a></li>
</ul>

 
				</div>
				<div class="block-kos-address">
					

    <p><strong>Quick Contact</strong></p>

<p>Tel: +66 2 041 6049<br />
Say: <a href="mailto:hello@kos.co.th">hello@kos.co.th</a></p>

<p>23/2 Baanchan Bldg. Soi 20 Thonglor,<br />
Rd.55 Sukhumvit Klongton-Nua, Wattana<br />
10110 Bangkok, Thailand</p>

<p>&nbsp;</p>

				</div>
			</div>
		</div>
		<div class="block-copyright">
			

    <p>&copy; KOS Design 2006-2018</p>

		
		</div>
	</div>
</footer>

</div>
<script type="text/javascript" src="/application/themes/kos/bxslider/jquery.bxslider.js"></script>
<script type="text/javascript" src="/application/themes/kos/js/global.js"></script>
<script type="text/javascript" src="/application/themes/kos/js/homepage.js"></script>
	

<script type="text/javascript" src="/application/files/cache/js/7e4df788cb553b4f7d39bdb4631105fba9785903.js" data-source="/concrete/js/picturefill.js /concrete/js/responsive-slides.js"></script>

</body>
</html>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/codetom/a-pen-by-thomas-BxWqob */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */.btn,.btn-group,.btn-group-vertical,.caret,.checkbox-inline,.radio-inline,img{vertical-align:middle}.sr-only,svg:not(:root){overflow:hidden}hr,img{border:0}body,figure{margin:0}.img-thumbnail,.thumbnail{-webkit-transition:all .2s ease-in-out}.btn-group>.btn-group,.btn-toolbar .btn-group,.btn-toolbar .input-group,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.dropdown-menu{float:left}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}.img-thumbnail,body{background-color:#fff}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:focus,a:hover{color:#2a6496;text-decoration:underline}a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;width:100%\9;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;border:1px solid #ddd;border-radius:4px;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100%\9;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}dt,label{font-weight:700}address,blockquote .small,blockquote footer,blockquote small,dd,dt,pre{line-height:1.42857143}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}cite{font-style:normal}.mark,mark{background-color:#fcf8e3;padding:.2em}.list-inline,.list-unstyled{padding-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}pre code,table{background-color:transparent}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}dl,ol,ul{margin-top:0}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}address,dl{margin-bottom:20px}ol,ul{margin-bottom:10px}.list-inline{margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.container{width:750px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;color:#777}legend,pre{display:block;color:#333}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}code,kbd{padding:2px 4px;font-size:90%}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before{content:""}address{font-style:normal}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;box-shadow:none}pre{padding:9.5px;margin:0 0 10px;font-size:13px;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}.container,.container-fluid{margin-right:auto;margin-left:auto}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}.container,.container-fluid{padding-left:15px;padding-right:15px}.pre-scrollable{overflow-y:scroll}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset,legend{padding:0;border:0}fieldset{margin:0;min-width:0}legend{width:100%;margin-bottom:20px;font-size:21px;line-height:inherit;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}.form-control,output{font-size:14px;line-height:1.42857143;color:#555;display:block}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}output{padding-top:7px}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#777;opacity:1}.form-control:-ms-input-placeholder{color:#777}.form-control::-webkit-input-placeholder{color:#777}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.42857143\9}input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}.form-group{margin-bottom:15px}.checkbox,.radio{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}.checkbox label,.radio label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{position:absolute;margin-left:-20px;margin-top:4px\9}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.form-horizontal .form-group-sm .form-control,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-horizontal .form-group-lg .form-control,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.collapsing,.dropdown{position:relative}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}.form-inline .form-group{display:inline-block}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#777;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}.dropdown-header,.dropdown-menu>li>a{display:block;padding:3px 20px;line-height:1.42857143;white-space:nowrap}.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{clear:both;font-weight:400;color:#333}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{font-size:12px;color:#777}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn .caret,.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group,.input-group-btn>.btn+.btn{margin-left:-1px}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.nav>li,.nav>li>a{display:block;position:relative}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li>a{padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-justified>li,.nav-stacked>li{float:none}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#428bca}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (max-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.navbar{border-radius:4px}.navbar-header{float:left}.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}.navbar-static-top{border-radius:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}@media (min-width:768px){.navbar-toggle{display:none}.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:8px -15px}@media (min-width:768px){.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}.navbar-form .form-group{display:inline-block}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.breadcrumb>li,.pagination{display:inline-block}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.media,.media .media,.navbar-text{margin-top:15px}.navbar-text{margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333}.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#777}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#777}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{padding-left:0;margin:20px 0;border-radius:4px}.pager li,.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.badge,.label{line-height:1;vertical-align:baseline;white-space:nowrap;font-weight:700}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.alert,.thumbnail{margin-bottom:20px}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;color:#fff;text-align:center;border-radius:.25em}.badge,.progress-bar{font-size:12px;text-align:center}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;color:#fff;background-color:#777;border-radius:10px}.badge:empty{display:none}.list-group-item,.media-object,.thumbnail,.tooltip{display:block}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;line-height:20px;color:#fff;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.close,.list-group-item>.badge{float:right}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-striped .progress-bar-info,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media:first-child{margin-top:0}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#777}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>a{color:inherit}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-title,.panel>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;font-size:16px}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel-group .panel-heading,.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.list-group:last-child .list-group-item:last-child,.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;border-width:5px 5px 0;border-top-color:#000}.tooltip{position:absolute;z-index:1070;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.top-left .tooltip-arrow{left:5px}.tooltip.top-right .tooltip-arrow{right:5px}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{border-width:0 5px 5px;border-bottom-color:#000;top:0}.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}.tooltip.bottom-left .tooltip-arrow{left:5px}.tooltip.bottom-right .tooltip-arrow{right:5px}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{visibility:hidden!important}.affix{position:fixed;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-ms-viewport{width:device-width}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}/*!BX-SLIDE - jquery.bxslider.css*/.bx-wrapper{position:relative;margin:0 auto 60px;padding:0}.bx-wrapper img{max-width:100%;display:block}.bx-wrapper .bx-viewport{-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-prev{left:0;background:url(images/bx_left.png) no-repeat}.bx-wrapper .bx-next{right:0;background:url(images/bx_right.png) no-repeat}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:22px;height:18px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}/*!MENU - menu.css*/.bars{position:fixed;top:0;right:0;width:10%;z-index:9;visibility:hidden}.bars .cd-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:auto;cursor:pointer;width:35px}.bars>span>span{width:26px;height:4px;background:red;margin:3px 0;float:right;clear:both;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.bars>span>span:nth-child(2),html:not(.touch) .bars>span:hover>span{width:35px}.bars>span>span:nth-child(3){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}.bars .cd-icon::before,.bars .cd-icon:after{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.bars .cd-icon::before{-webkit-transform:translateY(-6px) rotate(0);-moz-transform:translateY(-6px) rotate(0);-ms-transform:translateY(-6px) rotate(0);-o-transform:translateY(-6px) rotate(0);transform:translateY(-6px) rotate(0)}.bars .cd-icon::after{-webkit-transform:translateY(6px) rotate(0);-moz-transform:translateY(6px) rotate(0);-ms-transform:translateY(6px) rotate(0);-o-transform:translateY(6px) rotate(0);transform:translateY(6px) rotate(0)}.bars::after,.bars::before{position:absolute;top:0;left:0;border-radius:50%;height:100%;width:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.bars::before{background-color:#091d23;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}.bars::after{background-color:#ed1c24;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}.bars.close-nav::before{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.bars.close-nav::after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}.bars.close-nav .cd-icon{background-color:rgba(255,255,255,0)}.bars.close-nav .cd-icon::after,.bars.close-nav .cd-icon::before{background-color:#fff}.bars.close-nav .cd-icon::before{-webkit-transform:translateY(0) rotate(45deg);-moz-transform:translateY(0) rotate(45deg);-ms-transform:translateY(0) rotate(45deg);-o-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.bars.close-nav .cd-icon::after{-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.cd-primary-nav{position:fixed;left:0;top:0;height:100%;width:100%;z-index:3;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;color:#fff;-webkit-transition:visibility 0s,opacity .3s;-moz-transition:visibility 0s,opacity .3s;transition:visibility 0s,opacity .3s}.cd-primary-nav>div{position:absolute;width:100%;left:0;padding:0 9.5%;max-height:90%}.cd-primary-nav .cd-block-left,.cd-primary-nav .cd-block-right{float:left;width:50%}.cd-primary-nav .cd-block-left{margin-top:20px}.cd-primary-nav .cd-block-right>div{float:right;padding-right:60px}.cd-primary-nav ul{padding:0}.cd-primary-nav li{text-transform:uppercase;list-style:none;margin:0 0 10px}.cd-primary-nav a{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s}.cd-primary-nav a.nav-path-selected,.cd-primary-nav a:hover{color:red}.cd-primary-nav.fade-in{visibility:visible;opacity:1}.cd-primary-nav .cd-block-lang{margin:40px 0 60px}.cd-primary-nav .cd-block-lang li,.cd-primary-nav .cd-block-social>div{margin:0 0 10px;font-size:14px}.cd-primary-nav .cd-block-lang li a,.cd-primary-nav .cd-block-social>div a{color:#fff;display:inline-block;border:1px solid #fff;width:240px;padding:20px 0;letter-spacing:5px;text-align:center;text-transform:uppercase}.cd-primary-nav .cd-block-lang li a:hover,.cd-primary-nav .cd-block-social>div a:hover{border:1px solid red;color:red}.magento-menu-small{display:none}.cd-primary-nav .cd-block-left>ul>li{position:relative;cursor:pointer;max-width:400px;font-size:2rem}@media(min-width:1025px){.cd-primary-nav>div{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.no-edit .cd-primary-nav .cd-block-left li ul{position:absolute;left:300px;top:0;width:300px;overflow:hidden;max-height:0;-ms-transition-delay:0s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s;-ms-transition:all .8s}.cd-primary-nav .cd-block-left li.parent:after{opacity:0;content:'';width:0;height:1px;background:red;position:absolute;top:50%;left:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.cd-primary-nav .cd-block-left li.parent:hover:after{width:120px;opacity:1;-webkit-transform:translateX(130%);-moz-transform:translateX(130%);-o-transform:translateX(130%);-ms-transform:translateX(130%);transform:translateX(130%)}.cd-primary-nav .cd-block-left li:hover ul{max-height:500px;z-index:9;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}}.cd-primary-nav .cd-block-left li ul li{margin-bottom:10px;font-family:Roboto-Bold,NotoSansJP}.cd-primary-nav .cd-block-left li ul li a{color:red;font-size:15px}.cd-primary-nav .cd-block-left li ul li a:hover{color:#fff}@media only screen and (min-width:768px){.cd-primary-nav li{margin:0 0 2em}}.cd-overlay-content,.cd-overlay-nav{position:fixed;top:18px;right:5%;height:4px;width:4px;-webkit-transform:translateX(-20px) translateY(20px);-moz-transform:translateX(-20px) translateY(20px);-ms-transform:translateX(-20px) translateY(20px);-o-transform:translateX(-20px) translateY(20px);transform:translateX(-20px) translateY(20px)}.cd-overlay-content span,.cd-overlay-nav span{display:inline-block;position:absolute;border-radius:50%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.cd-overlay-content.is-hidden,.cd-overlay-nav.is-hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}.cd-overlay-nav{z-index:2}.cd-overlay-nav span{background-color:rgba(0,0,0,.9)}.cd-overlay-content{z-index:4}.cd-overlay-content span{background-color:#ed1c24}.cd-content{padding:80px 0;width:90%;max-width:768px;margin:0 auto;z-index:1}.cd-content .cd-intro{height:200px;padding-top:4.6em}.cd-content h1{text-align:center;font-size:20px;font-size:1.25rem}.cd-content p{line-height:1.5;color:#a76500}.no-edit .block-menu-top>div{position:absolute;top:50%;left:0;width:100%;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.block-menu-top ul{padding:0;margin:0}.block-menu-top li{display:inline-block;font-size:18px;font-family:roboto_slabbold,NotoSansJP;padding:0 3vw}.block-menu-top li a{color:#000}.block-menu-top li a:after{content:'';width:0;height:1px;background:#000;display:block;margin-top:8px;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-ms-transition:all .4s}.block-menu-top li a.nav-path-selected:after,.block-menu-top li a:hover:after{width:55px}@media(max-width:1100px){.cd-primary-nav .cd-block-left>ul>li{font-size:16px}.cd-primary-nav .cd-block-left li ul{left:240px}.cd-primary-nav .cd-block-left li ul li{margin-bottom:10px}.cd-primary-nav .cd-block-left li ul li a{font-size:14px}.cd-primary-nav .cd-block-left li.parent:hover:after{width:95px}}@media(max-width:1024px){.cd-primary-nav{overflow:auto;max-height:100%;padding-bottom:60px}.cd-primary-nav .cd-block-left li ul{overflow:hidden;max-height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.cd-primary-nav .cd-block-left li:hover ul{max-height:500px;padding-top:20px}}@media (max-width:990px){.magento-menu-small,.magento-menu-small li{font-family:roboto_slabbold,NotoSansJP}.block-menu-top{display:none}.magento-menu-small{display:block;padding:20px 0;float:left;width:100%}.magento-menu-small .bars-magento{font-size:18px}.magento-menu-small .bars-magento span{margin-left:10px;text-transform:uppercase}.magento-menu-small nav{padding:20px 30px;background:#000;margin-top:20px;display:none}.magento-menu-small ul{padding:0}.magento-menu-small li{text-transform:uppercase;font-size:16px;list-style:none;margin-bottom:10px}.magento-menu-small li a{color:#fff}.magento-menu-small li a.nav-path-selected{color:#ed1c24}}@media (max-width:770px){.bars{top:10px;right:10px;margin:0}}@media (max-width:767px){.cd-primary-nav .cd-block-address,.cd-primary-nav li{text-align:center}.cd-primary-nav{padding:0!important}.cd-primary-nav>div{padding:0 70px!important}.cd-primary-nav .cd-block-right>div{padding:0}.cd-primary-nav .cd-block-lang li a,.cd-primary-nav .cd-block-social>div a{max-width:100%;padding:10px 0;width:100%}.cd-primary-nav .cd-block-left,.cd-primary-nav .cd-block-right{width:100%}.cd-primary-nav .cd-block-left{border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:20px}.cd-primary-nav .cd-block-right>div{float:none;max-width:300px;margin:auto}.cd-primary-nav .cd-block-lang{margin:20px 0}.cd-primary-nav .cd-block-left a,.cd-primary-nav nav a{font-size:16px}.cd-primary-nav .cd-block-left>ul>li{max-width:100%}}@media (max-width:680px){.bars{top:2px}.bars>span>span{width:20px;margin:2px 0}.bars>span>span:nth-child(2){width:30px}}


/*...*/

@font-face{font-family:'Montserrat-Bold';src:url('/application/themes/kos/fonts/Montserrat-Bold_latin+latin-ext_gdi.eot');src:url('/application/themes/kos/fonts/Montserrat-Bold_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/Montserrat-Bold_latin+latin-ext_gdi.woff') format('woff'),url('/application/themes/kos/fonts/Montserrat-Bold_latin+latin-ext_gdi.ttf') format('truetype'),url('/application/themes/kos/fonts/Montserrat-Bold_latin+latin-ext_gdi.svg#Montserrat-Bold') format('svg');font-weight:700;font-style:normal;font-stretch:normal;unicode-range:U+0020-20AC}@font-face{font-family:'MontserratRegular';src:url('/application/themes/kos/fonts/montserrat-regular.eot');src:url('/application/themes/kos/fonts/montserrat-regular.eot') format('embedded-opentype'),url('/application/themes/kos/fonts/montserrat-regular.woff2') format('woff2'),url('/application/themes/kos/fonts/montserrat-regular.woff') format('woff'),url('/application/themes/kos/fonts/montserrat-regular.ttf') format('truetype'),url('/application/themes/kos/fonts/montserrat-regular.svg#MontserratRegular') format('svg');font-style:normal;font-stretch:normal}@font-face{font-family:'Roboto-Bold';src:url('/application/themes/kos/fonts/Roboto-Bold_latin+latin-ext_gdi.eot');src:url('/application/themes/kos/fonts/Roboto-Bold_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/Roboto-Bold_latin+latin-ext_gdi.woff') format('woff'),url('/application/themes/kos/fonts/Roboto-Bold_latin+latin-ext_gdi.ttf') format('truetype'),url('/application/themes/kos/fonts/Roboto-Bold_latin+latin-ext_gdi.svg#Roboto-Bold') format('svg');font-weight:700;font-style:normal;font-stretch:normal;unicode-range:U+000D-F6C3}@font-face{font-family:'roboto_slabbold';src:url('/application/themes/kos/fonts/robotoslab-bold-webfont.eot');src:url('/application/themes/kos/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/robotoslab-bold-webfont.woff2') format('woff2'),url('/application/themes/kos/fonts/robotoslab-bold-webfont.woff') format('woff'),url('/application/themes/kos/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'RobotoRegular';src:url('/application/themes/kos/fonts/roboto-regular.eot');src:url('/application/themes/kos/fonts/roboto-regular.eot') format('embedded-opentype'),url('/application/themes/kos/fonts/roboto-regular.woff') format('woff'),url('/application/themes/kos/fonts/roboto-regular.ttf') format('truetype'),url('/application/themes/kos/fonts/roboto-regular.svg#RobotoRegular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'roboto_slabregular';src:url('/application/themes/kos/fonts/robotoslab-regular-webfont.eot');src:url('/application/themes/kos/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/robotoslab-regular-webfont.woff2') format('woff2'),url('/application/themes/kos/fonts/robotoslab-regular-webfont.woff') format('woff'),url('/application/themes/kos/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'bromello';src:url('/application/themes/kos/fonts/bromello-webfont.eot');src:url('/application/themes/kos/fonts/bromello-webfont.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/bromello-webfont.woff2') format('woff2'),url('/application/themes/kos/fonts/bromello-webfont.woff') format('woff'),url('/application/themes/kos/fonts/bromello-webfont.svg#bromelloregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'roboto_slablight';src:url('/application/themes/kos/fonts/robotoslab-light-webfont.eot');src:url('/application/themes/kos/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),url('/application/themes/kos/fonts/robotoslab-light-webfont.woff2') format('woff2'),url('/application/themes/kos/fonts/robotoslab-light-webfont.woff') format('woff'),url('/application/themes/kos/fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');font-weight:normal;font-style:normal}.black-ribbon-top{position:fixed;top:0;width:100%;display:block !important;right:0;z-index:999;width:80px}html{min-height:100%;overflow:hidden}body{background:#fff;color:#858585;opacity:1 !important}a,a:link,a:active,a:visited,a:focus{outline:none;text-decoration:none}h1,h2,h3,h4{font-weight:normal;color:#000;font-family:'roboto_slabbold','NotoSansJP'}h1{font-size:2em;-webkit-margin-before:0.67em;-webkit-margin-after:0.67em;-webkit-margin-start:0px;-webkit-margin-end:0px}h2{font-size:1.5em;-webkit-margin-before:0.83em;-webkit-margin-after:0.83em;-webkit-margin-start:0px;-webkit-margin-end:0px}h3{font-size:1.17em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px}strong{font-weight:normal;color:#000;font-family:'Roboto-Bold','NotoSansJP'}#logo{display:block}#logo img{max-width:100%}.container{width:100% !important;max-width:100% !important;padding:0 !important}img{max-width:100%;height:auto}::-moz-selection{background-color:#ed1c24;color:#fff}::selection{background-color:#ed1c24;color:#fff}body{font-family:'RobotoRegular','NotoSansJP'}.wrapper{padding-left:10%;padding-right:10%;float:left;width:100%}input:link,input:active,input:visited,input:focus,textarea:link,textarea:active,textarea:visited,textarea:focus{outline:none}.block-row{float:left;width:100%}.block-table{display:table;table-layout:fixed}.block-table>div{display:table-cell;vertical-align:middle}body[data-root="headfix"].no-edit header{background:#fff;visibility:hidden;position:fixed;top:0;width:100%;z-index:999}header .logo{float:left;position:fixed;top:0;left:0;z-index:2;width:10%}.u-login header .logo,.u-login header .bars{top:auto}body[data-root="headfix"] header .logo{position:relative}header #logo{background:#ed1c24}header #logo img{width:100%;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;-ms-transition:all .6s}header #logo .kostext{opacity:0;background:#ed1c24;height:100%;font-family:'Montserrat-Bold','NotoSansJP';position:absolute;color:#fff;text-transform:uppercase;text-align:center;width:100%;font-size:20px;top:0;z-index:9;-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s;-ms-transition:all .6s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}header #logo:hover>img{opacity:0;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}header #logo:hover .kostext{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}header #logo .kostext>div{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header #logo .kostext span{display:block;font-size:11px}header .top-call{font-size:20px;font-family:'Roboto-Bold','NotoSansJP';color:#000}.no-edit header .top-call{position:absolute;z-index:1;right:10%;top:60px;padding-right:50px}header .top-call span{display:inline-block;border-bottom:1px solid #000;padding-bottom:5px}header .block-social{position:fixed;bottom:10%;left:5%;margin-left:-17px;overflow:hidden;z-index:1}.edit header .block-social{left:0;margin:0;width:5%;z-index:0}header .block-social ul{padding:0;margin:0}header .block-social li{list-style:none;margin:15px 0;position:relative;float:left;clear:both}header .block-social li>span.s-icon{cursor:pointer;width:35px;height:35px;text-align:center;line-height:31px;float:left;position:relative;z-index:1;border:2px solid #ed1c24;transition:all .3s}header .block-social li:hover>span.s-icon{background-color:#ed1c24}header .block-social li>span.s-icon a{color:#ed1c24}header .block-social li:hover>span.s-icon a{color:#fff}header .block-social li>span.s-icon.tawk-icon i{color:#ed1c24}header .block-social li:hover>span.s-icon.tawk-icon i{color:#fff}header .block-social li>span.s-info{visibility:hidden;float:left;left:35px;top:0;background:#ff0000;color:#fff;height:35px;width:0;line-height:35px;padding:0 20px;-webkit-transition:transform .5s;-moz-transition:transform .5s;-o-transition:transform .5s;transition:transform .5s;-ms-transition:transform .5s;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}header .block-social li>span.s-info a{color:#fff}header .block-social li:hover span.s-info{visibility:visible;width:auto;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-o-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}header .request{position:fixed;bottom:40px;right:0;width:10%;padding:1%;z-index:1}header .request>a{display:block;border:5px solid #ed1c24;color:#ed1c24;font-family:'Roboto-Bold','NotoSansJP';font-size:16px;text-transform:uppercase;line-height:1;text-align:center;width:100%;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;opacity:0}header .request>a:hover{background:#ed1c24;color:#fff}header .request>a>span{max-width:100px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;left:0;right:0;margin:auto}header .featured-menu{position:absolute;top:0;width:80%;left:10%;z-index:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header .featured-menu{display:table;table-layout:fixed}header .featured-menu>div{display:table-cell;vertical-align:middle}header .featured-menu .block-call{font-family:'Roboto-Bold','NotoSansJP';font-size:18px;color:#666;position:relative;padding-left:130px}header .featured-menu .block-call p{margin:0}header .featured-menu .block-call:before{content:"\f10b";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:40px;position:absolute;left:50px;top:50%;margin-top:-20px;border-left:1px solid #dfdfdf;padding-left:40px}header .featured-menu .menu-links>div{display:table;table-layout:fixed}header .featured-menu .menu-links>div>div{display:table-cell;vertical-align:middle}header .featured-menu ul{padding:0;margin:0}header .featured-menu .bth-lang-link{width:170px}header .featured-menu .bth-lang-link>div{float:right;font-family:'roboto_slabbold','NotoSansJP'}.pagelang-en header .featured-menu .bth-lang-link>div{font-weight:bold}header .featured-menu .bth-lang-link a:hover{background:#222;color:#ed1c24}header .featured-menu li{display:inline-block;text-transform:uppercase;padding-left:70px;font-family:'Roboto-Bold','NotoSansJP';font-size:16px}header .featured-menu li a{color:#666}header .featured-menu li a:hover,header .featured-menu li a.nav-path-selected{color:#ff0000}header .featured-menu .bth-lang-link li{padding-left:0px;float:left}header .featured-menu .bth-lang-link>div{display:table;float:right}header .featured-menu .bth-lang-link>div>*{display:table-cell;vertical-align:middle}header .featured-menu .bth-lang-link>div p{text-transform:uppercase;padding-right:30px;font-family:'Roboto-Bold','NotoSansJP';font-size:16px;color:#000;margin-bottom:0px}header .featured-menu .bth-lang-link li:nth-of-type(1) a{background-color:#d91926}header .featured-menu .bth-lang-link li:nth-of-type(2) a{background-color:#c31520}header .bth-lang-link .call-box{color:#fff;background:#ed1c24;padding:0 30px;font-family:'Roboto-Bold';font-size:18px}header .bth-lang-link a{color:#fff;padding:30px;background:#dc141c;font-size:16px;font-family:'Roboto-Bold'}header .bth-lang-link a:last-child{background:#c51017}.no-edit article{opacity:0}article{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;-ms-transition:opacity .5s}article{float:left;width:100%}.block-slogan{float:left;width:100%;height:100%;display:table;position:relative;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center}.pagetype-about .block-slogan,.pagetype-customer .block-slogan,.pagetype-voice .block-slogan{height:45vh !important}.slogan-text{display:table-cell;vertical-align:middle}.slogan-inner{max-width:1500px;padding:0 30px;margin:auto;text-align:center}.slogan-inner h3{font-size:60px;font-family:'roboto_slabbold','NotoSansJP','NotoSansJP';color:#000;font-size:2vw}.slogan-inner h3:before{content:'{';display:inline-block;margin-right:10px}.slogan-inner h3:after{content:'}';display:inline-block;margin-left:10px}.kos-main{text-align:center;float:left;width:100%;font-size:36px;font-size:1.8vw;font-family:'Montserrat-Bold','NotoSansJP';color:#000;line-height:1.2;margin-top:60px}.kos-main p:before{content:'{';display:inline-block;margin-right:10px}.kos-main p:after{content:'}';display:inline-block;margin-left:10px}.kos-main h1{font-size:24px;font-size:1.3vw;color:#ff0000;text-transform:uppercase;position:relative;display:inline-block;margin-bottom:30px;font-family:'roboto_slabbold','NotoSansJP'}.kos-main h1:after{width:100%;height:1px;display:block;content:'';margin-top:20px;background:#ff0000}.sub-banner{float:left;width:100%}.sub-banner .slogan-inner{max-width:1300px}.sub-banner .slogan-text h3{font-size:48px;font-size:2vw;font-family:'roboto_slabregular','NotoSansJP'}.pink{background:url('/application/themes/kos/images/pink-box.jpg') repeat;text-align:center;background-size:cover;position:relative;font-family:'roboto_slabbold','NotoSansJP';color:#fff}.no-edit .pink .inner{position:absolute;width:100%;left:0;top:50%;padding:30px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.no-edit .pink .slide{visibility:hidden;margin-bottom:10px}.pink .slide ul{padding:0;margin:0}.pink .slide li{text-transform:uppercase;font-size:30px;color:#fff;letter-spacing:6px}.pink h3{color:#fff;font-family:'bromello','NotoSansJP';font-size:50px;margin:0}.pink p{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:2px}.pink .content h2,.pink .content h3,.pink .content h4{color:#fff;font-family:'roboto_slabbold','NotoSansJP';margin:0}.pink .content h2{font-size:36px}.pink .content h3{font-size:24px}.pink .content h4{font-size:18px}.block-video{height:560px;overflow:hidden;position:relative}.block-video #bgvid{width:100%;margin-top:-200px;position:relative;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.block-video:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1}.block-video .block-text{position:absolute;width:100%;top:50%;left:0;text-align:center;z-index:1;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.block-video .block-text>div{max-width:1200px;padding:0 50px;margin:auto}.block-video .block-text h1{font-size:24px;text-transform:uppercase;color:#ff0000;font-family:'roboto_slabbold','NotoSansJP'}.block-video .block-text h1:after{content:'';background:#ff0000;width:100px;height:5px;display:block;text-align:center;margin:20px auto}.block-video .block-text h3{font-size:36px;color:#fff;font-family:'roboto_slabregular','NotoSansJP'}.block-video .block-text h3:before{content:'{';display:inline-block;margin-right:10px}.block-video .block-text h3:after{content:'}';display:inline-block;margin-left:10px}.work-item{float:left;width:50%;overflow:hidden;color:#E3474B}.work-item-t2,a.work-item-t2{overflow:hidden;color:#E3474B;display:block}.work-item a,.work-item-t2 a{color:#E3474B}.work-item .block-thumb{background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative;overflow:hidden}.work-item .block-info,.work-item-t2 .block-info{width:100%;height:100%;background:rgba(0,0,0,0.8);position:relative;display:block;-webkit-transform:translate(0%, 105%);transform:translate(0%, 105%);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.work-item-t2{position:relative}.work-item-t2 .block-info{position:absolute;top:0}.work-item:hover .block-info,.work-item-t2:hover .block-info{-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%)}.work-item .block-info .detail,.work-item-t2 .block-info .detail{text-align:center;padding:20px 7%;position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.work-item .block-info .detail>div,.work-item-t2 .block-info .detail>div{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.work-item .block-info .detail>div:nth-child(2),.work-item-t2 .block-info .detail>div:nth-child(2){-webkit-transform:translateY(70px);-moz-transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}.work-item:hover .block-info .detail>div,.work-item:hover .block-info .detail>div:nth-child(2),.work-item-t2:hover .block-info .detail>div,.work-item-t2:hover .block-info .detail>div:nth-child(2){opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.work-item .work-type,.work-item-t2 .work-type{font-family:'MontserratRegular','NotoSansJP';font-size:12px;text-transform:uppercase;margin-bottom:10px}.work-item .work-type span,.work-item-t2 .work-type span{display:block}.work-item .work-type span:last-child:after,.work-item-t2 .work-type span:last-child:after{display:none}.work-item .work-name,.work-item-t2 .work-name{font-size:40px;font-size:1.5vw;text-transform:uppercase;font-family:'Montserrat-Bold','NotoSansJP';margin:0}.work-item .work-name:after,.work-item-t2 .work-name:after{content:'';background:url(/application/themes/kos/images/x_port.png) no-repeat;display:block;width:19px;height:19px;margin:20px auto}.work-item .work-desc,.work-item-t2 .work-desc{font-family:'MontserratRegular','NotoSansJP';font-size:12px}.work-item .work-link>span,.work-item-t2 .work-link>span{font-family:'MontserratRegular','NotoSansJP';font-size:12px;letter-spacing:5px;text-transform:uppercase;display:block;padding:10px 20px;border:2px solid #e3474b;display:inline-block;margin-top:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.work-item .work-link>span:hover,.work-item-t2 .work-link>span:hover{background:#E3474B;color:#fff}.work-item .block-thumb .link-overlay{display:block;width:100%;height:100%;float:left;font-size:0;position:absolute;left:0;top:0;z-index:99}#portfolio .dots-loader{top:auto;bottom:-80px}.work-item .block-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.work-item:hover .block-bg{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04)}.work-item .block-detail{padding:40px;color:#fff;position:relative}.work-item .block-detail h4,.work-item .block-detail h3{color:#fff;margin:0;line-height:1}.work-item .block-detail h3{font-size:1.8rem;-webkit-transition:all .3s}.work-item .block-detail h4{font-family:'RobotoRegular','NotoSansJP';font-size:1.4rem;margin-bottom:10px}.work-item .block-detail .description{font-size:1.0vw;line-height:1.1;opacity:0;-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);transition:opacity .3s ease-out .1s,transform .3s ease-out .1s,-webkit-transform .3s ease-out .1s;margin-top:20px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;padding-right:30%}.work-item:hover .block-detail .description{opacity:1}.work-item.hidden-title .block-detail h3{opacity:0}.work-item:hover .block-detail h3,.work-item.hidden-title:hover .block-detail h3{opacity:1}.work-item .overlay{background:rgba(0,0,0,0.15);opacity:1;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}.work-item.hidden-title .overlay{opacity:0}.work-item:hover .overlay,.work-item.hidden-title:hover .overlay{opacity:0.9;background:#ed1c24}.work-item .see-case{position:absolute;bottom:30px;left:40px;color:#fff;opacity:0;text-transform:uppercase;transition:opacity .3s ease-out .1s,transform .3s ease-out .1s,-webkit-transform .3s ease-out .1s;-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}.work-item .see-case span{margin-right:10px}.work-item:hover .see-case{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.work-item .block-link{position:absolute;top:0;left:0;width:100%;height:100%}.kos-clients>div>div{float:left;width:100%}.kos-clients ul{padding:0}.kos-clients .block-title h2{font-size:25px;margin:0;font-family:'roboto_slabregular','NotoSansJP';text-transform:uppercase;position:relative}.no-edit .kos-clients .block-title h2:before{content:"";width:560px;max-width:80%;height:60%;background:#ff0000;position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:-1}.kos-clients .block-list{margin:40px 0 80px}.kos-clients .gallery-list li{list-style:none;float:left;width:20%;padding:5px}.kos-clients .gallery-list li:nth-child(odd){clear:none}.kos-clients .gallery-list li:nth-child(5n+1){clear:left}.kos-clients .gallery-list li img{margin:auto;max-width:150px;width:100%}.no-edit .kos-client-voice{background:url(/application/themes/kos/images/noise.jpg);float:left;width:100%;padding:100px 0 0;color:#fff;background-attachment:fixed;background-repeat:repeat;position:relative}.no-edit .kos-client-voice{visibility:hidden}.kos-client-voice .quote{background-image:url('/application/themes/kos/images/quote-mark-dark.svg');background-size:10%;background-repeat:no-repeat;padding:50px 0;float:left;width:100%}.kos-client-voice .quote>div{max-width:1240px;margin:auto}.kos-client-voice .block-title h2{font-size:25px;margin:0;font-family:'roboto_slabregular','NotoSansJP';text-transform:uppercase;position:relative;display:inline-block;padding:0 40px;z-index:0;color:#fff}.kos-client-voice .block-title h2:before{content:"";width:560px;max-width:100%;height:30px;background:#ff0000;position:absolute;bottom:-8px;left:0;right:0;margin:auto;z-index:-1}.kos-client-voice .block-voice{margin-top:50px}.kos-client-voice .block-item{font-size:20px;position:relative}.kos-client-voice .block-item:nth-child(1){display:block}.kos-client-voice .block-item .block-info{font-size:14px;text-transform:uppercase;margin-top:30px}.kos-client-voice .block-item .block-info .company{font-family:'Roboto-Bold','NotoSansJP'}.kos-client-voice .block-item .block-info p{margin:0}.kos-client-voice .block-item .block-info .company:before{content:'';width:70px;height:1px;background:#fff;display:block;margin:15px 0}.kos-client-voice .bx-wrapper{padding-bottom:100px}.kos-client-voice .bx-wrapper .bx-controls-direction a{background-color:#ed1c24;background-image:none !important;top:auto;bottom:0;margin:0;width:50px;height:50px;text-indent:inherit;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;z-index:inherit}.kos-client-voice .bx-wrapper .bx-controls-direction a:hover{background-color:#000}.kos-client-voice .bx-wrapper .bx-prev{left:auto;right:50px}.kos-client-voice .bx-wrapper .bx-prev:after,.kos-client-voice .bx-wrapper .bx-next:after{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;position:absolute;top:50%;left:0;right:0;margin:auto;margin-top:-8px;text-align:center}.kos-client-voice .bx-wrapper .bx-prev:after{content:"\f104"}.kos-client-voice .bx-wrapper .bx-next:after{content:"\f105"}.top-full{padding:0 10%}.block-submenu{float:left;width:100%;text-align:center;position:relative;margin-bottom:80px}.block-submenu .subbars{display:none}.block-submenu>nav{padding:20px;background:#ed1c24;float:left;width:100%}.block-submenu ul{padding:0;margin:0;display:inline-block}.block-submenu li{display:inline-block;font-family:'roboto_slabbold','NotoSansJP';font-size:18px;margin:0 20px}.block-submenu li a{color:#fff}.block-submenu li a:hover,.block-submenu li a.nav-path-selected{color:#000}.loader,.ccm-loader{color:#fff;font-family:Consolas,Menlo,Monaco,monospace;font-weight:bold;font-size:100px;opacity:0.8;overflow:hidden;position:absolute;text-align:center;width:100%;float:left;left:0}.loader.show{z-index:9}.loader>div>*,.ccm-loader>div>*{display:table-cell;vertical-align:middle;color:#ed1c24}.loader>div p,.ccm-loader>div p{font-size:39px;animation:pulsetext .4s alternate infinite ease-in-out;animation-delay:0.4s}.loader>div,.ccm-loader>div{display:inline}.loader span,.ccm-loader span{display:inline-block;animation:pulse .4s alternate infinite ease-in-out}.loader span:nth-of-type(odd),.ccm-loader span:nth-of-type(odd){animation-delay:0.4s}.ccm-loader{bottom:-120px;z-index:999}@keyframes pulse{to{transform:scale(.8);opacity:0.5}}@keyframes pulsetext;.no-edit footer{position:relative;z-index:999;-webkit-transition:z-index 0s .6s;-moz-transition:z-index 0s .6s;transition:z-index 0s .6s}.no-edit.menu-active footer{z-index:1;-webkit-transition:z-index 0s 0s;-moz-transition:z-index 0s 0s;transition:z-index 0s 0s}footer{float:left;width:100%;background:url(/application/themes/kos/images/footer_bg.jpg) no-repeat;background-size:cover;padding:7vw 0px 6vw;background-attachment:fixed}footer .footer-row{max-width:1400px;float:none;padding:0 100px;margin:auto}footer .footer-col{float:left;width:50%}footer .footer-right{padding-left:50px}footer h3{color:#ed1c24;font-size:40px;font-size:1.6vw}footer .footer-top,footer .block-top{width:100%;float:left}footer .block-wow{color:#ed1c24;font-size:20px;font-size:1vw;padding-right:80px;float:left;width:50%}footer .request-button{margin:100px 0}footer .request-button a{display:inline-block;background:#ed1c24;padding:15px 0;font-size:16px;color:#fff;width:280px;text-align:center;text-transform:uppercase;max-width:100%}footer .request-button a:before,footer .request-button a:after{display:inline-block;opacity:0;-webkit-transition:transform .2s;-moz-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s;-ms-transition:transform .2s;font-size:20px}footer .request-button a:before{content:'{';margin-right:20px;-webkit-transform:translateX(15px);transform:translateX(15px)}footer .request-button a:after{content:'}';margin-left:20px;-webkit-transform:translateX(-15px);transform:translateX(-15px)}footer .request-button a:hover:before,footer .request-button a:hover:after{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}footer .request-button a:hover{background:none}footer .footer-social .social-item a{color:#fff;font-size:14px;display:inline-block;border:1px solid #fff;width:280px;padding:15px 0;letter-spacing:5px;text-align:center;text-transform:uppercase;max-width:100%}footer .footer-social .social-item a:before,footer .footer-social .social-item a:after{display:inline-block;opacity:0;-webkit-transition:transform .2s;-moz-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s;-ms-transition:transform .2s;font-size:20px;color:#ff0000}footer .footer-social .social-item a:before{content:'{';margin-right:20px;-webkit-transform:translateX(15px);transform:translateX(15px)}footer .footer-social .social-item a:after{content:'}';margin-left:20px;-webkit-transform:translateX(-15px);transform:translateX(-15px)}footer .footer-social .social-item a:hover:before,footer .footer-social .social-item a:hover:after{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}footer .footer-social .social-item a:hover{border:1px solid transparent;color:#ff0000}footer .footer-social .social-item{margin-bottom:20px}footer .block-sitemap ul{padding:0}footer .block-sitemap li,footer .block-sitemap>ul>li>a{font-size:16px;color:#fff;cursor:pointer;list-style:none}footer .block-sitemap li:hover,footer .block-sitemap li.active,footer .block-sitemap>ul>li>a:hover{color:#ed1c24}footer .block-sitemap ul ul{display:none;padding-bottom:20px}footer .block-sitemap li a{color:#646464;font-size:14px}footer .block-sitemap li a:hover{color:#fff}footer .block-kos-address{color:#fff;font-size:16px;margin-top:30px}footer .block-kos-address strong,footer .block-kos-address a{color:#ed1c24}footer .block-row{max-width:480px;float:right}footer .block-copyright{float:right;width:100%;text-align:right;color:#ff0000}.edit footer .block-sitemap ul ul{display:block}.typed-cursor{display:none}.trigger{display:none;float:left;width:100%}.xs-visible{display:none !important}@media (max-width:1600px){.black-ribbon-top{width:60px}header .featured-menu li{padding-left:40px}header .featured-menu .block-call{padding-left:80px}header .featured-menu .block-call:before{left:30px;padding-left:20px}header .bth-lang-link .call-box{font-size:14px}header .bth-lang-link a{font-size:14px;padding:20px}header .request>a>span{font-size:14px;padding:0 20px}.work-item .block-detail{padding:30px 20px}.work-item .block-detail h3{font-size:1.8rem}.work-item .block-detail .description{font-size:14px}.work-item .see-case{left:20px}footer{padding:50px 0}}@media (max-width:1400px){header{float:left;width:100%}header .request>a>span{font-size:12px}}@media (max-width:1280px){header .featured-menu .block-call{font-size:16px}.work-item .block-detail{padding:20px}}@media (max-width:1180px){header .featured-menu{padding-left:30px}header .featured-menu li{padding-left:20px}}@media (max-width:1100px){header .featured-menu li{font-size:14px;padding-left:15px}}@media (max-width:1024px){html{overflow:auto}.black-ribbon-top{width:40px}header .featured-menu{display:none}header .request{display:none}.block-submenu .subbars{display:block;padding:20px;background:#ed1c24;float:left;width:100%;color:#fff;font-size:18px;font-family:'roboto_slabbold','NotoSansJP';text-align:left}.block-submenu .subbars span{margin-left:10px}.block-submenu nav{display:none;text-align:left;padding:0 50px 40px}.block-submenu li{display:block;margin:0 0 5px}.top-full{height:auto !important}.top-full .block-slogan{padding:100px 30px}.block-slogan{background-attachment:inherit}.kos-main h1{font-size:24px}footer h3{font-size:20px}footer .block-wow{font-size:15px}.work-item .block-detail h4{font-size:14px}.work-item .block-detail h3{font-size:18px}.work-item .block-detail .description{font-size:16px}.sub-banner .slogan-text h3,.slogan-inner h3{font-size:24px}.pink .content h2{font-size:20px}.pink .content h3{font-size:16px}.pink .content h4{font-size:14px}.block-slogan{height:auto !important;padding:100px 0}.block-video{height:auto;max-height:none !important}.block-video .block-text h3{font-size:20px}.block-submenu ul{display:block}.pagetype-about .block-slogan,.pagetype-customer .block-slogan,.pagetype-voice .block-slogan{height:auto !important}}@media (max-width:770px){.xs-visible{display:block !important}.xs-hidden{display:none !important}.sub-banner .slogan-text h3,.slogan-inner h3{font-size:20px}.slogan-inner h3 br{display:none}.kos-clients .gallery-list li img{max-width:100px}.kos-client-voice{padding:50px}.kos-client-voice .block-item{font-size:16px}footer{padding:20px 0}footer .footer-row{padding:0 50px}footer .request-button{margin:20px 0}footer .request-button a,footer .footer-social .social-item a{width:150px;font-size:12px}footer .request-button a:before,footer .request-button a:after,footer .footer-social .social-item a:before,footer .footer-social .social-item a:after{display:none}}@media (max-width:680px){.black-ribbon-top{top:50px;width:60px}header{background:rgba(0,0,0,0.8);position:fixed;z-index:999;top:0;left:0;width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}header .logo{width:50px;position:relative}.wrapper{padding:0 30px}header .block-social{display:none}header .block-xs-call{font-family:'Roboto-Bold';color:#fff;display:block !important;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:80px}header .block-xs-call p{margin:0}header .block-xs-call a{color:#fff}.top-full{padding:0}.kos-clients .block-list{margin:20px 0}.kos-clients .gallery-list li{width:25%}.kos-clients .gallery-list li:nth-child(odd),.kos-clients .gallery-list li:nth-child(5n+1){clear:inherit}.kos-clients .gallery-list li:nth-child(even){clear:none}.kos-clients .gallery-list li:nth-child(4n+1){clear:left}footer .footer-row{padding:0 30px}footer .block-wow{padding:0;width:100%}footer .block-sitemap nav>ul>li,footer .block-kos-address{font-size:14px}footer .block-kos-address p:nth-child(1) br{display:none}.block-submenu{padding:0;margin-bottom:20px}.no-edit .kos-client-voice{padding:40px}.block-slogan{padding:50px 0}}@media (max-width:580px){.kos-clients .block-title h2,.kos-client-voice .block-title h2{font-size:18px}.kos-clients .block-title h2:before,.kos-client-voice .block-title h2:before{bottom:-17px}}@media (max-width:480px){header .block-xs-call{right:60px}.wrapper{padding:0 20px}.slogan-inner{padding:0 20px}.slogan-inner h3{font-size:17px}.cd-block-address p:nth-child(1) br{display:none}.work-item:hover .block-detail .description{display:none}.work-item .see-case{font-size:12px;left:20px;display:none}.no-edit .kos-client-voice{padding:20px}.kos-clients .block-title h2,.kos-client-voice .block-title h2{font-size:14px}.kos-clients .block-title h2{padding:0;display:block;text-align:center}.kos-clients .block-title h2:before,.kos-client-voice .block-title h2:before{height:20px;bottom:-10px}.pink .content h2{font-size:20px}.pink .content h3{font-size:16px}.pink .content h4{font-size:12px}.kos-clients .gallery-list li{width:33.33%;padding:0 10px}.kos-clients .gallery-list li:nth-child(4n+1),.kos-clients .gallery-list li:nth-child(even){clear:inherit}.kos-clients .gallery-list li:nth-child(odd){clear:none}.kos-clients .gallery-list li:nth-child(3n+1){clear:left}.kos-clients .gallery-list img{display:block;margin:auto;max-width:80px}.touch .work-item .block-detail h3{font-size:14px}footer .footer-row{padding:0 20px}footer .block-wow br{display:none}footer .block-row{width:100%}footer .footer-col{width:100%}footer .footer-right{padding:0}footer .request-button a,footer .footer-social .social-item a{width:100%;padding:10px 0}header .black-ribbon{bottom:-40px}header .black-ribbon>img{max-width:30px}}

/*.....*/
.no-edit .top-homepage{position:relative;} 
.top-homepage{float:left;width:100%;padding:0 10%;}
.top-homepage .slogan-inner .block-text {font-size: 6rem;font-family: 'roboto_slablight','NotoSansJP';color: #000;}
.top-homepage .slogan-inner .block-text p:first-child{max-width: 950px;text-align: left;margin: auto;	}
.top-homepage .slogan-inner .block-text p:first-child:before{content:'{';display:inline-block;margin-right:15px;}
.top-homepage .slogan-inner .block-text p:last-child:after{content:'}';display:inline-block;margin-left:15px;}
.top-homepage .slogan-inner ul {margin-top: 0;max-width: 930px;margin: -74px auto 0;text-align: left;	position: relative;overflow: hidden;padding: 0 0 70px;}
.top-homepage .slogan-inner ul li{display: block;left: 0;color:#ed1c24;width: 100%;opacity: 0;position: absolute;white-space: nowrap;padding-left:310px;} 
.top-homepage .slogan-inner ul li{-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 1s ease-in-out;transition: all 1s ease-in-out;-webkit-backface-visibility: hidden;			}
.top-homepage .slogan-inner ul li.active {-webkit-transform: translateY(-10px);transform: translateY(-10px);opacity: 1;}
.top-homepage .slogan-inner ul li.vs-out {-webkit-transform: translateY(100%);transform: translateY(100%);}
.pagelang-jp .top-homepage .slogan-inner{max-width:1200px;}
.pagelang-jp .top-homepage .slogan-inner h3{font-weight: 500}
.pagelang-jp .top-homepage .slogan-inner h3:before,
.pagelang-jp .top-homepage .slogan-inner h3:after{display:inline-block;}
.slogan-botton{margin-top:10px;margin-top:40px;} 
.slogan-botton a{font-size: 14px;text-transform: uppercase;font-family: 'Roboto-Bold','NotoSansJP';color: #000;display: inline-block;border-bottom: 2px solid #000;letter-spacing: 2px;position: relative;	}
.slogan-botton a#request{background:#ed1c24;color:#fff;}
.slogan-botton a:before, 
.slogan-botton a:after{display:inline-block;opacity:0;-webkit-transition:transform .2s;transition:transform .2s;font-size:20px;top: 0;margin-top: -6px;position: absolute;}
.slogan-botton a:before{content:'{';-webkit-transform:translateX(15px);transform:translateX(15px);}
.slogan-botton a:after{content:'}';-webkit-transform:translateX(-15px);transform:translateX(-15px);}
.slogan-botton a:hover:before,
.slogan-botton a:hover:after{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);}
.slogan-botton a:hover:before{left: -20px;}
.slogan-botton a:hover:after{right:-20px;}
.slogan-botton a:hover{background:none!important;border-color:transparent;}
.slogan-botton a#request:hover{color:#ff0000;}
.kos-intro .block-left,
.kos-intro .block-right{float:left;width:50%;}
.kos-intro .block-left{padding:0 40px;}
.kos-intro .block-right{padding-bottom:20px;padding-right:150px;}
.kos-intro{font-family:'RobotoRegular','NotoSansJP';font-size:18px;color:#000;margin-top:100px;float:left;width:100%;}
.kos-intro h1{font-family:'Montserrat-Bold','NotoSansJP';color:#000;font-size:48px;font-size:1.8vw;line-height:1;position:relative;font-family:'roboto_slabbold','NotoSansJP';text-transform:uppercase;}
.kos-intro .block-left h3:after{content:'';background:#000;width:80%;max-width:220px;height:1px;display:block;margin-top:20px;}
.kos-service{padding-top:120px;float:left;width:100%;}
.kos-service .block-left,
.kos-service .block-right{float:left;width:50%;}
.kos-service .block-left{padding:0 40px;color:#000;}
.kos-service .block-left>div{max-width:420px;}
.kos-service h2{font-size:1.8vw;margin-bottom:20px;}
.kos-service .block-list{float:left;width:100%;max-width:750px;}
.kos-service .block-list .block-col{float:left;width:25%;margin-bottom:40px;padding-right:20px;}
.kos-service .block-list .block-col:nth-child(even){clear:none;}
.kos-service .block-list .block-col:nth-child(4n+1){clear:left;}
.kos-service .block-list .block-col>div{max-width:140px;}
.kos-service .block-list .block-image{min-height:80px;}
.kos-service .block-list .block-text{font-family:'Roboto-Bold','NotoSansJP';text-transform:uppercase;color:#585858;}
.kos-service .block-list .block-text a{color:#585858;}
.kos-service .block-list a:hover .block-text{color:#ed1b24;}
.kos-service .block-list .block-text:before{width:40px;height:1px;background:#e4e4e4;content:'';margin:20px 0;display:block;}
.k_tab_nav li a >span{height:100%;display:block;background-size:cover;background-repeat:no-repeat;color:#fff;font-size:30px;font-size:1.5vw;text-align:center;font-family:'Montserrat-Bold','NotoSansJP';position:relative;}
.k_tab_nav li a figure{display:table;position:relative;height:100%;width:100%;-webkit-transition:all .4s;transition:all .4s;}
.k_tab_nav li a:hover figure,
.k_tab_nav li a.selected figure{background-color:rgba(255, 0, 0, .8);}
.k_tab_nav li a figcaption{display:table-cell;vertical-align:middle;text-align:center;}
.kpd_inner{float:left;width:100%;}
.ptd_text{margin-bottom:10px;background:#ff0000;font-family:'MontserratRegular','NotoSansJP';color:#fff;display:none;}
.cv_cover{margin:auto;max-width:1000px;padding:0 50px;}
.message{font-family:'Montserrat-Bold','NotoSansJP';font-size:24px;font-size:1.3vw;color:#000;}
.cif_col{display:table-cell;vertical-align:middle;padding:0 10px;}
.ft_copyright{opacity:0;}
.kos-case-study{float:left;width:100%;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;margin:100px 0;padding:80px 0;position:relative;background-image:url('../images/bg.png');background-size: 100%;}
.no-edit .kos-case-study{visibility:hidden;}
.kos-case-study>div>div:not(.loader){float:left;width:100%;position:relative;}
.kos-case-study .loader{top:400px;position:absolute;}
.kos-case-study .text-top{float:left;width:100%;transition:all .3s;}
.kos-case-study .text-top .text-wrapper{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.kos-case-study .text-top .text-wrapper{float:left;width:100%;display:table;table-layout:fixed;}
.kos-case-study .text-top .text-wrapper>div{display:table-cell;vertical-align:middle;}
.kos-clients .slogan-botton{width: 100%; float: left;text-align: center;}
.kos-clients .slogan-botton a{border-bottom:2px solid #ed1c24;}
.kos-clients .slogan-botton a:hover { background: none!important; border-color: transparent;}
.kos-clients .block-list a.more{font-size:16px;font-family:'roboto_slabbold','NotoSansJP';text-transform:uppercase;position:relative;text-align:center;display:inline-block;color:#ed1c24;margin-top:10px;letter-spacing:2px;}
@media(min-width:1023px){
.kos-case-study.shrink .text-top{visibility:hidden;}
.kos-case-study.shrink .text-top.text-top-fixed{display:block!Important; position:fixed;top:0;left:0;width:100%;z-index:1;visibility:visible;}
.kos-case-study.shrink .text-top.text-top-fixed>div{padding-left:10%;padding-right:10%;float:left;width:100%;}
.kos-case-study.shrink .text-top.text-top-fixed .text-wrapper{padding:20px 0;}
}
.kos-case-study.shrink .text-top.text-top-fixed{background-color: #fff;}
.kos-case-study .text-top p{font-size:12px;color:#000;}
.kos-case-study .text-top .t-left{text-transform:uppercase;padding-left:40px;width:450px;}
.kos-case-study .text-top .t-right{font-size:16px;text-transform:uppercase;font-family:'roboto_slabbold','NotoSansJP';}
.kos-case-study .text-top .t-right a{color:#000;display:inline-block;}
.kos-case-study .text-top .t-right a:hover{color:#ed1c24;}
.kos-case-study .text-top .t-right a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;}
.kos-case-study .text-top h3{font-size:20px;margin:0;font-family:'RobotoRegular','NotoSansJP';}
.kos-case-study .text-top h3:after{content:'';width:180px;height:1px;background:#000;display:inline-block;vertical-align:middle;margin-left:40px;}
.kos-case-study .block-filter-nav{float:right;}
.kos-case-study .block-filter-nav .filter-bars{display:none;}
.kos-case-study .block-filter-nav ul{padding:0;}
.kos-case-study .block-filter-nav li{display:inline-block;cursor:pointer;padding-right:60px;font-family:'roboto_slabbold','NotoSansJP';font-size:16px;color:#000;}
.kos-case-study .block-filter-nav li.active,
.kos-case-study .block-filter-nav li:hover{color:#ff0000;text-decoration:underline;}
.kos-case-study .black-frame{float:left;width:100%;background:#000;text-transform:uppercase;color:#fff;position:relative;overflow:hidden;margin-top:120px;}
.no-edit .kos-case-study .black-frame{padding:8% 0% 18%;}
.kos-case-study .black-frame .block-left{float:left;width:35%;text-align:center;font-size:14px;line-height:1;}
.kos-case-study .black-frame .block-left >div{max-width:450px;margin:auto;padding:0 25px;}
.no-edit .kos-case-study .black-frame .block-right{font-size:24px;font-family:'roboto_slabregular','NotoSansJP';position:absolute;bottom:240px;right:-140px;text-transform:none;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.no-edit.pagelang-jp .kos-case-study .black-frame .block-right span{min-width:200px;display:inline-block;}
.kos-case-study .black-frame .block-right:before{content:'';width:170px;height:2px;background:#999;display:inline-block;margin-right:20px;vertical-align:middle;}
.kos-case-study .black-frame h2,
.kos-case-study .black-frame h3,
.kos-case-study .black-frame a{color:#fff;line-height:1;}
.kos-case-study .black-frame h2{font-size:20px;font-family:'RobotoRegular','NotoSansJP';margin-top:0;}
.kos-case-study .black-frame h3{font-size:24px;font-family:'roboto_slabregular','NotoSansJP';}
.kos-case-study .black-frame h2:after{content:'';width:40px;display:block;margin:auto;height:2px;background:#999;margin-top:30px;}
.kos-case-study .black-frame a:hover{color:#ff0000;}
.kos-case-study .block-work{position:relative;float:left;width:100%;margin-bottom:150px;}
.kos-case-study .block-work>div{float:left;width:35%;}
.edit .kos-case-study .block-work>div{width:25%;margin:0!important;}
.kos-case-study .block-work>div a{display:block;}
.no-edit .kos-case-study .block-work>div:nth-child(1){position:absolute;width:65%;padding-right:160px;-webkit-transform:translateY(-108%)!Important;-moz-transform:translateY(-108%)!Important;-o-transform:translateY(-108%)!Important;-ms-transform:translateY(-108%)!Important;transform:translateY(-108%)!Important;right:0;}
.kos-case-study .block-work>div:nth-child(1) img{display:none;}
.kos-case-study .block-work>div:nth-child(1) a{background-size:cover;background-position:top;}
.kos-case-study .block-work>div:nth-child(1) img{visibility:hidden;}
.no-edit .kos-case-study .block-work>div:nth-child(2){margin-top:-12%;padding:0 10px 0 30px;}
.kos-case-study .block-work>div:nth-child(2)>div{width:100%;}
.no-edit .kos-case-study .block-work>div:nth-child(2)>a{margin-bottom:20px;}
.no-edit .kos-case-study .block-work>div:nth-child(3){left:35%;margin-top:-3%;position:absolute;width:65%;}
.kos-case-study .block-work>div:nth-child(3)>div:nth-child(1){width:50%;}
.kos-case-study .block-work .block-work-text{width:100%;padding-top:60px;font-size:18px;color:#858585;padding-left:3%;}
.kos-case-study .block-work .block-work-text>div{float:left;width:100%;display:table;table-layout:fixed;}
.kos-case-study .block-work .block-work-text h3{font-size:30px;font-family:'roboto_slabbold','NotoSansJP';line-height:1;margin:0;display:table-cell;padding-right:50px;width:40%;vertical-align:middle;}
.kos-case-study .block-work .block-work-text p{display:table-cell;width:60%;vertical-align:middle;margin:0;}
.kos-case-study .block-work img{width:100%;}
.kos-case-study .white-frame h2,
.kos-case-study .white-frame h3,
.kos-case-study .white-frame a{color:#000;line-height:1;}
.kos-case-study .white-frame h2{font-size:20px;font-family:'RobotoRegular','NotoSansJP';margin-top:0;}
.kos-case-study .white-frame h3{font-size:50px;font-family:'roboto_slabregular','NotoSansJP';}
.kos-case-study .white-frame h2:after{content:'';width:40px;display:block;margin:auto;height:2px;background:#999;margin-top:30px;}
.kos-case-study .block-row{float:left;width:100%;position:relative;}
.kos-case-study .block-row-1 >div:nth-child(1){position:absolute;width:54%;top:50%;z-index:1;-webkit-transform:translateY(-50%)!Important;-moz-transform:translateY(-50%)!Important;-o-transform:translateY(-50%)!Important;-ms-transform:translateY(-50%)!Important;transform:translateY(-50%)!Important;}
.kos-case-study .block-row-1 >div.black-back{float:right;background:#000;width:52%;padding:10% 0 0 10%;}
.kos-case-study .white-frame{background:#fff;float:right;text-align:center;text-transform:uppercase;padding:50px;}
.kos-case-study .block-row-2{margin:0 -7px;}
.kos-case-study .block-row-2>div{float:left;width:33.33%;padding:15px 7px;}
.kos-case-study .block-row-2>div img{width:100%;}
.kos-case-study .text-bottom{float:left;width:100%;margin-top:30px;}
.kos-case-study .text-bottom>.t-left{float:left;padding-left:40px;text-transform:uppercase;}
.kos-case-study .text-bottom>.t-right{float:right;font-size:16px;text-transform:uppercase;font-family:'roboto_slabbold','NotoSansJP';}
.kos-case-study .text-bottom>.t-right a{color:#000;display:inline-block;}
.kos-case-study .text-bottom>.t-right a:hover{color:#ed1c24;}
.kos-case-study .text-bottom>.t-right a:after{content:"\f178";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;}
.kos-case-study .text-bottom h3{font-size:20px;margin:0;font-family:'RobotoRegular','NotoSansJP';}
.kos-case-study .text-bottom h3:after{content:'';width:180px;height:1px;background:#000;display:inline-block;vertical-align:middle;margin-left:40px;}
.block-work-featured{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.block-featured-list{position:relative;float:left;width:90%;margin:0 5%;}
.block-featured-list{margin-bottom:100px;}
@media(min-width:771px){
.block-featured-list .work-item{width:34%;}
.block-featured-list .work-item:nth-child(1){position:absolute;width:65%;padding-right:160px;-webkit-transform:translateY(-108%)!Important;-moz-transform:translateY(-108%)!Important;-o-transform:translateY(-108%)!Important;-ms-transform:translateY(-108%)!Important;transform:translateY(-108%)!Important;right:0;}
.block-featured-list .work-item:nth-child(2),
.block-featured-list .work-item:nth-child(4){margin-top:-12%;padding-left:30px;}
.block-featured-list .work-item:nth-child(3){padding-left:10px;padding-right:20px;-webkit-transform:translateY(-8%);-moz-transform:translateY(-8%);-o-transform:translateY(-8%);-ms-transform:translateY(-8%);transform:translateY(-8%);}
.block-featured-list .work-item:nth-child(4){-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);}
.block-featured-list.block-webdesign .block-row-2 .work-item:nth-child(1){display:none;}
}
.block-featured-list .block-work-text{float:left;width:66%;padding-top:60px;font-size:18px;color:#858585;padding-left:3%;}
.block-featured-list .block-work-text>div{float:left;width:100%;table-layout:fixed;}
.no-edit .block-featured-list .block-work-text>div{display:none;}
.block-featured-list .block-work-text>div.active{display:table;}
.block-featured-list .block-work-text h3{font-size:30px;font-family:'roboto_slabbold','NotoSansJP';line-height:1;margin:0;display:table-cell;padding-right:50px;width:40%;vertical-align:middle;}
.block-featured-list .block-work-text p{display:table-cell;width:60%;vertical-align:middle;margin:0;}
@media(min-width:1025px){
.no-edit .kos-intro>div>div, .no-edit .kos-case-study .black-frame, .no-edit .kos-case-study .block-work>div:nth-child(2)>a, .no-edit .kos-case-study .block-work>div:nth-child(3)>div:nth-child(1), .no-edit .kos-case-study .block-work .block-work-text, .no-edit .kos-case-study .block-row-2>div, .no-edit .kos-clients .gallery-list li, .no-edit .kos-client-voice{}
.no-edit .kos-case-study .block-row-1 >div:nth-child(1), .no-edit .kos-case-study .block-row-1 >div.black-back{visibility:visible;}
}
@media(max-width:1600px){
.pagelang-jp .top-homepage .slogan-inner{max-width:900px;}
.top-homepage .slogan-inner .block-text{font-size:5rem;}
.top-homepage .slogan-inner .block-text p:first-child{max-width:830px;}
.top-homepage .slogan-inner ul{margin-top:-62px;}
.kos-intro{font-size:14px;}
.kos-intro .block-right{padding-right:60px;}
.kos-case-study .block-filter-nav li{padding-right:40px;font-size:14px;}
.no-edit.pagelang-jp .kos-case-study .black-frame .block-right{bottom:200px;font-size:20px;}
@media(min-width:1200px){
.top_homepage .slogan-text{position:absolute;top:40%;left:0;width:100%;}
.top_homepage .slogan-text{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} 	
}
}
@media(max-width:1280px){
.kos-intro{font-size:14px;}
.kos-case-study .black-frame h3{font-size:20px;}
.no-edit .kos-case-study .black-frame .block-right{font-size:20px;bottom:190px;}
.kos-case-study .block-work .block-work-text h3{font-size:22px;}
.kos-case-study .block-work .block-work-text{font-size:14px;}
.kos-case-study .white-frame h3{font-size:35px;}
.kos-case-study .block-filter-nav li{padding-right:20px;font-size:14px;}
.kos-service .block-list .block-text{font-size:12px;}
.block-featured-list .block-work-text h3{font-size:20px;}
.block-featured-list .block-work-text p{font-size:14px;}
}
@media(max-width:1200px){
.top-homepage .slogan-inner .block-text{font-size:4rem;}
.top-homepage .slogan-inner ul{margin-top:-48px;}
.top-homepage .slogan-inner .block-text p:first-child{max-width:700px;}
}
@media(max-width:1100px){
.kos-case-study .text-top .t-left{width:300px;}
.kos-case-study .text-top h3:after{display:none;}
}
@media(max-width:1024px){
.no-edit .kos-intro>div>div,
.no-edit .kos-case-study .black-frame,
.no-edit .kos-case-study .block-work>div:nth-child(2)>a,
.no-edit .kos-case-study .block-work>div:nth-child(3)>div:nth-child(1),
.no-edit .kos-case-study .block-work .block-work-text,
.no-edit .kos-case-study .block-row-1 >div:nth-child(1),
.no-edit .kos-case-study .block-row-1 >div.black-back,
.no-edit .kos-case-study .block-row-2>div,
.no-edit .kos-clients .gallery-list li,
.no-edit .kos-client-voice,
.top-homepage .slogan-inner h3 ,
.slogan-botton{visibility:visible!important;}
.kos-intro h1{opacity:1;}
}
@media(max-width:1024px){
.top-homepage{height:auto!important;}
.top-homepage .slogan-inner .block-text p:first-child{text-align:center;}
.top-homepage .slogan-inner ul{margin:0;padding-bottom:40px;}
.top-homepage .slogan-inner ul li{padding:0;text-align:center;}
.kos-intro{margin-top:50px;}
.block-featured-list .work-item:nth-child(1){padding-right:100px;}
.kos-intro h1,
.kos-service h2{font-size:25px;}
}
@media(max-width:1023px){
.kos-case-study .text-top .text-wrapper>div{float:left;width:100%;padding:0 40px;}
.kos-case-study .block-filter-nav{float:left;margin-top:20px;}
}
@media(max-width:770px){
.kos-intro .block-left, .kos-intro .block-right,
.kos-service .block-left, .kos-service .block-right{width:100%;padding:0 10px;}
.kos-service{padding-top:30px;}
.kos-service .block-left{margin-bottom:30px;}
.kos-case-study{margin:20px 0;padding:40px 0;}
.no-edit .kos-case-study .black-frame .block-right{display:none;}
.no-edit .kos-case-study .black-frame{display:table;padding:0;margin-top:0;}
.kos-case-study .black-frame .block-left{padding:30px 10px;}
.kos-case-study .black-frame .block-left,
.kos-case-study .black-frame .work-xs{float:none;display:table-cell!important;vertical-align:middle;width:50%;}
.kos-case-study .black-frame .work-xs .work-item{width:100%;}
.kos-case-study .black-frame .work-xs .work-item img{display:none;}
.no-edit .kos-case-study .block-work>div:nth-child(2){margin-top:0;padding:0;width:100%;}
.no-edit .kos-case-study .block-work>div:nth-child(2)>a{margin-bottom:0;width:50%;float:left;}
.no-edit .kos-case-study .block-work>div:nth-child(3){left:auto;margin-top:0;position:relative;width:100%;}
.kos-case-study .block-work>div:nth-child(3)>div{float:left;width:50%;}
.kos-case-study .block-work .block-work-text h3,
.kos-case-study .block-work .block-work-text p{display:block;width:100%;}
.kos-case-study .block-work .block-work-text h3{margin-bottom:10px;}
.kos-case-study .text-top{margin-bottom:20px;}
.kos-case-study .text-top h3,
.kos-case-study .text-bottom h3{font-size:16px;font-family:'roboto_slabbold','NotoSansJP';}
.kos-case-study .text-top h3:after,
.kos-case-study .text-bottom h3:after{display:none;}
.kos-intro h1,
.kos-service h2{font-size:20px;}
.kos-intro .block-left,
.kos-intro .block-right{padding-left:10px;}
.block-featured-list .work-item{width:50%;}
.block-featured-list .work-item:nth-child(1){padding-right:0;}
.block-featured-list .block-work-text{width:100%;}
.kos-case-study .block-row-1 >div:nth-child(1){display:none;}
.kos-case-study .block-row-1 >div.black-back{width:100%;}
.kos-case-study .block-row-2{margin:0;}
.block-featured-list.block-webdesign .work-item{width:50%;padding:0;}
}
@media(max-width:680px){
.top-homepage{padding:0;}
.kos-intro{margin-top:20px;}
.kos-intro .block-left,
.kos-intro .block-right{float:left;width:100%;}
.kos-intro .block-right{margin-top:20px;}
.kos-case-study >.wrapper{padding:0;}
.block-featured-list .work-item,
.block-featured-list.block-webdesign .work-item{}
.block-featured-list .block-work-text p,
.block-featured-list .block-work-text h3{float:left;width:100%;}
.block-featured-list .block-work-text h3{margin-bottom:20px;}
.kos-case-study .white-frame{width:100%;}
.kos-case-study .text-top,
.kos-case-study .text-bottom{padding-right:60px;}
.block-featured-list .block-work-text{padding:20px 20px 20px 60px;}
.kos-case-study .text-top .t-left,
.kos-case-study .text-bottom>.t-left{padding-left:60px;}
.kos-intro .block-left,
.kos-intro .block-right{padding-left:0;}
}
@media(max-width:580px){
.kos-case-study .black-frame .block-left, .kos-case-study .black-frame .work-xs{width:100%;float:left;}
.kos-case-study .black-frame .block-left{padding:20px;}
.work-xs .work-item .block-thumb{height:250px;}
.kos-case-study .black-frame .work-xs .work-item img{visibility:hidden;display:block;}
.kos-case-study .black-frame h3,
.kos-case-study .white-frame h3{font-size:20px;}
.kos-case-study .black-frame .block-left,
.kos-case-study .black-frame h2{font-size:14px;}
.kos-case-study .block-work .block-work-text{padding:20px;}
.kos-case-study .block-work .block-work-text h3,
.kos-case-study .white-frame h2{font-size:16px;}
.kos-case-study .block-row-1 >div:nth-child(1){position:relative;width:100%;top:auto;-webkit-transform:translateY(0%)!Important;-moz-transform:translateY(0%)!Important;-o-transform:translateY(0%)!Important;-ms-transform:translateY(0%)!Important;transform:translateY(0%)!Important;}
.kos-case-study .block-row-1 >div.black-back{width:100%;}
.kos-clients .gallery-list li:last-child{display: none;}
}
@media(max-width:480px){
.top-homepage .slogan-inner .block-text{font-size:3rem;}
.top-homepage .slogan-inner ul{padding:10px 0 30px;}
.kos-case-study .block-work>div:nth-child(3)>div:nth-child(1),
.kos-case-study .block-work>div:nth-child(3)>div{width:100%;}
.kos-case-study .block-work{margin-bottom:30px;}
.kos-case-study .block-row-2{margin:0;}
.kos-case-study .block-row-2>div{}
.kos-case-study .block-row-2>div:nth-child(3){}
.kos-case-study .white-frame{padding:20px;}
.kos-case-study .text-top h3,
.kos-case-study .text-bottom h3,
.kos-case-study .text-top .t-right,
.kos-case-study .text-bottom>.t-right{font-size:14px;}
.kos-case-study .block-filter-nav .filter-bars{display:block;color:#000;margin-bottom:10px;}
.kos-case-study .block-filter-nav .filter-bars i{margin-right:10px;vertical-align:middle;font-size:20px;}
.kos-case-study .block-filter-nav ul{display:none;padding-left:30px;}
.kos-case-study .block-filter-nav ul li{display:block;padding:0;margin-bottom:10px;}
.kos-service .block-list .block-col{width:33.33%;padding:0 7px;}
.kos-service .block-list .block-col:nth-child(3n+1){clear:left;}
.kos-service .block-list .block-col:nth-child(4n+1){clear:inherit;}
.kos-service .block-list .block-col>div{max-width:100%;}
.kos-service .block-list .block-col{text-align:center;}
.kos-service .block-list .block-col img{display:block;margin:auto;max-width:50px}
.kos-service .block-list .block-text{font-size:12px;}
.kos-service .block-list .block-text:before{display:none;}
.block-featured-list{margin-bottom:0;padding:0;width:100%;margin:0;}
.block-featured-list .block-work-text{padding:20px;}
.kos-service .block-list .block-text{font-size:10px;}
}

Comments