@charset "utf-8";

/*======================================
	Theme Name: WRDX Theme
	Version: 1.0
	Author: webRedox Team
	Website: http://webredox.net/
======================================*/
/*-------------Import fonts ---------------------------------------*/
@import "http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900|Cabin:400,700|Droid+Serif:400,700|Playball";

/*-------------General Style---------------------------------------*/
html {
    overflow-x:hidden!important;
    height:100%
}

body {
    margin:0;
    padding:0;
    font-family:'Source Sans Pro',sans-serif;
    font-weight:400;
    font-size:12px;
    color:#fff;
    background-color:#272727;
    height:100%;
    text-align:center
}

@-o-viewport {
    width:device-width
}

@-ms-viewport {
    width:device-width
}

@viewport {
    width:device-width
}
/* ---------Page Pre-loader--------------------------------------*/
#preloader {
	position:fixed;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background: #000000;
	background-image:url(pre2.png);
	z-index:99999999;
}
.preloader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 3;
	text-align:center;
}

/*--------------Typography--------------------------------------*/
h2 {
    font-size:3.2em;
    font-weight:300
}

h3 {
    font-size:1em
}

/* ---------Content Styles--------------------------------------*/
::-webkit-scrollbar {
    width:8px
}

::-webkit-scrollbar-track {
    border-radius:5px;
    background-color:#e0e0e0
}

::-webkit-scrollbar-thumb {
    border-radius:10px;
    background-color:red;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)
}

#main {
    height:100%;
    width:100%;
    position:fixed;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    top:0;
    left:0;
    z-index:2;
    opacity:0;
    color:#fff;
    background-color:#272727;
    background-image:url(bg-body.jpg);
    background-size:cover;
    background-attachment:fixed;
    background-position:center;
    background-repeat:repeat;
    background-origin:content-box;
    text-align:center
}

.logo-holder {
    position:fixed;
    top:0;
    left:0;
    width:30%;
    height:100%
}

.logo-inner {
    position:absolute;
    top:50%;
    left:0;
    width:100%
}

.logo-inner h2 {
    color:#fff;
    font-size:60px;
    font-family:'Playball',cursive
}

.logo-inner h2 span {
    color:red
}

.logo-inner h3 {
    color:#C59D5F;
    font-size:30px;
    padding-top:20px;
    font-family:'Playball',cursive
}

ul#themeforest {
    margin-top:15px;
    font-family:'Playball',cursive
}

ul#themeforest li {
    display:block
}

ul#themeforest li a {
    font-size:15px;
    color:#FFF;
    letter-spacing:3px
}

ul#themeforest li a:hover {
    font-weight:bolder
}

ul#themeforest li a:after {
    color:red;
    content:' \2192';
    font-weight:bolder;
    line-height:23px
}

ul#themeforest li a:hover:after {
    color:red;
    content:' \2192';
    font-weight:bolder;
    line-height:23px
}

ul#social {
    margin-top:20px
}

ul#social li {
    display:inline
}

ul#social img {
    width:32px
}

ul#social li a {
    padding-right:1px
}

ul#social li img:hover {
    margin-top:-5px
}

.content {
    float:left;
    width:70%;
    margin-left:30%;
    position:relative;
    height:100%
}

.container {
    max-width:1224px;
    width:92%;
    margin:0 auto;
    position:relative;
    z-index:2
}

.box-inner {
    width:100%;
    position:absolute;
    left:0;
    top:50%
}

.box {
    float:left;
    width:50%;
    position:relative;
    padding:20px;
	min-height: 380px;
}

.box h4 {
    float:left;
    width:100%;
    color:#C59D5F;
    font-size:22px;
    padding-bottom:30px;
    font-family:'Playball',cursive;
    letter-spacing:2px
}

.box img {
    width:100%;
    height:auto;
    border:2px solid #A3A3A3
}

.box ul {
    float:left;
    width:100%;
    margin-top:20px
}

.box ul li {
    display:inline-block;
    padding:6px
}

.box ul li {
    color:#fff;
    font-size:14px;
    letter-spacing:1px;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}

.box ul li a {
    color:#fff;
    font-size:14px;
    letter-spacing:2px;
    font-weight:bolder;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}

.box ul li a:hover {
    color:red
}

#copy {
    color:#C59D5F;
    font-size:16px;
    float:left;
    width:100%;
    padding-top:20px;
    font-family:'Playball',cursive;
    letter-spacing:2px
}

#copy span {
    text-align:center;
    padding-bottom:30px
}

@media only screen and (max-width: 1036px) {
.content {
    margin-left:0;
    width:100%;
    height:auto
}

.logo-holder {
    position:relative;
    width:100%;
    height:auto;
    padding:50px
}

.box-inner,.logo-inner {
    position:relative;
    top:0!important;
    margin-top:0!important
}
}

@media only screen and (max-width: 736px) {
.box {
    width:50%
}
}

@media only screen and (max-width: 540px) {
.box {
    width:100%
}
}