body, html { font-size: 14px; padding: 0; margin: 0;/* height: 100%;*/}
body {font-family:'Gill Sans MT' !important; color: #777; /*overflow: hidden; #891, No change*/}
.bb-custom-side {width: 50%; float: left; height: 100%; overflow: hidden; background: #fff; /*-webkit-border-image: url("../images/stitches.png") 30 round; -o-border-image: url("../images/stitches.png") 30 round; border-image: url("../images/stitches.png") 30 round;*/ border-width: 0px 1px 0px 0px;}
/* ST-677 : Added By Parth 
   Bug : Property Was Getting Overridden.
   Reason : I was checking without clearing cache. Pre cache Version has not issue. So I could not catch issue.
*/
.bb-item {width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*display: none;*/ background: #fff;/* border: 1px solid #000;*/}
.bb-front {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;}
.bb-custom-firstpage .fred_nicolaus p span{margin: 0; line-height: 20px;}
.bb-custom-firstpage .fred_nicolaus span{font-size: 13px; display: inline-block; width: 49%;}
 /*PK 10/17/2017 Remove Extra Spacing After Publish*/
.fred_text p{line-height: 15px;margin: 2px;padding: 0px;}
.fred_text p span{line-height: 30px;}
.fred_text hr{margin: 5px 0; border-top: 1px solid #000;}
.frederich_img .bottom_text{position: absolute; bottom: 44px; left: 0; right: 0; text-align: center !important;} /* ST-1369 Positon of Text To Center */
.shingle .shingle_style_beach{width: 100%; height: 475px; padding: 0 30px 0 50px;min-height:475px;}
.cottage{padding: 0px; } /*ST-1392 , PK 10/19/2018 */

.bb-custom-side.midcentury_right hr{border-top: 1px solid #000; margin: 0;}
.bb-custom-side.midcentury_right ul{margin: 30px 0 0;}
.midcentury_right ul{margin: 0; padding: 0;}
.midcentury_right ul li{display: block;}
.midcentury_right ul li img{width: 100%; height:100%}
.midcentury_right ul li span{display: block; margin: 2px 0 0;}
.midcentury_right ul li:last-child{margin: 0;}
.bb_full_img{width: 100%; overflow: hidden; position: relative; z-index: 100;min-height:271px;}
.keller_environment{padding: 10px 20px 0 20px; height: auto; overflow: visible;}
.keller_environment .keller_text hr{margin: 0; border-top: 1px solid #000;}
.keller_environment .keller_text span{color: #000000; font-size: 10px; font-family:'Gill Sans MT';}
.keller_environment .keller_text p{color: #000000; margin: 0; font-size: 12px; line-height: 17px; font-family: 'ACaslonPro-Regular' !important;}
.keller_environment .keller_text #div33 p{margin: 0 0 20px;}
.keller_environment .keller_img p, .keller_environment .keller_img1 p, .keller_environment .keller_img2 p{margin: 0;}
.keller_environment .keller_img{width: 44%; float: left;height:215px;}
.keller_environment .keller_img1{width: 48%; float: left; padding-right: 20px; position: relative;height:215px;}
.keller_environment .keller_img2{width: 48%; float: left; position: relative; padding-right: 20px;height:215px;}
.keller_environment .keller_img1 span, .keller_environment .keller_img2 span{/*display: block; color: #000000; font-size: 10px; position: absolute; left: 0; margin: 6px 0 0; font-family:'Gill Sans MT';*/}
.salesforce_tower{width: 576px; height: 576px}
.drake_tow_text{margin: 20px 0 0;}
.bb-custom-firstpage .fred_nicolaus a {margin: 0px;}
.frede_img img {margin-left:0px !important}
.main_container{width: 100%; margin: 50px auto 0; }
.left_drop, .center_drop, .right_drop{background-color: #A07CB8; color: #ffffff; display: inline-block; font-size: 16px; }
.left_drop:hover, .left_drop:focus, .center_drop:hover, .center_drop:focus, .right_drop:hover, .right_drop:focus{text-decoration: none; color: #ffffff;}
.right_drop{text-transform: uppercase; font-size: 20px; text-align: center; padding: 0 10px; font-family: 'ProximaNova-Bold';}
.right_drop i.share{margin-right: 10px; display: inline-block; vertical-align: middle; font-style: normal; padding: 2px 0 0;}
.right_drop i.fa{display: inline-block; background-color: #412062; border-radius: 50%; height: 20px; width: 20px; text-align: center; line-height: 20px; margin-right: 10px;}
.right_drop i.fa:last-child{margin-right: 0;}
.right_drop i.fa:before{font-size: 10px; display: block;}
.left_drop_menu, .center_drop_menu, .right_drop_menu{border-color: #404041; border-radius: 0; top: 50px; background-color: #D1D2D4; color: #404041; padding: 5px 10px; width: 200px;}
.right_drop_menu{width: 400px;}
.left_drop_menu li, .center_drop_menu li{border-bottom: 1px solid #404041; display: block; margin: 0 !important;}
.right_drop_menu{padding: 15px 10px 20px;}
.right_drop_menu li:first-child{display: block; margin: 0 0 10px !important;}
.share_icons .right_drop_menu li{display: inline-block; margin: 0 5px 0 0; text-transform: capitalize; font-weight: normal;}
.right_drop_menu li:last-child{margin: 0;}
.left_drop_menu li a, .center_drop_menu li a, .right_drop_menu li a{font-size: 14px; padding: 5px 8px;}
.share_icons .right_drop_menu li a{background-color: #412062; color: #ffffff; display: inline-block; padding: 5px 10px; font-size: 14px; width: auto; height: auto; border-radius: 0; text-align: left;}
.right_drop_menu li .input-group{border: 1px solid #585858;}
.right_drop_menu li .input-group .input-group-addon{background-color: #ffffff; border: 0;}
.right_drop_menu li .input-group .input-group-addon img{width: 13px;}
.right_drop_menu li input[type="text"]{border: 0; outline: none; padding: 6px 12px 6px 0;}
.right_drop_menu li input[type="text"]:focus{box-shadow: none;}
.right_drop_menu li a:hover{background-color: #412062; color: #ffffff;}
.share_icons .right_drop_menu li a i{font-size: 23px; vertical-align: middle; display: inline-block; padding: 0;}
.left_drop_menu li a:hover, .center_drop_menu li a:hover{background-color: transparent;}
.left_drop_menu li:last-child, .center_drop_menu li:last-child, .right_drop_menu li:last-child{border-bottom: 0;}
.left_drop_menu:after, .center_drop_menu:after, .right_drop_menu:after, .left_drop_menu:before, .center_drop_menu:before, .right_drop_menu:before {bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.left_drop_menu:after, .center_drop_menu:after, .right_drop_menu:after {border-color: rgba(209, 210, 212, 0); border-bottom-color: #D1D2D4; border-width: 10px; margin-left: -10px;}
.left_drop_menu:before, .center_drop_menu:before, .right_drop_menu:before {border-color: rgba(64, 64, 65, 0); border-bottom-color: #404041; border-width: 11px; margin-left: -11px;}
header ul li a:focus{color: #ffffff; outline: 0; text-decoration: none;}
.jiggle {animation: jiggle 1s infinite ease-in;}
@keyframes jiggle {
  45%, 65% {
    transform: scale(1.0, 1.0)
  }
  50% {
    transform: scale(1.1, 0.9)
  }
  55% {
    transform: scale(0.9, 1.1) translate(0, -5px)
  }
  60% {
    transform: scale(1.0, 1.0) translate(0, -5px)
  }
}
/* Code Related to SubLayouts and Related Structure*/
.SubLayouts .cottage .georgica_pond {width:576px;border:none !important;}
.SubLayouts .floatleft {float:left !important}
.SubLayouts .floatright {float:right !important}
.SubLayouts .show_item {display: block;background-color: transparent;}
.SubLayouts .image_wrap {position: relative;height: 100%;width: 100%;}
.SubLayouts .show_item {display: block;}
.SubLayouts .bg_color_layout {background-color: #f3f3f4;}
.SubLayouts .top_heading {width: 480px;text-align: left;margin-bottom: 7px;}
.SubLayouts .bb-bookblock .click_text {font-size: 12px;}
.SubLayouts .bg_color_layout {background-color: #f3f3f4;}
.SubLayouts .heading_in, .sub_heading_in, .right_content_in {margin: 0px 0px 5px 0px;   }
.SubLayouts .sub_heading_in,.SubLayouts .sub_heading {min-height: 80px;max-height: 80px;overflow:hidden}
.SubLayouts .top_heading .heading_in p, .sub_heading_in p {padding: 0px;margin: 0px;font-size: 14px;}
.SubLayouts .sub_heading {width: 60%;text-align: left;margin: 0 auto 7px;}
.SubLayouts .sub_heading_in p {font-size: 12px;}
.SubLayouts .georgica_pond .sub_heading {margin-bottom:0px !important;width:480px}
.sublayout12 .cottage_txt .right_content {width: 100%;height: 100%;}
.SubLayouts .right_content .right_content_in {margin: 0px 5px 5px 0px;text-align: left;overflow:hidden}
.sublayout12 .upload_wrap {background-color: #f3f3f4;position: relative;height: 155px;width: 148px;margin-top:11px;}
.sublayout12 .cottage .georgica_pond ul li .upload_wrap a img {width: 232px;border: none;}
.sublayout12 .upload_wrap a span {font-size: 10px;display: block;}
.sublayout12 .upload_wrap .upload_wrap_in {margin: 50px 0;text-align: center;}
.SubLayouts12 .georgica_pond .cottage_txt{padding-left: 0px;width: 100%;}
.SubLayouts .cottage_img,.SubLayouts .cottage_txt,.cottage_full_txt  {height: 175px;margin-top:25px;}
.SubLayouts .cottage .georgica_pond .cottage_img {width:149px !important}
.SubLayouts .cottage .georgica_pond .cottage_img img {height:100%;width:100%}
.SubLayouts .cottage_img .image_wrap {height: 159px;}
.SubLayouts .cottage_txt .right_content {width: 95%;text-align: center;}
.SubLayouts .sublayout12 .cottage .georgica_pond .cottage_full_txt {width: 232px !important;height: 190px;padding-left: 0px !important;}
.sublayout12 .sub_heading {width: 480px;text-align: center;margin: 0 auto;padding-top:26px;padding-bottom:25px}
.SubLayouts .cottage_full_txt .right_content {width: 100%;height:100%}
.notes_wrapper p {color: #363836;margin: 0;text-align: center;line-height: 50px !important;font-size: 40px;width: 100%;padding-bottom: 10px;max-height: 40px;min-height: 40px;overflow: hidden;background-color: transparent;}
.sublayout13 .notecontent_in {padding: 5px 10px;background-color: rgba(255, 255, 255, 0.6);margin: 0px 0px 5px 0px;background-color: rgba(255, 255, 255, 0.6);}
.sublayout13 .top_heading  .notecontent_in p {padding: 0px;margin: 0px;font-size: 14px;}
.sublayout13 .notecontent {width: 96%;text-align: left;margin: 0px;padding-right: 10px;height: 100%;}
.sublayout13 .notecontent_in p {font-size: 12px;font-family: 'PalatinoLTStd' !important;line-height:15px !important;min-height: 455px;max-height:455px;color: #000000;overflow:hidden;}
.sublayout14 .upload_wrap_half {background-color: #f3f3f4;position: relative;width: 100%;}
.sublayout14 .upload_wrap_half {width:232px;height:219px;}
.sublayout14 .cottage_full_txt {height: 115px !important;margin-top:17px !important;}
.sublayout14 .right_content .right_content_in {max-height:125px !important;width:228px !important;margin: 0px 5px 5px 0px;text-align: left;overflow:hidden;float:left;}
.sublayout14 .right_content .right_content_in p {max-height: 125px !important;overflow: hidden;line-height:16px !important;font-family:'PalatinoLTStd' !important}
.sublayout15 .upload_wrap {background-color: #f3f3f4;position: relative;height: 159px;width: 100%;}
.sublayout15 .upload_wrap .upload_wrap_in {margin: 50px 0;text-align: center;}
/* SubLayout 16*/
.sublayout16 .middle_text_in {min-height: 300px;max-height:300px;overflow:hidden}
/* SubLayout 16 & 18 Common*/
.SubLayouts .drake_tower {width:482px;border:none !important;margin:36px 46px 0px 48px;padding:0px !important}
.SubLayouts .drake_tower .top_heading {width: 100%;text-align: left !important;}
.SubLayouts .drake_tower .heading_in, .content_in, .middle_text_in {margin: 0px 0px 5px 0px;}
.SubLayouts .drake_tower .top_heading .heading_in p {padding: 0px;margin: 0px;font-size: 28px;font-family: 'Avenir-Book'; text-align: left !important;text-indent: 0;} 
.SubLayouts .drake_tow_text {margin: 20px 0 0;}
.SubLayouts .drake_tow_text .drake_tower_border {position: relative;width: 180px;height: 160px;background-color: #f3f3f4;float: right;margin-left: 20px;}
.SubLayouts .drake_tow_text .drake_tower_border .drake_bg_img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 65%;text-align: center;}
.SubLayouts .drake_tow_text .drake_tower_border .drake_bg_img img {width: 60%;float: none;border: none;margin: 0;}
.SubLayouts .drake_tow_text .drake_tower_border .drake_bg_img span {display: block;font-size: 10px;}
.SubLayouts .middle_text {text-align: left;width: 100%;}
 /* ST-923 : PK - 12/22/17 Default Textalign Left  */
.SubLayouts .middle_text .middle_text_in p {text-align: left;font-size: 12px !important;margin: 0 0 20px;}
.middle_text .middle_text_in p {font-size: 12px !important;}
.SubLayouts .middle_text .middle_text_in p.noM {margin: 0 0 10px;}
.SubLayouts .middle_text a {font-size: 12px;}

/* PK , Bug : It's showing out of content : Update From 65% to 57% ; Reason : I was not checking on full screen.*/
/* ST-923 : PK - 12/22/17 Default Textalign Left  */
.SubLayouts .drake_tow_text .content_wrap {width: 57% !important;float: left;max-height:159px;min-height:159px;overflow:hidden}
.SubLayouts .content_wrap .content_in p {text-align: left;font-size: 14px;}
.SubLayouts .content_wrap a {font-size: 12px;}
.SubLayouts .drake_tow_text p {margin: 0 0 10px;}
.sublayout18 .middle_text_in {min-height: 240px;max-height:240px;overflow:hidden}
.SubLayouts .drake_tow_text img {height: 100% !important;width: 100% !important;}
.SubLayouts .bb_full_img img {width: 100%;height: 100%;}

/* SubLayout 17 CSS */
.sublayout17 bb-custom-side keller_environment {width:100% !important}
.sublayout17 .keller_environment .keller_img img {height:100% !important}
.sublayout17 .keller_environment {width:482px;padding:0px;margin-top:10px;}
.sublayout17 .upload_img {position: absolute;left: 50%;top: 50%;width: 30%;text-align: center;transform: translate(-50%, -50%);}
.sublayout17 .upload_img a img {width: 35%;height: auto;border: none;}
.sublayout17 .upload_img a span {display: block;font-size: 10px;margin: 10px 0;}
/* ST-923 : Default Textalign Left  */
.sublayout17 {margin-left: 48px;margin-top: 37.6px;padding:0px;margin-right:46px;}
.sublayout17 .keller_environment .keller_img {width: 235px;float: right;}
.sublayout17 .keller_environment .keller_text {width: 235px;float: left;}
    
/* SubLayout 19 CSS */
.SubLayouts .left_layout_height{height: 576px; background-color: transparent;}
.SubLayouts .cottage .georgica_pond ul li img {height:100%}
.SubLayouts .last_slide_Left .left_layout_common_div {height: 195px !important;}
.SubLayouts .last_slide_Left .left_layout_div3, .last_slide_right .right_layout_div2 {height: 175px !important;}
/* SubLayout 20 CSS */
/*ST-1369 PK 10/28/2018*/
.bb-custom-side.last_slide_Left.left_layout_height {height:576px !important; width: 576px !important;}
.SubLayouts .last_slide_Left .FullBreed {width: 576px;position: absolute;padding-top:0px;background-color: #f3f3f4;text-align: center;}
.SubLayouts .FullBreed .upload_img_icon {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);width: 50%;text-align: center;}
.SubLayouts .last_slide_Left { padding : 0px; }
.sublayout20 .left_layout_height {padding-left:0px !important}
.drake_tower_border img{ width:100% }

.last_slide_Left .last_slide_div5{width: 30%; height: 32px; position: absolute; left: 20px; top: 280px;}
.last_slide_Left .last_slide_div6{width: 30%; height: 32px; position: absolute; left: 20px; bottom: -12px;  }
.last_slide_Left .last_slide_div7{width: 61%; height: 32px; position: absolute; right: 20px; top: 198px;  }
.last_slide_Left .last_slide_div8{width: 61%; height: 32px; position: absolute; right: 20px; bottom: -12px;  }
.paddingleft20 { padding-left:20px !important; }
.paddingright20 { padding-right:20px !important; }

/*ST-845 PK 11/25/2017 */

#portpagediv7 {height:30px;}
#portpagediv114 {height:40px;}
.disabled {pointer-events: none;cursor: default;opacity: 0.6;}
.custom_side_wrapper img {z-index:0 !important}
/****End 651 Styles****/

.PopImgParentDiv img{height:100%}
/*PK 1308 09/17/2018 top 42 to 48% to adjust center*/