| @media screen and (min-width: 1200px) { | 
|     .cool-container { | 
|         width: 1170px; | 
|     } | 
| } | 
| @media screen and (min-width: 992px) { | 
|     .cool-container { | 
|         width: 970px; | 
|     } | 
| } | 
|   | 
| @media screen and (min-width: 768px) { | 
|     .cool-container { | 
|         width: 750px; | 
|     } | 
| } | 
| .clearfix:after { | 
|     clear: both; | 
| } | 
| .cool-row-3{ | 
|     width: 33% !important | 
| } | 
|   | 
| .cool-container{ | 
|     position: relative; | 
|     height: 400px; | 
|     z-index: 10; | 
|     top: 20%; | 
|     padding-right: 15px; | 
|     padding-left: 15px; | 
|     margin-right: auto; | 
|     margin-left: auto; | 
| } | 
| .cool-center{ | 
|     text-align: center; | 
|      | 
| } | 
| .cool-input{ | 
|     display: inline-block; | 
|     width: 100%; | 
|     height: 32px; | 
|     line-height: 1.5; | 
|     padding: 4px 7px; | 
|     font-size: 12px; | 
|     border: 1px solid #dddee1; | 
|     border-radius: 4px; | 
|     color: #495060; | 
|     background-color: #fff; | 
|     background-image: none; | 
|     position: relative; | 
|     cursor: text; | 
|     transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out; | 
| } | 
| .cool-button-default{ | 
|     display: inline-block; | 
|     margin-bottom: 0; | 
|     font-weight: 400; | 
|     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; | 
|     line-height: 1.5; | 
|     -webkit-user-select: none; | 
|     -moz-user-select: none; | 
|     -ms-user-select: none; | 
|     user-select: none; | 
|     padding: 6px 15px; | 
|     font-size: 12px; | 
|     border-radius: 4px; | 
|     transition: color .2s linear,background-color .2s linear,border .2s linear; | 
|     color: #495060; | 
|     background-color: #f7f7f7; | 
|     border-color: #dddee1; | 
| } | 
| .cool-button-default:hover{ | 
|     color: #57a3f3; | 
|     background-color: #fff; | 
|     border-color: #57a3f3; | 
| } |