/*========================================
    FONTS
========================================*/

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/subset-GothamPro.woff2') format('woff2'), url('../fonts/subset-GothamPro.woff') format('woff'), url('../fonts/subset-GothamPro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/subset-GothamPro-Bold.woff2') format('woff2'), url('../fonts/subset-GothamPro-Bold.woff') format('woff'), url('../fonts/subset-GothamPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/*========================================
    GLOBAL STYLES
========================================*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  outline: none !important;
}

html {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: 'Gotham Pro';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  background: url('../img/bg.png') center top repeat-y;
  background-size: cover;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

input {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin: 0;
}

/*.container {
  .wrapper();
  .xl(width, @container-xl);
  .lg(width, @container-lg);
  .md(width, @container-md);
  .im(width, @container-im);
  .sm(width, @container-sm);
  .xs(width, @container-xs);
  .xxs(width, @container-xxs);
}*/

/*========================================
    HEADER
========================================*/

.header {
  margin-bottom: 65px;
  padding-top: 30px;
}

.title {
  margin: 0 0 15px;
  color: #FF5300;
  font-size: 42px;
  font-weight: bold;
  line-height: 50px;
}

.subtitle {
  margin: 0;
  color: #FF5300;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}

.txt {
  margin: 10px 0 20px;
  color: #0E4079;
  font-size: 15px;
  line-height: 22px;
}

.tel {
  display: inline-block;
  margin-bottom: 20px;
  color: #0E4079;
  font-size: 24px;
}

.email {
  display: inline-block;
  color: #0E4079;
  font-size: 24px;
  text-decoration: underline;
}

.email:hover {
  text-decoration: underline;
}

.logo {
  text-align: center;
}

/*========================================
    BANNER
========================================*/

.banner {
  height: 280px;
  margin-bottom: 30px;
}

.banner .container img {
  width: 100%;
}

/*========================================
    LINKS
========================================*/

.links {
  margin-bottom: 40px;
}

.links .row {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.links__item {
  display: block;
  height: 100%;
  padding-bottom: 40px;
  padding-top: 45px;
  padding-left: 5px;
}

.links__item--sindbad {
  background: url('../img/sindbad_logo.png') left top no-repeat;
}

.links__item--orange {
  background: url('../img/3-oranges_logo.png') left top no-repeat;
}

.links__item--mama {
  background: url('../img/mamadoma_logo.png') left top no-repeat;
}

.links__item--skobar {
  background: url('../img/skobar.png') left top no-repeat;
  background-size: 200px;
    background-position-x: 20px;
}
.links__item--mahjong {
  background: url('../img/mahjong.png') left top no-repeat;
  background-size: 200px;
    background-position-x: 20px;
}

.links__inner {
  height: 100%;
  padding: 210px 20px 20px 20px;
}

.links__inner--border {
  position: relative;
}



@media only screen and (max-width: 767px) {
  .title {
    text-align: center;
  }

  .subtitle {
    text-align: center;
  }

  .logo {
    margin-bottom: 30px;
  }

  .banner {
    display: none;
  }

  .links__item {
    padding: 0;
  }

  .links__item--sindbad {
    background-position: center top;
    background-size: 200px;
  }

  .links__item--orange {
    background-position: center top;
    background-size: 230px;
  }

  .links__item--mama {
    background-position: center top;
    background-size: 230px;
  }

  .links__inner {
    padding-left: 0;
    padding-right: 0;
  }

  .links__inner--border {
    border: none;
  }

  .links__inner--border::after {
    display: none;
  }

  .links__inner--border::before {
    display: none;
  }
}

@media only screen and (max-width: 380px) {
  .title {
    font-size: 36px;
  }
}