/* 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 */
/*header*/
#header_main {margin-top: -10px;}
#top.home #slider-container .content {padding:0;}

.top-search {
    float: right;
    margin: 4px 0 0 2px;
    border: none !important;
}
.top-search div {background-color: #fff;}

#top input#searchsubmit {
    background-color: transparent;
    color: #717070;
    width: 25px;
    height: 25px;      
    line-height: 25px;
    min-width: 25px;
    font-size: 14px;
}

input#s {
    color: #717070;
    background-color: transparent;
}
 
 .flag-icons     {float: right; display: inline;}
 .flag-icons img { margin: 2px 0 -5px 10px;}
 
 span.title-span {
    position: absolute;
    display: inline-block;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 15px;
    z-index: 301;
    /* text-align: left; */
    padding: 7px 8px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    height: 25%;
} 
/*content*/
.avia-testimonial-row  .avia-testimonial {border-bottom: 1px dashed #27a0d9 !important;}
.avia-testimonial-row:last-child  .avia-testimonial {border-bottom:none !important;}  
/*credit*/
#socket .copyright {background:url(../images/credit.jpg) no-repeat left 2px; padding-left:75px;margin-right: 150px;} 
/*
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 */
  nav.sub_menu {font-size:15px;padding-left: 0 !important;}
 
 .sub_menu>ul>li::after   {content:"|"; margin:0 10px;font-size: 13px;}
 .sub_menu>ul>li:last-child::after   {content:none; ;}
 .av_secondary_right .sub_menu>ul>li:last-child, .av_secondary_right .sub_menu>div>ul>li:last-child{
	margin-right:20px
}

 
 .av-main-nav > li > a {height: 40px !important;line-height: 40px !important;margin-top: 50px;}
 .av-main-nav > li {background: url(../images/top_nav-sep.png) no-repeat right 82%; }
 .av-main-nav > li:last-child{background:none;}
 
 .custom-images-overlay {overflow:hidden;}
 .custom-images-overlay .image-overlay 
 {max-width: 100%; background-color: #1E4F66; opacity: .8; top: 0 !important; left: 0 !important; transition: opacity 300ms; -moz-transition: opacity 300ms;
	-o-transition: opacity 300ms; -webkit-transition: opacity 300ms;} 
 .custom-images-overlay img {transform: scale(1, 1);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
 .custom-images-overlay .image-overlay-inside {display:none;}
 .avia_transform .custom-images-overlay:hover .image-overlay {opacity:0.2 !important;}
 .custom-images-overlay:hover img {transform: scale(1.1, 1.1);}
 .custom-images-overlay:hover span.title-span {
    bottom: 75%;
    background-color: rgba(0,0,0,.9);
  }
  #top .widget {padding:0;} 
}



/*
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 */
  #top .top-search {width: 37%;margin-left: 0;}
  .responsive #header .sub_menu {width: 100%; max-width: 211px;margin: 0; float: left;padding: 0;}
  .flag-icons     {float: left;width: 32%;}
 .flag-icons img { margin:2px 2px -5px 0;}
 span.title-span {padding: 10px;}
 .footer_frm .form_element_half, textarea{width:100% !important;}
 .footer_frm p{float:none;}
}