/* ANTAB STUDIO 2016 */

/* General layout */

body
{
    margin: 0;
    padding: 0;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #cbcbcb;
    background-image: url('imgs/diagonal-bg.jpg');
}

.darker-bg
{
    background-color: rgba(42, 43, 50, 0.50);
}

.gradient-bg {
	 background: -moz-linear-gradient(top, rgba(21, 34, 36,0.3) 0%, rgba(58, 165, 187,0.3) 25%, rgba(0,153,255,0.3) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(21, 34, 36,0.3)), color-stop(25%, rgba(58, 165, 187,0.3)), color-stop(100%, rgba(0,153,255,0.3)));
	background: -webkit-linear-gradient(top, rgba(21, 34, 36,0.3) 0%, rgba(58, 165, 187,0.3) 25%, rgba(0,153,255,0.3) 100%);
	background: -o-linear-gradient(top, rgba(21, 34, 36,0.3) 0%, rgba(58, 165, 187,0.3) 25%, rgba(0,153,255,0.3) 100%);
	background: -ms-linear-gradient(top, rgba(21, 34, 36,0.3) 0%, rgba(58, 165, 187,0.3) 25%, rgba(0,153,255,0.3) 100%);
	background: linear-gradient(to bottom, rgba(21, 34, 36,0.3) 0%, rgba(58, 165, 187,0.3) 25%, rgba(0,153,255,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0084', endColorstr='#0099ff', GradientType=0 );
}

/* Layout Elements */

h1, h2, h3, h4, h5, h6
{
    font-family: 'Days One', sans-serif;
    margin: 0 0 1em 0;
    color: #f0f0f0;
}

.antab-custom-icon, .glyphicon
{
    margin-right: 0.5em;
}

/* FONTASTIC ICON SET */

@charset "UTF-8";

@font-face{
  font-family: "antabStudio";
  src:url("fonts/antabStudio/antabStudio.eot");
  src:url("fonts/antabStudio/antabStudio.eot?#iefix") format("embedded-opentype"),
    url("fonts/antabStudio/antabStudio.woff") format("woff"),
    url("fonts/antabStudio/antabStudio.ttf") format("truetype"),
    url("fonts/antabStudio/antabStudio.svg#antabStudio") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before
{
    font-family: "antabStudio" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before
{
    font-family: "antabStudio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.antabIcon
{
    font-family: 'antabStudio';
}

.icon-contact-me:before
{
    content: "\66";
}

.icon-gallery:before
{
    content: "\68";
}

.icon-games:before
{
    content: "\69";
}

.icon-info:before
{
    content: "\6a";
}

.icon-facebook:before
{
    content: "\61";
}

.icon-twitter:before
{
    content: "\62";
}

.icon-youtube:before
{
    content: "\63";
}

.icon-about-me:before
{
    content: "\64";
}

/* ----- */

h1
{
    font-size: 32px;
}

h2
{
    font-size: 26px;
}

h3
{
    font-size: 21px;
}

h4
{
    font-size: 18px;
}

h5, h6
{
    font-size: 16px;
}

ul
{
    margin-bottom: 0;
}

li
{
    list-style: none;
}

a:link, a:visited
{
    color: #f0f0f0;
    text-decoration: none;
}

a:hover
{
    color: #f0f0f0;
}

a.marked-link
{
    text-decoration: underline;
    color: #F0F0F0;
    font-weight: bold;
}

li.list-group-item
{
    background: transparent;
    border: none;
    display: inline-block;
}

.btn
{
    border-radius: 0;
    text-transform: uppercase;
    color: #f0f0f0;
    font-weight: bold;
    padding: 0.8em 1.2em;
    font-size: 1.5em;
    text-shadow: 0px 2px 2px rgba(9, 3, 14, 0.5);
    font-family: 'Days One', sans-serif;
    background-color: transparent;
    border: 1px solid #f0f0f0;
}

.btn:hover
{
    background-color: #3aa5bb;
    text-shadow: 0px 2px 2px rgba(9, 3, 14, 0.5);
    color: #fff;
}

.main-section-title
{
    text-align: center;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 21px;
    margin-bottom: 1.5em;
}

.section-icon
{
    width: 80px;
    height: 80px;
    margin: -89px auto 1.2em;
    line-height: 80px;
    color: #f0f0f0;
    text-align: center;
    z-index: 998;
    -webkit-clip-path: circle(38px at center);
    clip-path: circle(38px at center);
    position: relative;
    font-size: 24px;
    background-color: #7fc7dd;
}

.table
{
    margin-bottom: 0;
}

.table tbody tr td
{
    border: none;
    padding: 0.4em;
    vertical-align: middle;
}

/* JQuery Gallery */

.bx-wrapper .bx-pager
{
    bottom: -95px;
}

.bx-wrapper .bx-pager a
{
    border: solid #f0f0f0 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
}

.bx-wrapper .bx-pager a:hover,
  .bx-wrapper .bx-pager a.active
{
    border: solid #5280DD 1px;
}

.bx-wrapper
{
    margin-bottom: 100px;
}

.bx-viewport
{
    border: 0!important;
}

/* Index */

#site-index, #single-game-page
{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.full-width-padding
{
    padding: 1em 4em;
}

#site-index section
{
    padding-top: 3em;
    padding-bottom: 3em;
}

/* HEADER */

header
{
    width: 100%;
    position: fixed;
    z-index: 9999;
    background-color: rgba(42, 43, 50, 0.9);
}

header #main-nav-container
{
    text-align: right;
    padding-top: 0.2em;
}

/* Main Navigation */

#main-nav-container .nav-btn
{
    margin-left: 1.5em;
    text-transform: uppercase;
    background: transparent;
    border: 0;
    border-radius: 0;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    display: inline-block;
}

#main-nav-container .nav-btn a:link, #main-nav-container .nav-btn a:visited
{
    color: #7fc7dd;
}

#main-nav-container .nav-btn:hover
{
    color: #F0F0F0;
}

/* Main menu: dropdown */

#main-nav-container .dropdown-menu
{
    background: rgba(36, 33, 38,0.9);
}

#main-nav-container .dropdown-menu li a:hover, #main-nav-container .dropdown-menu li a:focus
{
    background: #000;
}

/* MAIN: Hero content */

#hero-content
{
    padding-top: 9em!important;
    padding-bottom: 4.5em!important;
}

div.page-header
{
    border-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

div.page-header p
{
    color: #cbcbcb;
    text-transform: none;
    font-size: 1.3em;
    margin-bottom: 1.5em;
}

/* MAIN: Games List */

#games-list
{
    text-align: center;
}

#games-list div.row
{
    margin-bottom: 2em;
}

.single-game-obj img
{
    width: 90%;
}

.single-game-obj p
{
    font-size: 1.3em;
}

.single-game-btn
{
    text-shadow: 0px 2px 2px rgba(9, 3, 14, 0.5);
    display: inline-block;
    width: 100%;
    min-height: 264px;
}

.single-game-btn:hover
{
    background: rga(36, 33, 38,0.8);
}

.single-game-btn h2
{
    text-transform: uppercase;
    margin-top: 0.8em;
    margin-bottom: 0.3em;
    font-size: 1.6em;
}

/* MAIN: About us */

#about-me
{
	margin-bottom: 2.5em;
}

#about-andrea
{
    font-size: 1.3em;
}

#about-andrea div.panel
{
    background-color: transparent;
    border-radius: 0!important;
    border: 1px solid #cbcbcb;
}

#about-andrea .panel-heading
{
    background-color: rgba(36, 33, 38, 0.5);
    border-bottom: 0;
}

#about-andrea .panel-heading a:hover
{
    background: rgba(36, 33, 38,0.8);
}

h4.panel-title
{
    text-transform: uppercase;
    color: #f0f0f0;
    font-size: 1em;
}

h4.panel-title a:link
{
    color: #f0f0f0;
}

#about-andrea .panel-body
{
    border-top: 0;
}

/* Contact us */

#contact-form
{
    text-align: center;
}

#contact-form h2, #about-me h2
{
    text-transform: uppercase;
    text-align: center;
}

#contact-form ul li
{
    display: inline-block;
    padding: 0 0.5em;
    margin-bottom: 1.5em;
}

#contact-form-container
{
    display: none;
}

/* ------ */

/* CONTACT FORM

form .checkbox
{
    overflow: hidden;
    clear: both;
    position: relative;
    text-align: left;
    margin-bottom: 20px;
}

form .form-group input
{
    background: transparent;
    border-radius: 0;
    border: 1px solid #f0f0f0;
    color: #f0f0f0;
}

form .form-group lable.control-label
{
    font-weight: bold;
    text-align: left;
}

form #form-left-inputs-container
{
    float: left;
    width: 47%;
}

form .form-group textarea
{
    background: transparent;
    border-radius: 0;
    width: 50%;
    min-height: 130px;
    float: right;
    border: 1px solid #f0f0f0;
    color: #f0f0f0;
}*/

/* FOOTER */

footer
{
    background-color: #2a2b32;
}

footer a:link, footer a:visited
{
    font-weight: bold;
    text-transform: uppercase;
}

#footer-social-menu li.list-group-item
{
    padding-top: 1em;
}

#footer-social-menu li.list-group-item a:link, #footer-social-menu li.list-group-item a:visited
{
    color: #7fc7dd;
}

#direct-email
{
    text-align: right;
    padding-top: 1em;
}

/* --------------------- */

/* PAGINE INTERNE */

/* --------------------- */

/* Single Game */

#single-game-page section
{
    padding-top: 3.5em;
    padding-bottom: 3.5em;
}

.single-game-feature
{
    background-image: url('imgs/game-features03.png');
    background-repeat: no-repeat;
    padding-left: 70px;
    height: 50px;
}

.single-game-feature p
{
    margin: 0;
}

.device
{
    background-position: left bottom;
}

.players
{
    background-position: 0 -149px;
}

/* Top container */

#game-specs
{
    margin-bottom: 2.5em;
    font-size: 1.3em;
}

#game-specs h5
{
    margin-bottom: 10px;
}

#game-main-title
{
    font-size: 46px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    padding-bottom: 0;
}

#top-page-section
{
    padding-top: 9em!important;
    margin-bottom: 25px;
}

/* Descrizione */

#game-description
{
    text-align: center;
    font-size: 1.3em;
}

h2.single-game-subtitle
{
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
}

.top-description
{
    margin-bottom: 1em;
    padding-top: 0;
}

#game-description .single-feature-description
{
    font-weight: bold;
    margin-top: 0.8em;
    font-size: 1em;
    color: #fff;
    vertical-align: middle;
}

/* Fix per impaginato a due colonne */

#game-description div.col-md-6 .single-feature-description
{
    text-align: left;
}

.jackpot-stadium-feature
{
    line-height: 44px;
}

/* Fix per impaginare descrizione di Gridd 2 */

#gridd-2-desc
{
    text-align: left;
    margin-top: 0;
}

#gridd-2-desc h4
{
    text-transform: uppercase;
    margin-top: 25px;
}

/* Gallery & download */

.download-box
{
    border: 1px solid #f0f0f0;
    padding: 4.2em 2em;
    background: rgba(0,0,0,0.4);
    text-align: center;
    font-size: 1.3em;
}

.download-box h3
{
    font-size: 1.5em;
}

/* --------------------- */

/* PRIVACY POLICY */

/* --------------------- */

#privacy-policy
{
    padding-top: 9em!important;
}

#privacy-policy h1
{
    text-align: center;
    text-transform: uppercase;
}