@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/roboto-black.eot');
    src: url('../fonts/roboto-black.eot') format('embedded-opentype'),
         url('../fonts/roboto-black.woff') format('woff'),
         url('../fonts/roboto-black.ttf') format('truetype'),
         url('../fonts/roboto-black.svg#RobotoBlack') format('svg');
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto-bold.eot');
    src: url('../fonts/roboto-bold.eot') format('embedded-opentype'),
         url('../fonts/roboto-bold.woff') format('woff'),
         url('../fonts/roboto-bold.ttf') format('truetype'),
         url('../fonts/roboto-bold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#RobotoRegular') format('svg');
}

*{ padding:0px; margin:0px;}
a img{ border:0px;}
img{ max-width:100%; height:auto;}
ul, ol{ list-style-type:none;}
a{ text-decoration:none; color:#233069;}
.clear{ clear:both; line-height:0;}
div{ display:block;}
div:after{ clear:both; line-height:0; content:""; visibility:hidden; display:block;}
body{}
p{ font:normal 12px/18px Arial, Helvetica, sans-serif; color:#6f6f6f;}
select{ font:normal 400 15px/30px 'ColaborateRegularRegular', sans-serif; color:#333; background:none;}

#header{ background:#211700; padding:10px 0;}
.wrapper{ width:1000px; margin:0 auto; position:relative;}
#logo{ float:left;}
#right_header{ float:right;}
#login{ float:left; margin:0 0 0 290px;}
#login ul li{ float:left;}
#login ul li a{ font:normal 13px/30px Arial, Helvetica, sans-serif; color:#9c5a27; padding:0 15px;}
#social{ float:right; margin:0 0 0 10px;}
#navigation{ border-top:1px solid #524b38; border-bottom:1px solid #524b38; margin:25px 0 0;}
#navigation ul li{ float:left;}
#navigation ul li a{ font:normal 16px/35px 'RobotoRegular', sans-serif; color:#ffd800; padding:0 13px; display:block;}
#navigation ul li.current-menu-item a, #navigation ul li a:hover{ color:#fff;}
#navigation a#navbtn{ font:bold 16px/40px Arial, Helvetica, sans-serif; display:none; cursor:pointer; color:#fff; width:100%; text-align:center;}
#navigation .menu-toggle {display:none;}

#banner{ background:url(../images/bg1.jpg) no-repeat top center; padding-bottom:2px;}
.slideShow{ position:absolute; top:248px; right:93px; width:436px; height:257px; z-index:999; -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); transform:rotate(-7deg); background:#2c3232; border:3px solid #666; overflow:hidden;}
.order{ position:absolute; background:url(../images/bg2.jpg) no-repeat top left; font:normal 24px/38px 'RobotoRegular', sans-serif; color:#fff; padding:0 20px; position:absolute; right:5px; bottom:10px;}

#content{ /*background:url(../images/bg3.jpg) no-repeat top center, url(../images/bg4.jpg) no-repeat bottom center #262825;*/ background:url(../images/bg5.jpg) repeat 0 0; padding:20px 0;}
#content h1{ font:normal 37px/45px 'RobotoBold', sans-serif; color:#ffd800; text-transform:uppercase;}
#content h1 span{ color:#ff7200;}
#content h2{ font:normal 37px/45px 'RobotoBlack', sans-serif; color:#ffd800;}
#content h3{ font:normal 17px/25px 'RobotoBlack', sans-serif; color:#ff7200;}
#content p{ font:normal 14px/20px 'RobotoRegular', sans-serif; color:#fff; padding:10px 0;}
.l_img{ border:10px solid #4c4949; border-radius:1000px; float:left; margin:0 20px 0 0; width:160px; height:160px;}
.about{ margin:0 0 20px 0;}

#f_slider{ background:url(../images/bg4.jpg) no-repeat bottom center #272926;}

#footer{ background:#141212; padding:10px 0;}
#footer p{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#939393; padding:10px 0 0 30px;}
#f_left{ width:80%; float:left;}
#f_left ul li{ float:left;}
#f_left ul li a{ font:normal 12px/20px Arial, Helvetica, sans-serif; color:#ffb700; padding:0 10px;}
#f_right{ width:18%; float:right;}

#deal_slider{ width:868px; border-top:double 1px #ccc; padding:20px 20px 0 20px;}
.ca-container{ position:relative;}
.ca-wrapper{ width:868px; margin:0 auto; height:213px; position:relative;}
.ca-item{ position:absolute; float:left; width:294px; height:213px;}
.ca-item-main{ position:absolute; background:url(../images/slider.jpg) no-repeat 0 0; overflow:hidden; text-align:left; height:213px; left:4px; right:4px;}
.ca-item-main img{}
.ca-nav span{ width:23px; height:62px; background:transparent url(../images/left_right.jpg) no-repeat top left; position:absolute; top:50%; margin-top:-31px;	left:0px;	text-indent:-9000px; opacity:0.7; cursor:pointer; z-index:100;}
.ca-nav span.ca-nav-next{ background-position:top right; left:auto;	right:0px;}
.ca-nav span:hover{	opacity:1.0;}

.about2{ background:url(../images/border1.jpg) repeat-x bottom center; padding:10px 0 20px; margin:0 0 10px; color:#fff; font-family: 'RobotoRegular',sans-serif; font-size: 14px; line-height: 27px; }
.fifty{ width:47%; margin:0 2.5% 0 0; float:left;}
.r_img{ border:10px solid #4c4949; border-radius:1000px; float:right; margin:0 0 0 20px; width:160px; height:160px;}
#lower_cont{ padding:20px 0 0;}
.thirty_three{ width:32%; float:left; margin:0 1.5% 0 0;}
.thirty_three:nth-child(3n+3){ margin-right:0;}

.twenty{ width:23%; float:left; margin:0 0 2% 2%;}
.twenty:nth-child(4n+1){ margin-left:0; clear:left;}
#video{ width:560px; height:310px; margin:10px 0 0;}

#shelf{ padding:15px 0 0;}
#shelf ul li{ font:normal 14px/30px 'RobotoRegular', sans-serif; color:#fff; padding:0 0 0 20px; background:url(../images/point2.jpg) no-repeat 0 11px;}

.l2_img{ float:left; margin:0 20px 10px 0;}

#form{ background:#1a1b16; padding:20px; border-radius:7px;}
#form p{ font:normal 12px/17px Arial, Helvetica, sans-serif; color:#fff;}
.size{ width:290px; float:left; margin:0 20px 10px 0;}
.size label{ width:28%; float:left; font:normal 12px/37px Arial, Helvetica, sans-serif; color:#fff;}

.select_box{ width:70%; float:right; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000; position:relative;}
.select_box1{ width:74%; float:left; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000; position:relative;}
.select{ position:absolute;	bottom:0; left:0; height:30px;	text-indent:10px; background:url(../images/pointer.png) no-repeat 98% 50% #000; cursor:default; z-index:1; font:normal 14px/28px 'MyriadProRegular'; color:#fff; width:100%; border:none;}
.date{ width:23%; float:left; margin:0 1% 0 0; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000; position:relative;}

/*.size select{ width:70%; float:right; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000;}*/
.size input[type="text"]{ width:70%; float:right; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000;}
.name{ width:360px; margin:0 0 10px 0;}
.name label{ width:24%; float:left; font:normal 12px/37px Arial, Helvetica, sans-serif; color:#fff;}
.name input[type="text"], .name input[type="email"]{ width:74%; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000;}
/*.date{ width:23%; float:left; margin:0 1% 0 0;}
.name > .date select{ border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000; width:95%;}
.name select{ width:74%; border:1px solid #393a38; border-radius:3px; height:35px; font:normal 12px/35px Arial, Helvetica, sans-serif; color:#e7e7e7; text-indent:5px; background:#000;}*/
#form input[type="submit"]{ background:url(../images/bg6.jpg) repeat-x 0 0; border:none; border-radius:5px; font:normal 21px/60px 'RobotoRegular', sans-serif; color:#fff; padding:0 40px; cursor:pointer; margin:20px 0 0;}


@media only screen and (max-width: 990px) {
.wrapper{ width:748px;}
#logo{ float:none; text-align:center;}
#right_header{ float:none;}
#login{ float:left; margin:0 0 0 100px;}
#social{ float:left; margin:0 0 0 100px;}
.slideShow{ position:absolute; top:191px; right:70px; width:325px; height:184px; z-index:999; -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); transform:rotate(-7deg); background:#2c3232; border:3px solid #666; overflow:hidden;}
.order{ position:absolute; background:url(../images/bg2.jpg) no-repeat top left; font:normal 20px/34px 'RobotoRegular', sans-serif; color:#fff; padding:0 20px; position:absolute; right:5px; bottom:0;}
#deal_slider{ width:700px; border-top:double 1px #ccc; padding:20px 20px 0 20px;}
.ca-container{ position:relative;}
.ca-wrapper{ width:700px; margin:0 auto; height:213px; position:relative;}
.ca-item{ position:absolute; float:left; width:232px; height:213px;}
#f_left{ width:75%;}
#f_right{ width:23%;}
#content h2{ font-size:30px;}
}

@media only screen and (max-width: 740px) {
.wrapper{ width:460px;}
#login{ float:none; margin:10px auto;}
#login ul{ display:table; margin:0 auto;}
#social{ float:none; margin:0 auto; text-align:center;}

#navigation .toggled-on div > ul {display:block;}
#navigation .menu-toggle {display:block; font:700 15px/40px 'OptimusPrincepsRegular'; color:#fff; text-align:center; cursor:pointer; text-transform:uppercase;}

#navigation{ height:auto; padding:5px 0 5px; background:#ffb901; clear:both;}
#navigation ul{ display:none; position:relative; width:100%; margin:0 0 5px;}  
#navigation ul li{ float:none; text-align:center; padding:1px 0 0; border-bottom:1px solid #F90;}
#navigation ul li a{ line-height:30px; font-weight:normal; color:#fff;}
#navigation ul li a:hover, #navigation ul li.active a{ background:#262626;}
/*#navigation a#navbtn{ line-height:40px; display:block; background:#ffb901;}*/

.slideShow{ position:absolute; top:118px; right:44px; width:191px; height:112px; z-index:999; -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); transform:rotate(-7deg); background:#2c3232; border:3px solid #666; overflow:hidden;}
.order{ position:absolute; background:url(../images/bg2.jpg) no-repeat top left; font:normal 20px/34px 'RobotoRegular', sans-serif; color:#fff; padding:0 20px; position:absolute; left:5px; bottom:10px;}
#content h1{ font:normal 24px/30px 'RobotoBold', sans-serif;}

#deal_slider{ width:400px; border-top:double 1px #ccc; padding:20px 20px 0 20px;}
.ca-container{ position:relative;}
.ca-wrapper{ width:400px; margin:0 auto; height:160px; position:relative;}
.ca-item{ position:absolute; float:left; width:202px; height:160px;}
.ca-nav span{ top:42%;}
#f_left{ width:100%; float:none; text-align:center;}
#f_left ul li a{ padding:0 3px;}
#f_right{ width:100%; float:none; text-align:center; padding:10px 0 0;}

.fifty{ text-align:center; width:45%; padding:0 1%;}
.r_img{ text-align:center; float:none; margin:10px 0;}
.thirty_three{ width:47%; margin:0 2.5% 2% 0;}

.twenty{ width:47%;}
.twenty:nth-child(4n+1){ margin:inherit;}
.twenty:nth-child(2n+1){ margin-left:0; clear:left;}
#video{ width:360px; height:280px; margin:10px 0 0;}
}

@media only screen and (max-width: 450px) {
.wrapper{ width:300px; padding:0 10px;}
.l_img{ float:none; margin:10px 0;}
.about{ text-align:center;}
#deal_slider{ width:300px; border-top:double 1px #ccc; padding:20px 0;}
.ca-container{ position:relative;}
.ca-wrapper{ width:300px; margin:0 auto; height:120px; position:relative;}
.ca-item{ position:absolute; float:left; width:152px; height:120px;}

.slideShow{ position:absolute; top:77px; right:38px; width:124px; height:70px; z-index:999; -ms-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); transform:rotate(-7deg); background:#2c3232; border:3px solid #666; overflow:hidden;}
.slideShow img{ width:100%;}

.fifty{ width:100%; padding:0; float:none; margin:0 0 10px 0;}
.thirty_three{ width:100%; float:none; text-align:center; margin:0 0 10px 0;}

.twenty{ width:100%; float:none; margin:0 0 3%; text-align:center;}
#video{ width:280px; height:180px;}

#content h2{ font-size:22px; line-height:28px;}

.size{ width:260px;}
.size label{ width:100%;}
.size input[type="text"], .size select{ float:left; width:100%;}
.name{ width:260px;}
.name label{ width:100%;}
.name input[type="text"], .name input[type="email"], .name select{ width:100%;}
#form input[type="submit"]{ line-height:40px;}


.select_box{ width:100%; float:left;}
}

/*
 * Gravity Forms styles 
 */
#content.order-form {
    background: #FFF;
    font-family: sans-serif;
    color: #000;
}

#content.order-form p {
    color: #000;
}

#content.order-form h3.gform_title {
    font-size: 25px;
}

#content.order-form h2.gsection_title {
    font-size: 20px;
    color: #f2cd00;
}

#content.order-form select {
    font-size: 15px;
}

.gform_page_footer input {
    background: #ff7200;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 4px 7px;
    display: inline-block;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}

.gform_page_footer input:hover {
    background: #ff4200;
}

.pricing-table {
    width: 100%;
    border-collapse: collapse;
}

.pricing-table th {
    padding: 3px;
    text-align: left;
    background: #ff7200;
    color: #FFF;
    font-size: 15px;
}

.pricing-table td {
    padding: 3px;
    font-size: 15px;
}

#content.order-form .gsection_description a {
    color: #233069;
    text-decoration: underline;
}

div.highlight {
    color: #ff7200;
    font: 17px/25px "RobotoBlack",sans-serif;
}

div.gform_wrapper select, div.gform_wrapper input[type="text"], div.gform_wrapper input[type="url"], div.gform_wrapper input[type="email"], div.gform_wrapper input[type="tel"], div.gform_wrapper input[type="number"], div.gform_wrapper input[type="password"] {
    font-size: 17px;
    border: 1px solid #d9d9d9;
    padding: 7px 0 7px 7px;
}

div.gform_wrapper .ginput_complex label, div.gform_wrapper .gfield_time_hour label, div.gform_wrapper .gfield_time_minute label, div.gform_wrapper .gfield_date_month label, div.gform_wrapper .gfield_date_day label, div.gform_wrapper .gfield_date_year label, div.gform_wrapper .instruction {
    font-size: 12px;
}

#field_1_16 table {
    background: #FFF;
}

#field_1_16 table table tr:nth-child(odd)  {
    background: #EEE;
}

#field_1_16 table table table tr:nth-child(2n+1)
{
    background: #FFF;
}

#field_1_16 table tr td {
    padding: 3px;
}

/*
 * Blog Page 
 */
.blog-wrapper {
    border-bottom: 1px solid #CCC;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}

#content .blog-wrapper h2 {
    font-size: 25px;
    margin: 0;
    padding: 0;
}

#content .blog-wrapper a {
    color: #ffd800;
}

#content .blog-wrapper img {
    float: left;
}

#content .blog-wrapper p {
    margin-left: 280px;
}

#blog-pagination a, 
.entry-date a{
    color: #ffd800;
    font-family: "RobotoBold",sans-serif;
}

#blog-pagination .newer {
    float: right;
}

.single header h1 {
    margin-top: 10px;
}

.edit-link {
    margin-left: 10px;
    color: #ffd900;
    font-family: arial, sans-serif;
}