@import "//fonts.googleapis.com/css?family=Roboto:300,400,500,700";

body,html {
    min-height: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    font-size:18px;
}
img,
picture,
video,
embed {
    max-width: 100%;
}
.wrap{
    width: 95%;
    margin: 0px auto;
}
h6{
    text-align:center;
    font-size:16px;
}
.header{
    width: 100%;		
    float: left;
    padding-top: 12px;
}
.header .left{
    width: 15%;
    float: left;		
}
.header .right{
    width: 95%;    
}
.header .logo{
    float: left;
    max-width: 195px;
}
.header .logo-mavenflip{
    float: right;
    width: 100px;
}	
.container{
    width: 98%;
    float: left;
    padding: 0.2%;
}
.container .box{		
    float: left;	
    padding-top: 1%;
    margin-left: 10px;
}
.footer{
    width: 100%;
    float: left;
}
.footer .copy {
    display: block;            
    line-height: 26px;
    vertical-align: middle;
    text-align:center;                
}
.container .carousel{
    width: 90%;
    padding-left: 10%;
}
.jcarousel li {
    float: left;
    width: 205px;
    max-width: 205px;
    height: 450px;
    margin-right: 15px;
    margin-left: 15px;
}
.jcarousel-wrapper {
    width: 95%;
    height: 450px;
    background-color: #C3C3C3;
}
.jcarousel img {
    max-height: 450px;
}
.jcarousel-control-next {
    right: -45px;
}
.jcarousel-control-prev {
    left: -45px;
}        
a:hover{
    color:#fff;
    text-decoration:none;            
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .jcarousel-control-next {
        right: -30px;
    }
    .jcarousel-control-prev {
        left: -30px;
    }
    .wrap{
        margin-left: 10px;   
    }
}
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 800px) { 
    .jcarousel-control-next {
        right: -20px;
    }
    .jcarousel-control-prev {
        left: -20px;
    }
    .wrap{
        margin-left: 10px;   
    }
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){
    .jcarousel li {
        float: left;
        width: 200px;
        max-width: 200px;
        /*height: 200px;*/
        margin-right: 15px;
        margin-left: 15px;
    }
    .jcarousel-wrapper {
        width: 700px;
        height: 400px;
    }
    .jcarousel img {
        max-height: 400px;
    }
    .jcarousel-control-prev, .jcarousel-control-next {                
        width: 60px;
        height: 60px;
        font: 50px/50px;
    }
    .jcarousel-control-next {
        right: -25px;
    }
    .jcarousel-control-prev {
        left: -25px;
    }
}  
.stylish-input-group .input-group-addon{
    background: white !important; 
}
.stylish-input-group .form-control{
    border-right:0; 
    box-shadow:0 0 0; 
    border-color:#ccc;
    height:30px;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.input-medium{
    width:200px;
}

.container { margin-top: 20px; }
.mb20 { margin-bottom: 20px; } 

hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }
.search-result .thumbnail { border-radius: 0 !important; }
.search-result:first-child { margin-top: 0 !important; }
.search-result { margin-top: 20px; }
.search-result .col-md-2 { border-right: 1px dotted #ccc; min-height: 140px; }
.search-result ul { padding-left: 0 !important; list-style: none; text-align:left; }
.search-result ul li { font: 400 normal .85em "Roboto",Arial,Verdana,sans-serif;  line-height: 30px; }
.search-result ul li i { padding-right: 5px; }
.search-result .col-md-7 { position: relative; }
.search-result h3 { font: 500 normal 1.375em "Roboto",Arial,Verdana,sans-serif; margin-top: 0 !important; margin-bottom: 10px !important; }
.search-result h3 > a, .search-result i { color: #248dc1 !important; }
.search-result p { font: normal normal 0.98em "Roboto",Arial,Verdana,sans-serif; text-align:justify;} 
.search-result span.plus { position: absolute; right: 0;  }
.search-result span.plus a { background-color: #248dc1; padding: 5px 5px 3px 5px; }
.search-result span.plus a:hover { background-color: #414141; }
.search-result span.plus a i { color: #fff !important; }
.search-result span.border { display: block; width: 97%; margin: 0 15px; border-bottom: 1px dotted #ccc; }
.thumbnail img { max-height: 240px; }
.search-result p strong{
    background-color: yellow;
    color: black;
}