├── .idea
    ├── .gitignore
    ├── Form.iml
    └── modules.xml
├── README.md
├── css
    ├── animate.css
    ├── bootstrap.min.css
    └── style.css
├── fonts
    ├── FF Quadraat Sans Pro Black Italic.woff
    ├── FF Quadraat Sans Pro Bold.otf
    ├── FFQuadraatSansPro-Bold.eot
    ├── FFQuadraatSansPro-Bold.svg
    ├── FFQuadraatSansPro-Bold.ttf
    ├── FFQuadraatSansPro-Bold.woff
    ├── FFQuadraatSansPro-Bold.woff2
    ├── Gcdymicrhvdxbhxnfbhpzcpighi.eot
    ├── Gcdymicrhvdxbhxnfbhpzcpighi.svg
    ├── Gcdymicrhvdxbhxnfbhpzcpighi.ttf
    ├── Gcdymicrhvdxbhxnfbhpzcpighi.woff
    ├── Gcdymicrhvdxbhxnfbhpzcpighi.woff2
    ├── demo.html
    └── stylesheet.css
├── icons
    ├── main-logo.png
    ├── main-logo.svg
    ├── wawe.png
    └── wawe.svg
├── img
    └── main-bg.jpg
├── index.html
└── js
    └── script.js


/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | 


--------------------------------------------------------------------------------
/.idea/Form.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/Form.iml" filepath="$PROJECT_DIR$/.idea/Form.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # dom-js-tutorial


--------------------------------------------------------------------------------
/css/animate.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{20%,53%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.1,1.1,1.1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}.tada{animation-name:tada}@keyframes wobble{from,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}.wobble{animation-name:wobble}@keyframes jello{11.1%,from,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX{-webkit-backface-visibility:visible!important}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}


--------------------------------------------------------------------------------
/css/bootstrap.min.css:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
 3 |  * Copyright 2011-2018 Twitter, Inc.
 4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 5 |  */
 6 | 
 7 | /*!
 8 |  * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=99f0986b45091ffa846f57a52c1a15d9)
 9 |  * Config saved to config.json and https://gist.github.com/99f0986b45091ffa846f57a52c1a15d9
10 |  *//*!
11 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
12 |  * Copyright 2011-2016 Twitter, Inc.
13 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
14 |  *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;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{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-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:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-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}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;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}[role="button"]{cursor:pointer}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,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.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,.h4,h5,.h5,h6,.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}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.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:#337ab7}a.text-primary:hover,a.text-primary:focus{color:#286090}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover,a.bg-primary:focus{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}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}}abbr[title],abbr[data-original-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 p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small: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}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.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-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{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-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{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-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{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}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{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>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{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>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-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, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:30px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:46px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:34px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.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}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.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 .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:18px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;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:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#204d74;border-color:#122b40}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#337ab7;border-color:#2e6da4}.btn-primary .badge{color:#337ab7;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{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:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{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:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{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:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#337ab7;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#23527c;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.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="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.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 .form-control:focus{z-index:3}.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.3333333;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}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].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}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control: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:normal;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="radio"],.input-group-addon input[type="checkbox"]{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:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{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:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{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+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group: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}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.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 !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.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 !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !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}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.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}}@media print{.hidden-print{display:none !important}}


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | @font-face{font-family:'Header';src:url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.eot');src:url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.eot?#iefix') format('embedded-opentype'),url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff2') format('woff2'),url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff') format('woff'),url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.ttf') format('truetype'),url('../fonts/Gcdymicrhvdxbhxnfbhpzcpighi.svg#Gcdymicrhvdxbhxnfbhpzcpighi') format('svg');font-weight:normal;font-style:italic}body{font-family:'Open Sans',sans-serif}body h1,body h2{font-family:"Header"}.bold{font-weight:700}@-webkit-keyframes up{from{margin-top:5rem}33%{margin-top:3rem}66%{margin-top:8rem}to{margin-top:5rem}}@keyframes up{from{margin-top:5rem}33%{margin-top:3rem}66%{margin-top:8rem}to{margin-top:5rem}}html{font-size:10px}body{margin:0;padding:0}a{color:inherit;text-decoration:none}a:visited{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:inherit}a:focus{text-decoration:none;color:inherit}a:active{text-decoration:none;color:inherit}.main{width:100%;height:67rem;background:url(../img/main-bg.jpg) center center no-repeat;background-size:cover;padding-top:1rem;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}.main_mobmenu{display:none}.main_mobmenu_field{display:none}.main_logo{height:7rem;line-height:7rem}.main_nav{height:7rem;line-height:7rem}.main_nav nav>ul{list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:0;margin:0}.main_nav nav>ul li{text-transform:uppercase;color:#fff;font-size:1.4rem}.main_nav nav>ul li a{padding:.5rem}.main_nav nav>ul li a:hover{background-color:#000;border-radius:5px}.main_tel_phone{font-weight:700;font-size:2.4rem;margin:0;padding-top:1rem;color:#fff}.main_tel_phone span{display:block}.main_tel_title{margin:0;color:#fff;opacity:.6}.main_title{margin-top:15rem;padding:0 5% 0 5%;color:#fff;font-size:4.8rem}.main_wawe{margin-top:2rem}.main h2{margin-top:2rem;padding:0 10% 0 10%;color:#fff;font-size:4.8rem}.main_btna{margin-top:5rem;width:100%;height:5rem;line-height:5rem;border-radius:4px;background-color:#f49526;text-transform:uppercase;font-size:1.6rem;color:#fff;cursor:pointer;box-shadow:0 3px 0 0 #e75f28}.main_btna:hover{box-shadow:0 0 5px #fff}.main_btn{margin-top:5rem;width:100%;height:5rem;line-height:4.9rem;border:2px solid #f49526;border-radius:4px;background-color:none;text-transform:uppercase;font-size:1.6rem;color:#f49526;cursor:pointer}.main_btn:hover{box-shadow:0 0 5px #f49526}.main_down{color:#fff}.main_down i{margin-top:5rem;opacity:.6;-webkit-animation:up 2s infinite linear;animation:up 2s infinite linear}.rest{padding-top:8rem;text-shadow:none}.rest_title_1,.rest_title_2,.rest_title_3{height:5rem;color:#f49526;font-size:4rem;line-height:4.9rem;font-family:"Header"}.rest_title_2 img{width:100%}.rest_mobile{display:none}.rest_descr{margin-top:5rem}.rest_descr p{font-size:3.2rem;color:#abb7b7;line-height:3.4rem}.rest_descr p span{font-size:1.6rem}.rest_result{margin-top:5rem}.rest_result_img{padding-top:1.2rem;float:left;height:15rem;width:10rem}.rest_result_list{padding-top:.8rem}.rest_result_list ul{list-style-image:url(../icons/oks.png);font-size:1.6rem}.rest_result_list ul li{line-height:2.4rem;font-weight:700}.rest_bg{margin-top:1rem;padding-top:2rem;background-color:#f5f5f5}.rest .blue{color:#1d9c91}.rest_prev{height:30rem;margin-top:6rem}.rest_prev_img{height:15rem;width:100%}.rest_prev_img_1{background:url(../img/preview_1.png) center center no-repeat}.rest_prev_img_2{background:url(../img/preview_2.png) center center no-repeat}.rest_prev_img_3{background:url(../img/preview_3.png) center center no-repeat}.rest_prev p{height:8rem;margin-top:3rem;font-size:1.6rem}.tour{padding-top:3rem}.tour h1{font-size:4.8rem;font-weight:700;text-align:center}.tour_big{height:50rem;margin-top:4rem;background:url(../img/points_1.jpg) center center no-repeat;background-size:cover}.tour_big_1{background:url(../img/points_6.jpg) center center no-repeat;background-size:cover}.tour_big_price{width:50%;height:8rem;float:left;position:absolute;bottom:0;padding-left:1rem;color:#fff}.tour_big_price h3{font-size:3rem;margin:0}.tour_big_price p{margin:0;font-size:3.2rem;font-weight:700}.tour_big_date{width:50%;height:8rem;right:3rem;position:absolute;bottom:0;padding-left:2rem;color:#fff;text-align:right;padding-top:1rem}.tour_big_date p{font-size:1.4rem}.tour_big_date_btn{width:11rem;height:3rem;border-radius:4px;background-color:#1d9c91;position:absolute;right:0;text-align:center;line-height:2.8rem;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.tour_big_date_btn:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.tour_small{height:100%;margin-top:4rem}.tour_small .smallr{right:1.5rem}.tour_small_item{width:100%;height:50%;position:relative}.tour_small_item_1{height:24rem;background:url(../img/points_2.jpg) no-repeat;background-size:cover}.tour_small_item_2{height:24rem;margin-top:2rem;background:url(../img/points_3.jpg) no-repeat;background-size:cover}.tour_small_item_3{height:24rem;background:url(../img/points_4.jpg) no-repeat;background-size:cover}.tour_small_item_4{height:24rem;margin-top:2rem;background:url(../img/points_5.jpg) no-repeat;background-size:cover}.tour_btns_sheldure{width:24rem;height:5rem;position:relative;margin:auto;margin-top:4rem;background-color:#f49526;border-radius:4px;text-transform:uppercase;font-size:1.5rem;text-align:center;padding-left:3rem;line-height:5rem;cursor:pointer}.tour_btns_sheldure:hover{box-shadow:0 0 15px #f49526}.tour_btns_sheldure i{position:absolute;left:2rem;top:1.3rem;font-size:2.8rem}.tour_btns_photo{width:24rem;height:5rem;position:relative;margin:auto;margin-top:2rem;margin-bottom:2rem;background-color:#1d9c91;border-radius:4px;text-transform:uppercase;font-size:1.5rem;text-align:center;padding-left:3rem;line-height:5rem;cursor:pointer}.tour_btns_photo:hover{box-shadow:0 0 15px #1d9c91}.tour_btns_photo i{position:absolute;left:5rem;top:1.3rem;font-size:2.8rem}.services{background-size:cover;height:100rem}.services h1{margin-top:30rem;font-weight:700;color:#fff;font-size:5rem;text-shadow:1px 1px 3px rgba(0,0,0,0.8)}.services_layout{width:100%;height:45rem;margin-top:5rem;background-color:rgba(0,0,0,0.7)}.services_layout ul{margin-top:7rem;font-size:2rem;list-style-type:none;color:#fff}.services_layout ul li{margin-bottom:.3rem;line-height:3rem}.services_layout ul i{color:#fae331;margin-right:.5rem}.hotels h1{margin-top:7rem;font-weight:700;font-size:4.5rem}.hotels_item{margin-top:10rem;margin-right:5rem;margin-left:5rem}.hotels_item img{width:37rem;height:30rem;margin:auto;box-shadow:4px 4px 8px rgba(0,0,0,0.5)}.hotels_item h3{font-weight:700}.hotels_item p{font-size:1.7rem}.hotels_item .highlight{color:#f49526;font-size:2rem;text-shadow:1px 1px 3px #f49526}.hotels .slick-slide{outline:none}.hotels .slick-slide:focus{outline:none}.hotels .prev{position:absolute;top:50%;z-index:49;width:4rem;height:4rem;border:0;border-radius:100%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#1d9c91;color:#fff;font-size:1rem;opacity:.6;box-shadow:2px 2px 5px rgba(0,0,0,0.5)}.hotels .prev:focus{outline:none}.hotels .next{position:absolute;top:50%;z-index:49;width:4rem;height:4rem;border:0;border-radius:100%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#1d9c91;color:#fff;font-size:1rem;opacity:.6;box-shadow:2px 2px 5px rgba(0,0,0,0.5)}.hotels .next:focus{outline:none}.result .slick-slide{outline:none}.result .slick-slide:focus{outline:none}.result h1{margin-top:10rem;font-size:4rem;font-weight:700}.result h3{font-size:1.6rem}.result_item{margin-top:5rem}.result_item_img img{margin:0 auto;height:30rem}.result_item_polygon{height:16rem;width:28rem;background:url(../icons/Polygon.png) center center no-repeat;background-size:100%}.result_item_polygon p{margin-top:0;text-align:center;padding:5rem 2rem 0 3.5rem}.result_item_polygon_name{font-size:2rem;margin:0;margin-top:1rem;font-weight:700}.result_item_polygon_pos{font-size:2rem;margin:0;margin-top:1rem;color:#1d9c91;font-weight:700}.result_item_descr{margin-top:4rem}.result_nav{margin-top:1rem}.result_nav_item{width:70%;margin:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.result_nav_item img{width:9rem;height:9rem;border-radius:100%;border:1px solid #1d9c91;margin-right:1rem;cursor:pointer}.steps{background-color:#f5f5f5;padding-bottom:7rem}.steps h1{margin-top:7rem;font-size:4rem;font-weight:700}.steps h3{font-size:1.6rem}.steps p{font-size:1.6rem;text-transform:uppercase;margin-top:1rem}.steps_item{margin-top:5rem}.healthytour{height:70rem;background:url(../img/mountains2_bg.jpg) center center no-repeat;background-size:cover}.healthytour h1{margin-top:5rem;font-size:4rem;font-weight:700}.healthytour p{margin-top:3rem}.contactform h1{margin-top:4rem;margin-bottom:4rem;font-size:4rem;font-weight:700}.contactform .form{width:100%}.contactform i{font-size:2rem}.contactform textarea{width:100%;border:none;box-shadow:none;background-color:rgba(0,0,0,0.08);border-radius:4px;font-size:1.6rem;padding:1rem 2rem 1rem 2rem}.contactform textarea:focus{border:none;box-shadow:none;outline:none}.contactform_police{padding:2rem 3rem 2rem 3rem}.contactform_police .checkbox{width:1.8rem;height:1.8rem;margin-right:.5rem;margin-top:-0.3rem;display:inline}.contactform_police .checkbox:focus{border:none;box-shadow:none;outline:none}.contactform_police p{display:inline;font-size:1.2rem;font-weight:700}.contactform button{width:100%;height:3.8rem;background-color:#f49526;border:none;border-radius:4px;text-transform:uppercase;font-size:1.8rem}.contactform button:hover{box-shadow:0 0 10px #f49526}.contactform button:focus{border:none;box-shadow:none;outline:none}.form-inline .form-control{width:100%;height:3.8rem;display:block;margin-bottom:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0.08);font-size:1.6rem}.form-inline .input-group{width:100%;margin-bottom:2rem}.form-inline .input-group .input-group-addon{width:13%;border:none;box-shadow:none;background-color:rgba(0,0,0,0.2)}.form-inline .select{background-color:rgba(29,156,145,0.8);color:#fff}option{height:5rem}.footer{padding-top:3rem;padding-bottom:2rem;background-color:#363636}.footer p{color:#fff}.footer .flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.footer_social{display:inline-block;margin-top:1.8rem}.footer_rights{margin-top:3rem}.footer_rights a{color:#f49526}.upbtn{position:fixed;width:7rem;height:100vh;z-index:49;bottom:0;display:none}.upbtn a{display:block;height:100vh}.upbtn a .fa{font-size:5rem;margin-top:90vh;display:block;margin-left:2rem;color:#f49526}.upbtn:hover{background-color:rgba(0,0,0,0.2)}.modal{display:none;position:fixed;margin:5rem 30% 0 30%;width:40%;padding-bottom:3rem;z-index:100;box-shadow:0 0 15px #f49526;border-radius:10px;border:1px solid #f49526;background-color:#fff}.modal_contact{width:80%;margin:auto;margin-top:3rem}.modal_contact h3{text-align:center;margin-bottom:4rem;line-height:3rem}.modal_contact .form-inline .form-control{width:100%;height:3.8rem;display:block;margin-bottom:0;border:none;box-shadow:none;background-color:rgba(0,0,0,0.08);font-size:1.6rem}.modal_contact .form-inline .input-group{width:100%;margin-bottom:1rem}.modal_contact .form-inline .input-group .input-group-addon{width:13%;border:none;box-shadow:none;background-color:rgba(0,0,0,0.2)}.modal_contact .form-inline .select{background-color:rgba(29,156,145,0.8);color:#fff}.modal_contact button{width:100%;height:3.8rem;background-color:#f49526;border:none;border-radius:4px;text-transform:uppercase;font-size:1.8rem}.modal_contact button:hover{box-shadow:0 0 10px #f49526}.modal_contact button:focus{outline:none}.modal_contact textarea{width:100%;border:none;box-shadow:none;background-color:rgba(0,0,0,0.08);border-radius:4px;font-size:1.6rem;padding:1rem 2rem 1rem 2rem}.modal_contact textarea:focus{border:none;box-shadow:none;outline:none}.modal_contact .police{padding:1rem 3rem 1rem 3rem}.modal_contact .police .checkbox{width:1.8rem;height:1.8rem;margin-right:.5rem;margin-top:-0.3rem;display:inline}.modal_contact .police .checkbox:focus{border:none;box-shadow:none;outline:none}.modal_contact .police p{display:inline;font-size:1.2rem;font-weight:700}.thanks{display:none;position:fixed;width:30%;background-color:#fff;margin:5rem 35% 0 35%;z-index:100;padding:3rem 3rem 2rem 3rem;box-shadow:0 0 15px #f49526;border-radius:10px;border:1px solid #f49526}.thanks p{text-align:center;font-size:2rem;font-weight:700}.thanks button{width:60%;height:3.8rem;margin:.5rem 20% 0 20%;background-color:#f49526;border:none;border-radius:4px;text-transform:uppercase;font-size:1.55rem;font-weight:700}.thanks button:hover{box-shadow:0 0 10px #f49526}.thanks button:focus{outline:none}.overlay{display:none;width:100%;height:100%;position:fixed;z-index:50;background-color:rgba(0,0,0,0.7)}.close{margin-right:1rem;margin-top:.2rem;color:#000;opacity:1;font-size:3rem}.close:focus{outline:none}@media (max-width:1199px){.main{height:60rem}.main_nav nav>ul>li{font-size:1.2rem}.main_title{margin-top:9rem;font-size:3.5rem}.main h2{font-size:3.5rem}.main_btn{font-size:1.2rem}.rest{padding-top:5rem}.rest_title_1,.rest_title_2,.rest_title_3{font-size:3.2rem}.rest_descr{margin-top:3rem}.rest_descr p{font-size:2.5rem;color:#abb7b7;line-height:3.4rem}.rest_descr p span{font-size:1.3rem}.rest_result{margin-top:3rem}.rest_result_img{height:20rem}.tour h1{font-size:3.5rem}.services h1{font-size:3.5rem}.hotels h1{font-size:3.5rem}.hotels_item{margin-top:7rem}.hotels_item img{width:27rem;height:22rem}.hotels h3{height:4rem}.hotels .next{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.hotels .prev{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.contactform h1{font-size:3.5rem}.contactform_police{padding:1rem 2rem 1rem 2rem}.contactform_police p{font-size:1rem}.healthytour{height:60rem}.healthytour h1{font-size:3.5rem}.healthytour p{font-size:1.4rem}.footer{padding-top:2rem}.footer_social img{margin-top:2rem}.footer_rights{margin-top:5rem}.thanks p{font-size:1.6rem}.thanks button{font-size:1.2rem;margin-top:2rem}}@media (max-width:991px){.main{height:55rem}.main_logo img{height:5rem}.main_nav nav>ul>li{font-size:.9rem}.main_tel_phone{font-size:1.6rem}.main_tel_title{font-size:1.3rem}.main_title{margin-top:7rem;font-size:3.2rem}.main h2{font-size:3.2rem}.main_btn{font-size:1rem;height:4rem;line-height:3.9rem}.main_btna{font-size:1.5rem;height:4rem;line-height:3.9rem}.rest{padding-top:5rem}.rest_title_1,.rest_title_2,.rest_title_3{font-size:2.3rem}.rest_descr{margin-top:2rem}.rest_descr p{font-size:2rem;color:#abb7b7;line-height:3.4rem}.rest_descr p span{font-size:1.3rem}.rest_result{margin-top:2rem}.rest_result_img{height:22rem;width:9rem}.rest_result_list ul>li{font-size:1.4rem}.rest_prev p{font-size:1.4rem}.tour h1{font-size:3.2rem}.tour_big_price{line-height:4rem;padding-top:1rem}.tour_big_price h3{font-size:2.5rem}.tour_big_price p{font-size:2rem}.services h1{margin-top:25rem;font-size:3.2rem}.services_layout ul{font-size:1.6rem;margin-top:4rem}.hotels h1{font-size:3.2rem}.hotels_item{margin-top:7rem}.hotels_item img{width:100%;height:18rem}.hotels h3{height:4rem;font-size:2rem}.hotels .next{-webkit-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);right:2rem}.hotels .prev{-webkit-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);left:2rem}.result h1{font-size:3.2rem}.result_item_img{height:24rem}.result_item_img img{width:100%;height:25rem}.result_item_polygon{height:14rem;width:20rem}.result_item_polygon p{margin-top:0;padding:3.5rem 2rem 0 3.5rem;font-size:1.2rem}.result_item_polygon_name{font-size:1.4rem}.result_item_polygon_pos{font-size:1.4rem}.result_item_descr{margin-top:4rem}.result_nav{margin-top:1rem}.result_nav_item img{width:9rem;height:8rem}.steps p{margin-top:2rem}.contactform h1{font-size:3.2rem}.contactform_police{padding:1rem 2rem 1rem 2rem}.contactform_police p{font-size:1rem}.healthytour{height:60rem}.healthytour h1{font-size:3.5rem}.healthytour p{font-size:1.3rem}.footer{padding-top:2rem;padding-bottom:2rem;background-color:#363636}.footer p{color:#fff;font-size:1rem}.footer .flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.footer_social{display:inline-block}.footer_social a img{margin-top:0;width:3.5rem;height:3.5rem}.footer_rights{margin-top:3rem;text-align:right}.footer_rights a{color:#f49526}.thanks{padding:3rem 1rem 3rem 1rem;width:40%;margin-right:30%;margin-left:30%}.thanks p{font-size:1.6rem}.thanks button{font-size:1.2rem;margin-top:2rem}}@media (max-width:768px){.main{height:55rem;padding-top:3rem}.main_mobmenu{display:block;position:fixed;top:0;height:3rem;width:100%;z-index:999;background-color:rgba(244,149,38,0.9)}.main_mobmenu_triger{text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,0.1);font-size:2rem;width:100%;margin:0 auto;margin-top:.6rem}.main_mobmenu_field{display:block;position:fixed;width:100%;height:15rem;background-color:rgba(244,149,38,0.9);margin-bottom:-3rem;padding-top:2rem;z-index:999;-webkit-transition:.7s;transition:.7s;-webkit-transform:translateY(-20rem);-ms-transform:translateY(-20rem);transform:translateY(-20rem)}.main_mobmenu_field ul{padding-left:2.5rem;text-align:center}.main_mobmenu_field_active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main_mobmenu_field_list{float:left;width:50%;text-align:center;color:;text-shadow:1px 1px 3px rgba(0,0,0,0.1);font-size:1.8rem;text-transform:uppercase}.main_mobmenu_field_list ul{list-style-type:none}.main_mobmenu_field_list ul li{margin-bottom:.5rem;font-weight:700}.main_nav{display:none}.main_title{margin-top:7rem;font-size:2.5rem}.main h2{font-size:3rem}.main_btn{width:50%;margin:5rem 25% 5rem 25%;margin-top:2rem}.main_btna{width:50%;margin:5rem 25% 5rem 25%;margin-bottom:0}.main_down{display:none}.rest{padding-top:5rem}.rest_title_1,.rest_title_2,.rest_title_3{font-size:1.9rem;line-height:2rem}.rest_title_2 img{width:120%}.rest_descr{margin-top:2rem;display:none}.rest_mobile{display:block;margin-top:2rem}.rest_mobile ul{padding-top:1rem;list-style-type:circle;padding-left:0}.rest_mobile ul li{font-weight:700;color:rgba(0,0,0,0.6)}.rest_result{margin-top:2rem}.rest_result_img{display:none}.rest_result_list ul{padding-left:0}.rest_prev{margin-top:0;padding-top:5rem}.tour h1{font-size:2.5rem}.services h1{margin-top:5rem;font-size:3.2rem}.services_layout{height:70rem;padding-top:.5rem}.services_layout ul{font-size:1.3rem;margin-top:4rem}.hotels h1{font-size:2.5rem;margin-top:11rem}.hotels_item{margin-top:7rem}.hotels_item img{width:100%;height:18rem}.hotels h3{height:4rem;font-size:2rem}.hotels .next{-webkit-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);right:2rem}.hotels .prev{-webkit-transform:translateY(-150%);-ms-transform:translateY(-150%);transform:translateY(-150%);left:2rem}.hotels .slick-dots{margin-bottom:0}.hotels .slick-dots li button:before{font-size:5rem}.result h1{font-size:3.2rem;margin-top:5rem}.result_item_img{height:24rem}.result_item_img img{width:22rem;height:22rem}.result_item_polygon{height:15rem;width:13rem;background:none}.result_item_polygon p{margin-top:0;font-size:1.2rem;text-align:left;padding:0;padding-top:3rem}.result_item_polygon_name{font-size:1.4rem;margin-top:0}.result_item_polygon_pos{font-size:1.4rem}.result_item_descr{margin-top:4rem}.result_nav{display:none}.result .slick-dots{margin-bottom:0}.result .slick-dots li button:before{font-size:5rem}.steps p{margin-top:2rem}.contactform h1{font-size:3.2rem}.contactform_police{padding:1rem 2rem 1rem 2rem}.contactform_police .checkbox{top:.5rem}.contactform_police p{font-size:1rem}.footer .flex{padding-left:2.2rem}.footer p{color:#fff;font-size:.8rem}.footer_social a img{margin-top:0;margin-right:1rem;width:3rem;height:3rem}.modal{width:80%;margin:4rem 10% 0 10%}.modal .police .checkbox{top:.5rem}.thanks{padding:3rem 1rem 3rem 1rem;width:50%;margin-right:25%;margin-left:25%}.thanks p{font-size:1.4rem}.upbtn{width:4rem}.upbtn a .fa{font-size:3rem;margin-left:1rem}}@media (max-width:425px){.main_tel_phone{font-size:1.1rem}.main_tel_title{font-size:1.2rem;line-height:1.4rem;margin-top:.3rem}.main_title{font-size:2rem;margin-top:5rem;line-height:2.3rem}.main_btn{font-size:.9rem}.rest_title_1,.rest_title_2,.rest_title_3{font-size:1.9rem;text-align:left;line-height:2.4rem}.rest_title_2{width:25%;padding-top:1rem}.rest_mobile{font-size:1.2rem}.rest_result_list ul li{font-size:1.05rem;line-height:1.8rem}.tour h1{font-size:1.9rem;margin-top:7rem;margin-bottom:0}.services h1{font-size:2rem}.services_layout{padding-top:.1rem}.services_layout ul{padding-left:.5rem;text-align:center}.services_layout ul li{font-size:1.3rem;line-height:2.5rem}.hotels h1{font-size:2.3rem;margin-top:6rem}.result h1{font-size:2.3rem}.result_item img{height:15rem;width:15rem;margin-left:-2rem}.result_item_polygon{height:7rem;margin-left:-2rem}.result_item_polygon p{padding-top:0}.result_item_polygon_name{margin-top:1rem;margin-left:-2rem}.result_item_polygon_pos{margin-left:-2rem}.result_item_descr{margin-top:-1rem;font-size:1.2rem}.healthytour{height:70rem}.healthytour p{font-size:1.3rem}.footer p{font-size:.6rem}.footer_rights{margin-top:2rem}.footer_social a img{margin-top:0;width:2rem;height:2rem}.modal{width:80%;margin:4rem 10% 0 10%}.modal h3{font-size:1.7rem;text-align:center;margin-bottom:2rem}.modal_contact .form-inline .form-control{font-size:1.4rem}.modal_contact textarea{font-size:1.4rem}.modal .police{padding:1rem 0 2rem 0}.modal .police .checkbox{top:.5rem}.thanks{padding:2rem .6rem 3rem .6rem;width:60%;margin-right:20%;margin-left:20%}.thanks p{font-size:1.2rem}.thanks button{font-size:1.1rem;margin-top:1.7rem}.upbtn{width:4rem}.upbtn a .fa{font-size:3rem;margin-left:1rem}}


--------------------------------------------------------------------------------
/fonts/FF Quadraat Sans Pro Black Italic.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FF Quadraat Sans Pro Black Italic.woff


--------------------------------------------------------------------------------
/fonts/FF Quadraat Sans Pro Bold.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FF Quadraat Sans Pro Bold.otf


--------------------------------------------------------------------------------
/fonts/FFQuadraatSansPro-Bold.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FFQuadraatSansPro-Bold.eot


--------------------------------------------------------------------------------
/fonts/FFQuadraatSansPro-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FFQuadraatSansPro-Bold.ttf


--------------------------------------------------------------------------------
/fonts/FFQuadraatSansPro-Bold.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FFQuadraatSansPro-Bold.woff


--------------------------------------------------------------------------------
/fonts/FFQuadraatSansPro-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/FFQuadraatSansPro-Bold.woff2


--------------------------------------------------------------------------------
/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.eot


--------------------------------------------------------------------------------
/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.ttf


--------------------------------------------------------------------------------
/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff


--------------------------------------------------------------------------------
/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/fonts/Gcdymicrhvdxbhxnfbhpzcpighi.woff2


--------------------------------------------------------------------------------
/fonts/demo.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |     <meta name="robots" content="noindex, noarchive">
  8 |     <title>Transfonter demo</title>
  9 |     <link href="stylesheet.css" rel="stylesheet">
 10 |     <style>
 11 |         /*
 12 |         http://meyerweb.com/eric/tools/css/reset/
 13 |         v2.0 | 20110126
 14 |         License: none (public domain)
 15 |         */
 16 |         html, body, div, span, applet, object, iframe,
 17 |         h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 18 |         a, abbr, acronym, address, big, cite, code,
 19 |         del, dfn, em, img, ins, kbd, q, s, samp,
 20 |         small, strike, strong, sub, sup, tt, var,
 21 |         b, u, i, center,
 22 |         dl, dt, dd, ol, ul, li,
 23 |         fieldset, form, label, legend,
 24 |         table, caption, tbody, tfoot, thead, tr, th, td,
 25 |         article, aside, canvas, details, embed,
 26 |         figure, figcaption, footer, header, hgroup,
 27 |         menu, nav, output, ruby, section, summary,
 28 |         time, mark, audio, video {
 29 |             margin: 0;
 30 |             padding: 0;
 31 |             border: 0;
 32 |             font-size: 100%;
 33 |             font: inherit;
 34 |             vertical-align: baseline;
 35 |         }
 36 |         /* HTML5 display-role reset for older browsers */
 37 |         article, aside, details, figcaption, figure,
 38 |         footer, header, hgroup, menu, nav, section {
 39 |             display: block;
 40 |         }
 41 |         body {
 42 |             line-height: 1;
 43 |         }
 44 |         ol, ul {
 45 |             list-style: none;
 46 |         }
 47 |         blockquote, q {
 48 |             quotes: none;
 49 |         }
 50 |         blockquote:before, blockquote:after,
 51 |         q:before, q:after {
 52 |             content: '';
 53 |             content: none;
 54 |         }
 55 |         table {
 56 |             border-collapse: collapse;
 57 |             border-spacing: 0;
 58 |         }
 59 |         /* common styles */
 60 |         body {
 61 |             background: #f1f1f1;
 62 |             color: #000;
 63 |         }
 64 |         .page {
 65 |             background: #fff;
 66 |             width: 920px;
 67 |             margin: 0 auto;
 68 |             padding: 20px 20px 0 20px;
 69 |             overflow: hidden;
 70 |         }
 71 |         .font-container {
 72 |             overflow-x: auto;
 73 |             overflow-y: hidden;
 74 |             margin-bottom: 40px;
 75 |             line-height: 1.3;
 76 |             white-space: nowrap;
 77 |             padding-bottom: 5px;
 78 |         }
 79 |         h1 {
 80 |             position: relative;
 81 |             background: #444;
 82 |             font-size: 32px;
 83 |             color: #fff;
 84 |             padding: 10px 20px;
 85 |             margin: 0 -20px 12px -20px;
 86 |         }
 87 |         .letters {
 88 |             font-size: 25px;
 89 |             margin-bottom: 20px;
 90 |         }
 91 |         .s10:before {
 92 |             content: '10px';
 93 |         }
 94 |         .s11:before {
 95 |             content: '11px';
 96 |         }
 97 |         .s12:before {
 98 |             content: '12px';
 99 |         }
100 |         .s14:before {
101 |             content: '14px';
102 |         }
103 |         .s18:before {
104 |             content: '18px';
105 |         }
106 |         .s24:before {
107 |             content: '24px';
108 |         }
109 |         .s30:before {
110 |             content: '30px';
111 |         }
112 |         .s36:before {
113 |             content: '36px';
114 |         }
115 |         .s48:before {
116 |             content: '48px';
117 |         }
118 |         .s60:before {
119 |             content: '60px';
120 |         }
121 |         .s72:before {
122 |             content: '72px';
123 |         }
124 |         .s10:before, .s11:before, .s12:before, .s14:before,
125 |         .s18:before, .s24:before, .s30:before, .s36:before,
126 |         .s48:before, .s60:before, .s72:before {
127 |             font-family: Arial, sans-serif;
128 |             font-size: 10px;
129 |             font-weight: normal;
130 |             font-style: normal;
131 |             color: #999;
132 |             padding-right: 6px;
133 |         }
134 |         pre {
135 |             display: block;
136 |             position: relative;
137 |             padding: 9px;
138 |             margin: 0 0 10px;
139 |             font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important;
140 |             font-size: 13px;
141 |             line-height: 1.428571429;
142 |             color: #333;
143 |             font-weight: normal !important;
144 |             font-style: normal !important;
145 |             background-color: #f5f5f5;
146 |             border: 1px solid #ccc;
147 |             overflow-x: auto;
148 |             border-radius: 4px;
149 |         }
150 |         pre:after {
151 |             display: block;
152 |             position: absolute;
153 |             right: 0;
154 |             top: 0;
155 |             content: 'Usage';
156 |             line-height: 1;
157 |             padding: 5px 8px;
158 |             font-size: 12px;
159 |             color: #767676;
160 |             background-color: #fff;
161 |             border: 1px solid #ccc;
162 |             border-right: none;
163 |             border-top: none;
164 |             border-radius: 0 4px 0 4px;
165 |             z-index: 10;
166 |         }
167 |         /* responsive */
168 |         @media (max-width: 959px) {
169 |             .page {
170 |                 width: auto;
171 |                 margin: 0;
172 |             }
173 |         }
174 |     </style>
175 | </head>
176 | <body>
177 | <div class="page">
178 |     <div class="demo" style="font-family: 'FF Quadraat Sans Pro'; font-weight: bold; font-style: normal;">
179 |         <h1>FF Quadraat Sans Pro Bold</h1>
180 |         <pre>.your-style {
181 |     font-family: 'FF Quadraat Sans Pro';
182 |     font-weight: bold;
183 |     font-style: normal;
184 | }</pre>
185 |         <div class="font-container">
186 |             <p class="letters">
187 |                 абвгдеёжзийклмнопрстуфхцчшщъыьэюя<br>
188 | АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ<br>
189 | abcdefghijklmnopqrstuvwxyz<br>
190 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
191 |                 0123456789.:,;()*!?'@#<>$%&^+-=~
192 |             </p>
193 |             <p class="s10" style="font-size: 10px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
194 |             <p class="s11" style="font-size: 11px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
195 |             <p class="s12" style="font-size: 12px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
196 |             <p class="s14" style="font-size: 14px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
197 |             <p class="s18" style="font-size: 18px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
198 |             <p class="s24" style="font-size: 24px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
199 |             <p class="s30" style="font-size: 30px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
200 |             <p class="s36" style="font-size: 36px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
201 |             <p class="s48" style="font-size: 48px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
202 |             <p class="s60" style="font-size: 60px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
203 |             <p class="s72" style="font-size: 72px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
204 |         </div>
205 |     </div>
206 |     <div class="demo" style="font-family: 'Gcdymicrhvdxbhxnfbhpzcpighi'; font-weight: normal; font-style: italic;">
207 |         <h1>☞Gcdymicrhvdxbhxnfbhpzcpighi</h1>
208 |         <pre>.your-style {
209 |     font-family: 'Gcdymicrhvdxbhxnfbhpzcpighi';
210 |     font-weight: normal;
211 |     font-style: italic;
212 | }</pre>
213 |         <div class="font-container">
214 |             <p class="letters">
215 |                 абвгдеёжзийклмнопрстуфхцчшщъыьэюя<br>
216 | АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ<br>
217 | abcdefghijklmnopqrstuvwxyz<br>
218 | ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
219 |                 0123456789.:,;()*!?'@#<>$%&^+-=~
220 |             </p>
221 |             <p class="s10" style="font-size: 10px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
222 |             <p class="s11" style="font-size: 11px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
223 |             <p class="s12" style="font-size: 12px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
224 |             <p class="s14" style="font-size: 14px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
225 |             <p class="s18" style="font-size: 18px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
226 |             <p class="s24" style="font-size: 24px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
227 |             <p class="s30" style="font-size: 30px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
228 |             <p class="s36" style="font-size: 36px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
229 |             <p class="s48" style="font-size: 48px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
230 |             <p class="s60" style="font-size: 60px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
231 |             <p class="s72" style="font-size: 72px;">Съешь же ещё этих мягких французских булок, да выпей чаю.</p>
232 |         </div>
233 |     </div>
234 | </div>
235 | </body>
236 | </html>


--------------------------------------------------------------------------------
/fonts/stylesheet.css:
--------------------------------------------------------------------------------
 1 | 
 2 | @font-face {
 3 |     font-family: 'Gcdymicrhvdxbhxnfbhpzcpighi';
 4 |     src: url('Gcdymicrhvdxbhxnfbhpzcpighi.eot');
 5 |     src: url('Gcdymicrhvdxbhxnfbhpzcpighi.eot?#iefix') format('embedded-opentype'),
 6 |         url('Gcdymicrhvdxbhxnfbhpzcpighi.woff2') format('woff2'),
 7 |         url('Gcdymicrhvdxbhxnfbhpzcpighi.woff') format('woff'),
 8 |         url('Gcdymicrhvdxbhxnfbhpzcpighi.ttf') format('truetype'),
 9 |         url('Gcdymicrhvdxbhxnfbhpzcpighi.svg#Gcdymicrhvdxbhxnfbhpzcpighi') format('svg');
10 |     font-weight: normal;
11 |     font-style: italic;
12 | }
13 | 


--------------------------------------------------------------------------------
/icons/main-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/icons/main-logo.png


--------------------------------------------------------------------------------
/icons/main-logo.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="133" height="63" viewBox="0 0 133 63">
 2 |   <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
 3 | <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        ">
 4 |    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
 5 |       <rdf:Description rdf:about=""/>
 6 |    </rdf:RDF>
 7 | </x:xmpmeta>
 8 |                                                                                                     
 9 |                                                                                                     
10 |                                                                                                     
11 |                                                                                                     
12 |                                                                                                     
13 |                                                                                                     
14 |                                                                                                     
15 |                                                                                                     
16 |                                                                                                     
17 |                                                                                                     
18 |                                                                                                     
19 |                                                                                                     
20 |                                                                                                     
21 |                                                                                                     
22 |                                                                                                     
23 |                                                                                                     
24 |                                                                                                     
25 |                                                                                                     
26 |                                                                                                     
27 |                                                                                                     
28 |                            
29 | <?xpacket end="w"?></metadata>
30 | <image id="Векторный_смарт-объект" data-name="Векторный смарт-объект" width="133" height="63" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAAA/CAMAAAD5VfsdAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAxlBMVEUAAADnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyjnXyj////////////////////////////////////////////////////////////0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSb0lSYdnJEdnJH0lSYdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJEdnJHnXyj////0lSYdnJEAAAB2hZhQAAAAPXRSTlMAIGDvvzBAEK9wgM+f349QMHCvv+9QQJ8g3xBgj4DPQBBg3zDPcO+/jyCfgK9AMFCfUHC/IO8Qz4Dfj69gy4q8AgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfiAQMWDgegwfGYAAAGmElEQVRo3s1Y6VrbOhBVCGVLaW1L3i0nEJqwFEoJhKXEzvs/VWe0K0lzCf1K7vzBkWTN0ejMmTGELFmHbN92urPZ7qctg9iboXX3t4viQKCYHW4Xxa5EcfC/QNHdLoodiWJ2dNDDP73do60w9fNs0Y6PtpC7R7Nl+/LhOfNlBYpZ9+uHYuj0li5kF6w7+0h6fOr6CA63wc1FEP9FhyCMKBprmiZenk4YC9zfIU0zeClv/OH1IGZHayEUYd44Fi0vYP5oCqtYQfCtNTD2e5oJx29Q0JI1nulYZEmiQ4HDTuDEsoCI91j2p31lDTneIUY11gmF9c/gTirtuhKe5AXAY+7cTyN/x+Il+odtv7rSIBF99ldkvMaNeKFQsDSpF+4CQTRcPnN4TO0U/mxCvUY8iRAlhXsfSIruHiH9gf61UOG5PnyNh415Ca9T61TgdM+J68uF10WY6kYyBHcBljDHB2pmb5+cnLaIQjUaDj+L2rmDQI9SPztSOS9/YOgTO4dLpcNMUAPDVDaNhwIP39sfnrXtNzkgNPR4JQh9EDDmecrUdGKIEPsoqGUMrgo8XstQ9PZPRm071iMiY3ZWgrBc8NMgVLOhQRElJmzMoQkVF5uImDiXRo4BxHnbtqMLPSLUo+eHmtHcO+4CCg01tUzFAISazoZCmUlzTzm+zrqfLgFEe2XHDjEYe+ZYuDtsl0WOo8zLOQwwy/VQ4FwgX0Ch0hXi4SYICMThCYIYDZzBA6NcIoJNLl+JGiMEiYcCA8YrHZ6scYwWPgoVKB8EOd4dIoj20h0U6dqxxyrdcxQahZEE4bYQYcs0qKRIKiaJ5KNwI2o4MOucChR9b3hPteMSuNbBxBKDuzunclszGaqHQpCq9BQz9eklrbNzJUCMiG+Hs27HXEi4HkWmsi7XS22m4ilqB0WhQbgKjyZDMV5AQTpCPWViZB6KQm+vUaRKgBBypdfJycLQVLJYIOK5e0fD/pAQQU2wC7LKakcRlSoww1olOoXWg8qc2ToRcdB7CClnSrNkcR2Mwffp+VihOP3W7y+joJ7G1Va2qL1ace+BcsK079REr6byHqX+5XqlBHzZrrCz8ferKwcOdwkdO/nioIj0UcV8hppplANjXyoUtZOhVBOsXWOjoUs8VRAD5rAqtyhwx9rSBkMncRWcialKusQiypVMBHqrdSiskEpO55lpsWJ73wpFEDURbB7Emv+5mE0jLU9cLra9mA5yuR7FqeFqoXRfl5GKLKEA/zyqXbkktidEfHxJH9S+EIzzFc7H46urE5+lgddlGskzau3515pNdX7Ghi8LKAw0hHGmODo6X5UhizBYaEaZ5IKHMa/1lcnL0CxYaIZVMBpVngbQ4vVlEAbkz2b0LnXa55IKF+aToK7iTHKOiwhBW2zahwK+Q8qlbWPKTUXr+2S0dn3j4Cg553GxvEgeGhCoubrxe5e32kCg+LE0fjufX7/h9Yxzt5OO7YfBZjaSBfXnjTf6cz6f371rv/fZd4licusO3j8AiukHovimUMzvncFHAHH73h2VZZsQ5EKyc+J6fQIQc/eK4EvMb47gw8o8FpLrnFay2ZXNN7S5m2A+Uyis22sEMXGWlI33HUaEBIi6VKaoPwKRrtZcCmxqZPZNdiJ6HEDxqAamz4jCyRAAkavwcgpZS2xblTfoVhweywhTEpXQKk83AUEGI+z3XsDxkxz4hSCe7YLMEW7WpKgIZUMr1M4SRZjL7iuUWhFhJU+hRGRso2Bg4zm8Q9ev+FM8yUd1fqdHlBUKhjJQYBRFiAiVX/OyghBWAza4FbgSugmKAXSe59fa9w0m6fzBmacOJ8BjBLvzpgrFHwwTzNcQmBL7h5LUrIwaiAsUzY1QkB9QSIhwPn+8FX/05QiLnP9TUCAgnFMUjBjSQELCNcDQBOqFbPsgUGGzIQpUrr5yL+3BVaxQELFiEkVFsD6WGIQU3EE+csENzJMSb4liWXW7/w3u5PLaRXHrzmLXCh+hghwUclFU6SJD1sYAK+MNT0WZhy9xXBQUoh2nm6Igw1F7MXFQ3HuzRcpU70wyEASm/vmRUS7EIhYtVSH+6aS1LKNVsJlgoPXb704wHjd4MxB1VfazebzBi6vspP3xYlBM3rND5XQt77Z+f/poyHn/19u93+4fNIznt3Q4/8puns2lvHxkd7FgU5soD09bxHH3YFPl1+vWgEyfHBzzx5e76+1wZPr6OF+w560kzfT1ZaJDMvl1d/P3O/6F3f9z978B9IoCOoYGly8AAAAASUVORK5CYII="/>
31 | </svg>
32 | 


--------------------------------------------------------------------------------
/icons/wawe.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/icons/wawe.png


--------------------------------------------------------------------------------
/icons/wawe.svg:
--------------------------------------------------------------------------------
 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="15" viewBox="0 0 60 15">
 2 |   <metadata><?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
 3 | <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01        ">
 4 |    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
 5 |       <rdf:Description rdf:about=""/>
 6 |    </rdf:RDF>
 7 | </x:xmpmeta>
 8 |                                                                                                     
 9 |                                                                                                     
10 |                                                                                                     
11 |                                                                                                     
12 |                                                                                                     
13 |                                                                                                     
14 |                                                                                                     
15 |                                                                                                     
16 |                                                                                                     
17 |                                                                                                     
18 |                                                                                                     
19 |                                                                                                     
20 |                                                                                                     
21 |                                                                                                     
22 |                                                                                                     
23 |                                                                                                     
24 |                                                                                                     
25 |                                                                                                     
26 |                                                                                                     
27 |                                                                                                     
28 |                            
29 | <?xpacket end="w"?></metadata>
30 | <defs>
31 |     <style>
32 |       .cls-1 {
33 |         opacity: 0.5;
34 |       }
35 |     </style>
36 |   </defs>
37 |   <image id="Фигура_40" data-name="Фигура 40" class="cls-1" width="60" height="15" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAPCAQAAAASG2T6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfiAQMXDwQhEftUAAAAxUlEQVQ4y63VwQ2CMBiG4be0E+hJTxx0D7bAcTqOY7CDRi8emMAJCPXQEEpoocj/35o8eT9uKMfsKqBh/XY5E2EVZCR3Om3jrATajNzfbjo8sLWkgAuHB/bhy2EhKeLG4ZHdeXJOJoXcMByyjp5XIinm/PCUAYmkoNM2xgZ64hgkRZ22cebpO6ClrFPOD8+ZP0PNNXhLuUbbFugSLPzKpdxW96BRDqCgJ32GG5fF3DZX0INyZJyhRq3ktjhyh/3PJCOX7fgBpKCc5mxNRKoAAAAASUVORK5CYII="/>
38 | </svg>
39 | 


--------------------------------------------------------------------------------
/img/main-bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/img/main-bg.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<meta charset="UTF-8">
  5 |   <meta charset="utf-8">
  6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  8 | 	<title>Tour</title>
  9 | 
 10 |   <link rel="stylesheet" href="css/bootstrap.min.css">
 11 |   <link rel="stylesheet" href="css/animate.css">
 12 |   <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&amp;subset=cyrillic" rel="stylesheet">
 13 |   <link rel="stylesheet" href="css/style.css">
 14 | </head>
 15 | <body>
 16 | 	
 17 | 	<!-- Modals -->
 18 | <div class="modal">      
 19 |     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 20 |     <div class="modal_contact">
 21 |         <h3>Заполните форму и мы свяжемся с вами</h3>
 22 |         <div class="form">
 23 |             <form action="#" class="form-inline contactform_select">
 24 |             <div class="input-group">
 25 |                 <div class="input-group-addon"><i class="fa fa-user " aria-hidden="true"></i>
 26 |                 </div>
 27 |                 <input class="contactform_name form-control" type="text" placeholder="Ваше имя" required minlength="2" name="name">
 28 |             </div>            
 29 |             <div class="input-group">
 30 |                 <div class="input-group-addon contactform_phone"><i class="fa fa-phone" aria-hidden="true"></i></div>
 31 |                 <input class="contactform_phone form-control" type="text" placeholder="Телефон" required name="phone">
 32 |             </div>            
 33 |             <div class="input-group">
 34 |                 <div class="input-group-addon contactform_mail"><i class="fa fa-envelope" aria-hidden="true" ></i>
 35 |                 </div>
 36 |                 <input class="contactform_mail form-control" type="email" placeholder="E-mail"  required name="mail">
 37 |             </div>
 38 |             <textarea cols="30" rows="3" placeholder="Сообщение" name="message"></textarea>
 39 |             <div class="police center-block">
 40 |                 <div class="center-block text-center">
 41 |                     <input class="checkbox" type="checkbox" required>
 42 |                     <p class="text-center">Я согласен с политикой конфидециальности</p>
 43 |                 </div>
 44 |             </div>
 45 |             <button type="submit">отправить</button>
 46 |             </form>
 47 |         </div>
 48 |     </div>
 49 | </div>
 50 | 
 51 | <div class="thanks">
 52 |   <p>Спасибо за обращение!<br>Мы свяжемся с Вами в скором времени.</p>
 53 |   <button class="back">Вернуться на сайт</button>
 54 | </div>
 55 | <div class="overlay">
 56 | </div>
 57 |     <!-- content --> 
 58 |     <div class="main">
 59 | 
 60 |       <div class="container">
 61 |         <a id="up"></a>
 62 |         <div class="row">
 63 |           <div class="col-sm-2 col-sm-offset-0 col-xs-4 col-xs-offset-1 main_logo ">
 64 |             <img src="icons/main-logo.png" alt="logo">
 65 |           </div>
 66 |           <div class="col-sm-7 main_nav">
 67 |             <nav>
 68 |               <ul>
 69 |                 <li><a href="#about">методология</a></li>
 70 |                 <li><a href="#sheldure">расписания туров</a></li>
 71 |                 <li><a href="#include">что входит</a></li>
 72 |                 <li><a href="#hotels">отели</a></li>
 73 |                 <li><a href="#personal">тренера</a></li>
 74 |                 <li><a href="#steps">этапы</a></li>
 75 |               </ul>
 76 |             </nav>
 77 |           </div>
 78 |           <div class="col-sm-3 col-sm-offset-0 col-xs-5 col-xs-offset-2 main_tel text-center">
 79 |             <p class="main_tel_phone"><span>+7 (495) 539-24-42</span></p>
 80 |             <p class="main_tel_title">Звонок по России бесплатно</p>
 81 |           </div>
 82 |         </div>
 83 |         <h1 class="main_title text-center">Мы знаем как правильно отдохнуть душой и телом</h1>
 84 |         <img src="icons/wawe.png" class="main_wawe center-block" alt="wawe">
 85 |         <h2 class="text-center wow pulse" data-wow-duration="2s" data-wow-iteration="2">Все включено</h2>
 86 |         <div class="row">
 87 |           <div class="col-sm-offset-3 col-sm-3">
 88 |             <a href="#tour">
 89 |               <div id="choose" class="main_btna text-center">выбрать тур</div>
 90 |             </a>
 91 |           </div>
 92 |           <div class="col-sm-3">
 93 |             <div id="receive" class="main_btn text-center contact" ><span>получить</span> консультацию</div>
 94 |           </div>
 95 |         </div>
 96 |       </div>
 97 |     </div>
 98 | 
 99 |     <script src="js/script.js"></script>
100 | </body>
101 | </html>


--------------------------------------------------------------------------------
/js/script.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/dom-js-tutorial/9d4ba81eeccb65a4c4167f82bb33f6bcca1c4004/js/script.js


--------------------------------------------------------------------------------