/* Main Kaya Page Widget Section Start here */
 .portfolio_title, .widget_kaya-list-box .custom_title{
 margin-bottom:30px!important;
 }
.lavan-portfolio-container h4 {
    background-color: #ff0000;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    color:#fff!important;
}

.link_to_image{
    background-image: url(http://hotportsmouthescorts.co.uk/wp-content/plugins/kaya-lavan-page-widgets/images/image.png);
      background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    top:50%;
    width:40px;
    z-index: 100;
    left:35%;
    margin-left:-20px;
    margin-top:-20px;
        display:none;
}
.link_to_post{
        background-image: url(http://hotportsmouthescorts.co.uk/wp-content/plugins/kaya-lavan-page-widgets/images/link_post.png);
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    top:50%;
    width:40px;
    z-index: 100;
    right:35%;
    margin-right:-20px;
    margin-top:-20px;
   display:none;
}
.link_to_video {
    background-image:url(../../../themes/lavan/images/video-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;
    height: 40px;
    border-radius: 20px;
    position: absolute;
    top:50%;
    width:40px;
    z-index: 100;
    left:35%;
    margin-left:-20px;
    margin-top:-20px;
    display:none;
}
.lavan_portfolio_gallery  .porfolio_items li{
  overflow: hidden;
}
.lavan-portfolio-container > a img {
    display: block;
}
/* Custom Title */
.custom_title {
    clear: both;
    display: table;
}
.title_border{
    margin:0px 0 15px;
    display:block;
}
.title_bottom_line {
    background-color: #333333;
    display: block;
    height: 2px;
    margin: 20px auto;
    opacity: 0.5;
    width: 150px;
    position: relative;
}
.kaya_title_left .title_line_left{
  float:left;
}
.kaya_title_left p{
  display: inline-block!important;
}
.kaya_title_right p{
  float: right;
}
.kaya_title_right .title_line_right{
    float:right
}
 .custom_title p{
 background-color: #FF0000;
    color: #FFFFFF;
    display: table;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 auto !important;
    padding: 5px 10px !important;
}
.kaya_title_right {
  float: right;
}
.kaya_title_center{
  margin: 0px auto;
}

.custom_title h3:after {
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
    content: "";
    display: block;
    margin-top: 18px;
    position: relative;
}
.custom_title h3{
  font-weight: normal;
  margin-bottom: 0px;
}
footer .custom_title{
  margin-bottom: 25px!important;
}


/* Promo Box */
.promobox_wrapper{
  position:relative;
  text-align:center;
  height: 100%;
     }
.promobox_content{
  display: block;
    padding: 0;

}
.promobox_content h2{
font-size:4em;
line-height:120%;
margin:15px 0!important;
font-weight: bold;

}

.promobox_content h4{
  font-size: 25px;
}
.promobox_content h3{
  font-size: 28px;
}
.promo_bg_img {
    display: block !important;
    position: relative !important;
}
.promobox_content{
  width: 68%!important;
}
.videoBG {
    height: 100% !important;
    width: 100%!important;
}
.videoBG .video1{
  width: 100%!important;

}
.promobox_video{
    height: 100%;
    width: 100%!important;
}
.panel-grid {
    margin-bottom: 60px!important;
}
.promobox_bottom{
  margin-bottom: 0!important;
}
.promobox_video{
    height: 100%;
    width: 100%!important;
}
.panel-grid {
    margin-bottom: 100px!important;
}
.promobox_bottom{
  margin-bottom: 0!important;
}
/* .dropcap */
.dropcap p{
  margin-bottom: 0;
  padding-bottom: 0;
}
.dropcap_bg {
   -o-transition:all 0.7s ease 0s;
  -ms-transition:all 0.7s ease 0s;
  -moz-transition:all 0.7s ease 0s;
  -webkit-transition:all 0.7s ease 0s;
/*
  ...and now override with proper CSS property 
  transition:color .2s ease-out, background 1s ease;
  -webkit-box-shadow: 0px 4px 0px 0px #F54324;
     -moz-box-shadow:0px 4px 0px 0px #F54324;
          box-shadow:0px 3px 0px 0px #F54324; */
          transition: all 0.7s ease 0s;
}

a:hover .dropcap_bg{
  /* -o-transition:color .2s ease-out, background .02s ease;
  -ms-transition:color .2s ease-out, background .02s ease;
  -moz-transition:color .2s ease-out, background .02s ease;
  -webkit-transition:color .2s ease-out, background .02s ease;
  ...and now override with proper CSS property 
  transition:color .2s ease-out, background 0.2s ease; */
  
}
.dropcap_bg{
     margin-bottom: 15px;
  color:#fff;
}
.dropcap_bg{
    border-radius: 100%;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 25px;
}
.dropcap .description{
  text-align: center;
  color:#464847;
}
.dropcap .description h3{
  color: #fff;
}

.kaya-drocap-parent:first-child{
  border: none;
}
.dropcap_left .alignleft{
  margin-right: 15px;
}
.dropcap_right .alignright{
  margin-left: 15px;
}

.dropcap_left .readmore{
  float: left;
   margin-top: 20px;
}
.dropcap_right .readmore{
  float: right;
   margin-top: 20px;
}
.dropcap_center .readmore {
    margin: 20px auto 0;
}
/*Image boxes */

.image-boxes .aligncenter{
  display: table!important;
}
  .widget_kaya-slider{
    opacity: 0;
  }
  #div_demo{
    width: 100%;
    display: block;
  }
 .image-boxes p:last-child {
    padding-bottom: 0;
} 
footer .widget_kaya-image-boxes h3{
  margin-bottom: 20px;
}
/* Sudo Slider */
#sidebar #sudo_slider_wrapper ul li{
  background: none;
  padding-left: 0;
}
#bx_slider_wrapper ul li {
    padding: 0 !important;
}
/* Teaser Box */
.teaser_box_wrapper {
    text-align: center;
}
.teaser_box_wrapper h2 {
    font-size: 3.5em;
    color:#fff;
    margin-bottom: 15px;
    line-height: 100%;
}
.teaser_box_wrapper p {
    font-size: 1.3em;
    color:#a9a9a9;
    line-height: 100%;
}
.widget_readmore{
   display: inline-block;
    margin-bottom: 30px;
}

/* Portfolio Gallery */
ul.portfolio_gallery{
  margin-left: 0!important;
}
.portfolio_gallery li {
    display: block;
    float: left;
    margin-bottom: 1px;
    margin-right: 1px;
    overflow: hidden;
    padding: 0 !important;
    list-style: none;
}

footer .portfolio_gallery li{
  width: auto!important;
  background:none!important;
  margin-bottom: 1px!important;
  margin-right: 1px!important;
   border: medium none !important;
}
/* Blog News */
.blog_news{
  margin-bottom: 30px;
}
.news_date {
    background: rgba(127, 127, 127, 0.2);
    color: #C80000;
    display: inline-block;
    float: left;
    font-size: 30px;
    margin-right: 10px;
    padding: 15px;
}
.news_info {
    background: rgba(127, 127, 127, 0.2);
    color: #FFFFFF;
    margin-bottom: 13px;
    min-height: 50px;
}

.news_title.description {
    line-height: 20px;
    padding: 17px 0;
}
.news_title.description > a {
    color: #FFFFFF;
}
.news_title.description > a:hover {
    opacity: .7;
}
.description {
    display: block;
    overflow: hidden;
}
.blog_news > p:last-child {
    padding-bottom: 0;
}
/* list box */
.custom_list_box ul{
  margin-left: 0 !important;
  margin-top: 15px;
  margin-bottom: 0!important;
}
/* Flickr */
.flickr_badge_image {
    float: left;
   margin-bottom: 1px;
    margin-right: 1px;
}
/* Related post */
.recent_blog_post ul li{
  list-style: none;
  padding-left: 0!important;
  clear: both;
  margin-bottom: 25px;
}

.recent_blog_post li:last-child {
    margin-bottom: 0;
}
.recent_blog_post ul{
  margin-left: 0!important;
  margin-bottom: 0!important;
}
.recent_blog_post h5{
  color: #ccc;
  margin-bottom: 0;
}
.recent_blog_post span{
  color: #FF0000;
}
.widget_container .recent_blog_post li {
    border-bottom: 0 none;
}
.portfolio5 li {
    width: 19.5%!important;
}
/* Accorion Shortcode
----------------------------------------------------------------------------------------------------*/
.accordion {
    clear: both;
    width: 100%;
      border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}
.accordion span.ui-icon {

  
}
.accordion span.ui-icon{

}
.accordion > strong {
     border-color: #ddd;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    cursor: pointer;
    margin: 0;
    padding: 10px 20px !important;
  display:block;
  position:relative;  
  background-color: #eee;
  font-size: 13px!important;
}
.accordion > strong:hover {
  opacity: 0.8!important;
}
.accordion > strong.ui-state-active span {
  
}
.accordion span.ui-icon:before {
    content: "";
    font-family: fontawesome;
    font-size: 13px;
    margin-right: 12px;
}

.accordion > strong.ui-state-active span:before {
    content: "";
     font-family: fontawesome;
}
.accordion span.ui-icon {
    display: inherit;
    float: left;
    margin-top: 1px;
    z-index: 333;
    padding-top: 0!important;
    margin-top: 1px!important;
}
.accordion > strong.ui-state-active {
  border-bottom:1px solid #ddd;
  background-color:#eee;
}
.accordion > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0 !important;
    padding:20px 25px;
  position:relative;
  border-bottom: 0 none !important;
}

.accordion > strong {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    color: #888888;
    line-height: 170%;
    border-bottom: 0;
    border-bottom: 0 none !important;
    
}
/* toggle styles
----------------------------------------------------------------------------------------------------*/
.toggle_container{
  display:block;
  clear:both;
}
strong.trigger {
    background-color: #DFDFDF;
    background-repeat: no-repeat;
    color: #666666;
    cursor: pointer;
    display: block;
    line-height: 28px;
    padding: 8px 15px;
}
strong.trigger:before {
    content: "";
    font-family: fontawesome;
    margin-right: 10px;
}
strong.trigger.active:before {
    content: "";
    font-family: fontawesome;
    margin-right: 10px;
    }
.toggle_content {
  margin: 0 0 0px 0;
  padding: 0; 
  overflow: hidden;
  width:100%;
  clear: both;
}
.toggle_content .block {
  padding: 20px;
  background-color:#fff;
  }
.toggle_content .block p {
  padding: 5px 0;
  margin: 5px 0;
  
}
strong.active {
    background-position: 10px 7px;
}
/* Hariontal Tabs
----------------------------------------------------------------------------------------------------*/
.tabContaier{
  margin:20px auto;
  position:relative;
  float: left;
}
.horizontal_tabs{
    float: inherit;
  clear: both;
}
.horizontal_tabs > ul{
  height:auto;
  position:relative;
  z-index:100;
  margin:0!important;
  overflow: hidden;
}
.horizontal_tabs > ul > li{
  float:left;
  list-style:none;
  margin-right:-1px;
  padding: 0!important;
}
.horizontal_tabs > ul > li:last-child{
  margin-right:1px;
}

.horizontal_tabs > ul > li a{
  border-right:0;
  color:#666;
  cursor:pointer;
  display:block;
  height:35px;
  line-height:35px;
  padding:0 20px;
  text-decoration:none;
  border-left:1px solid #ccc; /* for non-css3 browsers */
  border-right:1px solid #ccc; /* for non-css3 browsers */
  border-top:1px solid #ccc; /* for non-css3 browsers */
  background-color: #eee;
  background-image: url(../images/tabs_bg.png);
  background-repeat: repeat-x;
  background-position: left top;

}

.horizontal_tabs .ui-tabs-active a{
  background:#fff;
  color:#333  
}

.horizontal_tabs .tabDetails{
  margin:auto;
  background:#fff;
  min-height:100px;
  border:1px solid #ccc;   
   padding: 23px !important;
   overflow: hidden;
}
.horizontal_tabs .tabDetails{
  float: inherit;
  clear: both;
  }
.vertical_tabs{
  margin:20px auto;
  position:relative;
}

.vertical_tabs > ul{
  overflow:hidden;
  border-right:0px solid #fff;
  z-index:100;
  margin:0px!important;
  padding:0px;
  width:20%;

}
.vertical_tabs > ul >  li{
  list-style:none;
  display:block;
  float: none;
  padding: 0!important;
}

.vertical_tabs li:first-child a{
  border-top:1px solid #ccc;
}
.vertical_tabs > ul > li a{
  border-bottom:none;
  border-right:0;
  color:#666!important;
  cursor:pointer;
  display:block;
  padding:7px 20px 7px 20px;
  text-decoration:none;
  border:1px solid #ccc;
  border-top:1px solid #fff;
  background-color: #eee;
  background-image: url(../images/tabs_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  height: inherit!important;
  border-bottom: 0!important;

    
}
.vertical_tabs > ul > li a:hover{
    opacity:0.8!important;
}
.vertical_tabs .ui-tabs-active a{
  background:#fff;
  border-right:0;
  color:#333;
  border-right: 0 none !important;
}

.vertical_tabs .tabDetails{
  background:#fff;
  margin-left:20%;
  min-height:200px;
  border:1px solid #ccc;
  padding: 25px !important;
    border-left: 0!important;
    margin-top:0;
}
.vertical_tabs > ul > li:last-child {
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}


/* Pricing Table 
----------------------------------- */
.pricing_table_parent:last-child .pricing_header {
    border-radius: 0 10px 0 0 !important;
}
.pricing_table_parent:first-child .pricing_header {
    border-radius: 10px 0 0 !important;
}
.pricing_table_parent:last-child .pricing_footer {
    border-radius: 0  0 10px 0 !important;
}
.pricing_table_parent:first-child .pricing_footer {
    border-radius: 0 0 0 10px !important;
}
.pricing_table{
text-align:center;

}
.pricing_table span i{
  color:#fff; 
}

.price_button a.read_more:hover{
  background-color:#999999 !important;
  border:1px solid #000 !important;
}
.pricing_table {
  text-align:center;
  position:relative;
  margin-right: 1px;
}
.pricing_table h3 {
  color:#fff;
  font-size:25px;
  padding-bottom:30px;
  margin-bottom: 0;
}
.price h1 {
  font-size:60px;
  color:#fff;
  margin-bottom:30px;
}
.price em {
  color:#000;
}
.pricing_table ul{
  margin: 0!important;
  list-style: none!important;
}
.pricing_table ul li {
  padding-bottom: 15px!important;
  padding-top: 15px!important;
  color:#111;
  padding: 0;
}
.pricing_table strong {
  color:#000;
}
.pricing_footer a {
  background-color:#303030;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#111111'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#303030), to(#111111)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #303030, #111111); /* for firefox 3.6+ */
  background: -o-linear-gradient(top, #303030, #111111); /* for opera 3.6+ */
  border:1px solid #000;
  padding:10px 25px;
  border-radius:5px;
  color:#fff !important;
  font-size:13px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -moz-transition: all 0.2s ease 0s;
  font-family: 'Open Sans', sans-serif;
}
.pricing_footer a:hover {
  background-color:#111111;
  -moz-transition: background-color 0.3s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#303030'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#303030)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #111111, #303030); /* for firefox 3.6+ */
  background: -o-linear-gradient(top, #111111, #303030); /* for opera 3.6+ */
  border:1px solid #000;
  color:#cecece !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.pricing_header {
    background-color: #FF9D01;
    background-image: url("../images/pricing_header_bg.png");
    padding-top: 30px;
}

.pricing_table .price {
  background-color:#fea501;
  overflow:hidden;
  padding:50px 0 40px 0;
}
.pricing_table .pricing_content {
  background-color:#f1eeb8;
}

.pricing_table .pricing_footer {
  background-color:#fea501;
  padding:30px 0px;
}
/* Info boxes */

.info_box.success {
    background-color: #EFFCEA;
    border: 1px solid #B8EDA7;
}
.info_box.info {
    background-color: #EEF6FC;
    border: 1px solid #B8DEFF;
}
.info_box.warning {
    background-color: #FFFEF1;
    border: 1px solid #F5E7B8;
}
.info_box.error {
    background-color: #FEF0F2;
    border: 1px solid #FFB8C0;
}
.info_box {
    padding: 15px 45px 15px 20px;
    position: relative;
}
.info_box .delete {
    cursor: pointer;
    padding-left: 14px;
    position: absolute;
    right: 20px;
    top: 23px;
}
/* Contact form */
#contact-form #contact_submit, #contact-form #reset {
    width: auto;
}