/* Minification failed. Returning unminified contents.
(580,1): run-time error CSS1019: Unexpected token, found '}'
 */
/** Stage container **/
.connected-carousels .stage { float: left; width: 540px; position: relative; }


.connected-carousels .connectedimage { width: 540px; height: 320px; display: inline-block; /* border:3px solid grey;*/ }

    .connected-carousels .connectedimage img { width: 460px; height: 320px; display: inline-block; }

/** Navigation container **/
.connected-carousels .navigation { width: 460px; position: relative; float: left; margin-top: 10px; clear: both; }
/** Shared carousel styles **/
.connected-carousels .carousel { overflow: hidden; position: relative; }

    .connected-carousels .carousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; background: #bbb183; }

    .connected-carousels .carousel li { float: left;  clear:none; }

/** Stage carousel specific styles **/

.connected-carousels .carousel-stage { height: 320px; }

/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation { height: 110px; width: 498px; margin: 0px 0px 0px 12px; }

    .connected-carousels .carousel-navigation li { height: 80px; width: 114px !important; cursor: pointer; margin: 0px 0px 0px 10px; }

        .connected-carousels .carousel-navigation li img { display: block; border: 3px solid darkgrey; height: 80px; width: 133px; }

        .connected-carousels .carousel-navigation li.active img { border: 3px solid #808080; }

/** Navigation carousel controls **/
.shareBox {display:none !important;}
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation { display: block; position: absolute; width: 20px; height: 30px; }

.connected-carousels .prev-navigation { left: -6px; top: 25px; text-indent: 0px; z-index: 20; }
.connected-carousels .next-navigation { right: -82px; top: 25px; text-indent: 8px; z-index: 21; }


.connected-carousels .prev-navigation:before {content: ""; background: transparent url('/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png') no-repeat 0 -252px; width: 20px; height: 30px;  display: block;}
.connected-carousels .next-navigation:after {content: ""; background: transparent url('/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png') no-repeat 0 -282px; width: 20px; height: 30px;  display: block;}

    .connected-carousels .prev-navigation.inactive,
    .connected-carousels .next-navigation.inactive { opacity: .5; cursor: default; }

#mainWrapper { height: 320px; z-index: 10001; float: left; width: 540px; /*position: relative;*/ }

.zoom-container { display: none !important; }

.componentWrapper .playerHolder { padding-top:0 !important; width: 480px !important;}

.vicon { background: url("../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png") no-repeat 30px -1157px; display: block; position: absolute; width: 133px; height: 80px; margin-top: -78px; }


@media screen and (max-width:1023px) {
        .componentWrapper .playerHolder { width: 460px !important;}
}

@media (min-width:320px) and (max-width:480px) {
    .connected-carousels .stage { width: 300px; }
    .connected-carousels .connectedimage { width: 300px; height: 230px; }
    .connected-carousels .carousel-navigation { width: 92%; }
    .connected-carousels .navigation { width: 300px; }
    .connected-carousels .carousel-stage {height: 230px;}
            .componentWrapper .playerHolder { width: 300px !important;}


}
@media (min-width: 320px) and (max-width: 667px) {
	.connected-carousels .next-navigation { right: -20px; top: 25px; text-indent: 8px; z-index: 21; }
	
	#mainWrapper { height: 230px; z-index: 10001; float: left; width: 300px; /*position: relative;*/ }
}
.deal_left { float: left; }
.deal_right { float: right; }
.deal_w50p { width: 50%; }
.deal_w40p { width: 40%; }
.deal_w60p { width: 60%; }
.deal_w100p { width: 100%; }
.deal_clearBoth { clear: both; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
}
.arrowColor {
    border: solid #66332B;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-bottom: 1px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.warrantyInfo { margin-top: 10px; margin-bottom: 10px;}
.warrantyInfo span { font-family : 'LatoRegular'; font-size: 12px; color: #000000; }


#AddressValue, #AddressValue1, #AddressValue2, #AddressValue3 {text-transform: uppercase !important;} 

.deal_mainblock { margin-top: 0px; margin-left: 0px; float: left;}
.pp_left { float: left; }
.pp_blockone { border: 0px solid red; width: 50%; margin-top: 25px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; }
.deal_logobox { display: inline-block;  width: 100%; }
.deal_logobox img { margin-right: 30px; margin-top: 30px; float: left; width: 100%; height: 100px; }
.deal_heading span { font-family: LatoBold; font-size: 36px; color: #000; padding-top: 15px; float: left; text-indent: 0 !important; line-height: 35px !important; /*text-transform: capitalize !important; */}
h1.deal_heading { /*width: auto !important;*/ }
.deal_imgbox { margin-bottom: 10px; }
/*#dealerLogo{border-bottom: 1px solid #bfbfbf;}*/
.deal_imgbox img { margin: 5px 15px 5px 0px; min-width: 65px; max-width: 70px;height: auto; vertical-align: middle; padding: 0;}
/* .deal_imgbox img.mad {width: 80px;height:auto;}
.deal_imgbox img.ad {width: 80px;height:auto;}
.deal_imgbox img.goldbar {width: 80px;height:auto;}
 */
.deal_imgbox img.oneyearimg {width: 65px; height: auto; }
.deal_descriptionbox { width: 95.5%; }
.deal_descriptionbox p { font-family: 'LatoRegular'; font-size: 14px; color: #000000; margin-bottom: 10px; }
#descriptiontxt p { margin-left: 0; }
.deal_descriptionbox span { font-family: 'LatoRegular'; font-size: 14px; color: #000000; display: block; }
.deal_descriptionbox span b { font-family: 'LatoRegular'; font-weight: bold; font-size: 14px; color: #000000; margin-top: 18px; display: block; text-transform: uppercase; }
.deal_quotebutton { margin-top: 0px; text-align: left; display: block; }
.deal_galleryimgs { width: 440px; }
.deal_galleryimgs img { float: left; padding-right: 10px; }
.deal_galleryimgs .last { padding-right: 0px; }
/*.deal_blocktwo {margin-top:25px; }*/

.deal_testimonialsbox { clear: both; padding-top: 42px; }
.deal_testimonialsbox div { font-family: LatoMedium; font-weight: bold; font-size: 18px; color: #000000; margin-bottom: 10px; text-transform: uppercase; }
.deal_testimonialsbox p { font-family: LatoMedium; font-size: 14px; color: #000000; margin-bottom: 10px; width: 500px; }
#testimonials div { display: none; font-family: LatoRegular, Roboto-regular, sans-serif; font-size: 14px; text-align: justify; line-height: 25px; margin-bottom: 15px; min-height: 65px; }
#testimonials div span:first-child:before { content: open-quote; }
#testimonials div span:first-child:after { content: close-quote; }
.testimonialsAuthorName { margin-left: 10px; }
#prev_next { float: left; width: 100%; margin-top: 10px; }
#prev_next span { cursor: pointer; font-family: LatoRegular, Roboto-regular, sans-serif; color: #000000; }
#prev_next span:hover { text-decoration: underline; }
#prev { float: left; background: url("../Images/dl_arrow-left.png") no-repeat left 2px; padding-left: 16px; }
#next { float: right; background: url("../Images/dl_arrow-right.png") no-repeat right 3px; padding-right: 16px; }
.testimonials_heading { font-size: 22px; font-family: 'LatoRegular'; color: #000000; margin: 25px 0px 5px 0px; border-bottom: 1px solid; clear: both; }
#testimonials p { margin-left: 0; }
a.requestbutton_one { background-image: -o-linear-gradient(bottom, #5d271f 0%, #66332B 100%); 
                    background-image: -moz-linear-gradient(bottom, #5d271f 0%, #66332B 100%);
                    background-image: -webkit-linear-gradient(bottom, #5d271f 0%, #66332B 100%); 
                    background-image: -ms-linear-gradient(bottom, #5d271f 0%, #66332B 100%);
                    background-image: linear-gradient(to bottom, #5d271f 0%, #66332B 100%); 
                    background-color: #66332B; 
                    border: 1px solid #66332B; 
                    color: #ffffff !important; 
                    font-family: LatoBold; 
                    font-size: 12px !important;
                    /*padding: 7px 79px;*/
                    text-decoration: none !important; 
                    text-align: left; 
                    text-transform: uppercase;
                    font-size: 18px;
                    margin: 0px 0 15px 0;  
                    padding-top: 8px;  
                    padding-bottom: 8px;
                    padding-left: 10px;
                    padding-right: 10px;
 
                    display: inline-block;
}
a.requestbutton_one:hover { background-image: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); background-color: rgba(0, 0, 0, 0); color: #5d2b20 !important; text-decoration: none; }
a.requestbutton { background-image: -o-linear-gradient(bottom, #5d271f 0%, #66332B 100%); background-image: -moz-linear-gradient(bottom, #5d271f 0%, #66332B 100%); background-image: -webkit-linear-gradient(bottom, #5d271f 0%, #66332B 100%); background-image: -ms-linear-gradient(bottom, #5d271f 0%, #66332B 100%); background-image: linear-gradient(to bottom, #5d271f 0%, #66332B 100%); background-color: #66332B; border: 1px solid #66332B; color: #ffffff !important; font-family: LatoBold; font-size: 22px; padding: 7px 79px; text-decoration: none !important; text-align: center; text-transform: uppercase; font-size: 18px;margin: 0px 0 5px 0; display: inline-block;}
a.requestbutton:hover { background-image: -o-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%); background-color: rgba(0, 0, 0, 0); color: #5d2b20 !important; text-decoration: none; }
.Awards { clear: both; padding-top: 40px;}
#testimonials div span, 
#testimonials p span{
	color: white;
    font-weight: inherit;
}
#deal_Awards img { width: 113px; height: 85px; }
#deal_payment img { width: 44px; height: 23px; }
.galleria-container { background: #eeeeee !Important; }
.galleria-stage { background: #eeeeee !Important; }
.galleria-thumbnails .galleria-image { border: 5px solid #800000 !Important; }
#Quote {margin-bottom: 30px;margin: 10px 0px 10px;clear: both;text-align: left;}
.dealerMarginTop { margin-top: 18px; }
#PhoneNumber, #PhoneNumber2,#FaxNumber{ font-size: 24px; color:#5c281e; text-transform: capitalize;font-family: "LatoBold";font-weight: bold; }
#PhoneNumberValue { text-decoration: none !important; }
.deal_descriptionbox a { text-decoration: none !important; display: block; }
.top-right-menu {  position: relative !important;  }
#payment img { width: 44px; height: auto; margin: 5px 2px 5px 0px; }
#Awards img { width: 100px; height: auto;  margin: 5px 2px 5px 0px;}
.newPhone{font-size: 24px;  margin-bottom:18px; font-weight:bold; color: #5d2b20;font-family: "LatoBold";}
.getDirections, .visitWeb{font-size: 14px;color: #5d2b20;margin-bottom: 36px;text-decoration: underline !important;}
	.desc_w100p {width: 100%; clear: both; padding: 20px 0 0px 0;}
	.desc_w100p span{font-family: 'LatoRegular'; font-size: 14px; margin-bottom: 15px; color: #000; display: block; }
	.desc_w100p h3{ margin: 5px 0px 0px 0px;}
  #AssociationList {font-family: 'LatoRegular'; font-size: 14px; color: #000; width: 100%;}
  
      
  #collectionsLinksValue {display:inline-block; margin:0 0 15px 0;}
  #collectionsLinksValue a {display: inline-block; color: #000;}
 #HoursOfOperation, #Servicing,#Address,#collectionsLinks,#PaymentMethods,#AssociationList{ font-size: 16px; color:#000; text-transform: capitalize;    padding-bottom: 4px; }
 .pc_custom-radio.selected, .custom-radio.selected { background: url("../Widgets/GetAQuote/Images/newradio-selected.png") no-repeat; }
.pc_custom-radio, .custom-radio { float: left;  height: 22px; display: inline-block; position: relative; z-index: 1; top: 3px; background: url("../Widgets/GetAQuote/Images/newradio.png") no-repeat; margin-top: 4px; }
.pc_custom-radio:hover, .custom-radio:hover { background: url("../Widgets/GetAQuote/Images/newradio-hover.png") no-repeat; }
.quote-email-info {
    margin-top: 0;
}

.quote-email-form {
    margin-top: 28px !important;
}

table#SelectionRadioBtnList td {
    padding-right: 25px;
}
table#WaysToContactRadioBtnList td {
    padding-right: 25px;
}
.quote-container label {
    display: block;
    margin-bottom: 5px;
}
.dropdowndiv select.error { color: red; margin: 0; font-weight: normal;}
.selectatime select.error { color: red; margin: 0; font-weight: normal;}

.error::-moz-placeholder { color: red !important; font-weight: normal; }
.error:-ms-input-placeholder { /* IE10+ */ color: red !important; font-weight: normal; }
.error { background-color: #fae0e1 !important; border: 1px solid #fd3535 !important; box-shadow: inset 0px 0px 5px #fd3535;  height: 35px !important; }
.error #zipCodeControl { width: 160px !important; height: 35px !important; }
.error option { color: red !important; font-size: 12px !important; }
.error::-webkit-input-placeholder { color: red !important; font-weight: bold; }
div#phoneNumbers {
       
    padding-top: 10px;
}
div#discription {
    padding-top: 72px;
}
span#dealerHeading {
   
    font-weight: bold;
    
}
span#descriptiontxtValue {
    font-size: 14px;
}
.phoneMsg {display:none;}
.emailMsg {display:none;}
.errortextbox { margin-left: 1px; color: #fd3535; }
.errortextboxreg { margin-left: 1px; color: #fd3535; }
.optionerrortextboxreg { margin-left: 1px; color: #fd3535; }
.dropdowndiv select.error { color: red; margin: 0; font-weight: normal;}
.selectatime select.error { color: red; margin: 0; font-weight: normal;}
div#discription {
    margin-bottom: 62px;
}
table#SelectionRadioBtnList label {
    margin-top: 2px;
}
table#WaysToContactRadioBtnList label {
    margin-top: 2px;
}
.quote-information h2 {
    font-size: 26px !important;
    font-weight: bold;
    margin-top: 0;
    font-family: LatoBold !important;
    text-transform: capitalize;
    color: #000;}
.testimonialsAuthorName{ font-style: italic;}
.dealerImageClass {
    width: auto;
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.wrow span.w_error{display:none;color:red;}

.dealerIframeAdjustClass {
	width: 100%;
	height: 360px;
}
@media (min-width: 320px) and (max-width:414px)
{
#PhoneNumber, #PhoneNumber2,#FaxNumber{ font-size: 20px !important;  }
.newPhone{font-size: 20px !important; }

}

@media (max-width: 1023px) {
#Quote { margin-bottom: 0px; text-align: left; }
.innerContentWrapper { width: 100% !important; }
.deal_w60p { width: 100%; }
.pp_blockone { margin-left: 0; width: 100% !important; }
.deal_logobox { width: 100%; }
.deal_blocktwo { margin-top: 0px; margin-left: 0px; margin-right: 10px; width: 100% !important; }
.deal_heading span { font-size: 26px !important; text-indent: 0 !important; width: 100% !important; }
.deal_descriptionbox { width: 100%; }
.deal_imgbox { margin-bottom: 10px; }
.deal_testimonialsbox p { width: 100%; margin: 10px !important; }
.testimonials_heading { margin: 25px 10px 5px 0px; }
#testimonials div { margin: 0 0px; }
#prev_next span { margin: 0 10px; }
.Awards {padding-top:0;}
.Awards img { width: 90px; }
 a.requestbutton { display: inline-block; width: 100%;  padding: 10px 0; }
}


/*****************Quotes Popup****************/
.global_popup.quote-container {
    /*position: absolute;
    top: 100px;*/
	border-bottom: 6px solid #66332B;
}
.global_popup.quote-container .popup_content {
    background: #e4e4e4;    
    padding: 30px 20px;
    /*width: 70% !important;*/
}
.quote-information h2 {
    font-size: 20px;
    margin-top: 0px;
     font-family:"LatoBold";/**Bold***/
}
.quote-container label {
    display: block;
}
.custom-radio label{
    display: inline-block !important;
}
.quote-select-form {
    padding: 5px 0;
}
.quote-email-info p {
    font-weight: 700;
}
.quote-container input[type="text"],
.quote-container textarea,
.quote-container select {
    width: 100%;
    height: 30px;
    border: 1px solid #66332b;
}
.quote-container textarea{    
    height: 90px;   
}
.quote-select-form p {  
    overflow: hidden;
}
span.custom-radio {
    float: left;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 3px;
    background: url(../Widgets/Dealer/DealerDetail/Images/radio-unselected.png) no-repeat;
    margin-top: -3px;
}
span.custom-radio input[type="radio"] {
    margin: 1px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
}
.customer-info p {
    display: inline-block;
    margin-right: 15px;
}



/*****************Quotes Popup****************/
.quote-select-form p {
    display: inline-block;
    margin-right: 25px;
}
.quote-inform-form,
.quote-email-form {
    overflow: hidden;
    margin-top: 15px;
}
.addition-info,
.quote-email-info
 {
    margin-top: 15px;
}
.quote-inform-form p,
.quote-email-form p {
    width: 31.8%;
    float: left;
    margin-right: 15px;
}
.quote-inform-form p:last-child,
.quote-email-form p:last-child {
    margin-right: 0px;
}
.quote-email-info p,
.addition-info p {
    font-weight: 700;
    font-size: 16px;
}
.quote-inform-form p, .quote-email-form p {
    width: 32.2%;   
}

#testHeading{display: block !important}

/*****************Quotes Popup****************/
.quote-select-form p {
    display: inline-block;
    margin-right: 25px;
}
.quote-inform-form,
.quote-email-form {
    overflow: hidden;
    margin-top: 15px;
}
.addition-info,
.quote-email-info
 {
    margin-top: 15px;
}
.quote-inform-form p,
.quote-email-form p {
    
    float: left;
    margin-right: 15px;
}
.quote-inform-form p:last-child,
.quote-email-form p:last-child {
    margin-right: 0px;
}
.quote-email-info p,
.addition-info p {
    font-weight: 700;
    font-size: 16px;
}
.quote-inform-form p, .quote-email-form p {
       width: 31.4%;
    clear: none; 
}

.wrapper{clear:both;}
.blogCtaButton {width:54%;border:1px solid #633; padding: 14px 15px; text-decoration:none!important; background-color:#633!important;}
.arrow {border: solid white;border-width: 0 3px 3px 0;display: inline-block;/*padding: 3px;margin-bottom: 1px;*/ width: 25px;height: 25px;margin-left: -150px;}
.right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
span.arrow-right{float: right;margin-right: 100px;}
#testimonials div span, #testimonials p span{
	color: #fff;text-align: center;margin-left: 214px;width: 700px;padding-top: 20px;font-weight: bold;
}
div#testimonials {font-weight: bold; margin-top: 75px; padding-bottom: 10px;padding-top: 60px;background-color: #633;clear: both;height: 380px;text-align: center;color: #fff;font-size: 25px;margin-left: -100px; margin-right: -100px;}
span#prev {margin-left: 0px !important;}
span#next{margin-top: -55px !important;}
.innerContentWrapper h1 {margin-bottom: 0px;}
.innerContentWrapper a {text-decoration: none;}

@media (min-width: 320px) and (max-width: 1023px) {
div#discription{padding-top: 0px !important;}
div#detailsDIV {
    background-color: #e1e1e1;
    padding: 10px;

    padding-left: 29px;
    width: 95%;
    margin: 0 auto;
}
	i.arrow.right {float: right;margin-right: -30px;}
	.quote-inform-form p, .quote-email-form p {width: 100%;clear: none;}
	div#testimonials {
    padding-bottom: 10px;
    background-color: #633;
    clear: both;
    height: 478px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 30px;
    font-weight: normal;
    padding-right: 30px;
        padding-top: 28px;
}
.quote-select-form {
    margin-bottom: 76px;
    padding: 5px 0;
}
table#SelectionRadioBtnList td {
    margin-bottom: 7px;
    padding-right: 25px;
    display: block;
}
	
	span.custom-radio {width: 26px;}
	.deal_w40p { width: 100%; }
	#testimonials div span, #testimonials p span{margin-left: 0px;width: 100%;}
	span#next{margin-top: -37px!important;text-align: right !important;}
	span#prev {text-align: left !important;}
	div#product-images-container {padding-left: 25px;}
	
	/* 1995105-CD-Add video to microsites */
	.dealerTeamPhoto, .dealerVideos {
		width: 95%;
	}
	
	.dealerIframeAdjustClass {
		width: 100%;
		height: 232px;
	}
	
	/* .dealerIframeSliderClass{ */
		/* width: 315px; */
		/* height: 230px; */
	/* } */
}
@media screen and (max-width: 767px) {
 select:active, input:active,textarea:active{
        font-size: 18px;
 }

}
@media (min-width: 768px) and (max-width: 1024px){
//	div#product-images-container {padding-left: 100px;}
#label-align {
    position: absolute !important;
    left: 228px !important;
    width: 150px !important;
}
div#testimonials {
    font-weight: bold;
    margin-top: 75px;
    padding-bottom: 10px;
    padding-top: 60px;
    background-color: #633;
    clear: both;
    height: 380px;
    text-align: center;
    color: #fff;
    font-size: 25px;
  
    margin-right: -42px;
}

.dealerIframeSliderClass {
		width: 540px;
		height: 320px !important;
	}

}

@media (min-width:320px) and (max-width:480px) {
	.dealerIframeSliderClass{
		width: 315px;
		height: 230px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 1023px) and (orientation:landscape) {
	.dealerIframeAdjustClass {
		width: 100%;
		height: 300px !important;
	}
	.dealerIframeSliderClass {
		width: 540px;
		height: 320px !important;
	}
}

}