/*
Theme Name: Road Fighter  
Theme URI: http://www.inkthemes.com/wp-themes/roadfighter-wordpress-theme/
Description: The Road Fighter WordPress Theme is a simple and beautiful theme with lots of customization options that can tweaked by Theme Options Panel like logos, intro texts, background etc. The Road Fighter Theme supports five widgetized areas (two in the sidebar, three in the footer) and featured images(thumbnails for gallery posts and custom header images for posts and pages). It also includes admin Visual Editor, special styles for posts in the single post and has an optional one-column page default template that removes the sidebar. The theme has fully customizable front page.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 1.3.1
License: GNU General Public License
License URI: license.txt
Text Domain: road-fighter
Tags: orange, two-columns, fixed-layout, threaded-comments, translation-ready, microformats,  editor-style, custom-menu
*/
/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
@import url(css/reset.css);
@import url(css/960_24_col_responsive.css);
body {
    font-family:tahoma, 'verdana', 'Lucida Grande', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:28px;
    color:#373636;
    background:url(images/bg.png) repeat;
    background-attachment:fixed;
}
h1, h2, h3, h4, h5, h6 {
    font-family:"Elampa", verdana, Arial, sans-serif;
    font-weight:normal;
    color:#010101;
}
h1 {
    font-size:28px;
}
h2 {
    font-size:22px;
}
h3 {
    font-size:20px;
}
h4 {
    font-size:18px;
}
h5 {
    font-size:16px;
}
h6 {
    font-size:12px;
}
p {
    line-height: 25px;
    color: #312F2F;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.625em;
    margin-top:5px;
}
a {
    text-decoration:none;
    color:#4d4c4c;
}
a img {
    border:none;
}
:focus {
    outline:none;
}
input[type="submit"] {
    cursor:pointer;
}
ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left:30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom:15px;
    font-weight:normal;
}
td, th {
    border: 1px solid #ccc;
    padding: 3px;
}
th {
    background: #cccccc;
}
.header_container{
    position:relative;
    border-top:9px solid #f6860e;
}
.header_container.not_home{
    background:#2f2f2f url(images/header-bg.png) repeat-y;
    min-height:250px;
    border-bottom:1px solid #686869;
}
.page_index_container{
    background:#2f2f2f url(images/header-bg.png) repeat-y;
    min-height:195px;
    border-bottom:1px solid #686869;
}
.header{
    z-index:1;
    position:absolute;
    top:0;
    width:1092px;
}
.header_wrapper{
    margin-top:36px;
    margin-bottom:15px;
}
.header_wrapper .logo{
    margin-top:2px;
}
.header_wrapper .logo img{
    max-width:300px;
    max-height:80px;
}
.header_wrapper .call-us{	
    background:#dcdcdc url(images/tap-bg.png) repeat-x;
    padding: 6px 10px 4px 10px;
    display:inline-block;
    float:right;
    border:1px solid #c0c0c0;
    margin-right:-4px;
    border-radius:4px;
    -moz-box-shadow: 2px 2px 5px 0px rgba(71, 71, 71, 0.2);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(71, 71, 71, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(71, 71, 71, 0.2);
}
.header_wrapper .call-us:hover{	
    -webkit-animation: pulse 1s ease-in-out;
    -moz-animation: pulse 1s ease-in-out; 
    -o-animation: pulse 1s ease-in-out;
    animation: pulse 1s ease-in-out; 
}
.header_wrapper .call-us p{
    text-align:right;
    background:url(images/call.png) left center no-repeat;
    margin-bottom:0;
    padding-left:28px;
    text-shadow:0 1px 0 #fff;
}
.menu-wrapper{
    background:rgba(255,255,255,0.85);
    background:url(images/menu-bg.png) repeat;
    border:3px solid #e9ceb2;
    border-radius:7px;
    -moz-box-shadow:    2px 3px 8px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.3);
    box-shadow:         2px 3px 8px 0px rgba(0,0,0,0.3);
    margin-top:25px;
}
.mobieMenu{
    margin:0 auto;
    width:70%;
    margin-top:12px;
    text-align:center;
    margin-left:70px;
}
.menu_bar {
    border:1px solid #d9d9d9;
    background:#fff;
    display:block;
    padding-bottom:20px;
    padding-top:5px;
    padding-left:20px;
    margin-top:15px;
}
#menu {
    position:relative;
}
#menu ul {
    list-style-type:none;

}
#menu .ddsmoothmenu {
    list-style:none;
    position:relative;
    z-index:10;
    margin-top: 13px;
    margin-bottom: 10px;
    margin-left: 7px;
}
#menu .ddsmoothmenu li > ul li > ul {
    margin-top:1px;
}
#menu .ddsmoothmenu li {
    position:relative;
    display:inline;
    font-size:16px;
    margin-left:0;
    margin-bottom:0;
    margin-right:0px;
}
#menu .ddsmoothmenu li a {
    color:#444;
    text-decoration:none;
    padding: 14.5px 16px 17px 18px;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover {
    color: #f6860e;
}
#menu .ddsmoothmenu li > ul {
    margin-top:7px;
    padding-top:10px;
    margin-left:5px;
}
#menu li li a, #menu li li a.selected, #menu li li a:hover {
    border:none;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
    text-decoration:none;
    color: #f6860e;
}
#menu .ddsmoothmenu li li:first-child{
    padding-top:10px;
}
#menu .ddsmoothmenu li li {
    background:url(images/menu-bg.png) repeat;
    text-transform:capitalize;
    margin:0;
    padding:0;
}
#menu .ddsmoothmenu li li a {
    width:155px;
    height:auto;
    float:none;
    display:block;
    text-align:left;
    position:relative;
    margin:0;
    padding:10px 0;
    margin-left:18px;
    margin-right:18px;
    text-transform:capitalize;
    border-bottom:1px dotted #ccc;
    background: url('images/arrow.png') no-repeat 0 14px;
    padding-left:0px;
    text-shadow:none;
    border-right:none;
    text-shadow:0 1.5px 1px #fff;
}
#menu .ddsmoothmenu li li:last-child{
    padding-bottom:0px;
    border-bottom:5px solid #e9ceb2;
}
#menu .ddsmoothmenu li li:last-child a{
    border:none;
}
#menu .ddsmoothmenu li li a:after {
    width:100%;
    content:'';
    position:absolute;
    left:0;
    top:0;
}
#menu .ddsmoothmenu li li li li:last-child a, #menu .ddsmoothmenu li li li li:last-child a:after {
    border-top:none;
}
#menu .ddsmoothmenu li li:last-child a:after {
    width:100%;
    content:'';
    position:absolute;
    left:0;
    bottom:0;
}
* html #menu .ddsmoothmenu li li a {
    display:inline-block;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
    color:#565555;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    color: #f6860e;
    text-shadow:none;
}
#menu .ddsmoothmenu li ul {
    position:absolute;
    left:0;
    display:none;
    visibility:hidden;
}
#menu .ddsmoothmenu li ul li {
    display:list-item;
    float:none;
}
#menu .ddsmoothmenu li ul li ul {
    padding-top:0;
    background:none;
    top:0;
    margin-top:0;
    margin-left:0;
}
#menu .ddsmoothmenu li ul li ul li:first-child{
    padding-top:0;
}
* html .ddsmoothmenu {
    height:1%;
}
.downarrowclass {
    position:absolute;
    width:5px;
    height:5px;
    overflow:hidden;
    top: 9px;
    right: 6px;
    background:url(images/menu-tip.png) center right no-repeat;	
}
.rightarrowclass {
    display:block;
    width:7px;
    height:5px;
    position:absolute;
    margin-top:-3px;
    top:50%;
    right:0;
}
.ddshadow {
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    display:none;
}
/* Slider 
==========================================*/
/* #Slider Style Flexslider
================================================== */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.slides, .flex-control-nav{
    overflow:hidden;
}
/*      FlexSlider Necessary Styles  */
.slider-container{
    overflow:hidden;
    padding-bottom:10px;
}
.slider-wrapper {
    font-weight:normal;
    padding-bottom:38px;
    margin-top:0px;
    background:url(images/slider-shadow.png) bottom center no-repeat;
    margin-bottom:30px;
}
.flexslider {
    width: 100%;
    min-height:300px;
    margin: 0;
    padding: 0;
    /*display:none;*/
}
.flexslider .slides > li {
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    max-width:auto;
    width:100%;
    height:auto;
    display: block;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/*      FlexSlider Styling  */
.flexslider {
    background: transparent;
    position: relative;
    zoom: 1;
    margin: 0 0 20px;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
    margin-left:0;
}
.flex-container {
    zoom: 1;
    position: relative;
}
/* Caption style */
.flex-caption-wrapper{
    position:relative;
}
.flex-caption {
    background:url(images/caption-bg.png) repeat-x;
    padding:0 12px;
    margin: 0;
    position: absolute;
    right:6.8%;
    bottom:40px;
    color: #fafafa;
    font-size: 13px;
    line-height: 18px;
    width:250px;
    max-height:435px;
    border-radius:8px;
    padding-bottom:35px;
    -moz-box-shadow:    2px 3px 8px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,0.3);
    box-shadow:         2px 3px 8px 0px rgba(0,0,0,0.3);
    border-right: 1px solid rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.8);
}
.flex-caption a.slider-readmore{
    background:url(images/slider-readmore.png) no-repeat;
    width:123px;
    height:32px;
    display:inline-block;
    position:absolute;
    left:-9px;
    bottom:3%;
}
.flex-caption a.slider-readmore span{
    color:#fff;
    background:url(images/slider-tip.png) left center no-repeat;
    margin-left: 21px;
    padding-left:11px;
    line-height:24px;
}
.flex-caption h1 {
    margin-bottom:10px;
    margin-top:15px;
    font-size:24px;
}
.flex-caption h1 a{
    font-size:22px;
    color:#222;
    line-height:27px;
    font-weight:bold;
}
.flex-caption p {
    color:#323232;
    font-size: 16px;
    line-height: 26px;
    padding-bottom:8px;
}
.caption {
    padding: 10px;
    margin: 0;
    position: absolute;
    right: 30px;
    bottom: 40px;
    color: #fafafa;
    font-size: 13px;
    line-height: 18px;
    width:308px;
    height:194px;
}
/* Direction Nav */
.flex-direction-nav li a {
    display: block;
    cursor: pointer;
    position:absolute;
    bottom:8px;
    background:#515156;
    color:#fafafa;
    font-family:Trebuchet, Helvetica, sans-serif;
    width:35px;
    height:30px;
    text-align:center;
    font-size:0;
    text-decoration:none!important;
    opacity:.01;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    -ms-transition: all .8s ease;
    transition: all .8s ease;
}
.flexslider:hover .flex-direction-nav li a {
    opacity:1;
}
.flex-direction-nav li a:hover {
    background:#555;
}
.flexslider .flex-direction-nav li .flex-next {
    background:#f6860e url(i