﻿
/*This Page olny Search Result New css Show */
.form-style-3 {
    font-family: MyriadProRegular;
}

    .form-style-3:hover {
        box-shadow: 0 0px 0px rgb(228, 217, 192),1px 1px 3px rgb(228, 217, 192);
        transition: 0.3s all;
    }

.newh4 {
    padding: 5px 0 5px 0;
    margin-top: 0px;
    margin-bottom: 0px;
}

.form-style-3 label > span {
    float: left;
    width: 100px;
    color: #F072A9;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 1px #fff;
}

    .form-style-3 label > span > span {
        float: left;
        width: 100px;
        color: #F072A9;
        font-weight: bold;
        font-size: 15px;
        text-shadow: 1px 1px 1px #fff;
    }

.form-style-3 fieldset {
    margin: 0px 0px -8px 0px;
    border-bottom: 1px solid #E4D9C0;
    padding: 0px 0px 9px 0px;
}

    .form-style-3 fieldset legend {
        color: #FFA0C9;
        border-top: 1px solid #FFD2D2;
        border-left: 1px solid #FFD2D2;
        border-right: 1px solid #FFD2D2;
        border-radius: 5px 5px 0px 0px;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        background: #FFF4F4;
        padding: 0px 8px 3px 8px;
        box-shadow: -0px -1px 2px #F1F1F1;
        -moz-box-shadow: -0px -1px 2px #F1F1F1;
        -webkit-box-shadow: -0px -1px 2px #F1F1F1;
        font-weight: normal;
        font-size: 12px;
    }

.form-style-3 textarea {
    width: 250px;
    height: 100px;
}


    .form-style-3 select,
    .form-style-3 textarea .input-field {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border: 1px solid #FFC2DC;
        outline: none;
        color: #F072A9;
        padding: 5px 8px 5px 8px;
        box-shadow: inset 1px 1px 4px #FFD5E7;
        -moz-box-shadow: inset 1px 1px 4px #FFD5E7;
        -webkit-box-shadow: inset 1px 1px 4px #FFD5E7;
        background: #FFEFF6;
        width: 50%;
    }

.required {
    color: red;
    font-weight: normal;
}

.cuadro_intro_hover {
    padding-top: 18px;
    position: relative;
    overflow: hidden;
    height: 205px;
    width: 146px;
}

    /*.cuadro_intro_hover:hover .caption
            {
                opacity: 1;
                transform: translateY(-150px);
                -webkit-transform: translateY(-150px);
                -moz-transform: translateY(-150px);
                -ms-transform: translateY(-150px);
                -o-transform: translateY(-150px);
            }*/

    .cuadro_intro_hover img {
        z-index: 4;
    }

    .cuadro_intro_hover .caption {
        position: absolute;
        top: 161px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        width: 100%;
    }

    .cuadro_intro_hover .blur {
        /*background-color: rgba(0,0,0,0.7);*/
        background: url('../Images/blur.png');       
height: 162px;
    z-index: 5;
    position: absolute;
    width: 93%;
    top: -145px;
    }

    .cuadro_intro_hover .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 200px;
        text-align: center;
        top: -125px;
        width: 95%;
    }

.caption-text > p {
    color: #000;
    font-size: 17px;
    /*font-weight:500;*/
}

.Div-Your-Profile36 {
    font-size: 18px !important;   
    font-family: 'MyriadProRegular'!important;
}

.btn-group {
    float: right;
}

.btn-primary.disabled {
    background-color: #E4D9C0;
    border-color: #E4D9C0;
}

h4 {
    color: #B92829;
    padding: 10px 0px 0px 15px;
}

.titleheading {
    float: left;
    font-family: MyriadProRegular;
    background-image: url(../img/titlebg.png);
    background-repeat: repeat;
    height: 60px;
    min-width: 1024px;
}

.panel {
    border-radius: 0px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #E4D9C0 !important;
    border-color: #F2EFDE !important;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #E4D9C0 !important;
    border-color: #F2EFDE !important;
}

.panel-body {
    /*padding: 18px 0 2px 15px;*/
}

.panel-body {
    border: 0px solid #F8F5E6;
}

.panel-footer1 {
    padding: 10px 14px;
    background-color: rgba(233, 225, 208, 0);
    border-top: 1px solid #E9E1D0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}


.label {
    float: left;
    width: 105px;
    font: normal 15px MyriadProRegular;
    color: #666666;
    text-align: left;
}

.info {
    float: left;
    /*max-width: 221px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: MyriadProRegular;
}

.clearfix, .clear {
    clear: both;
    font-size: 0;
}

.spacer_4 {
    padding: 2px;
}

.classdiv {
    font-family: MyriadProRegular;
    font-size: 15px;
}

td {
    padding: 2px;
}

.searchV {
    padding: 8px 0px 0 20px;
    float: right;
    margin-right: 3px;
    width: 140px;
    height: 34px;
    background-color: #e4d9c0;
    font-size: 15px;
    color: #666666;
    border: 1px solid #e4d9c0;
}

    .searchV:hover {
        background-color: #e1cba0;
    }

/*.popup {
    border-radius: 0px;
    background-color: #fff;
    max-width: 800px;
    border: 3px solid rgb(228, 217, 192);
    margin-top: 10px;
}

.popup-bg {
    background-color: #000;
    opacity: 0.6;
}

.popuperrorscroll {
    overflow: auto;
    height: 390px;
}*/

.aclass {
    color: #333333;
    text-decoration: none;
}

    .aclass:hover {
        text-decoration: underline;
    }

@media only screen and (min-width : 1024px) and (max-width:1279px) {
    .cuadro_intro_hover {
    padding-top: 18px;
    position: relative;
    overflow: hidden;
    height: 205px;
    width: 146px;
}

    /*.cuadro_intro_hover:hover .caption
            {
                opacity: 1;
                transform: translateY(-150px);
                -webkit-transform: translateY(-150px);
                -moz-transform: translateY(-150px);
                -ms-transform: translateY(-150px);
                -o-transform: translateY(-150px);
            }*/

    .cuadro_intro_hover img {
        z-index: 4;
    }

    .cuadro_intro_hover .caption {
        position: absolute;
        top: 161px;
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        width: 100%;
    }

    .cuadro_intro_hover .blur {
        /*background-color: rgba(0,0,0,0.7);*/
        background: url('../Images/blur.png');       
height: 132px;
    z-index: 5;
    position: absolute;
    width: 83%;
    top: -145px;
    }

    .cuadro_intro_hover .caption-text {
        z-index: 10;
        color: #fff;
        position: absolute;
        height: 200px;
        text-align: center;
        top: -130px;
        width: 81%;
    }

.caption-text > p {
    color: #000;
    font-size: 17px;
    /*font-weight:500;*/
}

.Div-Your-Profile36 {
    font-size: 18px !important;   
    font-family: 'MyriadProRegular'!important;
}

.btn-group {
    float: right;
}

.btn-primary.disabled {
    background-color: #E4D9C0;
    border-color: #E4D9C0;
}

h4 {
    color: #B92829;
    padding: 10px 0px 0px 15px;
}

}
/*@media only screen and (min-width : 640px) and (max-width:767px) {
}*/
@media only screen and (min-width : 480px) and (max-width:639px) {

    .label {
    float: left;
    width: 88px;
    font: normal 15px MyriadProRegular;
    color: #666666;
    text-align: left;
    padding: 0px 0px 0px 5px;
}
    .info {
    float: left;
    max-width: 73% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: MyriadProRegular;
}
    .form-style-3 fieldset {
    margin: 0px 0px -8px 0px;
    border-bottom: 1px solid #E4D9C0;
    padding: 0px 0px 0px 0px;
}
    .cuadro_intro_hover {

    padding-top: 18px;
    width:112px;
    overflow: hidden;
    height: 174px !important;
   

}
    .cuadro_intro_hover .blur {
        background-color: rgba(0,0,0,0.7);
        background: url('../Images/blur.png');
        height: 143px;
        z-index: 5;
        position: absolute;
        width: 100%;
        top: -145px;
    }
    .caption-text > p {
    color: #000;
    font-size: 15px;
    font-weight: 500;

}
    .Div-Your-Profile36 {

    font-size: 15px !important;
    font-family: 'MyriadProRegular' !important;

}
}
@media only screen and (min-width : 360px) and (max-width:479px) {

    
    .label {
    float: left;
    width: 88px;
    font: normal 15px MyriadProRegular;
    color: #666666;
    text-align: left;
    padding: 0px 0px 0px 5px;
}
    .info {
    float: left;
    max-width: 64% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: MyriadProRegular;
}
    .form-style-3 fieldset {
    margin: 0px 0px -8px 0px;
    border-bottom: 1px solid #E4D9C0;
    padding: 0px 0px 0px 0px;
}
    .cuadro_intro_hover {

    padding-top: 18px;
    width:95px;
    overflow: hidden;
    height: 174px !important;
   

}
    .cuadro_intro_hover .caption-text {

    z-index: 10;
    color: #fff;
    position: absolute;
    height: 200px;
    text-align: center;
    top: -140px;
    width: 93%;

}
    .cuadro_intro_hover .blur {
        background-color: rgba(0,0,0,0.7);
        background: url('../Images/blur.png');
        height: 142px;
        z-index: 5;
        position: absolute;
        width: 100%;
        top: -145px;
    }
    .caption-text > p {
    color: #000;
    font-size: 15px;
    font-weight: 500;

}
    .Div-Your-Profile36 {

    font-size: 15px !important;
    font-family: 'MyriadProRegular' !important;

}
}
@media only screen and (min-width : 320px) and (max-width:359px) {

    .label {
    float: left;
    width: 80px;
    font: normal 15px MyriadProRegular;
    color: #666666;
    text-align: left;
    padding: 0px 0px 0px 5px;
}
    .info {
    float: left;
    max-width: 59% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: MyriadProRegular;
}
    .form-style-3 fieldset {
    margin: 0px 0px -8px 0px;
    border-bottom: 1px solid #E4D9C0;
    padding: 0px 0px 0px 0px;
}
    .cuadro_intro_hover {

    padding-top: 18px;
width: 85px;
overflow: hidden;
height: 140px !important;
   

}
    .cuadro_intro_hover .caption-text {

    z-index: 10;
    color: #fff;
    position: absolute;
    height: 200px;
    text-align: center;
    top: -155px;
    width: 93%;

}
    .cuadro_intro_hover .blur {
        background-color: rgba(0,0,0,0.7);
        background: url('../Images/blur.png');
        height: 142px;
        z-index: 5;
        position: absolute;
        width: 100%;
        top: -145px;
    }
    .caption-text > p {
    color: #000;
    font-size: 15px;
    font-weight: 500;

}
    .Div-Your-Profile36 {

    font-size: 15px !important;
    font-family: 'MyriadProRegular' !important;

}
}