@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{height: 100%; border:none; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#fff; font-size:31px;line-height:normal; min-width: 660px;font-family: 'Roboto Slab', serif; font-weight: 700; background:url(../images/site/main-bg.jpg) repeat; }
input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}

h1, h2, h3, h4, h5, h6{font-weight: 700; color: #ffffff; letter-spacing:0.025em; font-family: 'Roboto Slab', serif; text-align:center}
h1{line-height: 60px;font-size: 48px;  }
h2{}
h3{}
h4{}
h5{}
h6{}

blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #eee;}

p{ color:#fff; font-size:31px;line-height:normal; font-family: 'Roboto Slab', serif; font-weight: 700; }
p a{font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 60px; text-decoration: underline; letter-spacing: 0.025em}

ul{padding:0;margin: 0;}
ul li{ font-size:32px;  color:#fff; font-weight:700; line-height:normal; padding:0;margin: 0; letter-spacing:0.025em; font-family:'Roboto slab', serif}

ol{ margin:0; padding:0;}
ol li{ font-size:32px;  color:#fff; font-weight:700; line-height:normal; letter-spacing:0.025em; font-family:'Roboto slab', serif;padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

hr { margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none; vertical-align: middle;}

/* 4. Link
------------------------------------------------------------------------------*/
a {color: #fff;text-decoration: underline; font-size:18px; line-height:22px; text-align:center; font-weight:400; margin:0 auto; letter-spacing:0.025em}
a:hover,a:focus {color: #fff;}

/* 5. Forms
------------------------------------------------------------------------------*/

input{line-height: normal;font-family:'Roboto', sans-serif;}
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px;border: 1px solid #cbcbcb;display: block;overflow: auto;font-family:'Roboto', sans-serif;}
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #cbcbcb;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/

/* commomn css */
/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* transition effect */
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* flot */
.fleft{float: left;}
.fright{float: right;}

/* column grid */
.row{width: 100%;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{float: left;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1 {width: 8.33333333%;}

/* button */
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;}

/* main container */
#main-container{height: 100%;}
#wrapper{ width:100%; min-height:100%;}
.container{width:660px;margin: auto;box-sizing: border-box;}

/* header */
.mobile-nav{display: none;}
.close-btn{position:absolute; right:20px; top:20px;}
header{ width:100%; height:auto; padding:70px 0 50px}
.splash-page{margin:0 auto; display:block; height:655px; width:100%; background-size:100% auto}
.splash-page .container{padding:125px 0 80px}
.splash-page h1{text-align:center; -webkit-text-shadow:0px -2px 2px #000; text-shadow:0px -2px 2px #000; text-transform:uppercase; margin-bottom:10px; -ms-text-shadow:0px -2px 2px #000; padding:0 70px}
/* content area */
.splash-page form{padding:30px 0; margin:0 auto;  margin-bottom:35px; max-width:560px}
.splash-page form .block{margin:0 auto; display:block; width:auto} 
.splash-page form label{font-size:17px; font-family:'Roboto', sans-serif; line-height:24px; font-weight:400; -webkit-text-shadow:0px -1px 1px #000; -ms-text-shadow:0px -1px 1px #000; text-shadow:0px -1px 1px #000;}
.splash-page form input[type='email']{height:44px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px; font-size:16px; line-height:normal; background:url(../images/site/main-bg.jpg) repeat;width:100%; max-width:313px; border:2px dashed #b7b7b7; margin-right:3px; color:#797979; font-weight:700}
.splash-page form button.submit-btn{height:44px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px; font-size:15px; line-height:normal; width:100%; max-width:232px; border:2px dashed #fff; background:#ec8e1c; position:relative; color:#fff; font-weight:700; }
button.submit-btn:before{background:url(../images/site/icon_scissors.png) no-repeat; position:absolute; height:25px; width:38px; content:''; top:-26px; left:3px}
.splash-page form button.submit-btn:hover{background:#cc6e00;}
.splash-page h2{margin-bottom:60px}
.splash-page h2,.splash-page h2 a{font-size:32px; line-height:normal; text-align:center; font-weight:700; text-decoration:none; }
.splash-page h2 a span{padding-right:3px; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; }
.splash-page h2 a:hover span{ padding-left:3px; padding-right:0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.splash-page .check-out-link:hover{ text-shadow:0 -0px 0px #fff; -webkit-text-shadow:0 -0px 0px #fff; -ms-text-shadow:0 -0px 0px #fff; text-decoration:none; color:#FFC233;}
.splash-page .check-out-link{margin:0 auto; display:table; width:auto; text-align:center; text-shadow:0 -2px 2px #000; -webkit-text-shadow:0 -2px 2px #000; -ms-text-shadow:0 -2px 2px #000; }

/* footer */
footer{padding:30px 0}
footer .social-block{margin:0 auto; width:49%; display:inline-block; vertical-align:top}
.social-block ul li:first-child{padding-left:0}
.social-block ul li{display:inline-block; margin:0 auto; padding:0 4px }
.social-block ul li a{display:inline-block; }
.social-block ul li a:hover{opacity:0.6;}
footer .right-block{margin:0 auto; display:inline-block; vertical-align:top}
footer .right-block p{color:#000; font-size:12px; line-height:18px;font-family: 'Roboto', serif; font-weight:400; letter-spacing:0.025em}
.right-block p.title{font-size:19px; line-height:normal; color:#13a89e; text-transform:uppercase; font-family: 'Roboto', serif; margin-bottom:10px; text-align:right; font-weight:700}
footer .right-block {width:49%; display:inline-block; vertical-align:top}
footer .copy-right{text-align:right}
footer .copy-right a{color:#000; font-size:12px; line-height:18px;font-family: 'Roboto', serif; font-weight:400; text-decoration:none}


/*--------- home page ------------*/