/*
Theme Name: Odihost for PlayTheBible
Theme URI: odihost.com
Author: Odihost Team
Author URI: odihost.com
Description: This theme just for our client
Version: 1.0
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*body*/

@font-face {
    font-family: myFirstFont;
    src: url(font/ERAS.TTF);
}
@font-face {
    font-family: boldfont;
    src: url(font/bold.ttf);
}
@font-face {
    font-family: myriadbold;
    src: url(font/MYRIADPRO-BOLD.OTF);
}
@font-face {
    font-family: myriad;
    src: url(font/MYRIADPRO-REGULAR.OTF);
}
@font-face {
    font-family: myriadLight;
    src: url(font/MyriadPro-Light.otf);
}
@font-face {
    font-family: LithosPro-Bold;
    src: url(font/LithosPro-Bold.otf);
}
@font-face {
    font-family: LithosPro-Regular;
    src: url(font/LithosPro-Regular.otf);
}
@font-face {
    font-family: PoetsenOne-Regular;
    src: url(font/PoetsenOne-Regular.ttf);
}
.homepage-content{ font-size: 20px;    line-height: 25px; margin-bottom: 20px; max-width: 1000px; margin: auto;}
.about-last,.our-mission {    max-width: 1000px;    margin: auto;}
.make-game-orange .content-container {font-size:20px;}
.make-game-content li.gfield { margin-top:0px;}
.portfolio-row { margin-bottom:30px; } 
.portfolio-row p {margin-bottom: 0px;    padding-bottom: 0px; } 
.apple-icon{margin-left:15px;}
.google-icon{margin-left:10px;}
.install label {margin-top:8px; display: inline-block;}
.portfolio-title{ color:#F8F096 !important; font-size: 25px;    font-weight: bold;    line-height: 30px; }
.portfolio-row:nth-child(7){ margin-bottom: 0px; }
.portfolio-row .col-md-6{    padding-left: 0px;    padding-right: 1%;    width: 48%; line-height: 25px; font-size: 20px; text-align: left;}
.portfolio-row .game-title { line-height: 80px;margin-bottom: 20px; text-align: left; font-size: 50px;}
.portfolio-row .game-title img { width:84px; margin-right: 10px;}
.portfolio-row .col-md-6 img { width: 100%;     height: auto;}
.portfolio-row .col-md-6 .google-icon,.portfolio-row .col-md-6 .apple-icon{    font-size: 16px;}
.portfolio-row .col-md-6 { float:left; }
.alignright {    float: right;    margin-left: 10px;}
body{
	font-family: myFirstFont;
	width:100% !important;
	margin:0 !important;
	overflow-x: hidden;
}
body.page-id-65{
	background-color: #0069D6;
}
h1, h2, h3, h4, h5, h6, h7{
	margin:0;
}
h1.site-title {
    margin: 0;
}
h3.logo-name {
    margin-top: 15px;
}
ul, li{
	list-style-type: none;
	padding:0;
}
li {
    margin: 5px 10px;
}
a {
    text-decoration: none;
}
a.back-to-top {
	display: none;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	/*background: #27AE61 url("up-arrow.png") no-repeat center 43%;*/
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #79ab36;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.line-numer-one {
	width: 100%;
    height: 5px;
    background-color: #004370;
}
.line-numer-two {
	width: 100%;
    height: 30px;
    background: #eee; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#eee, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eee, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eee, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eee, #ddd); /* Standard syntax */
}
.line-numer-three {
    height: 1px;
	background-color: #fff;
}

/*head*/
.site-branding {
    background: #0069D6;
    background-image: radial-gradient(ellipse farthest-corner at 50% -13px , #4999EC 20%, #0069D6 60%);
    /*background: -webkit-radial-gradient(#67BAEF, #0069D6);
    background: -o-radial-gradient(#67BAEF, #0069D6);
    background: -moz-radial-gradient(#67BAEF, #0069D6);
    background: radial-gradient(#67BAEF, #0069D6);*/
    height: 144px;
}
.line-numer-two a {
    position: absolute;
    width: 75px;
    height: 85px;
    background-color: #0089C3;
    padding: 16px;
    text-align: center;
    left: 45%;
	color: #FFEB3B;
    text-decoration: none;
	border: 5px #004370 solid;
    border-top: 0;
}
.list-main-nav li {
    display: inline-block;
}
.list-main-nav > li:first-child{
	margin-left: 16px;
}
.link-logo div{
	width:121px;
	height: 109px;
	z-index: 1;
	position:absolute;
	top:-50px;
	margin-left: 17px;
}
.rd-logo span {
	background-image: url(http://www.rdgames.us/wp-content/uploads/2016/03/DESIGN-REVISI-4_02.jpg);
	position: absolute;
	background-size: 121px 109px;
	width: 100%;
	height: 109px;
	background-repeat: no-repeat;
	top: -52px;
	background-position: center;
	left: 12px;
}
.toggle-navigation {
    position: relative;
    height: 70px;
    margin-left: -54px;
}

/*social media wrapper*/
.social-media-wrapper {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
    padding: 0 15px;
    width: auto;
    max-width: 758px;
}
.line-numer-two .social-media-wrapper a.social-media-icon {
    position: relative;
    top: 0;
    right: 0;
    left: initial;
    width: initial;
    height: initial;
    background-color: initial;
    padding: initial;
    text-align: initial;
    color: initial;
    text-decoration: initial;
    border: initial;
    font-size: 28px;
}
i.fa-twitter-square {
    color: #00AFE6;
}
i.fa-facebook-square {
    color: #175BA3;
}
.contact-page h1 {     text-align: center;    margin-top: 20px;    margin-bottom: 20px; }
/*menu*/
ul.list-main-nav {
	position: relative;
	top: 0;
	font-family: Arial;
	font-size: 14px;
	margin: 16px auto;
	text-align: center;
	z-index: 1;
}
li.blank-menu {
    width: 155px;
}
ul.sub-menu {
    position: absolute;
    top: 70px;
    width: 100%;
    left: 0;
    text-align: center;
}
.toggle-navigation a {
    font-weight: bold;
    color: #fff;
}
.sub-menu a {
    font-weight: 600;
    color: #f3c24b;
	font-size: 12px;
}

/*part-1*/
.part-1 {
    background-image: url("img/Untitled-1.png");
	min-height:665px;
	background-color: #478B0A;
}
div#wrapper {
    min-height: 300px;
}

/*row-cols*/
.wrapper,
.odi-row,
.odi-col-1 {
    width: 100%;
    overflow: hidden;
    display: relative;
}
.odi-row {
    margin: 15px 0;
}
.odi-col-1 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}
.odi-page-blog .main,
.odi-page-blog .sidebar {
    display: inline-block;
    float: left;
}
.odi-page-blog .main {
    width: 65%;
    /*margin-right: 4%;*/
	padding-right: 4%;
    border-right: 1px solid #ddd;
	box-shadow: 1px 0px 1px #FFF;
}
.odi-page-blog .sidebar {
    width: 27%;
}
.odi-page-blog .first-col {
    max-width: 1115px;
    padding-left: 76px;
}

/*sidebar*/
.sidebar {
    font-family: myriad;
    margin-top: 30px;
    padding-left: 3%;
    /*border-left: 1px solid #ddd;*/
}
.sidebar div#secondary {
    margin: 1.714285714rem 0 0;
}
.sidebar a {
    text-decoration: none;
    color: #807E7E;
}
/*.sidebar a:visited {
    color: #676767;
}*/
.sidebar a:hover {
    color: #A2A2A2;
}
.sidebar li {
    margin-left: 0;
	padding: 1px 10px;
}
.sidebar li:first-child {
    padding-top: 15px;
}
.sidebar li:last-child{
	padding-bottom:15px
}
.sidebar form#searchform input[type=submit] {
    padding: 12px;
    border: none;
    color: #888;
    position: absolute;
    top: 0;
    right: 0;
    /*background: #eee;*/
    cursor: pointer;
    background: url(img/search_btn.png);
    background-repeat: no-repeat;
    background-position: 18px 14px;
    width: 50px;
    /*background: -webkit-linear-gradient(top,rgba(239, 239, 239, 0), rgb(228, 228, 228));
    background: -o-linear-gradient(bottom,rgba(239, 239, 239, 0), rgb(228, 228, 228));
    background: -moz-linear-gradient(bottom,rgba(239, 239, 239, 0), rgb(228, 228, 228));
    background: linear-gradient(to bottom, rgba(239, 239, 239, 0), rgb(228, 228, 228));*/
}
/*.sidebar form#searchform input[type=submit]:hover {
    background: #ddd;
}*/

.sidebar form#searchform input[type=text] {
    /*border-radius: 4px;*/
    border: none;
    padding: 12px;
    width: 100%;
    background: #fff;
}
/*sidebar search label*/
.sidebar form#searchform .screen-reader-text {
    display: none;
}
.sidebar #searchform > div {
    position: relative;
    border: 1px solid #ddd;
    padding: 0px;
    overflow: hidden;
    display: block;
	border-radius: 4px;
}

.sidebar aside {
    margin-bottom: 30px;
	border-bottom: 1px solid #0394F1;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
}
aside#search-3 {
    border: none;
}
.sidebar .widget-title {
    margin-bottom: 0px;
    font-size: 22px;
    font-weight: normal;
    color: #333;
	padding: 5px;
    text-align: center;
    background: #fff;
    box-shadow: 0px 1px 1px #ccc;
	border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.sidebar .widget-title a,
.sidebar .widget-title a:visited {
    color: #676767;
}
.sidebar .widget ul {
    margin: 0;
}
.sidebar .widget ul li a {
    font-size: 17px;
	line-height:20px;
	font-family:arial;
}
section.not-found {
    color: #676767;
}

.widget_recent_entries h3.widget-title {
    background-color: #61c436;
    color: #fff;
}
.widget_recent_comments h3.widget-title {
    background-color: #0394F1;
    color: #fff;
}
.widget_archive h3.widget-title {
    background-color: #FFC33E;
	color: #fff;
}
.widget_categories h3.widget-title {
    background-color: #FD9C48;
    color: #fff;
}
.widget_meta h3.widget-title {
    background-color: #944123;
    color: #fff;
}

.sidebar .widget_recent_entries ul li a:hover {
    color: #61C436;
}
.sidebar .widget_recent_comments ul li a:hover {
	color:#0394F1;
}
.sidebar .widget_archive ul li a:hover {
	color:#FFC33E;
}
.sidebar .widget_categories ul li a:hover {
	color:#FD9C48;
}
.sidebar .widget_meta ul li a:hover {
	color:#944123;
}

/*blog*/
.odi-page-blog {
    background-color: #f3f3f3;
}
.odi-page-blog .main {
    font-family: myriad;
}
.odi-page-blog .odi-col-1.first-col {
    /*border-top: 1px solid #ededed;*/
    margin-top: 0px;
}
article .post-thumbnail img {
    width: 100%;
    height: auto;
}
.odi-page-blog article h1.entry-title,
.odi-page-blog article h2.entry-title {
    margin: 15px 0;
    color: #6278CC;
}
.odi-page-blog footer.entry-footer a {
    color: #333;
    text-decoration: underline;
}
.odi-page-blog footer.entry-footer a:hover {
    color: #aaa;
}
.odi-page-blog footer.entry-footer {
    color: #888;
}
.odi-page-blog article {
    margin-bottom: 50px;
	/*border-bottom: 4px double #ededed;*/
    padding-bottom: 1.714285714rem;
}
.odi-page-blog article .entry-content a {
    color: #0394F1;
    /*text-decoration: underline;*/
}
.odi-page-blog article .entry-content a:hover {
    color: #0f3647;
}
.odi-page-blog .entry-header a {
    color: #6278CC;
    font-size: 1.571428571rem;
    font-weight: normal;
}
.odi-page-blog .entry-header a:hover {
    opacity: 0.8;
}
.odi-page-blog .page-header h1.page-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed;
    background-color: white;
    font-size: 24px;
    line-height: 2.181818182;
    font-weight: bold;
    text-transform: uppercase;
    color: #E5E5E5;
    font-family: myriad;
}
.odi-page-blog article h2.entry-title a,
.odi-page-blog article h1.entry-title {
    font-size: 42px;
    color: #333;
}
.odi-page-blog article h2.entry-title a:hover {
    color: #A2A0A0;
}
article .post-meta a:hover {
    color: #676767 !important;
}

article .post-meta, 
article .post-meta a {
    font-size: 15px !important;
    color: #777 !important;
    font-style: italic;
    font-family: Arial;
    margin-top: -12px;
    margin-bottom: 10px;
}
article .entry-content {
    /*font-family: myriadLight;*/
	font-family: arial;
    font-size: 17px;
    /*color: #333;*/
	color: #807E7E;
	line-height:25px;
}
article .post-thumbnail {
    border-radius: 13px;
    border: 1px solid #ddd;
    padding: 4px;
    overflow: hidden;
    position: relative;
    display: block;
	margin: 30px 0;
}
article .post-thumbnail img {
    border-radius: 10px;
    position: relative;
    display: block;
}

/*rounded date*/
article .rounded-date {
    background: #0394F1;
    width: 60px;
    height: 60px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-radius: 30px;
    position: relative;
    color: #FDFFF6;
}
.rounded-date-container {
    position: absolute;
    margin-top: -4px;
    margin-left: -80px;
}
.rounded-date .day {
    font-size: 26px;
    margin-top: -6px;
}

.rounded-date .month {
    font-size: 14px;
}

/* home page*/
.ptb-title { font-size: 32px; margin-top: 40px; font-family: LithosPro; color: #1d3178;}
.ptb-title span { margin-left: 10px; display: inline-block; vertical-align: top; }
.page-id-102 .ptb .white-box { padding:0px; }
.ptb .this-background img.wp-image-233 { top:15px !important; 	}
.ptb p { margin:0px; }
.contents-wrap {
    width: 100%;
    text-align: center;
	position: relative;
	z-index:1;
    /* padding: 50px 0px; */
}
.youtube{ width: 650px !important; height: 350px; padding:0px !important; border:10px solid white;}
.read-more-container {    display: block;     margin: auto;   text-align: center;    background: white; }
.read-more-button {    text-align: center;    display: inline-block;    margin: 20px auto 0px auto;    font-weight: bold;    background: #7D9606;    padding: 20px 50px;    color: white; }
.#scene .white-box{
    width: 67%;	
}
.white-box {
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 20px 55px;
}
.contents-wrap.green{
	background: #488B0A;
	padding-top:0;
}
.white{
	background-color: #fff;
}
.brown {
    background-color: #FFC33E;
}
.contents-wrap.grey {
    padding: 0;
    background-color: #ddd;
}

.contents-wrap.bottom {
    padding: 0;
}
.content-right {
    width: 50%;
    display: inline-block;
    background-color: #944123;
	text-align: center;
    padding: 60px 0 30px 0;
	min-height: 320px;
}
.content-left {
    width: 50%;
    display: inline-block;
    float: left;
    background-color: #FFC33E;
    text-align: center;
    padding: 60px 0 30px 0;
	min-height: 320px;
}
.content-left a, .content-right a {
    width: 100%;
    display: block;
}
.this-background {
    position: relative;
	min-height:450px;
}

/*about page*/
.contents-wrap.about-header {
    padding: 0;
	position:relative;
}
.about-header img {
    width: 100%;
    height: auto;
}
.class-absolute {
    position: absolute;
    top: 40px;
	padding: 0 10%;
}
.class-absolute h1 {
    text-align: left;
    color: #fff;
	margin-bottom: 100px;
	text-shadow: 1px 2px #7D7B7B;
}
.normal-text {
    text-align: right;
    font-weight: bold;
    color: #fff;
}
.class-absolute ul {
    display: inline-block;
    text-align: left;
}

.contents-wrap.blue {
    padding: 0;
    background-color: #15156F;
}
.contents-wrap.blue .white-box {
    width: 100%;
}
.contents-wrap.blue div.white-box h1, .contents-wrap.blue div.white-box h3 {
    display: inline-block;
    margin: 15px;
}
.about-bottom {
    padding: 20px 0px;
}

/*privacy*/
.deep {
	padding: 30px;
    max-width: 890px;
    margin: 0 auto;
}
.deep ul.ul-first > li {
    list-style-type: decimal;
}
ul.ul-third {
    padding: 0 20px;
}

/*footer*/
footer.site-footer {
    padding: 40px;
    background-color: #333;
    text-align: center;
}
.list-bottom-nav li {
    display: inline-block;
}
ul.list-bottom-nav {
    font-size: 14px;
}
a.bottom-menu {
    font-family: arial;
    color: #fff;
    font-weight: bold;
}
p.copyright {
    color: #646464;
    margin: 0;
    font-family: arial;
    font-size: 14px;
}
.sub-menu {
        display: none !important;
    }
.page-id-65 .sub-menu-active .sub-menu {
        display: block !important;
    }
	.full-width-container{	max-width:1000px !important;	padding-left:0px !important;}
.full-width{	width:100% !important;}.odi-page-blog .full-width{	border-right:0px !important;	box-shadow:0px 0px 0px #FFF !important;}	
/*contact*/
.contact-header { max-height: 200px !important; overflow: hidden !important; }
.h1-contact{ text-align:center !important; top:-150px !important; }

/*beta tester*/
.page-id-1208 .odi-page-blog { background-color:white;} 
.page-id-1208 form select { padding: 11px; background-color: #eee; border: none; font-size: 14px; width: 293px; }
.page-id-1208 input[type="submit"] { width: 150px; height: 50px; background-color: #fff; border: 3px solid #0069d6; color: #0069D6; font-size: 15px;   font-weight: bold; }
.form.right.make-game{ float: left;    margin-left: 20px;    margin-top: 40px;}

.terms-of-use li, .privacy-policy li { list-style-type: disc; margin-left: 15px; }
.FindOutMoreContainer {    text-align: right;    margin-bottom: 10px; }
.FindOutMoreContainer a {    color: #2766d0;    font-weight: bold; }
.FindOutMoreContainer i { margin-right: 5px; }
.toggle-content {
    background: rgb(238, 238, 238);
    padding: 10px;
    margin: 20px 0px;
}
.text_content.header {
    font-weight: bold;
    font-size: 20px;
}
.center {
    text-align: center;
    margin: auto;
    display: block;
}
.button {
    text-align: center;
    display: inline-block;
    margin: 20px auto 30px auto;
    font-weight: bold;
    background: #02478e;
    padding: 20px 50px;
    color: white;
    border-radius: 10px;
    font-size: 20px;
}
.let-us-make-game-container .blue {
    color: #1151CD;
}
.let-us-make-game-container h3 {
    font-size: 30px;
}
.white-bg {
    background-color: white !important;
}
.let-us-make-game-container .gform_button {
    border-radius: 0px;
    padding: 10px 40px;
    width: 100% !important;
    background: #0069D6;
}
.let-us-make-game-container input {
    border: none;
    border-bottom: 1px solid #ccc;
    background: #F1F1F1;
}
.let-us-make-game-container .content-container {
    padding: 10px 20px;
}
.make-game-orange .content-container {
    font-size: 20px;
}
.make-game-orange {
    background-color: #EE8030;
    color: white;
    font-family: boldfont;
}
.let-us-make-game-container .content-container p {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 10px;
}
.let-us-make-game-container hr {
    margin-bottom: 30px;
}
.gform_wrapper .gfield_radio li label {
    font-size: 20px !important;
}
.nolabel label {
    display: none !important;
}
.let-us-make-game-container #input_1_6, .let-us-make-game-container #input_1_7, .let-us-make-game-container #input_1_8 {
    width: 100%;
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 8px !important;
}
.let-us-make-game-container .gfield_radio li {
    margin-bottom: 0px !important;
}
.gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio {
    margin: 6px 0;
    padding: 0;
}
.gfield_label { font-size:20px !important; }
.make-game-orange .content-container {font-size:20px;}
.make-game-content li.gfield { margin-top:0px !important;}
.let-us-make-game-container .sidebar-left,.let-us-make-game-container .sidebar-right{  height: 1120px;    width: 10px; background: linear-gradient(0deg, rgba(255, 153, 51,1) 0%, rgba(51, 102, 204,1) 100%); position:absolute; } 
.col-md-3 {
    width: 25%;
    float: left;
}
.let-us-make-game-container .col-md-6 {
    width: 48%;
    background-color: #F1F1F1;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
.let-us-make-game-container .make-game-content {
    min-height: 870px;
}
.let-us-make-game-container {
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 30px;
    font-family: "Times new Roman";
}

@media screen and (min-width: 2501px) {
    .toggle-navigation {
        margin-left: -15px;
    }
	.character-left-top, .character-left-bottom, .character-left-middle {
		left: 15%;
	}
	.character-right-top, .character-right-middle, .character-right-bottom {
		right:15%;
	}
}

@media (max-width: 2500px){
	.character-left-top, .character-left-bottom, .character-left-middle {
		left: 10%;
	}
	.character-right-top, .character-right-middle, .character-right-bottom {
		right:10%;
	}
}

@media (max-width: 2000px){
	.character-right-top, .character-right-middle, .character-right-bottom {
		right:5%;
	}
}

@media (min-width: 1600px){
	.rd-logo span {
		background-image: url(img/logo.png);
		position: absolute;
		background-size: 150px 140px;
		width: 150px;
		height: 140px;
		background-repeat: no-repeat;
		top: -54px;
		left: 200px;
	}
	.list-main-nav > li{
		padding-top:19px
	}
	.list-main-nav > li:nth-child(3){
		padding: 0 30px;
	}
	ul.list-main-nav{
		font-size:18px;
		width: 560px;
	}
	ul.sub-menu{
		left: 160px;
		width:800px;
	}
	.list-main-nav .sub-menu > li a{
		font-size:15px;
	}
	.site-branding{
		height:180px;
	}
	ul.sub-menu{
		top: 101px;
	}
}

@media (min-width: 1920px){
	
}

@media (max-width: 1921px){
	.character-left-top, .character-left-bottom, .character-left-middle {
		left: 5%;
	}
	.character-right-top, .character-right-middle, .character-right-bottom {
		right:3%;
	}
	.contact-header {
		max-height: 520px;
	}
}

@media (max-width: 1800px){
	.character-left-top, .character-left-bottom, .character-left-middle {
		left: 3%;
	}
}

@media (max-width: 1700px){
	.character-right-top {
		right: -24px;
	}
	.character-right-middle {
		right: 0px;
	}
	.character-right-bottom {
		right: -24px;
	}
}

@media (min-width: 1650px){
	.odi-page-blog .first-col {
		max-width: 1000px;
	}
	.character-left-top {
		position: absolute;
		width: 300px;
		display: inline-block;
		z-index: 9;
		height: 320px;
		top: 373px;
		background-repeat: no-repeat;
		background-image: url("img/AbelandCain.png");
		background-size: 100%;
	}
	.character-left-middle {
		position: absolute;
		width: 300px;
		display: inline-block;
		z-index: 9;
		height: 373px;
		top: 870px;
		background-repeat: no-repeat;
		background-image: url("img/ruth.png");
		background-size: 100%;
	}
	.character-left-bottom {
		position: absolute;
		width: 300px;
		display: inline-block;
		z-index: 9;
		height: 373px;
		bottom: 300px;
		background-repeat: no-repeat;
		background-image: url("img/AbrahamandIsaac.png");
		background-size: 90%;
	}
	.character-right-top {
		width: 300px;
		height: 320px;
		position: absolute;
		display: inline-block;
		top: 373px;
		background-repeat: no-repeat;
		background-image: url("img/jesus.png");
		background-size: 87%;
		
	}
	.character-right-middle {
		width: 300px;
		height: 320px;
		position: absolute;
		display: inline-block;
		top: 870px;
	    background-repeat: no-repeat;
		background-image: url("img/char_1.png");
		background-size: 99%;
		
	}
	.character-right-bottom {
		width: 300px;
		height: 320px;
		position: absolute;
		display: inline-block;
		bottom: 300px;
		background-repeat: no-repeat;
		background-image: url("img/luke.png");
		background-size: 79%;
		
	}
	.character-right {
		display:none;
	}
}
@media screen and (max-width: 1649px) {
	.character-right {
		width: 30%;
		height: 360px;
		display: inline-block;
		background-repeat: no-repeat;
		background-image: url("img/char_1.png");
		background-size: 99%;
		position: relative;
		bottom: -60px;
		left: 15px;
	}
}

@media (max-width: 1370px){
.ptb .this-background { padding-bottom:0px; }
}

@media (min-width: 1200px){
	ul.list-main-nav{
		font-size:18px;
		width: 560px;
	}
	.list-main-nav > li{
		padding-top:15px
	}

}

@media (max-width: 1200px){
	.blog .odi-col-1{
		margin: 0 20px;
		width: auto;
	}
}

@media (max-width: 1010px){
    .odi-col-1 {
        width: auto;
        margin: 0 20px;
    }
}
@media screen and (max-width: 980px) {
    .toggle-navigation {
        margin-left: -28px;
    }
}

@media screen and (max-width: 800px) {
    .odi-page-blog .main,
    .odi-page-blog .sidebar,
    .main,
    .sidebar {
        width: 100%;
    }
    .odi-page-blog .main,
    .main{
        margin-right: 0;
    }
	.character-right {
		display:none;
	}
}

@media (max-width: 799px){
    .sidebar {
        text-align: center;
    }
}
@media (min-width:681px){
	.site-branding{
		overflow:hidden;
	}
	.rd-logo span{
		z-index:-1;
	}
}
@media (max-width: 680px){
    .portfolio-row p p {margin-top:20px; margin-bottom:0px;}
    .portfolio-row .game-title {  font-size: 30px;    line-height: 30px; margin-bottom: 40px; }
    .portfolio-row .col-md-6 {    width: 100% !important;}
    .portfolio-row .game-title img {    margin-right: 10px; }
    .install label {    display: none;}
    .portfolio-row .col-md-6 img {height: auto;    margin-bottom: 10px;}
    .game-title img{float:left;}    /*mobile menu*/
	.contact-header { max-height: 100px !important; }
    .what-is {     padding: 40px 30px !important;}
    .toggle-navigation {
        margin-left: 0;
    }	
    .site-branding{
    	height:135px;
    }
    .homepage .site-branding{
    	height:120px;
    }
    .col-md-4, .col-md-3, .col-md-6 {
        width: 100% !important;
        float: none;
    }
    .col-md-6 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    header .rd-mobile-logo {
        display: block !important;
        border: none;
        background-color: initial;
        top: -3px;
        left: 0px;
        position: relative;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
    }
    header .rd-logo span {
        background-image: url(http://www.rdgames.us/wp-content/uploads/2016/03/DESIGN-REVISI-4_02.jpg);
        position: absolute;
        background-size: 80px auto;
        width: 80px;
        height: 73px;
        background-repeat: no-repeat;
        top: initial;
        left: initial;
    }
    header .toggle-navigation {
        text-align: center;
    }
    a.mobile-menu-button {
        display: block !important;
        margin-top: 10px;
    }
    .line-numer-two {
        height: 77px !important;
    }
    a.mobile-menu-button {
        display: block !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    ul.list-main-nav {
        position: absolute;
        top: 30px;
        background-color: #0069D6;
        width: 100%;
        height: auto;
        z-index: 99;
    }
    ul.list-main-nav > li {
        width: auto;
        display: block;
        padding: 0px;
        border-top: 1px solid rgba(224, 224, 224, 0.55);
        text-align: left;
    }
    ul.list-main-nav li {
        margin:0px !important;
    }
    ul.list-main-nav > li > a {
        padding: 15px 0 15px 10px;
        display: block;
    }
    /*ul.list-main-nav > li > a {
        margin-left: 10px;
    }*/
    header .blank-menu {
        display: none !important;
    }
    /*submenu mobile*/
    ul.sub-menu {
        /*display: block !important;*/
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        /*margin-top: 20px;*/
    }
    ul.sub-menu li {
        display: block;
        position: relative;
        padding-left: 10px;
        border-top: 1px solid rgba(224, 224, 224, 0.55);
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: left;
    }
    ul.sub-menu > li > a {
        padding: 15px 0 15px 15px;
        display: block;
    }
    .list-main-nav,
    .sub-menu {
        display: none !important;
    }
    .main-nav-active .list-main-nav,
    .sub-menu-active .sub-menu {
        display: block !important;
    }
	.youtube { width: 90% !important; height: 150px; }
}
@media screen and (max-width: 400px){
	.page-id-1208 form select { width: 100%; }
}