/**
* @package RSContact!
* @copyright (C) 2015 www.rsjoomla.com
* @license GPL, http://www.gnu.org/licenses/gpl-3.0.html
*/

form{
	margin-top:-10px;
}
.mod-rscontact_msg {
	color: green;
	font-weight: bold;
	display:none;
}

.mod-rscontact-pre-text, .mod-rscontact-post-text {
	margin: 0px 0;
}
#mod-rscontact-msg-213{
	display:none;
}
.alert .alert-success{
	display:none;
}
.mod-rscontact-error {
	color: #b94a48;
	display:none;
}

.mod-rscontact-loader {
	display: none;
	width: 30px;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}

.mod-rscontact-width-auto{
	width: 240px;
    margin-top: 30px;
    margin-left: 30px;
    overflow: hidden;
    height: 30px;
    text-align: center;
}
.strafe{
}
fieldset {
    display: contents;
}
.btn_form{
	margin-left: 30px;
    background: rgba(255,255,255,1.0);
    border: 0;
    color: #00578b;
    box-shadow: none;
    text-shadow: none;
    border-radius: 3px 0px 0px 3px;
    margin-top: 30px;
    left: 0px;
    width: 130px;
    height: 52px;
}
.btn_form:hover{
	margin-left: 30px;
    background: rgba(255,255,255,1.0);
    border: 0;
    color: #00578b;
    box-shadow: none;
    text-shadow: none;
    border-radius: 3px 0px 0px 3px;
    margin-top: 30px;
    left: 0px;
    width: 130px;
    height: 52px;
}
.btn_form_open{
	padding:16px 21px 16px 21px;
	background:rgba(116, 199, 213, 0.8);
	border:0;
	color:#f5f5f5;
	box-shadow:none;
	text-shadow:none;
	border-radius: 3px 3px 3px 3px;
}
.btn_form_open:hover{
	padding:16px 21px 16px 21px;
	background: rgba(0,0,0,1.0);
	border:0;
	color:#f5f5f5;
	box-shadow:none;
	text-shadow:none;
	border-radius: 3px 3px 3px 3px;
}
.btn_form_close {
    background: rgba(255,255,255,0.65);
    color: #00578b;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px 3px 3px 0px;
    margin-right: 30px;
    margin-top: 30px;
    width: 110px;
    height: 52px;
    display: inline-block;
    text-align: center;
}
.btn_form_close:hover{
	background: rgba(255,255,255,1.0);
    color: #00578b;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px 3px 3px 0px;
    margin-right: 30px;
    margin-top: 30px;
    width: 110px;
    height: 52px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
@media screen and (max-width:1200px) {
.mod-rscontact-width-auto{
	width: 240px;
    margin-top: 30px;
    margin-left: 30px;
    overflow: hidden;
    height: 30px;
    text-align: center;
}
.strafe{
}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rstpl-rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.modalbackground {
margin: 0; /* убираем отступы */
padding: 0; /* убираем отступы */
position: fixed; /* фиксируем положение */
top:0; /* растягиваем блок по всему экрану */
bottom:0;
left:0;
right:0;
background: rgba(0,0,0,0.5); /* полупрозрачный цвет фона */
z-index:100; /* выводим фон поверх всех слоев на странице браузера */
opacity:0; /* Делаем невидимым */
pointer-events: none; /* элемент невидим для событий мыши */
visibility: visible;
-webkit-transition: opacity 0.64s linear;
-moz-transition: opacity 0.64s linear;
-ms-transition: opacity 0.64s linear;
-o-transition: opacity 0.64s linear;
transition: opacity 0.64s linear;
}

/* при отображении модального окно - именно здесь начинается магия */
.modalbackground:target {
    opacity: 1; /* делаем окно видимым */ 
    pointer-events: auto; /* элемент видим для событий мыши */
}

/* ширина диалогового окна и его отступы от экрана */
.modalwindow {
	position:absolute;
	width: 300px;
	height:430px;
	margin-left:-150px;
	left:50%;
	margin-top:-215px;
	top:50%;
	background: rgba(0, 87, 139, 0.8);
	border-radius: 3px;
	z-index:999;
}

/* настройка заголовка */
.modalwindow h3 {
padding: 0;
margin: 0;
}

/* оформление сообщение */
.modalwindow p {
}

/* вид кнопки ЗАКРЫТЬ */
.modalwindow a {
}

/* вид кнопки ЗАКРЫТЬ при наведении на нее мыши */
.modalwindow a:hover {
}