/***************** OTAPriceCompare ************************/

.priceCheckWrapper, .priceCheckMobileWrapper
{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility; 
    clear:both;
    line-height: 20px;
}

.priceCheckWrapper .sidePanel
{
    visibility:hidden;

    position:fixed;
    right: 0;
    min-width: 340px;

    z-index:200;
}

.priceCheckWrapper .sidePanel.is-visible
{
    visibility:visible;
}


.priceCheckMobileWrapper .sidePanel
{
    min-width:200px;
    width:100%;
}

.priceCheckWrapper .priceCheckInfo, .priceCheckWrapper .priceCheckContent 
{
    opacity:0;

    transition: opacity 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: opacity 0.6s 0s;
    -webkit-transition-timing-function: linear;
}

.priceCheckWrapper .priceCheckInfo.is-visible, .priceCheckWrapper .priceCheckContent.is-visible
{
    opacity:1;

    transition: opacity 0.6s 0s;
    transition-timing-function: linear;
    -webkit-transition: opacity 0.6s 0s;
    -webkit-transition-timing-function: linear;
}

.priceCheckWrapper .sidePanelWrapper
{
    position:absolute;
    display:inline-block;
    right:-270px;

    transition: right 0.6s 0.0s;
    transition-timing-function: ease-out;
    -webkit-transition: right 0.6s 0.0s;
    -webkit-transition-timing-function: ease-out;
}

.priceCheckWrapper .sidePanelWrapper.is-visible
{
    right:0px;

    transition: right 0.6s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: right 0.6s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .sidePanelMobileWrapper
{
    position:absolute;
    display:inline-block;

    transition: top 0.6s 0.0s;
    transition-timing-function: ease-out;
    -webkit-transition: top 0.6s 0.0s;
    -webkit-transition-timing-function: ease-out;
}

.priceCheckMobileWrapper .sidePanelMobileWrapper.is-visible
{
    top:0px;   

    transition: top 0.6s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: top 0.6s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper)  .panelIcon
{
    width:48px;
    height:44px;
    float:left;
    text-align:center;

    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;

    transform: translateX(55px);
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: height 0.3s 0s,transform 0.3s 0.3s,-ms-transform 0.3s 0.3s,-moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.3s 0s,-webkit-transform 0.3s 0.3s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon
{
    width:48px;
    height:43px;
    float:left;
    text-align:center;
    margin-left:10px;

    border-top-right-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;

    transform: translateY(44px);
    -webkit-transform: translateY(44px);
    -ms-transform: translateY(44px);

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: width 0.3s 0s,transform 0.3s 0.3s,-ms-transform 0.3s 0.3s,-moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: width 0.3s 0s,-webkit-transform 0.3s 0.3s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .panelIcon .priceCheckButtonTitle
{
    position: absolute;
    min-width: 150px;
    top: 100px;
    left: -46px;
    color: white;
    font-size:18px;
    font-weight:bolder;
    transform: rotateY(90deg) rotateZ(90deg);
    -webkit-transform: rotateY(90deg) rotateZ(90deg);
    -ms-transform: rotateY(90deg) rotateZ(90deg);

    transition: transform 0.1s 0s,-ms-transform 0.1s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.1s 0s;
    -webkit-transition-timing-function: ease-in;

}

.priceCheckWrapper .panelIcon .priceCheckButtonTitle.is-closed
{
    transform: rotateY(0deg) rotateZ(90deg);
    -webkit-transform: rotateY(0deg) rotateZ(90deg);
    -ms-transform: rotateY(0deg) rotateZ(90deg);

    transition: transform 0.3s 1s,-ms-transform 0.3s 1s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.3s 1s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon .priceCheckButtonTitle
{
    top: 13px;
    left: 30px;

    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);

    transition: transform 0.1s 0s,-ms-transform 0.1s 0s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.1s 0s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon .priceCheckButtonTitle.is-closed
{
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);

    transition: transform 0.3s 1s,-ms-transform 0.3s 1s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-transform 0.3s 1s;
    -webkit-transition-timing-function: ease-in;
}

@keyframes iconTranslation
{
    0% {margin-right: 0px;}
    25% {margin-right: -12px;}
    75% {margin-right: 12px;}
    100% {margin-right: 0px;}
}

@-webkit-keyframes iconTranslation
{
    0% {margin-right: 0px;}
    25% {margin-right: -12px;}
    75% {margin-right: 12px;}
    100% {margin-right: 0px;}
}

@keyframes iconVerticalTranslation
{
    0% {margin-top: 13px;}
    25% {margin-top: 20px;}
    75% {margin-top: 5px;}
    100% {margin-top: 13px;}
}

@-webkit-keyframes iconVerticalTranslation
{
    0% {margin-top: 13px;}
    25% {margin-top: 20px;}
    75% {margin-top: 5px;}
    100% {margin-top: 13px;}
}

.priceCheckWrapper .panelIcon span.is-animated
{
    animation-name: iconTranslation;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-delay: 1.75s;
    -webkit-animation-name: iconTranslation;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1.75s;
}

.priceCheckWrapper .panelIcon span.is-animatedMobile
{
    animation-name: iconVerticalTranslation;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-delay: 1.75s;
    -webkit-animation-name: iconVerticalTranslation;
    -webkit-animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1.75s;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper) .panelIcon.is-closed
{
    height: 195px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: height 0.2s 0.8s,transform 0.3s 0.5s,-ms-transform 0.3s 0.5s, -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: height 0.2s 0.8s,-webkit-transform 0.3s 0.5s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .panelIcon.is-closed
{
    width:175px;

    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: width 0.2s 0.8s,transform 0.3s 0.5s,-ms-transform 0.3s 0.5s, -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: width 0.2s 0.8s,-webkit-transform 0.3s 0.5s,-webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .panelIcon span
{
    margin-top: 13px;
    color: rgb(255,255,255);
    font-size: 20px;
    font-weight: normal;
}

.priceCheckMobileWrapper .panelIcon span
{
    float:left;
    margin-left:15px;
}

.priceCheckWrapper .panelContentWrapper
{   
    float: right;
    width:270px;
}

.priceCheckWrapper .sidePanelMobileWrapper .panelContentWrapper
{   
    width:100%;
}

.priceCheckWrapper .priceCheckHeader
{
    display:inline-block;
    min-height:44px;
    width:100%;
}

.priceCheckWrapper .priceCheckHeader .priceCheckTitle
{
    text-align: center;
    color:rgb(255,255,255);
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0 12px;

    border-top-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
}

.priceCheckMobileWrapper .priceCheckHeader .priceCheckTitle
{
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
}

.priceCheckWrapper .priceCheckHeader .priceCheckTitle .priceCheckInfoIcon
{
    position: absolute;
    right: 10px;
    top: 11px;
    font-size: 25px;

    width:40px;
    height:30px;
}

.priceCheckMobileWrapper .priceCheckHeader .priceCheckTitle .priceCheckInfoIcon
{
    top: 54px;
}

.priceCheckWrapper .priceCheckHeader .priceCheckInfoTitle
{
    position:absolute;
    top:0;
    width:200px;
    
    text-align:center;

    color:rgb(255,255,255);
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0 12px;
}

.priceCheckWrapper .priceCheckContentWrapper
{
    overflow:hidden;

    background-color:white;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;

    -webkit-box-shadow: rgba(0,0,0,0.8) 0px 0 10px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 10px;
    box-shadow: rgba(0,0,0,0.8) 0 0 10px;

    transition: -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckWrapper .priceCheckContentWrapper.is-closed
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    transition: -moz-box-shadow 0s 0.6s, box-shadow 0s 0.6s;
    transition-timing-function: ease-in;
    -webkit-transition: -webkit-box-shadow 0s 0.6s;
    -webkit-transition-timing-function: ease-in;
}

.priceCheckMobileWrapper .priceCheckContentWrapper
{
    width:100%;

    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
}

.priceCheckWrapper .priceCheckContent
{
    padding: 15px 15px 15px 15px;
    background-color:white;

    border-bottom-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
}

.priceCheckWrapper:not(.priceCheckMobileWrapper) .priceCheckInfoContent
{
    position:absolute;
    top:44px;
    min-height: 90px;
    margin: 15px 5% 15px 5%;
    background-color:white;
    color:rgb(0,0,0);
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    width:75%;
}

.priceCheckMobileWrapper .priceCheckInfoContent
{
    position:absolute;
    top:88px;
    min-height: 90px;
    background-color:white;
    color:rgb(0,0,0);
    font-size: 13px;
    font-weight: normal;
    margin: 15px 5% 15px 5%;
    text-align: center;
    width: 90%;
}

.priceCheckWrapper .priceCheckContent .ourDetails
{
    padding: 5px 0 5px 0;
    display:inline-block;
    width:100%;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon
{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon span
{
    font-size:20px;
    color:rgb(77, 169, 77);
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourIcon img
{
    padding:0px 0px 0px 0px !important;
    border:none !important;
    margin:0px 0px 0px 0px !important;
    background:none;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourName
{
    float: left;
    color:rgb(77, 169, 77);
    font-size: 14px;
    font-weight: bolder;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate
{
    float: right;
    font-size: 14px;
    font-weight: bold;

    display:inline;

    color:rgb(77, 169, 77);
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate div
{
    float: left;
    display:inline;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate .ourPrice .decimalPart
{
    font-size: 10px;
}

.priceCheckWrapper .priceCheckContent .ourDetails .ourRate .businessCurrencySymbol
{
    margin-right:5px;
}


.priceCheckWrapper .priceCheckContent .OTADetails
{
    padding: 5px 0 5px 0;
    display:inline-block;
    width:100%;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAIcon
{
    width:20px;
    height:20px;
    float:left;
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAIcon img
{
    padding:0px 0px 0px 0px !important;
    border:none !important;
    margin:0px 0px 0px 0px !important;
    background:none;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTAName
{
    float: left;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: bold;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate
{
    float: right;
    font-size: 14px;
    font-weight: bold;

    display:inline;

    color: rgb(255, 0, 0);
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate div
{
    float: left;
    display:inline;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate .OTAPrice .decimalPart
{
    font-size: 10px;
}

.priceCheckWrapper .priceCheckContent .OTADetails .OTARate .businessCurrencySymbol
{
    margin-right:5px;
}

.priceCheckWrapper .priceCheckContent .contentHeader
{
    text-align: left;
    margin-bottom: 10px;
    text-align: center;
}

.priceCheckWrapper .priceCheckContent .contentHeader span
{
    color: rgb(169, 169, 169);
    font-weight: 600;
    font-size: 13px;
    text-decoration:none;
}

.priceCheckWrapper .priceCheckContent .contentFooter
{
    text-align: center;
    padding: 15px 0 5px 0;
}

.priceCheckWrapper .priceCheckContent .contentFooter span
{
    margin: auto;
    color: rgb(169, 169, 169);
    font-weight: 600;
    font-size: 13px;
    text-decoration:none;
}

.priceCheckWrapper .priceCheckContent .contentFooter a:hover
{
    color: rgb(132, 215, 38);
}

@media (max-width:420px)
{
    .priceCheckWrapper .sidePanelWrapper
    {
        display:none;
    }
}

@media (min-width:421px)
{
    .priceCheckMobileWrapper .sidePanelMobileWrapper
    {
        display:none;
    }
}