/* ==== DEFAULTS ==== */

/*@font-face {
font-family: ‘ArmWrestler’;
src:url(http://www.iambreadgame.com/wp-content/themes/iambread/css/fonts/ArmWrestler.ttf);
font-weight:400;
}*/

body { font-family:'Open Sans', Trebuchet, Verdana, Helvetica; }
html { }
.container { width:100%; max-width:1400px; }
.section { padding:30px; background:#fff; }

.button a, button.button, .hero-button span{ display:inline-block; color:#fff; font-size:30px; background:#46979f; padding:15px 50px; border:1px solid #72c8d1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.button a:hover, button.button:hover, .hero-button span:hover{ cursor:pointer; background:#3f8c94; text-decoration:none; }

a.download-btn{ display:inline-block; margin:10px 0 10px; color:#fff; font-size:14px; background:#46979f; padding:5px 10px; border:1px solid #72c8d1; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a.download-btn:hover{ cursor:pointer; background:#3f8c94; text-decoration:none; }

.fb-share-button{ display:inline-block; margin:0 0 10px; }
.twitter-share-button{ display:inline-block; }

.animated { -webkit-animation-delay: 1s; }
.dashed-divider { border-top:1px #ACACAC dashed; width:100%; clear:both; margin:30px 0 10px;}

/* fonts */ 

h1 { font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; font-size:80px; font-weight:700; margin:0 0 20px; line-height:85px;}
h2 { font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; font-size:60px; font-weight:700; line-height:60px; margin:20px 0 30px; }
h3 { font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; font-size:45px; font-weight:700; line-height:50px; margin:20px 0 30px;}
h4 { font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; font-size:36px; font-weight:700; color:#cb392b; line-height:36px;  margin:10px 0 20px 0; } 
h4 a { color:#cb392b;}
h4 a:hover { color:#811c13; text-decoration:none; }
h5 {}
h6 {}

.red-bg h4{ margin:10px 0; }
.red-bg h4 a{ color:#e8eb04; padding:10px 40px; }
.red-bg h4 a:hover{ background:#46979f; }

a { text-decoration:none; color:#46979f;  }
a:hover { text-decoration:none; }
p { font-size:16px; line-height:22px; margin:0 0 20px; }
.large-p { font-size:18px; line-height:26px; }
.small-p { font-size:14px; line-height:18px; }

.aligncenter, img.aligncenter { display:block; text-align:center; margin:0 auto; }
.alignleft { text-align:left; }
.align-right { text-align:right; }

ul { margin:0; }
.page-wrapper ul { margin:0 0 30px 40px; font-size:16px; }
.page-wrapper ul li { margin:0 0 10px;}

.content-block-content ul, .content-block ul{ font-size:16px; margin:20px 0 20px 25px; }

/* colours */

.red { color:#ae3226; }
.blue { color:#46979f; }
.yellow { color:#e8eb04; }

.light-grey-bg { background:#efefef; }
.blue-bg { background:#46979f; color:#fff; }
.red-bg { background:#ae3226; color:#fff; }
.white-bg { background:#fff; }

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

#header {  height:200px; position:absolute; z-index:1000; width:100%; }
#logo { max-width:130px; margin:20px 30px 0 10px; float:left; }
#buynow { max-width:140px; float:left; margin:15px 0 0 0; -webkit-animation-iteration-count: infinite; }
#buynow span{ display:block; background:url('../img/buynow.png') no-repeat; height:155px; width:155px; cursor:pointer; }
#buynow span:hover{ background-position:-159px 0; }
#header-social { color:#fff; font-size:22px; float:right; padding:15px 0 0; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica;  }
.social-link { font-size:16px; width:22px; height:20px; padding:4px 2px; text-align:center; background:#e8e8e8; margin:-3px 10px 0 0; display:inline-block; vertical-align:top; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border-radius:30px; }
.social-link.facebook { padding:4px 2px 6px; height:18px; }
a.youtube { color:#ff2828; background:#fff;  }
a.twitter { color:#0dc2ef; background:#fff; }
a.facebook { color:#255ca7; background:#fff; }
a.youtube:hover, a.twitter:hover, a.facebook:hover { color:#fff; text-decoration:none; }
a.youtube:hover { color:#c41e19; }
a.twitter:hover { color:#15b0e0; }
a.facebook:hover { color:#1b4b8b; }
#nav-bg { height:62px; position:absolute; z-index:0; top:50px; left:50%; overflow:hidden; width:50%; }
#nav-bg img { height:62px; width:1500px; max-width:1500px;}
#header-nav { display:block; position:absolute; left:50%; top:50px; }
.social-link.bossa-link { width:130px; color:#000; font-family:'open sans', Trebuchet; font-size:11px; background:#fff; }
.bossa-link img { width:25px; padding:2px 0 10px 5px; margin:0 7px 0 0; }

.modal-body{ max-height:600px; }

/* ==== CONTENT BLOCKS ==== */

/* hero block */

.hero-block { text-align:center; width:100%;}
.hero-slider { overflow:hidden; }
.hero-image {  margin-top:-75px; }
.hero-block img { width:100%; }
.hero-content { margin:-320px 0 30px; text-align:center; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica;  }
.hero-text { font-size:64px; color:#fff; text-align:center;padding:0 20px; text-shadow:rgba(0,0,0,.8) 0 0 5px; }

.hero-button a, .hero-button span { margin:60px auto 0; background:#ae3226; color:#e8eb04; border:0; font-size:45px; padding:25px 50px; height:auto;}
.hero-nav { clear:both; text-align:center; position:relative !important; bottom:0 !important; }
.hero-nav .prev, .hero-nav .next { margin:10px 100px; position:relative; z-index:499; }
.flex-control-nav { position:relative !important; bottom:40px !important; z-index:490;}
.flex-control-paging li a { background:#f5f5f5 !important;}
.flex-control-paging li a.flex-active { background:#e8eb04 !important;  }
.progress_bar_container { height:8px; width: 100%; background:#efefef; margin:0 0 0; }
.progress_bar { background: #46979f; height:8px; width: 0;}

.video-container { position: relative; padding-bottom: 58.25%; height: 0; overflow: hidden; z-index:0;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#hero-scroll{ max-width:60px; position:absolute; left:20px; margin:-90px 0 0; z-index:88888; }
.page-id-14 .hero-button, .page-id-14 .hero-nav, .page-id-901 .hero-button, .page-id-901 .hero-nav, .page-id-897 .hero-button, .page-id-897 .hero-nav, .page-id-14 .hero-content, .page-id-901 .hero-content, .page-id-897 .hero-content { opacity:0; }
.page-id-14 .hero-image, .page-id-901 .hero-image, .page-id-897 .hero-image { margin-top:0; }
.page-id-14 .hero-content, .page-id-901 .hero-content, .page-id-897 .hero-content{ margin-top:-200px; }
.page-id-14 #hero-scroll, .page-id-901 #hero-scroll, .page-id-897 #hero-scroll{ margin-top:-130px; }

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* content block */

.content-block { text-align:left; }
.buy-block { text-align:center; }
.content-button, .content-button a { margin:0 auto; display:inline-block; border:0; font-size:45px; padding:20px 60px; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica;}

.page-id-916 .light-grey-bg{ padding:0 30px; background:url('../img/burst.jpg') no-repeat top center; }
.page-id-916 .light-grey-bg p{ margin:0; }

/* article block */

.article-block { text-align:center; }
.article-block p { font-size:14px; line-height:18px; }
.article-container { display:inline-block; width:29%;  margin:0 2% 0; vertical-align:top;}
.article-panel { background:#fff; border-bottom:solid 5px #46979f; box-shadow:0 0 4px rgba(0,0,0,.40); min-height:480px; }
.article-image { margin:0 0 10px; padding:5px; }
.article-text-container { padding:0 20px; }
.article-text-container h4 { margin: 0 0 2px; }
.article-date { color:#a5a5a5; font-size:11px; text-transform:uppercase; }
.article-author { color:#a5a5a5; font-size:11px; text-transform:uppercase; }
.article-excerpt { margin:20px 0 40px; }
.article-more, .gallery-arrow { background:#ae3226; opacity:0.5; width:23px; height:29px; overflow:hidden;  padding:8px 0 0 13px; border-radius:30px; margin:-20px auto 0; position:relative; z-index:999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.article-more img, .gallery-arrow img { max-width:10px; display:block; text-align:center; }
.article-more:hover, .gallery-arrow:hover { opacity:1; }

/* - facebook panel - */
.twtr-doc, .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
.stream { height:600px !important; }
.social-panel-logo { width:100%; text-align:center; padding:10px 0; border-bottom:solid 1px #d8dfea; }
.social-panel-logo img { width:100%; max-width:150px; }
.facebook-panel { border-bottom:solid 5px #3b5997; }
.twitter-panel { border-bottom:solid 5px #33ccff; }

/* gallery block */

.gallery-block-container { max-width:1400px; width:90%; margin:20px auto 0; overflow: hidden; }
.carousel { margin:0; padding:0 0 70px; width:100%; overflow: hidden; }
ul.slides { text-align:center; }
ul.slides li { display:inline-block; padding:0 10px; }
.slider-nav { text-align:center; margin-bottom:-220px; padding:200px 0 0; }
.gallery-arrow { margin:0 10px 0; display:inline-block; }
.flex-direction-nav { display:none; }
.gallery-block{ padding-top:0; }

/* signup block */

.register-form { margin:30px 0 20px 0; }
.register-form input[type=email] { width:90%; max-width:400px; border-radius:30px; height:32px; padding-left:20px; font-size:18px; }
.register-form input[type=submit] { border:2px solid #fff; width:40px; height:40px; border-radius:40px; margin:-10px 0 0 -45px; background:url(../img/tick.png) center center no-repeat #46979f; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.register-form input[type=submit]:hover { background-color:#3f8c94; }
.social .social-link { font-size:40px; width:60px; height:55px; padding:15px 5px 0; border-radius:60px;margin:0 10px; }

/* faq block */

.faq { text-align:center; font-size:24px; line-height:28px; margin:0 0 15px; padding:0 0 10px; background:#fff; border-bottom:solid 5px #efefef; box-shadow:0 0 4px rgba(0,0,0,.40); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.faq-container { margin:40px 0 0; }
.faq:hover { border-bottom:solid 5px #46979f;  }
.faq-question { margin:15px 0 0; padding:10px 0 0; cursor:pointer; }
.faq-question:hover {}
.faq-answer { font-size:16px; line-height:18px; padding:20px 20px 15px; display:none; line-height:22px; }

/* media block */

.media-container { display:inline-block; width:29%;  margin:0 2% 0; vertical-align:top;}
.media-panel { background:#fff; box-shadow:0 0 4px rgba(0,0,0,.40); margin:0 0 40px;  }
.media-title { position:absolute; width:96%; padding:3px 2%; background:rgba(0,0,0,.8); bottom:0; z-index:999; color:#fff; }

/* ==== VIDEO PAGE ==== */

.page-wrapper { position:relative; z-index:900; }
.content-hero-block { height:500px;  z-index:20;  }
.page-title { text-align:center; }
.page-title h1 { text-align:center; }

video { width:100%; height:auto; }

.video-page-block { background:#fff; text-align:center; }
.video-page-youtube { font-size:60px; float:left; margin:-90px 0 0 30px; color:#ae3226; }
.video-page-block .page-title {}
.video-text-container { padding:0 10px; }
.video-panel-container { display:inline-block; width:45%;  margin:20px 2% 0; vertical-align:top;}
.video-panel { background:#fff; border-bottom:solid 5px #ae3226; box-shadow:0 0 4px rgba(0,0,0,.40); vertical-align:top; margin:0 0 20px; }

/* ==== GALLERY PAGE ==== */

.gallery-container { display:inline-block; width:29%;  margin:20px 2% 0; vertical-align:top; position:relative; }
.gallery-image { margin:0; padding:5px;}
.gallery-image img { width:100%; }
.gallery-panel { background:#fff; box-shadow:0 0 4px rgba(0,0,0,.40); vertical-align:top; margin:0 2% 0; width:96%; }
.fancaption { position:absolute; bottom:0; z-index:1000; background:rgba(0,0,0,.70); color:#fff; display:block; margin:0 0 5px; }
.fancaption-text { padding:3px 10px; }
/* ==== BLOG PAGE ==== */

.small-hero-block { height:330px; }

.blog-container { display:inline-block; width:45%;  margin:20px 2% 20px; vertical-align:top;}
.blog-panel { background:#fff; border-bottom:solid 5px #46979f; box-shadow:0 0 4px rgba(0,0,0,.40); min-height:480px;  }
.side-panel { background:#fff; border-bottom:solid 5px #46979f; box-shadow:0 0 4px rgba(0,0,0,.40);  margin:20px 0 0; }
.sidebar { padding:10px 20px; }
.side-panel ul { list-style:none; padding:0; margin:0; } 
.side-panel ul li { display:block; margin:0 0 10px; }
.side-panel .recent-posts ul li a { display:block; }
.blog-text { padding:20px 0 0; }
.blog-date, .blog-date a, .blog-author, .blog-autor a { color:#fff; }

.older-posts a, .newer-posts a { font-size:30px; font-weight:700; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; border:none; }
.older-posts { margin:0 0 0 20px; }
.newer-posts { margin:0 20px 0 0; floaT:right;}

a.steam-discussion { display:inline-block; margin:20px 0; background:#171a21; color:#fff; padding:25px 50px; font-size:30px; font-weight:700; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a.steam-discussion:hover { background:#000; }
.steam-icon { margin:0 20px 0 0; }

ol.commentlist { list-style:none; margin:20px 0 !important; }
li.comment { display:block;  margin-left:0;}
.comment-body { padding:20px 0; border-top:1px #ACACAC dashed; }
.comment-author { margin-bottom:20px; font-size:18px; }
.comment-author .fn { font-weight:700; }
.comment-author img { width:60px; border-radius:30px; margin:0 20px 0 0;}
ol.commentlist ul.children { margin-left:100px; }
#respond { margin-top:20px; border-top:1px #ACACAC dashed; padding-top:20px; }
#respond  form { margin-top:20px; }
#respond input, #respond textarea, .search-submit { width:96%; max-width:500px; padding:5px 2%; margin:5px 0 14px; }
#respond input#submit, .search-submit { width:200px; background:#4a9bca; color:#fff;  border:0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#respond input#submit:hover, .search-submit { background:#3785b2; } 
#respond p { margin:0; }

/* ==== BUY ==== */
.buy-box{ padding:10px 20px 20px; border:1px solid #cb392b; margin:0 0 20px; }
.buy-box a{ color:#111; font-size:17px; }
.buy-flag img{ max-width:70px; margin:0 10px 0 0; }

/* ==== FOOTER ==== */

.footer { text-align:center; }
#footer-logo { margin:0 0 30px; }
#footer-text { font-size:11px; padding:0 20px; }

/* ==== NAV ==== */

.fix-nav #nav{ max-width:940px; margin:0 auto; }
#nav ul{ padding:10px 0 0 100px; margin:0; list-style:none; font-family:'Amatic SC', Trebuchet, Verdana, Helvetica; }
#nav ul li { float:left; padding:0; margin:0; cursor:pointer; }
#nav ul li a, #nav ul li span{ display:block; color:#fff; text-transform:uppercase; text-decoration:none; height:35px; padding:16px 14px 0; font-size:20px; font-weight:700; }
#nav ul li.current_page_item a, #nav ul li.current_page_ancestor a, #nav ul li.current-menu-ancestor a, #nav ul li.current-menu-parent a{ color:#fff; }
#nav ul li a:hover, #nav ul li span:hover{ background:#8b1c12; color:#fff; }
#nav ul li:hover a{ background:#8b1c12; color:#fff; }

#nav ul li .sub-menu{ display:none; position:absolute; padding:10px 0 0; z-index:6000; background:#8b1c12; }
#nav ul li:hover .sub-menu{ display:block; }
#nav ul li .sub-menu li{ float:none; }
#nav ul li .sub-menu li a{ border-top:none; color:#fff; padding:14px 70px 14px 10px; margin:0; height:auto; font-size:20px; }
#nav ul li .sub-menu li a:hover{ background:#368289; }

#nav ul li.current_page_item a:hover, #nav ul li.current_page_parent a:hover{ color:#fff; }

#top-nav-hh-control{ display:none; background:url('../img/hh-nav-control.png') no-repeat center ; text-align:center; height:30px; width:100%; float:left; margin:8px 0; text-indent:40px; text-transform:uppercase; font-size:16px; line-height:34px; color:#fff; cursor:pointer; }

#header-nav.fix-nav{ position:fixed; top:0; width:100%; margin:0; max-width:100%; left:0; z-index:60000; }
#header-nav-fill{ height:47px; }

#touchView{ display:none; }

.toastcanvas{  }
#makeToast label.cabinet, #saveImage
{
    width:478px;
    height: 89px;
    background: url('../img/btn-select-photo.png') 0 0 no-repeat;
	background-size:100%;
    display: block;
    overflow: hidden;
    cursor: pointer;
	border:none;
}

#saveImage{ background: url('../img/btn-make-toast.png') 0 0 no-repeat; background-size:100%; }

#makeToast label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/*
*
* SUPPORT
*
*/

.support-title {
	margin: 0;
	text-align: center;
}

.support-area {
	background: #fff;
}

.support-instructions {
	padding: 40px 0;
}

.support-form-area {
	background: #ae3226;
	padding: 40px 0;
	color: #fff;
}

.support-form-area h2 {
	text-align: center;
}

.support-form {
	background: #fff;
	max-width: 600px;
	padding: 20px;
	border-bottom: solid 5px #efefef;
	box-shadow: 0 0 4px rgba(0,0,0,.40);
	margin: 0 auto;
	color: #333;
}

.support-form-row:not(:last-child) {
	margin: 0 0 20px;
}

.support-form-row label {
	display: block;
	margin: 0 0 10px;
	font-size: 16px;
}

.support-form-row input[type="text"],
.support-form-row select,
.support-form-row textarea {
	width: 100%;
    box-sizing: border-box;
    height: 36px;
    padding: 5px;
    font-size: 16px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #efefef;
    box-shadow: 0 0 4px rgba(0,0,0,.40);
    color: #2d2d2d;
    letter-spacing: 1px;
    font-weight: 100;
}

.support-form-row input[type="text"],
.support-form-row textarea {
	padding: 4px 8px;
}

.support-form-row textarea {
	height: 150px;
	resize: none;
}

.support-form-row .button {
    cursor: pointer;
    background: #46979f;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 9px 15px;
    line-height: 14px;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.support-form-row .required {
	vertical-align: middle;
	font-size: 12px;
}

.support-form-row .button:hover {
	background: #005580;
}


.support-attachment-button { display: inline; }
.support-attachment-input { display:none; }
.support-attachment-text {  }

.support-form-area > .container > .error,
.support-form-area > .container > .message {
	background: #6a0c0f;
	max-width: 600px;
	padding: 10px;
	margin: 0 auto 20px;
	text-align: center;
}

.support-form .error,
.support-form .message {
	background: #c0262c;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.support-form .error {
	display: none;
}

.support-form .message {
	display: block;
}

.support-form-help {
	font-size: 11px;
}

.border-red, input[type="text"].border-red, select.border-red, textarea.border-red {
	border-color: #ff0000;
}