/*
Theme Name:     Customizr Child
Theme URI:      https://ranky10.com/customizr-child
Description:    A child theme for the Customizr WordPress theme. This child theme simply includes 2 files : style.css to add your custom css and functions.php where you can extend Customizr's core code. In order to keep your code as clean and flexible as possible, try to use Customizr's hooks API for your customizations. Do something awesome and have fun !
Author:         Ranky10
Author URI:     https://ranky10.com
Template:       customizr
Version:        1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- */

@import url('//fonts.googleapis.com/css?family=Roboto+Condensed');

#div_658a_0{    -webkit-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46); border: 1px solid #e2e2e2; padding:15px 8px 8px 
8px; margin-bottom: 10px}

#div_guide_title{    -webkit-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46); border: 1px solid #e2e2e2; padding:15px 8px 8px 8px;  margin-bottom: 7px;  color:white; background-color: #808080;}

#div_guide{    -webkit-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    -moz-box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46);
    box-shadow: 3px 4px 12px -4px rgba(0,0,0,0.46); border: 1px solid #e2e2e2; padding:15px 8px 8px 8px;  margin-bottom: 15px; background-color: #f7d660;}

#div_658a_2{    margin-bottom: 8px; font-weight:100px; font-family: 'Roboto Condensed', sans-
serif; font-size:25px; line-height:1.1em;}
#div_658a_3{font-size:8px;}
#div_658a_4{font-size:17px; line-height:1.1em;}
#div_658a_5{font-size:12px;}
#div_658a_6{padding:5px;}
#span_658a_0{font-size:35px; font-weight:700}
#span_658a_1{font-size:20px; font-weight:700}
#span_658a_2{font-size:20px; color:black;}
#div_658a_7{padding:8px;}
.col-sm-7.col-xs-12 {
    width: 50%;
    float: left;
}
.col-sm-2.col-xs-12 {
     width: 15%;
    float: left;
    margin-right: 10px;
    padding-top: 19px;
}

.col-sm-2.col-xs-img {
     width: 21%;
    float: left;
    margin-right: 10px;
    padding-top: 19px;
}

#div_658a_1 {
    font-size: 30px;
    float: left;
    padding: 16px;
    margin: 10px;
}

#div_658a_1:hover {
background: #337ab7;
}

#div_658a_10 {
    font-size: 30px;
    float: left;
    padding: 16px 7px 16px 7px;
    margin: 10px;
}

#div_658a_10:hover {
background: #337ab7;
}

.col-sm-2.col-xs-img img {
    width: 74%;
}

#div_658a_8 {
	font-family: 'Roboto Condensed', sans-serif; 
    font-size: 18px;
    padding: 10px;
    background: #28394c;
}

#div_658a_8:hover {
background: #286090;
}

i.fa.fa-star-half-o, i.fa.fa-star {
    color: #f3c92c;
}


@media only screen and (min-width: 1040px) {
.span9 {
    width: 840px;
}
}


@media only screen and (max-width: 640px) {
 .col-sm-2.col-xs-12 {
    width: 100%;
    float: left;
}

.col-sm-2.col-xs-img {
    width: 100%;
    float: left;
}

body {
max-width: 100%;
}


.col-sm-2.col-xs-12 img {
    width: 100%;
}

.col-sm-2.col-xs-img img {
    width: 100%;
}


.col-sm-7.col-xs-12 {
    width: 100%;
}

.col-sm-1.btn.btn-primary.disabled {
    float: left !important;
}


}



.fa-star:before {
    color: #F3C92C;
    font-size: 18px;
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
   font-size: 18px;
    color: #F3C92C;
}
.fa-star-o:before {
    color: #f3c92c;
    font-size: 18px;
}

i.fa.fa-question {
    background: #808080;
    color: #fff;
    padding-left: 5px;
    padding-right: 6px;
    font-size: 14px;
    border-radius: 50%;
    padding-top: 3px;
    padding-bottom: 1px;
}

#tc-page-wrap {
position: relative;
background: #fff !important;
}



.leftimage{
width:20px !important;
position:absolute;
left:20px;
top:80%;
}
.rightimage{
width:20px !important;
position:absolute;
right:20px;
top:80%;
}
.col-xs-img{
position:relative;
}
@media only screen and (max-width: 900px) {
.rightimage, .leftimage{
width:50px !important;
}
.leftimage{
left: 0px !important;
}
.rightimage{
right: 0px !important;
}
}