/*
Theme Name: WP-Fitshop
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* style added for image 100% by prasad on 5 MAY 2015 */
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}

@media screen and (min-width: 950px) and (max-width: 1200px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}


}

@media screen and (min-width: 850px) and (max-width: 949px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}
}


@media screen and (min-width: 750px) and (max-width: 849px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}
}

@media screen and (min-width: 650px) and (max-width: 749px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}

}

@media screen and (min-width: 550px) and (max-width: 649px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}

}

@media screen and (min-width: 450px) and (max-width: 549px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}

}

@media screen and (max-width: 449px) {
img[class*="align"], img[class*="wp-image-"] {
height: auto;
width: auto;
}
}


/* custom styles added by prasad */
.coroselBgStyle{background:url(images/bg/bg_2.png) no-repeat 0 0 ; width:723px; height : 341px;}
#headerBg1 {background : url(images/bg/header_bg.png) no-repeat 0 0 ; width:970px;height:109px; margin-top: -24px;}
#footerBg
{
    background-image: url("images/bg/footer_bg.png");
    background-repeat: repeat-x;
    text-align: left;
    margin-top:55px;    
}
#footerBg
{
    /*background-image: url("images/bg/footer_bg.png");*/

/* custom styles added by prasad */
/*???MANY LINES MISSING */
        padding: 0;
        margin: 0;
       /* line-height: 60px;*/
        text-align: center;
        cursor: pointer;
}

.sb-search-submit {
        background: #fff; /* IE needs this */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
        color: transparent;
        border: none;
        outline: none;
        z-index: -1;
}

.sb-icon-search {
        color: #fff;
        background: #e67e22;
        z-index: 90;
        font-size: 22px;
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
        content: "\e000";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
        width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
        background: #da6d0d;
        color: #fff;
        z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
        z-index: 90;
}

/* custom css */
/* Header Style */
.main,
.container > header {
        margin: 0 auto;
        padding: 2em;
}

.container > header {
        text-align: center;
        background: rgba(0,0,0,0.01);
}

.container > header h1 {
        font-size: 2.625em;
        line-height: 1.3;
        margin: 0;
        font-weight: 300;
}

.container > header span {
        display: block;
        font-size: 60%;
        color: #e67e22;
        padding: 0 0 0.6em 0.1em;
}

/* Main Content */
.main {
        max-width: 69em;
}

.column {
        float: left;
        width: 50%;
        padding: 0 2em;
        min-height: 300px;
        position: relative;
}

.column:nth-child(2) {
        box-shadow: -1px 0 0 rgba(0,0,0,0.1);
}

.column p {
        font-weight: 300;
        font-size: 2em;
        padding: 0;
        margin: 0;
        text-align: right;
        line-height: 1.5;
}

.column a {
        border: 3px solid #b4c7da;
        padding: 0 15px;
        display: inline-block;
        margin: 20px 0;
}

.column a:hover {
        border-color: #fff;
}

/* To Navigation Style */
.codrops-top {
        background: #566472;
        background: rgba(255, 255, 255, 0.2);
        text-transform: uppercase;
        width: 100%;
        font-size: 0.69em;
        line-height: 2.2;
}



.codrops-top a {
        padding: 0 1em;
        letter-spacing: 0.1em;
        color: #fff;
        display: inline-block;
}

.codrops-top a:hover {
        background: rgba(255,255,255,0.8);
        color: #2c3e50;
}

.codrops-top span.right {
        float: right;
}

.codrops-top span.right a {
        float: left;
        display: block;
}

.codrops-icon:before {
        font-family: 'codropsicons';
        margin: 0 4px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
        content: "\e001";
}

.codrops-icon-prev:before {