@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', Tahoma;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    font-size: 12px;

    margin: 0;
    padding: 0;
    height: 100%;
    background: #f6f6f6;
}

/* Custom container */
.container {
    width: 1170px;
    margin: 0 auto;
    /*max-width: 1000px;*/
}

.container > hr {
    margin: 60px 0;
}

/*----------------------------header---------------------------------------*/
.header {
    padding: 18px 0 0 0;
    height: 140px;
    background-color: #E50000;
}
.header-inner{
    margin-bottom: 10px;
}
/*----------------------------right_top_menu---------------------------------------*/
.right_top_menu {
    padding-top: 30px;
}

.nav_top_header {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}

.nav_top_header li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #ffffff;
    display: inline-block;
    font-family: Myriad Pro;
}

.nav_top_header li a {
    color: #ffffff;
    /*font-size: 12px;*/
}

/*----------------------------social_icon---------------------------------------*/
.social_icon {
    transition: background-position 0.5s ease;
    height: 23px;
    width: 23px;
    display: block;
    float: left;
    background-image: url(../images/social_icons.png);
}

.social_links {
    float: right;
    margin: -9px 0 0 9px;
}

.social_links li {
    height: 28px;
    line-height: 25px;
    list-style: none;
    font-size: 13px;
    float: left;
    margin: 5px 5px 0 0;
}

.fb_icon {
    background-position: 0 0;
}

.fb_icon:hover {
    background-position: 23px 0;
}

.tw_icon {
    background-position: 0 -26px;
}

.tw_icon:hover {
    background-position: 23px -26px;
}

.yt_icon {
    background-position: 0 -52px;
}

.yt_icon:hover {
    background-position: 23px -52px;
}

.bl_icon {
    background-position: 0px -106px;
}

.bl_icon:hover {
    background-position: 23px -106px;
}


.gp_icon {
    background-position: 0 -78px;
}

.gp_icon:hover {
    background-position: 23px -78px;
}

/*----------------------------navbar---------------------------------------*/

.navbar {
    margin: 0;
}

.navbar .navbar-inner {
    padding: 0;
    border: none;
    background: url(../images/repeat_menu_bar.png) repeat-x;
    box-shadow: none;
}

.navbar .nav {
    margin: 1px 0 0 0;
    display: table;
    width: 100%;
}

.navbar .nav li {
    display: table-cell;
    width: 1%;
    float: none;
    line-height: 15px;
}

.navbar .nav li a {
    outline: none;
    background:url(../images/repeat_menu_bar.png) repeat-x 0 -1px;
    /*font-weight: bold;*/
    text-align: center;
    color: #ffffff;
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.navbar .nav > li > a {
    text-shadow: none;
    font-size: 13px;
    padding: 8px 15px 12px;
}



.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}

.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    /*color: #808080;*/

    color: #ffffff;
    background:url(../images/active_menu.png) repeat-x 0 -1px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    padding: 10px 15px 13px;
    color: #ffffff;
    background:url(../images/active_menu.png) repeat-x 0 -1px;
    box-shadow: none;

}

.search_bg {
    text-align: right;
}

.search_bg input {
    border-radius: 20px 20px 20px 20px !important;
    /*font-size: 12px;*/
    height: 21px !important;
    line-height: 21px !important;
    margin: -2px 13px 0 0;
    padding: 2px 30px 2px 6px;
    border: none;
    background-image:url(../images/search_bar.png);
    background-position: 68px -8px;
    background-repeat: no-repeat;
    background-color: #ebebeb;

}

/*----------------------------navbar---------------------------------------*/
.banner {
    border-top: none;
    float: left;
    padding: 10px 0;
}

.banner h1 {
    font-size: 100px;
    line-height: 1;
}

.banner .lead {
    font-size: 24px;
    line-height: 1.25;
}

.banner .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/*----------------------------page_content---------------------------------------*/
.page_content {
    /*color: #ffffff;*/
    /*background: white;
    padding: 10px;*/
}

/*----------------------------new_products---------------------------------------*/
.new_products {
    background: #f0f0f0;
    border: 1px solid #c8c7c8;
    padding: 15px;
    color: #7d7d7d;
}

.new_products a {
    color: #009fe3;
}

.new_products .new_product:nth-child(odd) {
    border-right: 1px solid rgba(0, 0, 0, .1);
}
.new_products h3 {
    font-family: Tahoma;
    font-size: 22px;
    font-weight: lighter;
    color: #000000;
}

/*.new_products:last-child .new_product {
    border-right: none;
}*/

/*--------------------------footer----------------------------------------*/
.footer_title {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 13px;
}

.footer {
    background: url(../images/footer-bg.png) repeat-x top #616161;
    margin-top: 30px;
    padding: 40px 0 30px 0;
}

.footer .footer_link {
    margin: 0;
    padding: 0;
}
.category-link li{
    margin: 10px 0;
}
.quick-link li{
    margin: 10px 0;
    border-bottom: 1px solid #FFFFFF;
}

.footer .social_links {
    float: left;
}

.footer .social_links li {
    width: 100%;
}

.footer li {
    list-style: none;
}

.footer, .footer a {
    color: #FFFFFF;

    /*font-weight: bold;*/
    /*font-size: 12px;*/
    text-decoration: none;
    line-height: 18px;
}

.footer_logo {
    /*float: right;*/
    margin: 20% 0 0 0;
}
.scroll-up{
    outline: none;
    background: url(../images/up.png);
    display: block;
    width: 32px;
    height: 50px;
    position: fixed;
    z-index: 154;
    bottom: 10px;
    right: 30px;
    float: right;
    display: none;
}
.footer-copy{
    background: #E50000;
    padding: 12px 0 1px;
    color: #ffffff;
    font-size: 11px;
}
.social_links li {
    height: 28px;
    line-height: 25px;
}

.social-icons a{
    width: 40px;
    height: 40px;
    display: block;
    float: left;

    transition: background-position 0.5s ease;
}
.social-icons .fb{
    background: url(../images/social-icons.png) 0 0;
}
.social-icons .fb:hover{
    background-position: 0 -40px;
}
.social-icons .tw{
    background: url(../images/social-icons.png) 40px 0;
}
.social-icons .tw:hover{
    background-position: 40px -40px;
}

/*-------------------------------------product---------------------------------------*/

.product_grid ul{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product_grid li.product {
    list-style: none;
    margin: 10px 16px 10px 0;
    padding: 10px 9px;
    width: 220px;
    height: 310px;
    display: block;
    background-color: #FFFFFF;
    float: left;
}
.product_grid li.product:nth-child(5n+0){
    margin: 10px 0 10px 0;
}
.product_grid li.product:hover{
    box-shadow: 0px 2px 2px #a3a3a3;
}

.product_grid li.product a {
    font-size: 12px;
    text-decoration: none;

}

.product_img {
    text-align: center;
    /*height: 155px;*/
    padding: 25px 0 0 0;
}

.product_img img {
    vertical-align: bottom !important;
}

.product_title a {
    color: #1e82d0;
    font-size: 15px !important;
    /*font-weight: bold;*/
}
.pt-review{
    color: #1e82d0;
}
.btn-margin{
    background: #a6a6a6;
    border-radius: 2px;
    margin: 5px 0 0;
}

.product_category_title {
    font-size: 14px;
    color: #777777;
}

.compare_pro label {
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    width: 120px;
}
.load_more{
    display: block;
    background: #939393;
    padding: 10px ;
    text-align: center;
    color: #FFFFFF;
}
/*---------------------------------breadcrumb--------------------------------*/
.breadcrumbs {
    /*color: #FFF;*/
    margin: 10px 0 0 0;
}

.breadcrumbs h3 {
    margin: 0;
    padding: 0;
    color: #0b5590;
    font-size: 28px;
    font-weight: normal;
}

.breadcrumb-inner {
    font-size: 11px;
    line-height: 28px;

}
.filters{
    position: relative;
    top: -65px;
}

.b-home {
    background: url(../images/breadcrumb-home.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 30px;
    width: 45px;
    z-index: 5;
    position: relative;
}
.b-home a{
    display: block;
    width: 100%;
}
.b-2 {
    background: url(../images/breadcrumb-2.png) no-repeat scroll right 0;
    display: block;
    float: left;
    height: 30px;
    margin: 0 0 0 -20px;
    padding: 0 22px 0 26px;
    z-index: 4;
    position: relative;
    color: #326eae;
}
.b-2 a{
    text-decoration: none;
    color: #326eae;
}
.b-active {
    background: url(../images/breadcrumb-active.png) no-repeat scroll right 0;
    display: block;
    float: left;
    height: 30px;
    margin: 0 0 0 -20px;
    padding: 0 22px 0 26px;
    z-index: 2;
    position: relative;
    color: #a1a1a1;

}
.index-3{
    z-index: 3 !important;
}
/*-----------------------------------------------------------------*/

.btn {
    box-shadow: none;
    /*font-size: 12px;*/
    line-height: 16px;
    text-shadow: none;
}

.dany_btn {
    border-radius: 2px;
    color: #ffffff;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    background-color: #093963;
    *background-color: #093963;
    background-image: -moz-linear-gradient(top, #094e7f, #093963);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#094e7f), to(#093963));
    background-image: -webkit-linear-gradient(top, #094e7f, #093963);
    background-image: -o-linear-gradient(top, #094e7f, #093963);
    background-image: linear-gradient(to bottom, #094e7f, #093963);
    background-repeat: repeat-x;
    border-color: #093963 #094e7f #093963;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* Gradient transparent - color - transparent */
hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

hr.style-two-gray {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(178, 178, 178, 0.74), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(178, 178, 178, 0.74), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(178, 178, 178, 0.74), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(178, 178, 178, 0.74), rgba(0, 0, 0, 0));
}

/*------------------------------------ product_detail -----------------------------------------*/

h3 {
    font-size: 23px;
}

.product_grid .product {
    /*border: 1px solid red;*/
    /*height: 315px;*/
    margin: 15px 0;

}

.product_grid a {
    outline: none;
    text-decoration: none;
}

.product_img {
    /*todo::adnan*/
    min-height: 180px;
}

.filter_category {
    list-style: none;
    margin: 0;
    padding: 0 0 8px;
    display: inline-table;

}

.filter_category li {
    display: table-cell;
    float: left;
    margin: 2px;
}

.filter_category li a {
    color: #000000;
    text-decoration: none;
    padding: 5px 12px;
}

.filter_category li a:hover {
    background: #1e82d0;
    color: #ffffff;
}

.product_detail {

}
.product_detail h1 {
    font-size: 35px;
    color: #1e82d0;
}
.product_detail h1 .category{
    font-size: 11px;
    color: #717171;
}
.product_detail h1 {
    font-size: 38px;
    color: #1e82d0;
}

.product_banner {
    padding: 15px;
}

.product_banner .btn {
    padding: 8px 25px;
    margin-right: 10px;
}

.product_banner li {
    margin: 8px 0;
}

.feature_box {
    color: #000000;
    padding: 20px 20px 20px 30px;
    background: #e3e3e3;
    margin: 20px 0;
}

.heading {
    /*padding: 15px;*/
}

.product_gallery {
    background: #e3e3e3;
    padding: 10px;
}

.product_gallery .span3 {
    background: #cdcdcd;
    text-align: center;
    padding: 15px;
}

.product_gallery .span3:hover {
    background: #9b9b9b;
}

.product_specs {
    padding: 15px 0;
    background: #ffffff;
    color: #000000;
}
.product_specs tr > td:first-child {
    width: 30%;
}
.product_specs td {
    padding: 5px;
    background: #f9f9f9;
}
.product_specs tr:nth-child(even) > td {
    background: url(../images/specs-bg.png) no-repeat right -32px #e9e9e9;
}
.product_specs tr:nth-child(odd) > td {
    background: url(../images/specs-bg.png) no-repeat right 0px #f9f9f9;
}
.product_specs tr:nth-child(odd) td:nth-child(2n+0){
    background: #FFFFFF;
}
.product_specs tr:nth-child(even) > td:nth-child(2n+0) {
    background: #f7f7f7
}
.bg-white-top-bd{
    color: #000000;
    /*font-size: 12px;*/
}
.bg-white-top-bd .heading{
    color: #000000;
}
.top_categories_type {
    display: none;
    position: relative;
    background: #ececec;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #cbcbcb;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 8px 0 0;
}

.top_categories_type li {
    border: 1px solid #cbcbcb;
    border-right: none;
    border-top: none;
    border-collapse: collapse;
    float: left;
    padding: 10px 5px 5px 5px;
    width: 166px;
    height: 140px;
    text-align: center;
    overflow: hidden;

}

.top_categories_type li:first-child {
    border-left: none;
}

.top_categories_type li:nth-child(7n+0) {
    border-right: 1px solid #cbcbcb;
    width: 164px;
}

.top_categories_type li:last-child {
    border-right: 1px solid #cbcbcb;
}

.top_categories_type li a {
    /*font-family: Myriad Pro;*/
    font-size: 14px;
    text-decoration: none;
}

.top_categories_type li:hover {
    background-image: linear-gradient(bottom, rgb(217, 214, 217) 8%, rgb(239, 239, 239) 54%, rgb(242, 239, 242) 82%);
    background-image: -o-linear-gradient(bottom, rgb(217, 214, 217) 8%, rgb(239, 239, 239) 54%, rgb(242, 239, 242) 82%);
    background-image: -moz-linear-gradient(bottom, rgb(217, 214, 217) 8%, rgb(239, 239, 239) 54%, rgb(242, 239, 242) 82%);
    background-image: -webkit-linear-gradient(bottom, rgb(217, 214, 217) 8%, rgb(239, 239, 239) 54%, rgb(242, 239, 242) 82%);
    background-image: -ms-linear-gradient(bottom, rgb(217, 214, 217) 8%, rgb(239, 239, 239) 54%, rgb(242, 239, 242) 82%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08, rgb(217, 214, 217)), color-stop(0.54, rgb(239, 239, 239)), color-stop(0.82, rgb(230, 227, 230)));
}

.ui-widget {
    font-family: 'Open Sans' !important;
    font-size: 13px !important;
}

.ui-state-focus {
    background: #1f74b9 !important;
}

.short_desc {
    min-height: 265px;
}
.hr{
    margin: 0;

}
.bg-white{
    margin: 10px 0;
    background: #ffffff;
}
.detail_description{
    /*font-size: 12px;*/
}
.margin-5{
    margin: 5px 0;

    display: block;
}
.bg-white-top-bd{
    padding: 8px 0;
    background: #ffffff;
    border-top: 1px solid #e2e2e2;
}
.where_to_buy_btn{
    float: left;
    background: url(../images/where-to-buy_btn.png) ;
    height: 36px;
    width: 140px;
    display: block;
}
.where_to_buy_btn:hover{
    background-position: 0 -35px;
}
.buy_online_btn{
    float: left;
    background: url(../images/where-to-buy_btn.png) 136px 1px ;
    height: 35px;
    width: 136px;
    display: block;
    margin-left: 10px;
}
.buy_online_btn:hover{
    background-position: 136px -35px;
}

.gallery{
    margin: 0;
    padding: 0;
    list-style: none;
}
.gallery a{
    width: 80px;
    height: 60px;
    background: #FFF;
    display: block;
    float: left;
    margin: 0 5px 0 0;
}
.gallery img{
    border: 1px solid silver;
}

.gallery a:hover > img{
    border: 1px solid darkslategray;
}
/*--------------------------------------------------------------------------*/
.region_detail{
    background: white;
    /*font-size: 12px;*/
}
.tabs ul.tabs-ul{
    list-style: none;
    clear: both;

    padding: 0;
}
.tabs ul.tabs-ul li a{
    list-style: none;
    font-weight: bold;
    /*width: 257px;*/
    padding: 8px 30px;
    display: inline-block;
    text-align: center;
    background: url(../images/tab_r_inactive.png) repeat-x;
    border: 1px solid #e2e2e2;
    border-bottom: none;
    /*float: left;*/
    margin: 0 18px;
    /*margin: 3px;*/
    color: #454545;
    text-decoration: none;
}

.tabs ul.tabs-ul li a.active{
    /*background: url(../images/tab_r.png) repeat-x;*/
    background: #a6a6a6;
    color: white;
}
.tabs #tab-1 .chosen{
    width: 270px;
}
.type_dealer{
    border: 1px solid silver;
    border-collapse: collapse;
    width: 92%;
}
.type_dealer td{
    border: 1px solid silver;
    border-collapse: collapse;
    width: 20%;
    padding: 5px;
    text-align: center;
}
.type_dealer td a{
    width: 100%;
}
.height-15{
    height: 15px;
    display: block;
    padding: 0;
    margin: 0;
}
.type_dealer td a{
    text-decoration: none;
    color: #000000;
}
.map-area {
    width: 100%;

}
.map-area h6{
    line-height: 26px;
    width: 100%;
    background: gray;
    font-size: 15px;
    color: white;
}
.brown-block{
    width: 20px;
    height: 26px;
    display: block;
    background:#E50000;
    float: left;
    margin-right: 6px;
}
.map-address-li{
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;

    /*font-size: 12px;*/
}
.map-address-li li:hover{
    /*border: 1px solid #e2e2e2;*/
        box-shadow: 3px 3px 3px #a3a3a3;
    background: #e2e2e2;;
}
.map-address-li li{
    float: left;
    width: 220px;
    height: 150px;
    display: table-cell;
    margin: 3px;
    padding: 5px 5px 5px 30px;
    border: 1px solid silver;
}

.number-block {
    background: none repeat scroll 0 0 #E50000;
    color: white;
    margin: -5px 0 0 -30px;
    padding: 2px 8px;
    position: absolute;
}
.online-shops{
    list-style: none;
    margin: 0;
    padding: 0;
}
.online-shops li{
    background: #e0e0e0;
    padding: 20px;
    margin: 20px 0;
}
.online-shops li img{
    padding: 0 15px  0  0;
}
.online-shops li a.link{
    text-decoration: none;
    color: #3a3a3a;
    font-weight: normal;
}
.online-shops li{
      /*font-size: 12px;*/

}
/*--------------------------------------------------------------------------*/
.accordion .accordion-group{
    border-radius:0;
    border-color: #d1d1d1;
}
.accordion .accordion-heading{
    background: #efefef;
    height: 34px;
    /*font-size: 12px;*/
}
.accordion .accordion-heading a{
    color: darkslategray;
    text-decoration: none;
    outline: none;
}
.accordion .accordion-body{
    background: #f8f8f8;
    /*font-size: 12px;*/
    color: darkslategray;
    padding: 10px;
    display: none;
}
.reviews,.review_toggle{
    /*font-size: 12px;*/
    color: darkslategray;
}

.review-btn{
    background: #1f74b9;
    padding: 4px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: bold;
    color: #ffffff !important;
    text-decoration: none;
    margin-top: 3px;
    display: block;
}
.close_review{
    background: #1f74b9;
    padding: 5px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: bold;
    color: #ffffff !important;
    /*text-decoration: none;*/
    margin-top: -3px;
    /*font-size: 12px;*/
    float: right;

}
a.review_btn:hover{
    color: #000000 !important;
}
/*--------------------------------------------------------------------------*/
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    height:34px;
    line-height: 30px;
    border-radius: 0;
    /*font-size: 12px;*/
    font-family: 'Open Sans';
}
textarea{
    /*font-size: 12px;*/
    font-family: 'Open Sans';
    border-radius: 0;
}
.color-red{
    color: red;
}
.full_loading{
    margin-left: 48%;
        padding: 2%;
}
/*--------------------------------------------------------------------------*/

.company_links {
    margin: -30px 0 50px;
}

.company_icon {
    height: 29px;
    width: 95px;
    display: block;
    float: right;
    margin: 0 3px;
}

.vlink_icon {
    background-image: url(../images/top_links.png);
    background-position: 96px 29px;
}

.vlink_icon:hover {
    background-image: url(../images/top_links.png);
    background-position: 96px 0;
}

.dany_icon {
    background-image: url(../images/top_links.png);

    background-position: 0 29px;
}

.dany_icon:hover {
    background-image: url(../images/top_links.png);
    background-position: 0 0;
}

.support_flags {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.support_flags img {
    width: 60px;
    height: 38px;
}

.support_flags li a {
    /*font-size: 13px;*/
    text-decoration: none;
    outline: none;
    color: #000000;
}

.tab-div{
    margin: 37px 0 0 0;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: white;
}
/*.support_form input[type=text] {
    height: 35px;
    padding: 5px;
    line-height: 20px;
    border: 1px solid silver;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.support_form textarea {
    padding: 5px;
    line-height: 20px;
    border: 1px solid silver;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}*/

/*--------------------------------------------------------------------------*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rounded-gradient{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border: 1px solid #dcdcdc;

    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1f1f1 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1f1f1 0%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.round-g{
    margin: 8px;
    padding: 8px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    border: 1px solid #dcdcdc;

    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

}
.bg-colo-blue{
    background: #616161;
    color: white;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}

/* Landscape phones and down */
@media (max-width: 480px) {
}