@media screen and (min-width: 600px)

{

.customrecall > div {

	background-repeat: no-repeat;

	background-position: 5px;

}



.customrecall

{

    font-weight: bold;

    line-height: 60px;



    position: relative;

    z-index: 1;



    height: 60px;



    text-indent: 62px;



    color: #fff;

    background-image: url(/images/call_button.png);

    background-repeat: no-repeat;

    background-size: 100%;

    cursor: pointer;



    margin: 15px 0;

}





#dialogoverlay

{

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;



    display: none;



    width: 100%;



    opacity: .8;

    background: #fff;

}

#ais_88_wrapper {

    width: 100% !important;

}

#dialogbox

{

    font-family: 'LatoRegular';



    position: fixed;

    z-index: 101;



    display: none;



    width: 400px;



    border: 1px solid #ccc;

    border-radius: 7px !important;

    background: #fff;

}

#dialogbox > div

{

    border-radius: 7px;

    background: #fff;

}

#dialogbox > div > #dialogboxhead

{

    font-family: sans-serif;

    font-size: 1.5em;

    line-height: 50px;



    position: absolute;

    top: 0;



    width: 100%;

    height: 50px;



    text-align: center;



    color: white;

    border-radius: 7px 7px 0 0;

    background-color: #039BE5;

}

#dialogbox > div > #dialogboxbody

{

    margin-top: 50px;

    padding: 20px;



    text-align: center;



    color: #3f3f3f;

    background: #fff;

}

#dialogbox > div > #dialogboxfoot

{

    padding-bottom: 15px;

    text-align: center;

    vertical-align: top;;

}

input {

    color: #000;

}

input#name

{

    width: 250px;

    height: 30px;

    margin-bottom: 10px;



    text-align: center;

}

input::-webkit-input-placeholder {

    color: black;

}

input::-moz-placeholder {

    color: #000;

    opacity: 1;

}

#dialogbox button

{

    font-size: 1.5em;



    display: inline-block;



    width: 135px;

    height: 40px;



    cursor: pointer;

    text-align: center;



    color: white;

    border: none;

    border-radius: 7px;

    background: none;

    background-color: #039BE5;

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    transition: .4s linear;

}

#dialogbox button:hover {

    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}

input#phone

{

    width: 250px;

    height: 30px;

    margin-bottom: 10px;



    text-align: center;

}



input#codeItem{

    width: 250px;

    height: 30px;

    margin-bottom: 10px;

    text-align: center;



}



div#capcha

{

    display: inline-block;

    margin-bottom: 15px;

    vertical-align: bottom;

}

div#capchainput

{

    display: inline-block;



    width: 100px;

    margin-right: 40px;



    vertical-align: top;

}

div#capchainput input

{

    width: 100px;

    height: 30px;



    text-align: center;

}

div#dialogbox i {

    position: absolute;

    right: -7px;

    top: -6px;

    z-index: 10;

    border: 1px solid #ccc;

    border-radius: 50px;

    width: 16px;

    height: 16px;

    line-height: 14px;

    text-align: center;

    font-style: normal;

    color: #fff;

    background-color: red;

}

div#dialogbox i:hover{

    transform:scale(1.1);

    cursor: pointer;

}



}



@media screen and (max-width: 600px)

{

.customrecall > div {

    background-repeat: no-repeat;

    background-position: 5px;

}



.customrecall

{

    font-weight: bold;

    line-height: 60px;



    position: relative;

    z-index: 1;



    height: 60px;



    text-indent: 62px;



    color: #fff;

    background-image: url(/images/call_button.png);

    background-repeat: no-repeat;

    cursor: pointer;



    margin: 15px 0;

}





#dialogoverlay

{

    position: fixed;

    z-index: 100;

    top: 0;

    left: 0;



    display: none;



    width: 100%;



    opacity: .8;

    background: #fff;

}

#ais_88_wrapper {

    width: 100% !important;

}

#dialogbox

{

    font-family: 'LatoRegular';



    position: fixed;

    z-index: 101;



    display: none;



    width: 400px;



    border: 1px solid #ccc;

    border-radius: 7px !important;

    background: #fff;

}

#dialogbox > div

{

    border-radius: 7px;

    background: #fff;

}

#dialogbox > div > #dialogboxhead

{

    font-family: sans-serif;

    font-size: 1.5em;

    line-height: 50px;



    position: absolute;

    top: 0;



    width: 100%;

    height: 50px;



    text-align: center;



    color: white;

    border-radius: 7px 7px 0 0;

    background-color: #039BE5;

}

#dialogbox > div > #dialogboxbody

{

    margin-top: 50px;

    padding: 20px;



    text-align: center;



    color: #fff;

    background: #fff;

}

#dialogbox > div > #dialogboxfoot

{

    padding: 10px;



    text-align: center;

    vertical-align: top;;

}



input#name

{

    width: 250px;

    height: 30px;

    margin-bottom: 10px;



    text-align: center;

}

#dialogbox button

{

    font-size: 1.5em;



    display: inline-block;



    width: 135px;

    height: 40px;



    cursor: pointer;

    text-align: center;



    color: white;

    border: none;

    border-radius: 7px;

    background: none;

    background-color: #039BE5;

}

#dialogbox button:hover

{

    transform: scale(1.05);

}

input#phone

{

    width: 250px;

    height: 30px;

    margin-bottom: 10px;



    text-align: center;

}

div#capcha

{

    display: inline-block;



    vertical-align: bottom;

}

div#capchainput

{

    display: inline-block;



    width: 100px;

    margin-right: 40px;



    vertical-align: top;

}

div#capchainput input

{

    width: 100px;

    height: 30px;



    text-align: center;

}

div#dialogbox i {

    position: absolute;

    right: -7px;

    top: -6px;

    z-index: 10;

    border: 1px solid #ccc;

    border-radius: 50px;

    width: 16px;

    height: 16px;

    line-height: 14px;

    text-align: center;

    font-style: normal;

    color: #fff;

    background-color: red;

}

div#dialogbox i:hover{

    transform:scale(1.1);

    cursor: pointer;

}



}