/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Custom CSS Code 
=================================================*/

.logo img {
    height: 54px;
    width: 289px;
}

.top-bar{
 background:#3591cb;   
}

.top-bar, .top-bar a, header .social a, footer .social a {
    color: #fff;
}

.navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.active a {
    border-top: 4px solid #9cd206;
}


.navigation ul li a, h3.title, .latest-blog .item h3 a, .accordion.style2 h4, .accordion.style2 h4 a, .slider-1:hover .flex-direction-nav li a, .slider-2:hover .flex-direction-nav li a {
    color: #8ebd0b !important;
}



.navigation ul li ul li a, .responsive ul li a, .navigation ul li ul li a:hover, .navigation ul li ul li.active a {
    border-bottom: 1px solid #fff;
}
.navigation ul li ul li a, .responsive ul a {
    color: #f9f9f9;
}
.navigation ul li ul li a {
    background: none repeat scroll 0 0 #fff !important;
}


.navigation ul li ul li {
    background: none repeat scroll 0 0 #fff !important;
}


h2, h3, h4, h5{
     color:#414141 !important;  
}

h1.whiteTitle, h2.whiteTitle, h3.whiteTitle, h4.whiteTitle, h5.whiteTitle{
     color:#fff !important;   
   
}

.Bluetext{
 color:#818181 !important;
    font-style:normal !important; 
}

p.orderP{
 margin-bottom:15px;  
    font-size: 17px;
}

.footer-top{
    background: none repeat scroll 0 0 #3591cb;
}

.footer-down {
    background: none repeat scroll 0 0 #226f9f;
}

.circle float-left{
    background:#b3b3b3!important;
}

.page-title{
    background:#226f9f!important; 
}

img.contentImage{
 width:100%
     height:100%;
    float: left;
    margin-right:20px;
}

img.img-circle{
border-radius: 50%;
    width:250px;
    height:250px;
}

.whiteBTN {
    background:#fff;
    border: solid 1px #80ba42 !important;
    color:#80ba42;
    padding: 7px 14px !important;
}
.whiteBTN:hover {
    background:#fff;
    border: solid 1px #2c2c2c !important;
    color:#2c2c2c;
    padding: 7px 14px !important;
}


button.large{
 font-size:18px;   
}



.pagination a.next-button, .pagination a.prev-button,  .tables-column .footer h4 a, .tables-column.color .footer h4 a:hover, footer .popular-tags a {
    background: none repeat scroll 0 0 #80ba42;
}

.comments .comment-box.author, .form-box input.text, .form-box textarea {
    background: none repeat scroll 0 0 #f3f2f3!important;
}

.form-box2 {
    margin: 0 20px 15px 0;
    width: 300px;
}


form-box input.text, select {
    border: medium none;
    display: block;
    padding: 12px 10px;
    width: 89%;
}


select {
    border: medium none;
    display: block;
    padding: 12px 10px;
    width: 100%;
    color: #5e5e5e;
}

    
 .comments .comment-box.author, .form-box input.text, .form-box textarea, select {
    background: none repeat scroll 0 0 #e8e7e8 !important;
}

select {
    -webkit-appearance: menulist-button;
    
}


.form-elements label:before {
    background-image: url("../images/icons/formelements.png");
    content: "";
    display: inline-block;
    height: 25px;
    left: 0;
    margin-right: 4px;
    position: relative;
    top: 7px;
    width: 25px;
}



.form-elements input[type="radio"], .form-elements input[type="checkbox"] {
    left: -999em;
    position: absolute;
}

a.loginTitle, span.loginTitle{
 font-size: 17px;
    cursor: pointer;
}


.fieldLong{
 width:350px !important;   
}


li.referralList, li.referralList a{
 font-size:17px;   
}


footer ul li.footerList{
 margin-bottom: 8px;   
}

footer ul li.footerList a{
color:#fff;  
}

footer ul li.footerList a:hover{
color:#8ed93e;  
}

tbody{
 min-width: 940px;   
}
tbody tr{
 border: 1px #d7d7d7 solid;   
}

tbody tr td{
 padding:20px;   
     border-right: 1px #d7d7d7 solid;  
}

tbody tr.tableTitle{
    background:#3591cb;
    color:#fff;
    font-size:16px;
}

ul.textList{
  list-style: decimal !important;   
}

ul.textList li{
 list-style: decimal !important;
    margin-bottom:12px;
    line-height: 22px;
    font-size: 14px;
}


table.totalsTable, table.totalsTable tr, table.totalsTable tr td{
		border: none !important;
	}
table.totalsTable tr td.money{
	text-align: right;
}
table.totalsTable tr td{
	padding-bottom: 2px;
	padding-top: 2px;
}

table.totalsTable tr td.noLeftPadding{
    padding-left: 0px;
}

ul#nav{
    list-style: none;
}

div.small-top-bar{
    background-color: #3591cb;
}

div.small-top-bar div.smallMenuHolder{
    float: right;
    color: white;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.small-top-bar div.smallMenuHolder a{
    color: white;
}

@media only screen and (max-width: 767px) {
    div.small-top-bar{
        display: block;
    }
    
    div.top-bar{
        display: none;
    }
}

@media only screen and (min-width: 767px) {
    div.small-top-bar{
        display: none;
    }
    div.top-bar{
        display: block;
    }
}