@import "fonts.css";
* {margin: 0; padding: 0;}
body {font-family: 'DINPro-Regular', sans-serif; background: url(../images/background.jpg) repeat;}
a, a:active, a:focus, a:visited, a:link {outline: none; border: none; color: #4a99d9;}
.container {width: 100%; min-width: 950px; max-width: 1200px; box-sizing: border-box; padding: 0 2%; margin: 0 auto 0 auto;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
/* header */
#header {display: inline-block; float: left; width: 100%; padding: 25px 0;}
/* logo */
#header .logo {display: inline-block; float: left; width: 240px;}
/* phone */
#header .phone {display: inline-block; float: right; margin: 28px 0 0 0;}
#header .phone ul {list-style: none;}
#header .phone ul li {display: inline-block; float: left; margin: 0 30px 0 0;}
#header .phone ul li:last-child {margin: 0;}
#header .phone ul li a {display: inline-block; float: left; font-family: 'Roboto Slab', serif; font-size: 16px; color: #333333; font-weight: 700; text-decoration: none;}
#header .phone ul li a.lifecell {background: url(../images/lifecell.png) no-repeat center left; padding-left: 27px;}
#header .phone ul li a.kyivstar {background: url(../images/kyivstar.png) no-repeat center left; padding-left: 27px;}
#header .phone ul li a.vodafone {background: url(../images/vodafone.png) no-repeat center left; padding-left: 27px;}
#header .phone ul li a.stationary {background: url(../images/stationary.png) no-repeat center left; padding-left: 27px;}
#header .phone ul li a.viber-telegram {background: url(../images/viber.png) no-repeat center left, url(../images/telegram.png) no-repeat center right; padding-left: 30px; padding-right: 30px;}
/* content */
#content {display: inline-block; float: left; width: 100%; margin: 130px 0 0 0;}
#content .job-shop {display: inline-block; float: left; width: 100%; font-family: 'Panton-Regular', sans-serif; font-size: 25px; font-weight: 500; color: #444444; text-transform: uppercase; text-align: center;}
#content h1 {display: inline-block; float: left; width: 100%; font-family: 'DINPro-Bold', sans-serif; font-size: 40px; font-weight: 700; color: #444444; text-align: center; margin: 50px 0;}
#content .btn-go-to-website {display: inline-block; float: left; width: 100%; text-align: center;}
#content .btn-go-to-website a {display: inline-block; width: 330px; height: 56px; line-height: 56px; font-family: 'Panton-Regular', sans-serif; font-size: 20px; color: #fff; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; background: #5cbe4f; border: 2px solid #f9f9f9; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#content .btn-go-to-website a:hover {background: #53b247;}
#footer {display: inline-block; float: left; width: 100%; margin: 100px 0 50px 0;}
#footer .count-shop {display: inline-block; float: left; width: 100%; font-family: 'Panton-Regular', sans-serif; font-size: 25px; font-weight: 500; color: #444444; text-align: center; margin: 0 0 25px 0;}
#footer .btn-sel-shop {display: inline-block; float: left; width: 100%; text-align: center;}
#footer .btn-sel-shop a {display: inline-block; width: 330px; height: 56px; line-height: 56px; font-family: 'Panton-Regular', sans-serif; font-size: 20px; color: #fff; font-weight: 700; text-decoration: none; text-transform: uppercase; text-align: center; background: #0063a3; border: 2px solid #f9f9f9; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
#footer .btn-sel-shop a:hover {background: #015c96;}
/* reset style form apple */
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}