@import url(//fonts.googleapis.com/css?family=Exo+2:700,400&subset=latin,cyrillic);

/* ==========================================================================
   Remodal necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
    overflow: hidden;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
    visibility: hidden;
}

/* Necessary styles of the overlay */

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;

    display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 5px;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: auto;

    text-align: center;

    -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
	top:10%;
    height: 100%;
    margin-left: -0.05em;

    content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
    -webkit-transform: translateZ(0px);
}

/* Necessary styles of the modal dialog */

.remodal {
    position: relative;

    display: inline-block;
}

/* Anti-zoom. Font-size should be >= 16px. */

/* ==========================================================================
   Remodal default theme
   ========================================================================== */

/* Default theme font */

.remodal,
.remodal * {
}

/* Background for effects */

.remodal-bg {
    -webkit-transition: -webkit-filter 0.2s ease-out;
    -moz-transition: -moz-filter 0.2s ease-out;
    -o-transition: -o-filter 0.2s ease-out;
    transition: filter 0.2s ease-out;
}

body.remodal-is-active .remodal-bg {
    -webkit-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;

    opacity: 0;
    background: rgba(33, 36, 46, 0.95);
}

body.remodal-is-active .remodal-overlay {
    opacity: 1;
}

/* Default theme styles of the modal dialog */

.remodal {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    padding: 0px 0px;

    -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
    background-clip: padding-box;
}

body.remodal-is-active .remodal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}

/* Close button */

.remodal-close {
    position: absolute;
    top: -25px;
    right: -5px;
	background:#dadada;

    width: 60px;
    height: 17px;
	background:url(../images/close.png) no-repeat;
}
/* Media queries
   ========================================================================== */

    .remodal {
        max-width: 668px;
        min-height: 0;
		position:relative;
        margin:10% auto 0px auto;
		display:table;
    }

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E);
}

.lt-ie9 .remodal {
    width: 668px;
    min-height: 0;
    margin: 20px auto;
}

.lt-ie9 .remodal-close:after {
    margin: auto;

    text-align: center;
}

.lt-ie9 .remodal-close:hover,
.lt-ie9 .remodal-close:active {
    background: transparent;
}

.lt-ie9 .remodal-close:hover.remodal-close:after,
.lt-ie9 .remodal-close:active.remodal-close:after {
    color: #3e5368;
}
.remodal-bg a{
	color:#FFF;
	font-size:20px;
}
@media (max-width:667px){
.remodal {
	width:90%;
}
.bottom-contact {
    float: left;
    width: 50%;
    margin-top: 15px;
    margin-left: 25px;
}
}
.main-iner{
	float:left;
	font-family: 'Roboto', sans-serif;
	width:100%;
}
.contact-header{
	float:left;
	width:100%;
	position:relative;
}
.contact-header img{
	width:100% !important;
}
.top-contact{
	position:inherit;
	width:100%;
	top:2%;
}
.top-contact2{
	top:35% !important;
}
.conatc-logo{
	margin:auto;
	width:8%
}
.top-contact h1{
	text-align:center;
	font-size:30px;
	color:#FFF;
	font-weight:300;
}
.span-contact-call {
    font-size: 20px;
    text-align: left;
	float:left;
	color:#ff5a5f;
}	
.contact-iner{
	float:left;
	width:100%;
	padding:30px 0px;
	background:#FFF;
}
.contact-iner-main{
	width:85%;
	margin:auto;
	display:table;
}
.contact-iner-main input{
	float:left;
	padding:10px 0px 10px 4%;
	font-size:15px;
	color:#494956;
	font-family: 'Open Sans', sans-serif;
	background:#fafafa;
	border:1px solid #e1e1e1;
	border-radius:10px;
	width:43%;
	margin-bottom:15px;
}
.contact-iner-main input[type=submit]{
	float:left;
	padding:10px 0px 10px 0px;
	font-size:15px;
	color:#FFF;
	background:#ff5a5f;
	border:1px solid #ff5a5f;
	border:none;
	border-radius:40px;
	font-family: 'Open Sans', sans-serif;
	width:130px;
	margin-bottom:0px;
	cursor:pointer;
}

.contact-iner-main input[type=submit]:hover{
	border:1px solid #339daa;
	background:#fff !important;
	color:#339daa !important;	
}
.contact-iner-main textarea{
	float:left;
	padding:10px 0px 10px 4%;
	font-size:15px;
	color:#494956;
	background:#fafafa;
	border:1px solid #e1e1e1;
	border-radius:10px;
	width:96%;
	height:100px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:15px;
}
.right-input{
	float:right !important;
}
.clear-srf{
	clear:both;
}
@media (max-width:640px){
	
.top-contact h1{
	font-size:25px;
}
}
@media (max-width:480px){
	
.top-contact h1{
	font-size:20px;
}
.contact-iner-main input{
	font-size:12px;
}
.contact-iner-main textarea{
	font-size:12px;
}
}
@media (max-width:414px){
	
.top-contact h1{
	font-size:14px;
}
}