/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.extra-header-elements {
    clear: none;
    position: absolute;
    z-index: 9999;
    line-height: 30px;
    margin: 0;
    right: 0;
}
#header_main .social_bookmarks li { margin-left: 5px; }
#header_main .social_bookmarks li:first-child { margin-left: 0px; }
.main_color.iconbox_top .iconbox_content { background: none; }
.main_color.iconbox_top .iconbox_icon { background: none; color: #fff; border: 3px solid #ffffff; }

#white_colored .av-special-heading .av-special-heading-tag { color: #ffffff; }
#white_colored .column-top-margin { margin-top: 50px; }
#white_colored.main_color h3 { color: #ffffff;    letter-spacing: -0.2px; display: table-cell;
    width: 100%;
    line-height: 25px;
    height: 100px;
    vertical-align: middle; }
#top .iconbox:hover .iconbox_icon { background: #fff; border-color: #fff; color: #003D7A; }
#top .iconbox_left_content .iconbox_icon { color: #ffffff; }
#white_colored1 .av-special-heading .av-special-heading-tag { color: #ffffff; }
#white_colored1.main_color .special_amp { color: #f1f1f1; }
h3.widgettitle {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: -0.2px;
}
#footer .widgettitle {
    color: #ffffff;
}
p { text-align: justify; }
.footer_color blockquote { color: #e1e1e1; }
#footer a:hover, #socket a:hover { text-decoration: none; }
#socket { display: none; opacity: 0; visibility: hidden; }
.home #socket { display: block; opacity: 1; visibility: visible; }

#white_colored1 .slide-meta {
    display: none;
}
.stretch_full.title_container {
    background: /* url(../images/tittle_bg.jpg) no-repeat center center */ #EBEBEB;
    background-size: 100%;
}
#top .alternate_color.title_container .main-title a { color: #000; }
main.template-page.content {
    min-height: 200px;
}
#front_product .slide-entry-excerpt {  padding:10px 10px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; position: relative; background: #CBCBCB; }

    #front_product .slide-entry-excerpt:before, #front_product .slide-entry-excerpt:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#front_product .slide-entry-excerpt:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

#front_product .slide-entry-excerpt p { margin: 0; }
#front_product .slide-entry-excerpt h6 { margin: 0; padding: 10px 0; text-align: center;color: #333 !important;
    font-size: 15px;}

    #top .footer_color input[type='text'], #top .footer_color input[type='email'], #top .footer_color input[type='tel'], #top .footer_color textarea { border-color: #ebebeb !important;
    background-color: #E3E3E3 !important;
    color: #000000 !important;}
div#front_product {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a{color:#fff !important;}
.home .avia-menu-text{padding: 0px 8px;}
.home .header_color.av_header_transparency{background: rgba(27, 27, 27, 0.66) !important;}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}