/* Minification failed. Returning unminified contents.
(86,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
: run-time error CSS1066: Unexpected end of file encountered
 */
.pinitCustom { background: url("https://clopaydoor.com/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png") no-repeat -14px -1311px; width: 40px; height: 20px;}
.connectedimage { background: #fff url(/Widgets/ProductModule/Images/magiczoomplusloader.gif) no-repeat 2px 50%; background-position: center; }


/* wrapper for component */
.componentWrapper { position: relative; max-width: 640px; max-height: 360px; }

    /* player holder */
    .componentWrapper .playerHolder { position: relative; padding-top: 56.25%; overflow: hidden; height: 320px; width: 460px; }


    /* player holder fullscreen */
    .componentWrapper .playerHolder_fs { position: fixed; top: 0px; left: 0px; width: 100% !important; height: 100% !important; margin: 0px; padding: 0px; background: #000; z-index: 10000; }


    /* media holders */
    .componentWrapper .mediaHolder,
    .componentWrapper .mediaPreview,
    .componentWrapper .youtubeHolder,
    .componentWrapper .vimeoHolder { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; display: none; }

    .componentWrapper .preloader { position: absolute; width: 26px; height: 21px; top: 50%; left: 50%; margin-left: -13px; margin-top: -10px; background: #111 url(/Widgets/Videos/VideoList/Images/preloader.gif) no-repeat center center; display: none; }
.pbutton{display:none;}
.pinitCustom { display: block;  cursor: pointer;  position: absolute;  z-index: 9;  top: 10px;  left: 10px; }


.connected-carousels .next-navigation {right: -5px;}

.connected-carousels .prev-navigation:before {content: ""; background: transparent url('https://clopaydoor.com/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('https://clopaydoor.com/Sitefinity/WebsiteTemplates/Clopay/App_Themes/Clopay/Images/sprite.png') no-repeat 0 -282px; width: 20px; height: 30px;  display: block;}

@media (max-width: 800px) {
    .componentWrapper .playerHolder { width: 100% !important; }
}

@media (max-width: 768px) {
    .componentWrapper .playerHolder { width: 100% !important; }
}

@media (max-width: 650px) {
    .componentWrapper .playerHolder { width: 100% !important; }
}


@media (max-width: 568px) {
    .componentWrapper .playerHolder { width: 100% !important; height: 320px; }
    .componentWrapper .playerHolder { position: relative; overflow: hidden; height: 320px; width: 460px; margin-top:-80px !important;}

    iframe#player1127436 { height: 260px !important; margin: 10px 0px !important; }
}

@media (max-width: 350px) {
    .componentWrapper .playerHolder { width: 100% !important; height: 232px; }
    .componentWrapper .playerHolder { position: relative; overflow: hidden; height: 320px; width: 460px; margin-top:60px !important;}
}
@media(max-width:850px){.till-tablet-port{display:inline-block; width: 130px;    background-color: grey;}; .from-tablet-land{display:none;}}
	  @media(min-width:851px){.till-tablet-port{display:none}; .from-tablet-land{display:inline-block;}}
	  


#mainWrapper{
	 position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
	padding-left:20px;
	

}
#mainWrapper iframe{
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding-right:20px;
  
}


@media (min-width: 320px) and (max-width: 480px)
{
#mainWrapper{
		
		width:350px;
{
}