/* Minification failed. Returning unminified contents.
(123,181): run-time error CSS1031: Expected selector, found '/'
(123,181): run-time error CSS1025: Expected comma or open brace, found '/'
(172,3): run-time error CSS1019: Unexpected token, found '}'
(210,14): run-time error CSS1035: Expected colon, found '348px'
 */
/** Stage container **/
.connected-carousels .stage { float: left; width: 100%; position: relative; }

.connected-carousels .connectedimage { width: 960px; height: auto; display: inline-block; }

.connected-carousels .connectedimage img { display: inline-block; }
/** Navigation container **/

/** Navigation container **/
.connected-carousels .navigation { width: 100%; position: relative; float: left; padding-top: 15px; background-image: -ms-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -moz-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -o-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #EFEAE9), color-stop(1, #DFD9D5)); background-image: -webkit-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: linear-gradient(top left,#EFEAE9 0%, #DFD9D5 100%);  border: 1px solid #bbb1a3;
    margin-top: 34px;}


/** 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: 400px; }

/** Navigation carousel specific styles **/
.connected-carousels .carousel-navigation { height: 97px; width: 96%; margin: 0px 12px 0px 16px; }

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

.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 **/

.connected-carousels .prev-navigation,
.connected-carousels .next-navigation { display: block; position: absolute; width: 20px; height: 30px; }

.connected-carousels .prev-navigation { left: -2px; top: 40px; text-indent: 0px; z-index: 20; }

.connected-carousels .next-navigation { right: 0px; top: 40px; text-indent: 2px; 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; }


/** Stage carousel controls **/

.connected-carousels .prev-stage,
.connected-carousels .next-stage { display: block; position: absolute; top: 0; height: 410px; color: #fff; }

.connected-carousels .prev-stage { left: 0; }

.connected-carousels .next-stage { right: 0; }

.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive { opacity: 0.5; }

.connected-carousels .prev-stage span,
.connected-carousels .next-stage span { position: absolute; top: 50%; width: 30px; height: 30px; text-align: center; background: #fef9e5; color: #4f4f4f !important; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Roboto-regular, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }

.connected-carousels .prev-stage span { left: 20px; }

.connected-carousels .next-stage span { right: 20px; }

 
@media (max-width: 1024px) {

    .connected-carousels .stage { width: 100%; }

    .connected-carousels .connectedimage { max-width: 100%; }

    .connected-carousels .carousel-navigation { width: 100%; margin-top: 50px;}

    .connected-carousels .navigation { width: 100%; }

    .connected-carousels .carousel-navigation { width: auto; margin: 0px 18px 0px 16px; }

    .connected-carousels .carousel-navigation li { margin: 0px 0px 0px 5px; }

    .connected-carousels .prev-navigation { left: 0px; }

    .connected-carousels .next-navigation { right: 0px; text-indent: 3px; }

    .connected-carousels .carousel-stage { height: 100%; }

    .connected-carousels .prev-stage span, .connected-carousels .next-stage span { top: 30%; }
	.connected-carousels .navigation{margin-top: 50px !important;}
}

@media screen and (max-width: 800px) {
    .connected-carousels .connectedimage { width: 800px; height: auto; }
}

@media screen and (max-width: 768px) {
    .connected-carousels .connectedimage { width: 768px; height: auto; }
}

@media screen and (max-width: 600px) {
    .connected-carousels .connectedimage { width: 600px; height: auto; }
}

@media screen and (max-width: 568px) {
    .connected-carousels .connectedimage { width: 400px; height: auto; }
}

@media screen and (max-width: 320px) {
    .connected-carousels .connectedimage { width: 320px; height: 133px; }
    .connected-carousels .prev-stage span, .connected-carousels .next-stage span { top: 10%; }
}
.innerContentWrapper img { padding: 0px 0px 0px 0px !important; }


#inspirationgallerycontainer { max-width: 960px; /* float: left; */ margin: 0px auto; width: 100%; padding: 0; }

#InspirationGalleryTitle { font-size: 26px; font-family: LatoMedium; font-weight: bold; float: left; color: #66332B; padding: 10px 10px 0px 0px; }

#stylematerialcontainer { width: 100%; height: auto; float: left; border: 1px solid #bbb1a3; font-family: LatoMedium; margin-top: 10px; padding-top: 10px; padding-bottom: 10px;padding-left: 10px; background-image: -ms-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -moz-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -o-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #EFEAE9), color-stop(1, #DFD9D5)); background-image: -webkit-linear-gradient(top left, #EFEAE9 0%, #DFD9D5 100%); background-image: linear-gradient(top left,#EFEAE9 0%, #DFD9D5 100%); background-color: #e4dfdc; }

.dropdowndiv { overflow: hidden !important; height: 37px !important; display: inline-block !important;  filter: alpha(opacity=50); width: 170px; float: left; margin-right: 35px; }*/

.dropdowndiv select { width: 190px !important; float: left; margin-right: 15px; margin: 0px 10px; color: black; border: 1px solid #7A736F; padding: 5px 0px 10px 0px\9; }

.dropdown {width: 199px\0/;color:#000 !important}
 
#imagedescription { margin-top: -10px; position: absolute; padding: 10px 10px;   background-image: url(/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite_repeater.png); background-repeat: repeat-x; background-position: 0px -76px;  width: 100%; height: 45px;  }

#imagedescription p { color: black; margin: 0; height: 20px; }

.shareBox {  position: absolute; z-index: 1; margin: 5px; padding: 0 5px; line-height: 50px; opacity: 0.8;}
.connectedimage {max-width:none !important;}
@media screen and (max-width: 1023px) {
    #inspirationgallerycontainer { padding: 0 10px; }
    .dropdowndiv { width: 205px; }
/*    .dropdowndiv select { background-position: 141px -2px !Important; }*/

    #imagedescription p { color: black; margin: 0; height: 20px; font-size: 12px !important; font-weight: 600; }
}

@media (min-width: 320px) and (max-width: 568px) {
p.photo-credits {
    margin-top: 10px !important;
}
.connected-carousels .prev-stage span, .connected-carousels .next-stage span {
    top: 31%;
}
   .dropdowndiv { width: 365px;  margin-top: 5px;}

	.dropdown { overflow: hidden !important; height: 37px !important; display: inline-block !important; filter: alpha(opacity=50); width: 100%; float: left; margin-right: 5px; background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 335px -752px;}
	 #imagedescription p { padding: 0px 10px;  margin-top: -20px;}
	 #imagedescription { margin-top: -38px; position: absolute; padding: 10px 10px;   background-image: url(/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite_repeater.png); background-repeat: repeat-x; background-position: 0px -180px;  width: 100%; height: 45px;  }

}


@media screen and (max-width: 568px) {
	.dropdowndiv { width: 315px;  margin-top: 5px;}
    
 
   .dropdown { overflow: hidden !important; height: 36px !important; display: inline-block !important;  filter: alpha(opacity=50); width: 100%; float: left; margin-right: 35px; background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 285px -749px; }
    #imagedescription p { padding: 0px 0px;  margin-top: -12px; opacity: 160 !important;}
	#imagedescription { margin-top: -6px; position: absolute; padding: 10px 0px;   
	background-image: url(/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite_repeater.png);
	background-repeat: repeat-x; background-position: 0px -76px;  width: 100%; height: 60px;  }
	.connected-carousels .navigation{margin-top: 50px !important;}

}

  }
  @media only screen and (min-device-width : 360px) and (max-device-width : 640px){
.dropdown {
    overflow: hidden !important;
    height: 37px !important;
    display: inline-block !important;
    filter: alpha(opacity=50);
    width: 100%;
    float: left;
    margin-right: 35px;
    background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 295px -749px;
}
.dropdowndiv {
    width: 324px;
    margin-top: 5px;
}

}


@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) and (orientation : portrait)
  { 
  .dropdowndiv {
    width: 376px;
    margin-top: 5px;
	max-width: 356px;
}
.dropdown {
    overflow: hidden !important;
    height: 25px !important;
    height: 36px !important;
    splay: inline-block !important;
    filter: alpha(opacity=50);
    width: 100%;
    
    background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 328px  -750px;
    o-repeat 348px -752px;
}

}


@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) and (orientation : landscape)
  { 
  .dropdowndiv {
    width: 280px;
    margin-top: 5px;
}
.dropdown {
    overflow: hidden !important;
    height: 25px !important;
    height: 36px !important;
    splay: inline-block !important;
    filter: alpha(opacity=50);
    width: 100%;
    background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 252px -750px;
    
}

}

@media screen and (max-width: 360px) {
  .dropdowndiv {
    width: 304px;
    margin-top: 5px;
}
   .dropdown {
    overflow: hidden !important;
    height: 37px !important;
    display: inline-block !important;
    filter: alpha(opacity=50);
    width: 100%;
    float: left;
    margin-right: 35px;
    background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 275px -750px;
}
}

@media screen and (max-width: 767px) {
 select:active, input:active,textarea:active{
        font-size: 18px;
 }
}
@media screen and (max-width: 320px) {
.dropdowndiv {
   /* width: 286px !important; */
   width: 266px !important;
    margin-top: 5px;
    max-width: 260px;
}
.dropdown {
    overflow: hidden !important;
    height: 30px !important;
    display: inline-block !important;
    filter: alpha(opacity=50);
    width: 100%;
    float: left;
    margin-right: 35px;
    background: url(../Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png) no-repeat 230px -755px;
}
}
@media screen and (max-width: 568px) and (orientation : landscape){
.connected-carousels .connectedimage {
   width:568px !important;
    height: auto;
}
}
@media (max-width: 1023px) and (orientation: landscape) {

.connected-carousels .prev-stage span, .connected-carousels .next-stage span {
    top: 65%;
}
}