/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff'),
         url('../fonts/lato-black-webfont.ttf') format('truetype'),
         url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoblack_italic';
    src: url('../fonts/lato-blackitalic-webfont.eot');
    src: url('../fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-blackitalic-webfont.woff') format('woff'),
         url('../fonts/lato-blackitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latobold_italic';
    src: url('../fonts/lato-bolditalic-webfont.eot');
    src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-bolditalic-webfont.woff') format('woff'),
         url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline';
    src: url('../fonts/lato-hairline-webfont.eot');
    src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairline-webfont.woff') format('woff'),
         url('../fonts/lato-hairline-webfont.ttf') format('truetype'),
         url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latohairline_italic';
    src: url('../fonts/lato-hairlineitalic-webfont.eot');
    src: url('../fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-hairlineitalic-webfont.woff') format('woff'),
         url('../fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoitalic';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-italic-webfont.woff2') format('woff2'),
         url('../fonts/lato-italic-webfont.woff') format('woff'),
         url('../fonts/lato-italic-webfont.ttf') format('truetype'),
         url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latolight_italic';
    src: url('../fonts/lato-lightitalic-webfont.eot');
    src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/lato-lightitalic-webfont.woff') format('woff'),
         url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

::-moz-selection {
    background: #fff;
    text-shadow: none;
}

::selection {
    background: #fff;
    text-shadow: none;
}

body{font-family: 'latoregular'; font-size:17px; color:#434343;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

img{max-width:100%;}
.pull-right{padding-top:10px;padding-bottom:10px;padding-left:10px;}

img.no-margin{padding:0px;}

blockquote{margin-top:50px;}
.credit{margin-left:30px;}
.author{font-weight:bold}
.job-title{margin-left:20px;}

/* Fix dropdown select for Safari/Chrome */

/*select  {
    outline: 0;
    overflow: hidden;
    height: 30px;
    background: #2c343c;
    color: #747a80;
    border: #2c343c;
    padding: 5px 3px 5px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 10px;
    padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; background: #fff;height: 30px;outline: 0;
}

select option {border: 1px solid #000; background: #010;}*/

select {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*margin: 50px;*/
    border: 1px solid #111;
    background: transparent;
    width: 100%;
    padding: 15px 0px;
    /*font-size: 16px;*/
    border: 1px solid #ccc;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:#fff;
    /*background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #eee;*/
}
/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
  select {
    background: none;
    padding: 5px;
  }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 5px;
}

ul.pagination li a.active {
    background-color: #4CAF50;
    color: white;

}

ul.pagination li a:hover:not(.active) {background-color: #ddd;}

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */



.logo{margin-top: 110px; float: left;}

.wrapper {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container-job {
    background-image: url(/assets/img/tools-background.gif);
    height: 890px;
}

.header-container-property {
    background-image: url(/assets/img/grass-background-2.gif);
    height: 640px;
    /*background:*/ 
    /* top, transparent red, faked with gradient */ 
    /*linear-gradient(
      rgba(128, 128, 128, 0.35), 
      rgba(128, 128, 128, 0.35)
    ),*/
    /* bottom, image */
    /*url(/assets/img/grass-background-2.gif);
    height: 640px;*/
}

.header-container-property-1 {
    background-image: url(/assets/img/grass-background-1.gif);
    height: 460px;
    /*background:*/ 
    /* top, transparent red, faked with gradient */ 
    /*linear-gradient(
      rgba(128, 128, 128, 0.35), 
      rgba(128, 128, 128, 0.35)
    ),*/
    /* bottom, image */
    url(/assets/img/grass-background-1.gif);
    /*height: 460px;*/
}

.header-container-property-home {
    background-image: url(/assets/img/grass-background-1.gif);
    height: 460px;
    /*background:*/ 
    /* top, transparent red, faked with gradient */ 
    /*linear-gradient(
      rgba(128, 128, 128, 0.35), 
      rgba(128, 128, 128, 0.35)
    ),*/
    /* bottom, image */
    url(/assets/img/grass-background-1.gif);
    /*height: 460px;*/
}

.header-container-mid-job {
    background-image: url(/assets/img/tools-background.gif);
    height: 520px;

}

.header-container-mid-property {
    background-image: url(/assets/img/realestate-2.gif);
    height: 560px;
    /*background:*/ 
    /* top, transparent red, faked with gradient */ 
    /*linear-gradient(
      rgba(128, 128, 128, 0.35), 
      rgba(128, 128, 128, 0.35)
    ),*/
    /* bottom, image */
    /*url(/assets/img/realestate-2.gif);*/
}
/* ==============
    MOBILE: Menu
   ============== */

nav{
    float: right;
    /*width: 35%;*/
    margin-top: 95px;
}


nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}


nav li{float:right;}

nav.nav-services li{float:left;}

.submenu, .submenu2, .submenu-agents, .submenu-partners, .submenu-trades{
    display:block;
    clear:both;
    top: 95px;
    background:transparent;
    width:282px;
    position: absolute;
    left:20px;
    z-index:999;
}
.submenu-mega{
    display:block;
    clear:both;
    float:left;
    top: 95px;
    background:#34427f;
    width:820px;
    position: absolute;
    left:-640px;
    z-index:999;
}


.submenu2{right:0; left:auto;}
.submenu li, .submenu2 li, .submenu-agents li, .submenu-partners li, .submenu-trades li{display:block; padding: 0 25px; background: #34427f;}
.submenu li a, .submenu2 li a, .submenu-agents li a, .submenu-partners li a, .submenu-trades li a{display: block; width: 220px; margin-left: 0; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; background: transparent; padding:15px 0; position:relative;}
.submenu-mega li{display:block; padding: 0 25px; background: #34427f;}
.submenu-mega li a{display: block; width: 220px; margin-left: 0; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .1)!important; background: transparent; padding:15px 0; position:relative;}
nav li.services, nav li.log, nav li.trades, nav li.services-agents, nav li.services-partners, nav li.services-trades{position:relative;}
nav.nav-services li.services, nav.nav-services li.log, nav.nav-services li.trades, nav.nav-services li.services-agents, nav.nav-services li.services-partners, nav.nav-services li.services-trades{position:relative;}
/*nav li.services:hover .submenu{display:block;}*/

    .hide{display:none;}
    .hiding{display:none!important;}

nav a {
    padding: 20px 35px;
    text-align: center;
    text-decoration: none;
    color: white!important;
    background: #34427f;
    margin-left:30px;
    border:1px solid #34427f;
    float:left;
}



nav a.login{background:transparent;
    border:1px solid #fff;}



nav a.tel{background:none; padding: 12px 0; border: none; color: #434343!important; background: #fde53c; padding: 20px 35px;}


nav a:hover,
nav a:visited {
    color: white;
}


.submenu li a:hover, .submenu-agents li a:hover, .submenu-partners li a:hover, .submenu-trades li a:hover{border-bottom: 1px solid rgba(255, 255, 255, .1) !important;}

.submenu-mega li a:hover{border-bottom: 1px solid rgba(255, 255, 255, .1) !important;}

#language, .flagmenu li{cursor:pointer;}
.flagmenu li {width:27px;height:25px;}
.flagmenu{position: absolute; top: 20px; right: 0; padding: 20px; background: #fff; top: 43px; z-index: 99;}

/*nav a:hover {
    text-decoration: none;
}*/

header{position:relative;}
.absolute{position:absolute; right:0; top:35px;}
.absolute li{list-style:none; /*padding-left:10px!important;*/ padding: 10px 0!important;}
.absolute li.first{padding-top:0!important;}
.absolute li.last{padding-bottom:0!important;}

h1{font-family: 'latoblack'; font-size:60px; text-align:center; clear:both; color:#434343; line-height: 1.1; max-width: 1200px; margin: 0 auto;}
.title-head{color:#fff; padding-top: 180px;}
.title-head-1{color:#fff; padding-top: 230px;}
.title-head-home{font-family: 'latoregular'; color:#fff; padding-top: 80px; font-size:30px}
.title-head-small{font-size:20px; text-align:left; padding-top: 20px;}
.main-title{margin: 30px auto 50px;}
.main-title-sm{margin: 20px auto 20px; text-align:left}
.searchboxjob{width:810px; margin:0 auto; padding-top: 30px;} /*job phone name email address*/
.searchboxjob .text{width:620px; padding: 21px 0px; border: none; float: left; color:#434343; text-indent: 20px;}
.searchboxjob .text:focus{border:none;}
.searchboxjob .job{width:42%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%; margin-top:15px; }
.searchboxjob .phone{width:27%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob .name{width:27%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-top:15px; }
.searchboxjob .email{width:27%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob .address{width:42%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob .submitjob{width:27%; padding: 15px 0px; border: none; float: left; color:#434343; background: #fde53c; margin-top:15px; }




/*.searchboxjob .text{width:620px; padding: 21px 0px; border: none; float: left; color:#434343; text-indent: 20px;}
.searchboxjob .text:focus{border:none;}*/
.searchboxproperty{width:810px; margin:0 auto; /*padding-top: 30px;*/} 
.property-info{margin-bottom:20px;}
.searchboxproperty .location{width:100%; padding: 7px 0px; border: none; float: left; color:#434343;font-size:15px; /*text-indent: 20px; margin-right:2%;*/ margin-top:2px; }
/*#txb_SuburbPC input{width:42%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%; margin-top:15px; }*/

.ui-widget-content, .ui-autocomplete-input{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 5px; /*margin-right:2%;*/ /*margin-top:15px;*/ }

.searchboxproperty .category{width:20%; padding: 15px 0px; border: none; float: left; color:#434343; margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .type{width:18%; padding: 15px 0px; border: none; float: left; color:#434343; margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .bed{width:18%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .bath{width:18%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .car{width:18%; padding: 15px 0px; border: none; float: left; color:#434343;  text-indent:5px; margin-top:15px; }
.searchboxproperty .min{width:32%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .max{width:32%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%; text-indent:5px; margin-top:15px; }
.searchboxproperty .submitsearch{width:32%; padding: 15px 0px; border: none; float: left; color:#434343; background: #fde53c; text-indent:5px; margin-top:15px; }


/*.searchbox{width:810px; margin:0 auto; padding-top: 60px;}*/
.searchbox{width:810px; margin:0 auto}
.searchbox .text{width:620px; padding: 21px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-top:15px;}
.searchbox .text:focus{border:none;}
.searchbox .submit{width:190px;padding: 21px 0px; float: left; border: none; color:#434343; background: #fde53c; margin-top:15px;}

.searchbox-site{/*width:810px;*/ margin:0 auto; /*padding-top: 60px;*/}
.searchbox-site .text{width:100px; padding: 23px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-left:25px;/*margin-top:15px;*/}
.searchbox-site .text:focus{border:none;}
.searchbox-site .submit{/*width:190px;*/padding: 21px 16px; float: left; border: none; color:#434343; margin-left:0px; background: #fde53c; /*margin-top:15px;*/}

.searchbox-site-side{width: 100%;
    
    /*margin-left:5%;*/
    border: 1px solid #ebebeb; padding: 20px;background:#f6f7f9;}
.searchbox-site-side .text{width:80%; padding: 21px 0px; border: none; float: left; color:#434343; text-indent: 20px;/*margin-top:15px;*/}
.searchbox-site-side .text:focus{border:none;}
.searchbox-site-side .submit{width:20%;padding: 21px 16px; float: left; border: none; color:#434343; margin-left:0px; background: #fde53c; /*margin-top:15px;*/}




.searchboxjob-side {
    width: 100%;
    
    /*margin-left:5%;*/
    border: 1px solid #ebebeb; padding: 20px;background:#f6f7f9;
    }
.searchboxjob-side .job{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%; margin-top:15px; }
.searchboxjob-side .phone{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob-side .name{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-top:15px; }
.searchboxjob-side .email{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob-side .address{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;margin-top:15px; }
.searchboxjob-side .submitjob{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; background: #fde53c; margin-top:15px; }
.searchboxjob-side h4 {margin: 0px;}
/*h4.secondary {margin-top: 20px;}*/


.searchboxproperty-side {
    width: 100%;
    
    /*margin-left:5%;*/
    border: 1px solid #ebebeb; padding: 20px;background:#f6f7f9;
    }

.searchboxproperty-side .location{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%; margin-top:15px; }
.searchboxproperty-side .category{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%;margin-top:15px; }
.searchboxproperty-side .type{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-top:15px; }
.searchboxproperty-side .bed{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%;margin-top:15px; }
.searchboxproperty-side .bath{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%;margin-top:15px; }
.searchboxproperty-side .car{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-top:15px; }
.searchboxproperty-side .min{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%;margin-top:15px; }
.searchboxproperty-side .max{width:100%; padding: 15px 0px; border: none; float: left; color:#434343;  margin-right:2%;margin-top:15px; }
.searchboxproperty-side .submitsearch{width:100%; padding: 15px 0px; border: none; float: left; color:#434343; background: #fde53c; margin-top:15px; }
.searchboxproperty-side h4 {margin: 0px;}
.searchboxproperty-side .property-info{display:none}

.spacer-md {
    height:30px;
}



input{-webkit-appearance: none; border-radius: 0;}
.search-strip{background:#f8f8f8; margin:0 auto; border-bottom:2px solid #ebebeb;}
.inside-strip{max-width:1140px; margin:0 auto; text-align:center;}
.inside-strip-left{max-width:1140px; margin:0 auto;}
.inside-strip li, .inside-strip-left li{display:inline-block; list-style:none; padding:20px 0;}
.inside-strip li a, .inside-strip-left li a{text-decoration:none; color:#283571; padding:0px 10px; border-right:1px solid #ebebeb; font-size:17px;}
.inside-strip li a:hover, .inside-strip-left li a:hover{text-decoration:underline;}
.one-third{float:left; width:33.3%; margin-bottom:30px;}

.large-list li{display:list-item; text-align:left; list-style:disc; padding: 5px 0; list-style-position: inside; text-indent: -1.5em; padding-left: 1.5em;}
.large-list li a{color:#343434; border-right:none;}
.main-container .one-third{text-align:center; width:28%; margin-right:7%; margin-top:20px; margin-bottom:20px;}
.main-container .one-third:last-child{margin-right:0;}
.instructions{max-width: 300px; margin: 0 auto;}
.instructions-border{max-width: 300px; margin: 0 auto;border:1px solid #ebebeb; background:#f6f7f9}
.is-open{display:block!important;}

.thirds{position:relative;}
.first-arrow{position:absolute; left:30%; top:100px; color:#f1f1f1;}
.second-arrow{position:absolute; left:65%; top:100px; color:#f1f1f1;}

.bordertop{border-top: 2px solid #ebebeb; border-bottom: none;}
.padding{padding: 30px 0;}
.larger{font-size:20px;}
.know-more p{line-height:1.4em;}

h2{font-family: 'latobold'; /*font-size:39px;*/  font-size:25px; margin:0 auto; text-align: center; line-height:1.1;}
h3{margin:0 auto; color:#283571; font-size:20px; text-align: center; line-height:1.1;}
h4{margin:20px auto; color:#fff; font-size:17px; text-align:center; line-height:1.1;}
h5{clear: both; color: #434343; font-size: 17px; text-align: left;}

.bluebg{background:#283571; padding:30px 0 50px 0;}
.bluebg .title-head{padding-top:0;}
.bluebg h3{color:#fff;}
.bluebg label{color:#fff;}

.subscribe{width:1140px; margin:0 auto; padding-top: 30px;    max-width: 100%;}
.subscribe .name{width:28%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%; }
.subscribe .email{width:53%; padding: 15px 0px; border: none; float: left; color:#434343; text-indent: 20px; margin-right:2%;}
.subscribe .submit{width:15%; padding: 15px 0px; float: left; border: none; color:#283571; background: #fde53c;}

.wrapper p{text-align:center;}
.wrapper a{/*color:#343434;color:#283571;*/ color:#3366BB;text-decoration:none;}
.wrapper a:hover{text-decoration:underline;}
.wrapper a:visited{text-decoration:none;color:#663366;}

 a.panel-title{color:#fff; font-weight:bold}

.quarter{float:left; width:25%; padding: 20px 0 50px;/*border-left:1px solid #ebebeb;*/}
.quarter li{list-style:none; text-indent:0; padding-left:0;}
.quarter li a{padding:0; font-size: 15px;}

.three-quarter{float:left; width:75%; padding: 20px 0 50px; }
.three-quarter li{list-style:none; text-indent:0; padding-left:0;}
.three-quarter li a{padding:0; font-size: 15px;}

.one-thirds{float:left; width:33%; padding: 20px 0 50px;}
.one-thirds li{list-style:none; text-indent:0; margin-left:-35px;}
.one-thirds li a{padding:0; font-size: 15px;}
.one-thirds h4{text-align:left; /*margin-left:55px;*/}

.title-left h4{text-align:left; /*margin-left:55px;*/}

.two-thirds{float:left; width:66%; padding: 20px 0 50px;}
.two-thirds li{list-style:none; text-indent:0; padding-left:0;}
.two-thirds li a{padding:0; font-size: 15px;}


.third{float:left; width:33%; padding: 20px 0 50px;}
.third li{list-style:none; text-indent:0; padding-left:0;}
.third li a{padding:0; font-size: 15px;}

.half{float:left; width:50%; padding: 20px 0 20px;}
.half li{list-style:none; text-indent:0; padding-left:0;}
.half li a{padding:0; font-size: 15px;}

.icons li{float:left; padding-left:10px;}
.icons li a{padding:0px;}
.icons li:nth-child(2), .icons li:nth-child(9), .icons li:nth-child(13), .icons li:nth-child(17){padding-left:0;}

.left{float:left;}
.right{float:right;}

.footer {text-align: left; font-size: 15px;}
.footer ul{text-indent:0; padding-left:0;}
.footer li, .footer li a{display:list-item; list-style:none; text-indent:0; padding-left:0;font-size: 15px;}
.footer > .icons li{margin-right:3px;}

.logo-icons{width:80%;}

.main {
    padding: 30px 0px;
}

.main-property {
    padding: 10px 0px; color:#fff;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* Internal Styling */
button{padding: 20px 35px; background: #34427f; color: #fff; border: none;}

.btn {padding: 10px 20px; background: #fde53c; color: #fff; border: none;}

.btn-primary{padding: 20px 35px; background: #34427f; color: #fff; border: none;}

.btn-primary-sm{padding: 10px 20px; background: #34427f; color: #fff; border: none;}


.internal-height{height:300px;}
.internal-height header{height:300px;}
.internal-height .searchbox{position:absolute; bottom:40px; width:100%;}
.internal-height .searchbox .text{width:78%;}
.internal-height .searchbox .submit{width:22%;}
.internal-height .title-head{display: none;}

.internal-height-low{height:220px;}
.internal-height-low header{height:220px;}
.internal-height-low .searchbox{position:absolute; bottom:40px; width:100%;}
.internal-height-low .searchbox .text{width:78%;}
.internal-height-low .searchbox .submit{width:22%;}
.internal-height-low .title-head{display: none;}

.internal p{text-align:left;}
.internal h4{/*color:#434343;*/color:#283571;font-weight:bold}

.left-side{float:left; width:35%; margin-right:5%;}
.right-side{float:left; width: 60%;}
.right-side h3{text-align:left; /*margin-top:20px;*/}
.right-side button{    padding: 10px 20px;}
.blog-post{width:100%; clear:both; margin-bottom:20px; border: 1px solid #ebebeb; padding: 20px;background:#f6f7f9;}
.info{width:95%;}
.content{width:95%;}
.content h4{text-align:left;}
.content li{list-style:none; text-indent:0; margin-left:-38px;}
.blog-post h3 {margin-bottom: 0px;}
.blog-post h5 {margin-top: 20px;margin-bottom: 0px;}
.blog-post p {margin-top: 7px;}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

@media only screen and (max-width: 1200px) {
   .inside-strip, .inside-strip-left, .title-head, .title-head-1, .searchbox, .searchboxjob, .searchboxproperty, .main-title, .thirds, .footer{padding-left:20px; padding-right:20px;}
   /*.logo {padding-left: 20px}*/
   .logo {padding-left: 20px;margin-top:50px}
   nav{padding-right: 20px;}
   nav.homepage{margin-top:30px; width: 760px;}
   nav.homepage a{margin:0 auto;}
   /*nav{
    float: none;
    padding-right: 0px;
   *margin: 0px auto;
    padding-top: 40px;
    clear: both;
    width: 920px;
    }*/
   
   .title-head-home{padding-top: 40px;}
   .title-head{padding-top: 40px;}
   .subscribe{width:100%; max-width:960px;}
   .absolute{right:20px;}
   .internal-height .searchbox, .internal-height .searchboxjob, .internal-height .searchboxproperty{
    position: absolute;
    bottom: 40px;
    width: 96%;
    margin-left: 2%;
    padding: 0;}
   /*.blog-post{width:90%; margin-left:3%;}*/
   .info{width:90%; margin-left:3%;}
   .content{width:90%; margin-left:3%;}
    .searchbox .text {
        width: 580px;
    }
    .header-container-property-home{height:320px}
   /*.searchboxjob-side, .searchbox-site-side{width: 80%;margin-left:5%; margin-right:5%;}*/
   .inside-strip-left li.submenuLink{display:none}
    
}

@media only screen and (max-width: 1100px) {
    /*.quarter{width:50%; padding: 20px 0 0px;}
    .three-quarter{width:50%; padding: 20px 0 0px;}*/
    .third{width:33%; padding: 20px 0 0px;}
    .half{width:50%; padding: 20px 0 0px;}
    .pre-footer{padding-bottom: 40px;}
    .submenu-mega {left:-560px;}
    /*.submenu-mega li, .submenu2 li {width:100%; padding:0;}
    .submenu-mega li a, .submenu2 li a {width:89%;padding:15px 20px;}*/
    .left-side{float:left; width:38%; margin-right:2%;}
    .right-side{float:left; width: 60%;}
    /*.blog-post h3{display:none;}*/
    .blog-post h5{margin-top:0px;  margin-bottom:0px;}
    .blog-post p{padding:0px; margin-top:0px;}
    
}




@media only screen and (max-width: 1000px) {
    .subscribe{max-width:620px;}
    .searchbox .text{width:500px;}
    .searchbox{width:690px;}
    .searchboxjob .text{width:500px;}
    .searchboxjob{width:690px;}
    .submenu-mega {left:-480px;}

    .searchboxproperty{width:690px;}
    .searchbox .text {
        width: 460px;
    }
     .header-container-property-home{height:420px}
     

    /*.blog-post{width:94%; margin-left:3%;}
    .left-side{float:left; width:40%; margin-right:2%;}
    .right-side{float:left; width:58%;}
    .right-side h3{margin-top:0;}
    .left-side{width:100%; margin-right:0; text-align:center;}
    .right-side{width:100%; padding-top:30px;}*/
}


@media only screen and (max-width:900px) {
    

    nav{
    float: none;
    padding-right: 0px;
    margin: 0px auto;
    padding-top: 70px;
    clear: both;
    width: 520px;
    }
    nav.homepage{
    float: none;
    padding-right: 0px;
    margin: 0px auto;
    padding-top: 40px;
    clear: both;
    width: 720px;
    }
    
   
    nav a{margin:0 auto;}
    /*.wrapper p, .title-left{padding:0 40px;}*/
    .phone{float: left;}
    .services{margin-right: 30px;}
    .absolute {right: 30px; top: 110px;}
    .internal-height .logo{margin-top:50px;}
    .internal-height .absolute{top:50px;}
    .internal-height header, .internal-height{height:350px!important;}
    .internal-height nav{padding-top:50px;}
    .internal-height-low .logo{margin-top:50px;}
    .internal-height-low  .absolute{top:50px;}
    .internal-height-low  header, .internal-height-low{height:250px!important;}
    .internal-height-low  nav{padding-top:50px;}
    .submenu-mega {left:-320px;}
    .searchbox-site .text{width:130px; margin-left:0px;}

    .left-side{float:left; width:38%; margin-right:2%;}
    .right-side{float:left; width: 60%;}
    .blog-post h3{display:none;}
    .blog-post h5{margin-top:0px;  margin-bottom:0px;}
    .blog-post p{padding:0px; margin-top:0px;}
    .header-container-mid-property{height:590px}
    .header-container-mid-property .property-info{display:none}
    .logo{margin-top:50px}
    .inside-strip-left li.submenuLink1{display:none}
}


@media only screen and (max-width: 820px) {
    /*nav{
        float:none;
        padding-right: 0px;
        margin: 0px auto;
        padding-top: 70px;
        clear: both;
        width: 470px;
    }*/
    
    /*.title-head{padding-top:100px;}*/
    .title-head-1{padding-top:20px;}
    .one-third {float: left; width: 50%; margin-bottom: 0px;}
    .one-third:last-child{width:100%;}
    .one-third:last-child li{float: left; width: 50%;}

    .thirds .one-third:last-child{width:30%;}
    .submenu-mega {width:525px;left:-178px;}
    .submenu-mega li a{width: 185px;}
    /*.submenu-mega li, .submenu2 li {width:100%; padding:0;}
    .submenu-mega li a, .submenu2 li a {width:89%;padding:15px 20px;}*/
    .quarter{width:50%; padding: 20px 0 0px;}
    .three-quarter{width:50%; padding: 20px 0 0px;}
    /*.blog-post{width:94%; margin-left:3%;}*/
    /*.right-side h3{margin-top:0;}
    .left-side{width:100%; margin-right:0; text-align:center;}
    .right-side{width:100%; padding-top:30px;}*/
    /*.left-side{float:left; width:28%; margin-right:2%;}
    .right-side{float:left; width: 70%;}*/
    .blog-post .btn-primary{display:none;}
    /*.blog-post{width:89%; margin-left:3%; margin-bottom:10px;}*/
   .info{width:89%; margin-left:3%;}
   .content{width:89%; margin-left:3%;}
   /*.searchboxjob-side, .searchbox-site-side{width: 78%;margin-left:5%; margin-right:5%;}*/
   .spacer-md{height:10px}

}

@media only screen and (max-width: 750px) {
    .searchbox{width:550px;}
    .searchbox .text{width:350px;}
    .searchbox .submit{width:150px;}
    .searchboxjob{width:550px;}
    .searchboxjob .text{width:400px;}
    .searchboxjob .submit{width:150px;}
    .submenu {width:409px;left:-166px;}
    .searchboxproperty{width:520px;}
    .services-partners{display:none}
    nav.homepage {
        width: 580px;
    }
}


@media only screen and (max-width: 680px) {
   .subscribe{max-width:400px;}
   .subscribe .name, .subscribe .email, .subscribe .submit{width:100%; margin-right:0; margin-bottom:20px;}

   .main-container .one-third{width: 100%;
    margin-right: 0%;}
    .thirds .one-third:last-child{width:100%;}
    .first-arrow, .second-arrow{display:none!important;}
    
    .one-thirds{width:100%}
    .two-thirds{width:100%}
    /*.blog-post{width:87%; margin-left:3%; margin-bottom:10px;}*/
   .info{width:87%; margin-left:3%;}
   /*.searchboxjob-side, .searchboxproperty-side, .searchbox-site-side{width:87%; margin-left:3%;}*/
   .content{width:94%; margin-left:3%;}
   
    
}

@media only screen and (max-width: 600px) {
    .searchbox{width:460px;}
    .searchbox .text{width:300px;}
    .searchbox .submit{width:110px;}
    .searchboxjob{width:460px;}
    .searchboxjob .text{width:350px;}
    .searchboxjob .submit{width:110px;}
    .searchboxproperty{width:460px;}

    .submenu, .submenu-partners, .submenu-trades{width:300px;left:-166px;}
    .submenu-agents{width:300px;left:-106px;}
    .submenu2{width:409px;left:-148px;}
    .submenu li, .submenu2 li, .submenu-agents li, .submenu-partners li , .submenu-trades li {width:100%; padding:0;}
    .submenu li a, .submenu2 li a, .submenu-agents li a, .submenu-partners li a, .submenu-trades li a{width:89%;padding:15px 20px;}

    .submenu-mega {width:409px;left:-166px;}
    .submenu-mega li, .submenu2 li, .submenu-agents li, .submenu-partners li, .submenu-trades li{width:100%; padding:0;}
    .submenu-mega li a, .submenu2 li a, .submenu-agents li a, .submenu-partners li a, .submenu-trades li a{width:89%;padding:15px 20px;}

    .one-third{width:100%;}
    .one-third:last-child li{width:100%;}

    .quarter{width:100%; padding-left: 20px;}
    .three-quarter{width:100%; padding-left: 20px; border:none}
    .third{width:100%; padding-left: 20px;}
    .half{width:100%; /*padding-left: 20px;*/}

    .left{float:none; text-align:center; width:100%; margin-bottom:20px;}
    .right{float:none; text-align:center; width:100%;}
    .logo {
        padding-left: 0px;
        width: 100%;
        text-align: center;
        margin-top: 60px;
    }
    .absolute{right:25px; margin-right:0px; top: 10px;}
    nav a, nav a.tel{padding: 12px 20px;}
    nav{width:408px;}
    .services, .phone, .trades, .log{margin-right: 10px;}

    

    .internal-height .absolute{top:10px; right:25px; margin-right:0;}
    .internal-height-low .absolute{top:10px; right:25px; margin-right:0;}
    .login{padding:11px 20px;}
    .services-list{padding:11px 20px;}
    .searchbox-site{display:none;}
    .header-container-mid-property{height:530px}

    .services-partners{display:none}
    nav.homepage {width: 480px;}



}

@media only screen and (max-width: 520px) {
    /*.searchbox{width:400px;}
    .searchbox .text{width:380px;text-indent:15px;}
    .searchbox .submit{width:380px;}*/


   .searchbox, .searchbox .text, .searchbox .submit{ width: 90%;
    padding-left: 0;
    padding-right: 0;}

    .searchboxjob{width:350px;}
    .searchboxjob .text{text-indent:15px;}
    .searchboxjob .job{width:350px;}
    .searchboxjob .name{width:350px;}
    .searchboxjob .email{width:350px;}
    .searchboxjob .phone{width:350px;}
    .searchboxjob .address{width:350px;}
    .searchboxjob .submitjob{width:350px;}
    .header-container-mid-job{height:750px;}
    .header-container-mid-property{height:750px;}

    h2{font-size:30px;}

    .property-info{margin-bottom:20px;}
    .searchboxproperty{width:90%;}
    .searchboxproperty .location{width:100%;}
    .searchboxproperty .category{width:100%;}
    .searchboxproperty .type{width:100%;}
    .searchboxproperty .bed{width:100%;}
    .searchboxproperty .bath{width:100%;}
    .searchboxproperty .car{width:100%;}
    .searchboxproperty .min{width:100%;}
    .searchboxproperty .max{width:100%; }
    .searchboxproperty .submitsearch{width:100%;}

    .header-container-mid-property{height:850px}
    .header-container-mid-property .title-head-1{display:none}
    .services-agents{display:none}
    nav.homepage {width: 400px;}
    
}

@media only screen and (max-width: 480px) {
   .subscribe{max-width:320px;}
  /* nav{width: 80%;}*/
   /*.log, .services{
     width: 50%;
    margin: 0 auto;
    text-align: center;
   }*/
   /*.phone{float: none;
    clear: both;
    width: 100%;
    margin-top: 60px;
    text-align: center;
    font-size: 20px;}*/
    .log a, .services a, .phone a{margin-left: 0px;}

    .searchbox .text, .searchbox .submit, .searchboxjob .job, .searchboxjob .name, .searchboxjob .phone, .searchboxjob .email, .searchboxjob .address, .searchboxjob .submitjob, .searchboxproperty .location, .searchboxproperty .category, .searchboxproperty .type, .searchboxproperty .min, .searchboxproperty .max, .searchboxproperty .bed, .searchboxproperty .bath, .searchboxproperty .car, .searchboxproperty .submitsearch{width:100% !important; font-size: 15px;}
    .searchbox .text, .searchboxjob .job, .searchboxjob .name, .searchboxjob .phone, .searchboxjob .email, .searchboxjob .address, .searchboxproperty .location, .searchboxproperty .category, .searchboxproperty .type, .searchboxproperty .min, .searchboxproperty .max, .searchboxproperty .bed, .searchboxproperty .bath, .searchboxproperty .car{text-indent: 10px;}
    .searchbox, .searchboxjob, .searchboxproperty {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    }

    h1{font-size:50px;}/*
    .logo{margin-top:80px;}*/
    .header-container-job{height:750px;}
    .header-container-property{height:750px;}
    .title-head, .title-head-1 {
    padding-top: 50px;}

    

    .internal-height .header-container-job, .internal-height .header-container-property {height:370px;}
    .internal-height .searchbox, .internal-height .searchboxjob, .internal-height .searchboxproperty{position:static;margin-top:20px;}

    .internal-height-low .header-container-job{height:190px;}
    .internal-height-low .header-container-property{height:190px;}
    /*.blog-post{width:85%; margin-left:3%; margin-bottom:10px;}*/
    .info, .content{width:94%; margin-left:3%;}
    /*.searchboxjob-side, .searchbox-site-side{width:85%; margin-left:3%;}*/
    .left-side{width:100%;}
    .right-side{width:100%;}
    .btn-primary{width:100%;}

    /*.blog-post{width:100%;margin-left:0;}
    .blog-post .h3, .blog-post .left-side, .blog-post .right-side h3 {padding:0 40px;}
    .blog-post .left-side {width:70%;}*/
}

@media only screen and (max-width: 450px) {
    /*nav li{width:50%;}*/
    .services, .phone, trades{margin-right: 0px;}
    .trades{margin-left:18px}
    .phone{float:right;margin-right:3px;}
    .login, .services-list a {padding:12px 10px;}
    .hiding{display:block!important;}
    .tel span{display:none;}
    nav a.login {padding: 12px 10px;}
    nav a.tel{padding: 8px 16px;}
    nav a.services-list{padding: 12px 10px;}
    .services, trades{margin-right: 3px;}
    nav{width:90%;}
    .services-agents{display:block}

    .submenu, .submenu-partners, .submenu-trades {width:288px;left:-62px;}
    .submenu-agents{width:288px;left:12px;}
    .submenu2{width:288px;left:-14 8px;}
    .submenu li a, .submenu2 li a, .submenu-agents li a, .submenu-partners li a, .submenu-trades li a{width:84%;}

    .submenu-mega{width:288px;left:-62px;}
    .submenu-mega li a, .submenu2 li a, .submenu-agents li a, .submenu-partners li a, .submenu-trades li a{width:84%;}

}

@media only screen and (max-width: 420px) {
   h2{font-size:25px;}
   .inside-strip li, .inside-strip-left li{padding:12px 0;}
   h1{font-size:40px;}
   .title-head, .title-head-1{padding-top: 30px;}
    .logo {
    margin-top: 60px;}
    nav{padding-top:60px;}
    nav a.tel{padding: 8px 16px;}
    .trades{margin-left:5px} 
    .log{margin-left:0px}
    .header-container-job {height: 650px;}
    .header-container-property {height: 650px;}
    .large-list li{padding: 5px 20px;}
    .pre-footer li{padding: 5px 0;}
    .icons li{padding-right:0px!important;}
    .icons .flagmenu li {padding-right:0 !important;}
    .searchbox, searchboxjob, searchboxproperty{padding-top:40px;}

    .internal-height .header-container-job{height:370px;}
    .internal-height .header-container-property{height:370px;}
    .internal-height-low .header-container-job{height:220px;}
    .internal-height-low .header-container-property{height:220px;}
    /*.blog-post{width:80%; margin-left:3%;}*/
    /*.info, .content{width:80%;}
    .searchboxjob-side, .searchbox-site-side{width:80%;}*/
    .title-head-home{display:none}
    nav.homepage {width: 370px;padding-right:20px}

}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.title-left {
    text-align: left;
}

.text-left {
    text-align: left;
}

.p-t-20 {
    padding-top:20px;
}

.m-t-20 {
    margin-top:20px;
}

.m-t-10 {
    margin-top:10px;
}

.m-t-100 {
    margin-top:100px;
}

.no-margin{padding:0px;}

.no-margin-row{margin:0px;}

.bold {
   font-weight: bold;
}

.underline {
    text-decoration:underline;
}

.text-center {
    text-align:center;
}


/*Master Page Styling*/

/** Colors
	#66B7E2	= blue
	#1b1f23	= darker blue
	#454b56	= brighter blue
	#66B7E2	= blue
	#36a0da	= darker kblue
	#82c4e8	= brighter kblue
 **************************************************************** **/


/** 26. Modal
 **************************************************************** **/

.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          min-width:190px;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-content {
	overflow:hidden;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
/*.modal-header {
	background-color:#333;*/
}
.modal-header  button,
h4.modal-title {
	color:#fff !important;
	opacity:1;
}
.modal-header  button {
	font-size:30px;
}
.modal.fade .modal-dialog {
	z-index:9999;
}

.modal-header {
		background-color:#283571;
	}

        .well {
            background:#fff;
            border: solid;
            border-width: 1px; 
            border-color: #CCCCCC;
            }
  
        .thumbnailimage {
            position: relative;
            padding-bottom: 65.25%;
            height: 0;
            overflow: hidden;
            border: solid;
            border-width: 1px; 
            border-color: #CCCCCC;
            }
        
        .tab-box .panel-heading > .nav-tabs {
            float: right;
            margin-top: -2px;
            display: inline-block;
            border-bottom: 0;
            }
        .tab-box .panel-heading > .nav-tabs > li > a {
        border: 0;
        padding: 6px 7px;
        background-color: #CC0000;
        }

        .panel-heading > .panel-title > a {
            color: #fff;
            text-decoration: none;
            
        }

        .panel-heading > .panel-title > a:hover, .panel-heading > a:focus {
            color: #fff;
            text-decoration: underline;
        }
        @media (min-width: 444px) {
        .tab-box .panel-heading > .nav-tabs > li > a {
        padding: 6px 15px;
        }
        }
        .tab-box .panel-heading > .nav-tabs > li.active > a {
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        border-bottom: 0;
        border-top: 1px solid #7c1c1d;
        background: #fff;
        }
        .panel.panel-default > .panel-heading h3 {
        display: inline-block;
        }

        svg {
        width: 100% !important;
        }

        
        .img-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        /*width:100%;
        float:left;*/
       
     }
      .img-container1 {
        position: relative;
        padding-bottom: 80.25%;
        width:100%;
        height: 0;
        overflow: hidden;
        float:left;
       
     }
     
     a:hover.gallerypic{
		width:100%;
	    /* Theoretically for IE 8 & 9 (more valid) */	
	    /* ...but not required as filter works too */
	    /* should come BEFORE filter */
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    	
	    /* This works in IE 8 & 9 too */
	    /* ... but also 5, 6, 7 */
	    filter: alpha(opacity=50);
    	
	    /* Older than Firefox 0.9 */
	    -moz-opacity:0.5;
    	
	    /* Safari 1.x (pre WebKit!) */
	    -khtml-opacity: 0.5;
        
	    /* Modern!
	    /* Firefox 0.9+, Safari 2?, Chrome any?
	    /* Opera 9+, IE 9+ */
	    opacity: 0.5;
	}
	
	 .gallerypic .thumbnail  img {
		width:100%;
		border:none;
		
     }
     
     div.overlayplay{  
        position:absolute; /* absolute position (so we can position it where we want)*/  
        bottom:0px; /* position will be on bottom */  
        width:100%;  
        /* styling bellow */  
         
    }
    p.overlay_content {
        padding: 8px;
        margin: 0px;
    }

    .modalBackground {
        background-color:#666666;
        filter:alpha(opacity=70);
        opacity:0.7;
    }

    .videoContainerWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 format */
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .videoContainerWrapper iframe, .videoContainerWrapper object, .videoContainerWrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
  
    #boxscroll {
    /*padding: 5%;*/
    height: 360px;
    width: 100%;
    overflow: auto;
    /*margin-bottom:20px;*/
}