/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 Sep, 2014, 2:56:54 PM
    Author     : iffort006
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15 Sep, 2014, 2:56:54 PM
    Author     : iffort006
*/
body
{
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}
/********************MISC Classes***************************/
/*------------------------------------------
// IE - All Versions - Windows
//------------------------------------------*/
/****************Lists********************/
p{color:#ffffff; line-height: 1.6em; color:#cccccc;}
ul
{
    padding-left: 0;
    margin: 0;
}
ul li
{
    list-style: none;
}
.text-center
{
    text-align:center;
}
img.aligncenter
{
    display:block;
    margin:0 auto;
}
/* Clearfix Method for containing floats in IE */
.ie .clearfix { display: inline-block; }  /* ... especialy for IE7 */
.ie .clearfix { display: block; }          /* ... for IE5,IE6,IE7 */
* html.ie .clearfix { height: 1%; }       /* ... for IE5 + IE6/Win */

/* Adjustment of .floatbox class for IE */
.ie .floatbox { width:100%; }

/*------------------------------------------------------------------------------------------------------*/


/**
* Clearing Methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*------------------------------------------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {
    outline: 0;
}


/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }
.alL { text-align: left; }

/**************Images-alignment****************/
img{max-width: 100%; height: auto;}

img.alignleft { float:left; display: inline;}

img.alignright { float:right; display: inline;}

img.aligncenter { display:block; margin-left:auto; margin-right:auto;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/**
* Defaults
*/

html { font-size: 100.01%; }


/*********************Common Layout************************/
#container
{
    width: 100%;
    margin: 0 auto;
    background: #000000;
    min-height: 600px;
    position: relative;
}
.wrapper
{
    max-width: 80%;
    width: 100%;
    margin: 0 auto;
}
#header
{
    background: #202020;
    padding:0;
}
.logo
{
    display: inline-block;
    margin: 15px 0;
}
#footer
{

    background: #252525;    
    width: 100%; 
}

.slider
{
    border-bottom: 1px solid #503f2e;   
}
.speakers
{
    background: url(../images/speakers_bg.jpg) repeat 0 0;
}
.speakers-section
{
    max-width: 19.5%;
    width: 100%;
    float: left;
    padding: 30px 0 10px;
}
.speakers-section p
{
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color:#ffffff;
}
.speakers-section.border
{
    border-style: solid; 
    border-width: 0px 3px 0px 0px; 
    -moz-border-image: url(../images/speakers_border.jpg) 0 245 0 0 round; 
    -webkit-border-image: url(../images/speakers_border.jpg) 0 245 0 0 round;
    -o-border-image: url(../images/speakers_border.jpg) 0 245 0 0 round; 
    border-image: url(../images/speakers_border.jpg) 0 245 0 0 fill round;
}
.register_bg
{
    background: url(../images/register_bg.jpg) repeat 0 0;
    padding: 40px 0 20px;
}
.register-section
{
    float: left;
    max-width: 30.2%;
    width: 99%;
    border-style: solid; 
    border-width: 0px 30px 0px 0px; 
    -moz-border-image: url(../images/separator.png) 0 299 0 0 round; 
    -webkit-border-image: url(../images/separator.png) 0 299 0 0 round;
    -o-border-image: url(../images/separator.png) 0 299 0 0 round; 
    border-image: url(../images/separator.png) 0 299 0 0 fill round;
}
.register-section.last
{
    border: none;
}
.register-section h2
{
    text-transform: uppercase;
    font-size: 18px;
    color:#bdbdbd;
    text-align: center;
    line-height:1.8em;
}
.register-section p
{
    font-size: 13px;
    color:#bdbdbd;
    text-align: center;
    line-height: 1.8em;
}
a.more-button
{
    display: block;
    width: 50px;
    margin: 20px auto;
    background: #000000;
    padding:5px 10px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    color:#ffffff;
}
a.more-button:hover
{
    background: #c01d23;
}
/****************Menu*******************/
#menu
{
    float: right;
    max-width: 819px;
    width: 100%;
}
#menu ul li
{
    display: inline;
    float: left;
    border-style: solid; 
    line-height: 80px;
    /*    border-width: 0px 2px 0px 0px; 
        -moz-border-image: url(../images/divider.jpg) 0 71 0 0 round; 
        -webkit-border-image: url(../images/divider.jpg) 0 71 0 0 round;
        -o-border-image: url(../images/divider.jpg) 0 71 0 0 round; 
        border-image: url(../images/divider.jpg) 0 71 0 0 fill round;*/
}
/* THE SUBMENU LIST HIDDEN BY DEFAULT */
#nav.accessories
{
    left: 900px;
}
#nav.soundbar
{
    left: 795px;
}
#nav.mobility
{
    left: 620px;
}
#nav.wireless
{
    left: 705px;
}
#nav
{
    position: absolute;
    left: 525px;
    top:8px;
}
#nav ul li
{
    border: none;
    background: url(../images/speakers/arrow.jpg) no-repeat left center;
    padding: 0 35px 0 12px;
    display: inline;
    font-size: 12px;
    float: left;
}
#nav ul li a
{
    color:#ffffff;
    text-decoration: none;
}
/* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */

#nav ul li a:hover 
{
    text-decoration: none;
    text-shadow: none;
    color:#c01d23;
}

#nav ul li a.active 
{
    text-decoration: none;
    text-shadow: none;
    color:#c01d23;
}
/******************Submenu********************/


#menu ul li.home-image
{
    margin: 28px auto;
    border-right: none;
}
#menu ul li.home-image .icon
{
    background: url(../images/home_image.png) no-repeat top center;
    width: 22px;
    height: 19px;
    display: block;
}
#menu ul li.home-image .icon:hover
{
    background: url(../images/home_hover_image.png) no-repeat top center;
}
#menu ul li a
{
    font-size: 13px;
    color:#dbdbdb;
    text-decoration: none;
    padding: 0 20px;
    display:block;
}
#menu ul li a:hover
{
    color:#ffffff;
    background: #363636;
    display: block;
}
#menu ul li.active
{
    background: #363636;
    display: block;
}
#menu ul li.last
{
    border: none;
}
#menu ul li.buy a
{
    padding: 5px 10px;
    background: #c01d23;
    color:#ffffff;
    line-height: 1.2em;
    margin:28px 0 8px 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#menu ul li.buy a:hover
{
    background: #ffffff;
    color: #c01d23;
}

/*************Social Media Plugin****************/
.social-sections
{
    padding: 30px 0 ;
}
.one-fourth
{
    float: left;
    margin-right: 0px;
    max-width: 25%;
    width: 100%;
}
.one-fourth.instagram
{
    max-width: 22%;
}
.one-fourth .desc
{
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top:0;
}
.one-fourth h2 a
{
    color:#bdbdbd;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
}
.one-fourth h2 a:hover{color:#ffffff;}
.recent-posts img
{
    float: left;
    margin: 5px;
    width: 68%;
}
.recent-posts .text
{
    float: left;
    margin:0 5px;
    width:75%;
}
.recent-posts .text h2 a
{
    font-size: 12px;
    display: block;
    color:#bdbdbd;
    margin: 0px 0;   
    font-weight: bold;    
}
.recent-posts .text h2 a:hover
{
    color:#ffffff;
}
.recent-posts .text p
{
    font-size: 14px;
    color:#bdbdbd;
    margin: 0;
    line-height: 1.2em;
}
.instagram img
{
   float: left;
    margin: 2px;
    max-width: 31%;
    text-align: left;
    width: 100%;
}
.tweets img
{
    float:left;
}
.tweets .text
{
    float: left;
    max-width: 82%;
    width: 100%;
}
.tweets .text p
{
    color:#bdbdbd;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
}
.tweets .text p span
{
    color:#ffffff;
    display: block;
}
/*******************Footer Menu*********************/
.footer-list
{
    padding: 20px 0;
    float: left;
}
#footer ul li
{
    float: left;
    display: inline;
    font-size: 12px;
    color:#ffffff;
    padding: 0 5px;
    border-right: 1px solid #ffffff;
    line-height: .8em;
}
#footer ul li.last
{
    border-right: 0;   
}
#footer ul li a
{
    text-decoration: none;
    color:#ffffff;
}
#footer ul li a:hover
{
    text-decoration: underline;
}
#footer p.copyright
{
    float: right;
    font-size: 12px;
    color:#ffffff;
    padding: 20px 0;
    margin: 0;
}


/****************Features-bar******************/
.features-bar
{
    padding: 10px 0;
    background: #383838;
}
.features-bar ul.features
{
    float: right;
}
.features-bar ul li
{
    color:#ffffff;
    font-size: 12px;
    float: left;
    display: inline;
    padding: 0 6px;
}
.features-bar ul li a
{
    color:#ffffff;
    font-size: 12px;
    text-decoration: none;
}
.features-bar ul li a:hover
{
    color:#bdbdbd;
}
/******************Spacing*********************/
.space-right
{
    right: 10%;
    position: absolute;
}
.space-left
{
    left: 10%;
    position: absolute;
}
.full-width-image
{
    width: 100%;
    position: relative;
}
.top-image
{
    position: relative;
    min-height: 300px;
}
.top-image .desc
{
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top:0;
}
.top-image .desc h1
{
    font-size: 45px;
    color:#ffffff;
    font-weight: 300;
    margin: 25px 0 5px;
}
.top-image .desc p
{
    font-size: 21px;
    color:#ffffff;
    font-weight: 300;
    margin: 0;
    line-height: 1.3em;
}
.row .description h2
{
    font-size: 32px;
    font-weight: 300;
    margin: 40px 0 20px;
    color:#cccccc;
    line-height: 1.2em;
}
.row .description p
{
    font-size: 15px;
    color:#cccccc;
    line-height: 2.2em;
}
.row.product1
{position: relative;}
.row.product2
{position: relative;}
.row.product3
{position: relative;}
.row.product4
{position: relative;}
.row .description
{
    top:0;
    width: 26%;
}
.row .description.medium-products
{
    width: 40%;
}
.row .description.large-description
{
    width: 45%;
}
.row .description.x-large-products
{
    width: 50%;
}
.row .description.large-products
{
    width: 28%;
}
.row.products 
{
    background: #3a3a3a;
    min-height: 100px;
}
/***************Reviews******************/
.reviews h2 span
{
    color:#bdbdbd;
    font-size: 82px;
    margin-top: -35px;
}
.reviews h2
{
    color: #ffffff;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    margin: 50px 0 20px;
}
.register-section h3
{
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    line-height: 2em;
    text-transform: capitalize;
}
.register-section p.alignment
{
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.register-section.border {
    border-bottom: 1px solid #bdbdbd;
    margin: 0 14px;
    min-height: 160px;
}
.reviews img
{
    margin-bottom: 20px;
}
/*************Price*****************/
.price-bg
{
    background: #000000;
    border: 2px solid #383838;
    border-top: 0;
    padding: 8px 10px 0;
    position: absolute;
    top: 0;
    right: 10%;
    max-width: 138px;
    width: 100%;
    z-index: 1;
}
.price-bg h2
{
    font-size: 20px;
    color:#c01d23;
    margin: 0;
}
.border
{
    border-bottom: 1px solid #383838;   
}
.buy p
{
    float: left;
    font-size: 14px;
    color:#ffffff;
    margin: 12px 0;
}
.websites a
{
    float: right;
    margin:8px 0;
    width: 80px;
    height: 22px;
    display: block;
    background: url(../images/websites.jpg) no-repeat 0 0;
}
.websites a.flipkart
{
    background-position: 0 0;
}
.websites a.snapdeal
{
    background-position: 0 -31px;
}
.websites a.amazon
{
    background-position: 0 -60px;
}
/************Reviews****************/
.reviews-section
{
    position: absolute;
    top:28px;
    left: 10%;
    z-index: 1;
}
.reviews-section img
{
    float: left;   
}
.reviews-section-text
{
    float: left;
    max-width: 40%;
    width: 100%;
}
.review_wrapper
{
    width: 90%;
    margin: 0 auto 20px;
}
.reviews-section-text p
{
    font-size: 13px;
    color:#ffffff;
    margin: 0 10px;
    line-height: 1.3em;
    font-weight: normal;
}
.reviews-section-text p span
{
    font-size: 13px;
    color: #bdbdbd;
    font-style: italic;
    display: block;
    margin-top: 5px;
}
/****************Breadcrumb******************/
.breadcrumbs a
{
    display: inline;
    float: left;
    color:#ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 5px;
}

.breadcrumbs span
{
    display: inline;
    float: left;
    color:#ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 0 5px;
}

.breadcrumbs img
{
    display: inline;
    float: left;
    padding: 0 5px;
    margin-top:-2px;
}

.bx-wrapper{
    max-width: 100% !important;
}

#content{
    color:#ffffff;
}
/********************Register************************/
#content
{
    background: #000000;
    padding: 40px 0;
}
#content.register h1
{
    font-size: 45px;
    margin: 0;
    font-weight: 300;
    text-align: center;
    color:#ffffff;
}

.one-by-two
{
    width: 45%;
    float: left;
}
.one-by-two.register-form
{
    padding: 0 25px;
}
.one-by-two.register-form label
{
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    text-align: left;
    padding-top: 30px;
    display: inline-block;
}
.one-by-two.register-form .textbox
{
    max-width: 80%;
    width: 100%;
    float: left;
    height: 46px;
    background: #ffffff;
    border: 0;
    margin: 5px 0;
    padding: 0 5px;
}
.one-by-two.register-form .textbox.user-id
{
    background: url(../images/user-id.jpg) no-repeat #ffffff;
    padding-left: 75px;
}
.one-by-two.register-form .textbox.passwd
{
    background: url(../images/password.jpg) no-repeat #ffffff;
    padding-left: 75px;
}
.one-by-two img
{
    float: left;
}
.center-image
{
    float: left;
    width: 5%;
    margin: 20px 0;
}
.center-image img.separator-horizontal
{
    display: none;
}
/*******Register Buttons********/
.register-button
{
    width: 60%;
    margin: 0 auto;
    color: #ffffff;
    padding: 15px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
}
.one-by-two .buttons
{
    padding: 80px 0;
}
.register-button.facebook
{
    background:url(../images/facebook.png) no-repeat 10px 0 #6879c5;
}
.register-button.google
{
    background:url(../images/google.png) no-repeat 10px 0 #fc7672;
}
/****************Placeholder*******************/
::-webkit-input-placeholder {
    font-size: 14px;
    color: #636363;
}
:-moz-placeholder { /* older Firefox*/
    font-size:14px;
    color: #636363;
}
::-moz-placeholder { /* Firefox 19+ */
    font-size: 14px;
    color: #636363;}
:-ms-input-placeholder {
    font-size: 14px;
    color: #636363;
}
.form-button
{
    font-size: 16px;
    color:#ffffff;
    display: block;
    margin: 30px auto;
    width: 145px;
    height: 40px;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    background: #b9161c;
    border: 0;
    cursor: pointer;
}
.form-button:hover
{
    background: #ff373e;
}
/*#content.register p.login-message
{
    font-size: 14px;
    color:#ffffff;
    text-align: center;
    margin-bottom: 50px;
}
#content.register p.login-message a
{
    color:#ff343a;
}
#content.register p.login-message a:hover
{
    color:#b9161c;
}*/
.terms
{
    background: #141414;
    padding: 20px;
}
#content .terms p
{
    color: #ff373e;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
#content .terms ul li
{
    color: #ffffff;
    font-size: 14px;
    text-align: left;
    margin: 10px 0;
    line-height: 1.5em;
}
/****************Gateway-pages******************/
.gateway-pages
{
    padding: 0 0;
    min-height: 600px;
    position: relative;
}
.gateway-pages .one-third
{
    float: left;
    width: 24.7%;
    margin-left: 3px;
    position: relative;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.gateway-pages .one-third:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.gateway-pages .desc
{
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
    top:0;
}
.gateway-pages .desc h1
{
    font-size: 50px;
    color:#ffffff;
    font-weight: 300;
    margin: 40px 0 10px;
}
.gateway-pages .desc h2
{
    font-size: 28px;
    color:#ffffff;
    font-weight: 300;
    margin: 20px 0 0px;
}
.gateway-pages .desc p
{
    font-size: 21px;
}
.fullwidth
{
    width: 100%;
}
.gateway-pages .one-by-two
{
    position: relative;
    width: 49.8%;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.gateway-pages .one-by-two.right
{
    float: right;
}
.gateway-pages .center
{
    float: none;
    margin: 0 auto;
    width: 80%;
    position: relative;    
}
.gateway-pages .one-by-two:hover
{
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/**********Warranty***********/
#warranty
{
    padding: 0 20px;
}
.type-page
{
    padding: 0 20px;
}
.rfbp-image-wrap
{
    margin: 0!important;
}
.rfbp-text
{
    max-width: 95%;
}
.rfbp-text p
{
    line-height: 1.5em!important;
}


/************************/
.heading
{
    margin:0 auto 40px;
    max-width: 280px;
}

.morectnt span {
    display: none;
}

.showmoretxt{
    color:#CCCCCC;
}

.wpcf7-form-control-wrap .textbox
{
    width: 80%;
    height: 25px;
    margin-bottom: 10px;
}
.wpcf7-form-control-wrap select
{
    max-width:350px;
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
}

.rfbp-post
{
    width: 95%;
    border-bottom: 1px dashed #4f4f4f!important;
}

.gateway-pages h1.coming-soon
{
    padding: 25px 0;
    font-weight: 100;
    font-size: 45px;
}
#sitemap_list li
{
    float: left;
    width: 50%;
}
.ui-accordion .ui-accordion-content
{
    height: auto!important;
}

.copyright_img{
    margin-bottom: -10px;
    margin-left: 3px;
}
.menu-bar
{
    padding: 15px;
    background: #383838;
    position: relative;
}

/**********About Page*************/
.about
{
    padding:15px 0 20px;
}
.about h2
{
    font-size: 30px;
    color:#d1d1d1;
    font-weight: 100;
    line-height: 1.8em;
}
.about-content
{
    padding: 30px 0;
}
.about-content h2
{
    font-size: 22px;
    color:#d1d1d1;
    text-align: center;
}
.about-content .left-section
{
    width: 25%;
    float: left;
    border-right: 1px solid #d1d1d1;
}
.about-content .right-section
{
    padding-left: 28px;
    width: 72%;
    float: left;
}
.about-content .right-section h2
{
    text-align: left;
}
h2.about-heading
{
    font-size: 22px;
    color:#d1d1d1;
    text-align: left;
    margin: 20px 0;
}
h2.about-heading span
{
    display: block;
    font-size: 18px;
    color:#d1d1d1;
    font-weight:100;
}
.about-content .one-fourth
{
    width:22.8%;
    border-right:1px solid #d1d1d1;
}
.about-content .one-fourth.last
{
    border-right: 0;
}

#footer .footer-menu
{
    background: #616161;
}
.updates .one-fifth-text h2:hover
{
    color:#d1d1d1;
}

#footer p.copyright.left-section{float:left;}



/*cols*/
.prt {width:100%; height:auto; float:left; padding:65px 0; background:#252525;}
.prt .prtitem {margin:0 auto; width:1140px; height:auto;}
.prt .prtitem h3 {font-size:28px; color:#FFF; font-weight:400; margin:0 0 14px 0;;} 

.col-left {text-align:left; width:40%; height:auto; float:left; position:relative;}
.col-left img {width:100%; height:auto;}

.col-right {width:57%; height:auto; float:right; position:relative; text-align:left;}
.col-right h4 {font-size:20px; color:#FFF; font-weight:400; margin:0 0 14px 0;;}
.col-right ul {list-style:none;}
.col-right ul li {float:left; position:relative; width:46%; margin:10px 5% 10px 0; color:#ababab;line-height:20px}
.col-right ul li:nth-child(even) {margin:10px 0% 10px 0}