@charset "utf-8";

/*
/*	Copyright 2012. ThemeMarket.
/*

/**************************************************/


/*	LIST OF SECTION :
		0) PARALLAX
		1) HEADER
		2) LOGO
		3) ABOUT
		4) PORTFOLIO
		5) CONTACT
		6) FOOTER
/**************************************************/

body {
    /*background:url(../img/3.png) no-repeat;*/
    margin: 0 !important;
}

body.default_bg {
    background: url("../img/apply_bg.png") no-repeat 109% 85px;
}

.body-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    z-index: 999;
    position: relative;
    height: auto;
}

.mask {
    background: url(../img/mask.png) repeat;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    /*background: -moz-linear-gradient(left, #00CCFF 0%, #e4593a 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00CCFF), color-stop(100%,#e4593a));
	background: -webkit-linear-gradient(left, #00CCFF 0%,#e4593a 100%);
	background: -o-linear-gradient(left, #00CCFF 0%,#e4593a 100%);
	background: -ms-linear-gradient(left, #00CCFF 0%,#e4593a 100%);
	background: linear-gradient(to right, #00CCFF 0%,#e4593a 100%); */
}

.sidebar,
.main,
.contactcircle {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}


/*------------------------------------------------------------------*/


/*	1) HEADER & NAV
/*------------------------------------------------------------------*/

#header {
    height: 70px;
    width: 100%;
    background: url(../img/pixel.png) repeat;
    float: left;
    /*border-top:4px solid #e4593a;*/
    position: relative;
}

.logo {
    margin: 4px 0 0 0px;
    float: left;
}

#nav {
    margin-left: 20px;
    float: left;
}

#nav a {
    font-family: 'Ayumi', Arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.menu-toggle {
    width: auto;
    float: right;
    display: none;
}

.menu-toggle a {
    background: #444 url(../img/togge-menu.png) no-repeat center;
    width: 42px;
    height: 42px;
    display: block;
    margin: 15px 0 0 0;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Для Safari и Chrome */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Параметры тени */
    -webkit-transition: background-color 0.4s ease-in;
    -moz-transition: background-color 0.4s ease-in;
    -o-transition: background-color 0.4s ease-in;
    transition: background-color 0.4s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.menu-toggle a:hover {
    background-color: #666;
}

.menu-device {
    width: 100%;
    float: left;
    clear: both;
    display: none;
    position: relative;
    z-index: 9999999;
    background: url(../img/pixel.png) repeat;
    top: 65px;
}

.menuopen {
    display: block;
}

.menu-device ul {
    list-style-type: none;
    padding: 0;
    font-family: Patua One;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 10px 10px 0 10px;
}

.menu-device ul>li {
    height: auto;
    border-bottom: 1px solid #444;
    margin: 0 0 10px;
}

.menu-device ul li a {
    text-decoration: none;
    display: block;
    padding: 0 0 10px;
    color: #fff;
    position: relative;
}

.menu-device ul li a:hover {
    color: #fff;
}

.menu-device ul li:nth-last-child(1) {
    border-bottom: none;
    margin-bottom: 0;
}

.menu-device ul ul {
    margin: 0;
}

.menu-device ul ul li {
    margin: 0 0 10px 20px;
}

.menu-device ul ul li:nth-last-child(1) {
    margin-bottom: 0;
}


/*------------------------------------------------------------------*/


/*	2) CONTENT
/*------------------------------------------------------------------*/

.contactcircle {
    width: 180px;
    height: 180px;
    background: url(../img/pixel.png) repeat;
    margin: 60px 20px;
    float: left;
    padding: 50px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    position: relative;
}

.contactcircle p {
    color: #FFF;
    padding: 0 0 0 30px;
    font-size: 14px;
}

.contactcircle p a:hover {
    color: #666;
}

.contactcircle p.man {
    background: url(../img/man.png) no-repeat left top;
}

.contactcircle p.phone {
    background: url(../img/contact.png) no-repeat left top;
}

.contactcircle p.envelop {
    background: url(../img/envelop.png) no-repeat left top;
}

.wrapper {
    width: 1120px;
    float: left;
    padding: 0;
    margin: 20px 20px 50px 20px;
    position: relative;
}

.main {
    width: 100%;
    float: left;
    padding: 20px 10px;
    background: url(../img/pixel2.png) repeat;
    position: relative;
}

.image-wrapper {
    background: url(../img/border.png) no-repeat;
    width: 175px;
    height: 175px;
    float: left;
}

.image-wrapper img {
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    margin: 6px;
}

.post-wrapper {
    margin-left: 20px;
    float: left;
    width: 525px;
}

.post-wrapper h5,
.post-wrapper h5 a {
    color: #FFF;
}

.post-wrapper h5 a:hover {
    color: #e4593a;
}

h4.title {
    font-family: 'Ayumi', 'PT Sans', Arial, sans-serif;
    margin-bottom: 0;
}

.details {
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 11px;
    line-height: 20px;
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    padding: 5px 0;
    margin: 0 0 15px 0;
}

a.olderposts {
    background: url(../img/p-older.png) no-repeat left;
    height: 14px;
    padding: 4px 0 6px 35px;
    display: block;
    color: #c5c5c5;
    width: 100px;
    float: left;
    text-align: left;
}

a.newerposts {
    background: url(../img/p-newer.png) no-repeat right;
    height: 14px;
    padding: 4px 35px 6px 0;
    display: block;
    color: #c5c5c5;
    width: 100px;
    float: right;
    text-align: right;
}

a.olderposts:hover,
a.newerposts:hover {
    color: #FFFFFF;
}

.post-type-wrapper {
    border: 5px solid #292929;
    margin-top: 5px;
}

.post-type-wrapper img {
    width: 710px;
    height: auto;
    display: block;
}

.post-wrapper-2 {
    float: left;
    width: auto;
    margin-top: 20px;
}

.post-wrapper-2 h5,
.post-wrapper-2 h5 a {
    color: #FFF;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}

.post-wrapper-2 h5 a:hover {
    color: #e4593a;
}


/*  :: COMMENTS ::  */

.comments {
    width: 100%;
    clear: both;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #444;
    float: left;
    margin-bottom: 10px;
}

.comments,
.comments p {
    color: #c5c5c5;
}

.comments ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.comments ul li {
    margin: 0;
    padding: 0;
}

.comments ul li>div {
    padding: 10px;
    background: #252525;
    float: left;
}

.comment-avatar {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 20px 0 0;
}

.comment-avatar img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.commment-text-wrap {
    float: left;
    width: 630px;
}

.comment-data p {
    color: #fff;
}

a.url {
    color: #FFFFFF;
}

a.url:hover {
    color: #E4593A;
}

.comment-data p span {
    font-size: 11px;
    text-transform: uppercase;
    color: #777;
}

a.comment-reply-link {
    color: #FFF;
    background: #555;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: background-color 0.4s ease-in;
    -moz-transition: background-color 0.4s ease-in;
    -o-transition: background-color 0.4s ease-in;
    transition: background-color 0.4s ease-in;
}

a.comment-reply-link:hover {
    background: #E4593A;
}

ul.children {
    margin: 10px 0 0 10px;
    float: left;
    border-left: 1px solid #252525;
}

ul.children li {
    background: url(../img/reply.png) no-repeat left top;
    padding: 0 0 0 19px;
    float: left;
}

ul.children li div.commment-text-wrap {
    width: 600px;
}

ul.children li li div.commment-text-wrap {
    width: 570px;
}

ul.children li li li div.commment-text-wrap {
    width: 540px;
}

ul.children li li li ul.children {
    margin-left: 0;
    border: 0;
    margin-left: -19px;
}

.comment-form,
.contact-form {
    clear: both;
    width: 100%;
    /*margin-top:20px;
	padding-top:20px;
	border-top:1px solid #444;*/
    float: left;
}

.form {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.form2 {
    float: left;
    clear: both;
}

.form label {
    margin: 0 0 5px;
    float: left;
    font-size: 14px;
    color: #ffffff;
}

.input input {
    float: left;
    width: 278px;
    margin: 4px 0;
    padding: 8px 5px;
    background: none;
    border: 1px solid #ccc;
    /*color:#c5c5c5;*/
    color: #666;
    clear: both;
}

.form textarea {
    border: 1px solid #ccc;
    background: none;
    width: 400px;
    height: 100px;
    clear: both;
    float: left;
    padding: 5px;
    resize: vertical;
    color: #c5c5c5;
}

.input input:focus,
.form textarea:focus {
    border: 1px solid #999;
}

input.post-comment {
    padding: 5px 15px;
    cursor: pointer;
    background: #e4593a;
    color: #FFF;
    clear: both;
    float: left;
}

input.post-comment:hover {
    background: #555;
}

input.send-message {
    padding: 5px 15px;
    cursor: pointer;
    background: #959595;
    color: #FFF;
}

input.send-message:hover {
    background: #D06949;
}

a.send {
    padding: 7px 15px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    background: #E4593A;
    color: #FFF;
    -webkit-transition: background-color 0.4s ease-in;
    -moz-transition: background-color 0.4s ease-in;
    -o-transition: background-color 0.4s ease-in;
    transition: background-color 0.4s ease-in;
}

a.send:hover {
    background: #555;
}

.alertMessage {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
}

.alertMessage ul {
    padding: 0 0 0 15px;
    font-size: 14px;
    color: #E4593A;
}

.contact-info {
    float: left;
    clear: both;
    margin-top: 30px;
}

.contact-info p {
    color: #FFF;
    padding: 0 0 0 30px;
    font-size: 14px;
}

.contact-info p a:hover {
    color: #666;
}

.contact-info p.man {
    background: url(../img/man.png) no-repeat left top;
}

.contact-info p.phone {
    background: url(../img/contact.png) no-repeat left top;
}

.contact-info p.envelop {
    background: url(../img/envelop.png) no-repeat left top;
}


/*------------------------------------------------------------------*/


/*	3) GALLERY
/*------------------------------------------------------------------*/

.gallery-list {
    list-style-type: none;
    width: auto;
    margin-left: 0px;
}

.gallery-list li {
    background: url(../img/border.png) no-repeat;
    width: 175px;
    height: 175px;
    padding: 0;
    float: left;
    margin: 0 5px 5px 0;
}

.gallery-list li img {
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    margin: 6px;
}

.gallery-list li a,
.gallery-list li a img {
    display: block;
    position: relative;
}

.gallery-list li a {
    overflow: hidden;
}

.gallery-list li a div {
    position: absolute;
    background: #333;
    background: rgba(228, 89, 58, 0.5);
    width: 163px;
    height: 163px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    margin: 6px;
}

.gallery-list li a div span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/zoom.png) no-repeat center;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
}

ul.gallery-filter {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

ul.gallery-filter li {
    display: inline-table;
    margin: 10px 5px 10px 0;
}

ul.gallery-filter li a {
    position: relative;
    padding: 5px 15px;
    color: #ccc;
    background: #292929;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

ul.gallery-filter li a.current,
ul#gallery-filter li a:hover {
    color: #FFFFFF;
    background: #E4593A;
}

.border-bottom {
    height: 2px;
    border-bottom: 1px solid #444;
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
}


/*------------------------------------------------------------------*/


/*	4) PROJECTS
/*------------------------------------------------------------------*/

.project-wrap {
    float: left;
    clear: both;
    width: 100%;
}

.project-list {
    list-style-type: none;
    width: auto;
    margin-left: 0px;
}

.project-list li {
    width: 225px;
    height: 300px;
    padding: 0;
    float: left;
    margin: 10px 11px 10px 10px;
    background: #252525;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.project-list li img {
    width: 221px;
    height: 221px;
    margin: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.project-list li a,
.project-list li a img {
    display: block;
    position: relative;
}

.project-list li a {
    overflow: hidden;
}

.project-list li a div {
    position: absolute;
    background: #333;
    background: rgba(228, 89, 58, 0.5);
    width: 221px;
    height: 221px;
    margin: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.project-list li a div span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/zoom.png) no-repeat center;
}

.project-list li p {
    text-align: center;
    padding: 0 10px;
    margin-top: 20px;
}

.project-list li p a {
    color: #FFF;
}

.project-list li p a:hover,
.project-list li:hover p a {
    color: #E4593A;
}

.project-list li span {
    text-align: center;
    margin-top: 3px;
    display: block;
    font-size: 12px;
    color: #777;
    font-style: italic;
}

ul.project-filter {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

ul.project-filter li {
    display: inline-table;
    margin: 10px 5px 10px 0;
}

ul.project-filter li a {
    position: relative;
    padding: 5px 15px;
    color: #ccc;
    background: #292929;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

ul.project-filter li a.current,
ul#project-filter li a:hover {
    color: #FFFFFF;
    background: #E4593A;
}

.project2-list {
    list-style-type: none;
    width: auto;
    margin-left: 0px;
}

.project2-list li {
    width: 350px;
    height: 340px;
    padding: 0;
    float: left;
    margin: 10px;
    background: #252525;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.project2-list li img {
    width: 346px;
    height: 256px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.project2-list li a,
.project2-list li a img {
    display: block;
    position: relative;
}

.project2-list li a {
    overflow: hidden;
}

.project2-list li a div {
    position: absolute;
    background: #333;
    background: rgba(228, 89, 58, 0.5);
    width: 346px;
    height: 256px;
    margin: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.project2-list li a div span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/zoom.png) no-repeat center;
}

.project2-list li p {
    text-align: center;
    padding: 0 10px;
    margin-top: 20px;
}

.project2-list li p a {
    color: #FFF;
}

.project2-list li p a:hover,
.project2-list li:hover p a {
    color: #E4593A;
}

.project2-list li span {
    text-align: center;
    margin-top: 3px;
    display: block;
    font-size: 12px;
    color: #777;
    font-style: italic;
}

ul.project2-filter {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

ul.project2-filter li {
    display: inline-table;
    margin: 10px 5px 10px 0;
}

ul.project2-filter li a {
    position: relative;
    padding: 5px 15px;
    color: #ccc;
    background: #292929;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

ul.project2-filter li a.current,
ul#project2-filter li a:hover {
    color: #FFFFFF;
    background: #E4593A;
}

.project-detail-box {
    float: left;
    clear: both;
}

.project-detail-box span {
    color: #FFF;
}

.project-column {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #444;
}


/*  :: ISOTOPE FILTER ::  */

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.other_location {
    display: none;
}


/*------------------------------------------------------------------*/


/*	5) ABOUT
/*------------------------------------------------------------------*/


/*.separator{
	width:100%;
	float:left;
	clear:both;
	height:1px;
	border-bottom:1px solid #444;
	text-align:center;
}*/

.member {
    width: 210px;
    float: left;
    text-align: center;
    margin: 20px 15px;
}

.member-img-wrapper {
    background: url(../img/border.png) no-repeat;
    width: 175px;
    height: 175px;
    margin: 0 0 10px 17px;
}

.member-img-wrapper img {
    width: 162px;
    height: 162px;
    margin: 6px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
}

.member ul {
    list-style-type: none;
    padding-top: 15px;
    margin-left: 0;
}

.member ul li {
    display: inline-table;
    background: url(../img/circle.png) no-repeat;
    width: 29px;
    height: 29px;
    padding: 4px;
    position: relative;
    margin: 0 -7px;
    z-index: 4;
}

.member ul li:hover {
    z-index: 5;
}

.member h5 {
    margin-bottom: 0;
}

.member span {
    font-style: italic;
    margin-bottom: 20px;
}

.member h5 a {
    color: #FFF;
}

.member h5 a:hover {
    color: #e4593a;
}

h5.team {
    text-align: center;
}


/*------------------------------------------------------------------*/


/*	6) FAQ
/*------------------------------------------------------------------*/

.faq .titbox>span {
    padding: 8px 0;
    background: #252525;
    margin: 0 0 5px 0;
    width: 100%;
    display: block;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: background-color 0.4s ease-in;
    -moz-transition: background-color 0.4s ease-in;
    -o-transition: background-color 0.4s ease-in;
    transition: background-color 0.4s ease-in;
}

.faq .active>span {
    background: #e4593a;
    color: #FFF;
}

.faq .titbox span span {
    padding: 0 10px;
    display: block;
}

.faq .dropdown {
    display: none;
}

.faq .dropdown div {
    margin: 10px;
    position: relative;
}

.faq .dropdown ul {
    list-style-type: circle;
    margin: 20px;
    padding: 0;
}

div.errorpage {
    width: 100%;
    text-align: center;
}

div.errorpage h1 {
    font-size: 160px;
}

.archive-list a {
    color: #c5c5c5;
}

.archive-list a:hover {
    color: #e4593a;
}


/*------------------------------------------------------------------*/


/*	7) CONTACT
/*------------------------------------------------------------------*/

.map {
    width: 100%;
    height: 300px;
    float: left;
}

.homemap {
    display: block;
    position: fixed !important;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}


/*------------------------------------------------------------------*/


/*	8) ELEMENTS
/*------------------------------------------------------------------*/

ul.skills {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.skills li {
    width: 100%;
    background: #252525;
    padding: 0;
    margin: 0 0 10px;
}

ul.skills li div.percent {
    padding: 3px 0;
    background: #E4593A;
    height: 30px;
    width: 0;
}

ul.skills li div p {
    margin: 5px 0 5px 20px;
    color: #FFF;
}

.error {
    border: 1px solid #674342;
    color: #db4141;
}

.error p {
    margin: 0;
    color: #db4141;
    padding: 0 40px 0 0;
}

.info {
    border: 1px solid #425b66;
    color: #20a1c6;
}

.info p {
    margin: 0;
    color: #20a1c6;
    padding: 0 40px 0 0;
}

.success {
    border: 1px solid #3d6149;
    color: #44a933;
}

.success p {
    margin: 0;
    color: #44a933;
    padding: 0 40px 0 0;
}

.notice {
    border: 1px solid #615834;
    color: #f5dc7d;
}

.notice p {
    margin: 0;
    color: #f5dc7d;
    padding: 0 40px 0 0;
}

.notifications {
    padding: 10px;
    height: auto;
    position: relative;
    margin-bottom: 15px;
}

.notifications span {
    font-weight: bold;
    margin: 0 10px 0 0;
}

.notifications span.closer {
    width: 20px;
    margin: 0 0 0 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 10px;
    top: 10px;
}

.pricing-table {
    text-align: center;
    margin: 30px 0 0 10px;
    float: left;
    clear: both;
}

.pricing ul {
    list-style-type: none;
    float: left;
    width: 239px;
    text-align: center;
    padding: 0;
    margin: 5px 1px 0 0;
}

.pricing ul li {
    padding: 10px 5px;
    margin: 0;
    color: #78797b;
    background: #1f1f1f;
    border-top: 1px solid #2e2e2e;
}

.pricing ul li.title-row {
    background: #0f0f0f;
}

.pricing ul li.title-row span,
.pricing ul li.pricing-row span {
    font-size: 12px;
    font-style: italic;
}

.pricing ul li.title-row h4 {
    margin-bottom: 0;
    color: #FFF;
}

.pricing ul li.pricing-row,
.pricing ul li.button-row {
    background: #131313;
    margin: 0;
    border: none;
}

.pricing ul li.pricing-row span.price {
    font-size: 40px;
    color: #FFFFFF;
}

.pricing ul li.pricing-row span {
    color: #959595;
}

.pricing ul li.button-row {
    height: auto;
    padding: 25px 0;
}

.pricing ul li.button-row a {
    color: #FFF;
    background: #444;
    padding: 10px 20px;
    -webkit-transition: background-color 0.4s ease-in;
    -moz-transition: background-color 0.4s ease-in;
    -o-transition: background-color 0.4s ease-in;
    transition: background-color 0.4s ease-in;
}

.pricing ul li.button-row a:hover {
    background: #666;
}

table {
    width: 100%;
    text-align: left;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    border-spacing: 0;
    margin-bottom: 15px;
}

table th {
    vertical-align: top;
    background: #252525;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 10px;
    color: white;
}

table td {
    vertical-align: top;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 10px;
}

.ui-tooltip,
.arrow:after {
    background: #252525;
    border: 1px solid #444;
    box-shadow: none;
    border-radius: 0px;
    color: #eee;
    font-size: 12px;
    padding: 5px 15px;
}

ul,
ol {
    margin-left: 20px;
}

ul li,
ol li {
    margin-bottom: 3px;
}

ul.list-image {
    list-style-type: none;
    margin: 0;
}

ul.list-image li {
    background: url(../img/li.png) no-repeat left top;
    padding-left: 15px;
    margin-bottom: 3px;
}

span.dropcap {
    font-size: 50px;
    float: left;
    margin: 3px 10px 5px 0;
    line-height: 1;
    padding: 3px 10px;
    background: #e4593a;
    color: #fff;
}

span.highlight {
    background: #e4593a;
    padding: 2px 7px;
    color: #FFF;
}


/*------------------------------------------------------------------*/


/*	9) SIDEBAR
/*------------------------------------------------------------------*/

.sidebar {
    width: 320px;
    float: left;
    padding: 20px 10px 10px 10px;
    margin: 0 0 0 20px;
    background: url(../img/pixel.png) repeat;
    position: relative;
}

.search input {
    padding: 10px;
    border: 1px solid #555;
    background: none;
    color: #c5c5c5;
    width: 278px;
}

.search input:focus {
    border: 1px solid #999;
}

.sidebar h6 {
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 16px;
    position: relative;
}

span.line {
    width: auto;
    border-bottom: 2px solid #e4593a;
    padding-bottom: 6px;
}

.category ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.category ul li {
    background: url(../img/li.png) no-repeat left top;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

.category ul a {
    color: #c5c5c5;
}

.category ul a:hover {
    color: #e4593a;
}

.archives h6 {
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    font-family: "PT Sans", Arial, sans-serif;
    font-size: 16px;
}

.archives ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.archives ul li {
    background: url(../img/li.png) no-repeat left top;
    margin: 0 0 3px 0;
    padding: 0 0 0 15px;
}

.archives ul a {
    color: #c5c5c5;
}

.archives ul a:hover {
    color: #e4593a;
}

.archives ul a span {
    color: #777;
}


/*  :: TWITTER ::  */

ul#jtwt {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.jtwt_picture {
    display: none;
}

ul#jtwt li {
    margin: 0 0 15px 0;
    background: url(../img/twitterfeed.png) no-repeat left top;
    padding: 0 0 0 35px;
}

ul#jtwt li p {
    margin: 0;
}

ul#jtwt li p a {
    text-decoration: none;
}

ul#jtwt li p a:hover {
    color: #FFFFFF;
}

a.jtwt_date {
    font-size: 12px;
    color: #666;
    font-style: italic;
    text-decoration: none;
}

a.jtwt_date:hover {
    color: #fff;
}


/*  :: FLICKR ::  */

.flickrfeed {
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
    display: block;
}

ul li.hide {
    display: none;
}

.thumbs {
    margin: 0 0 15px 0;
    padding: 0;
    overflow: hidden;
}

.thumbs li {
    list-style: none;
    float: left;
    margin: 4px;
    padding: 1px;
    background: #666;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Для Safari и Chrome */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    /* Параметры тени */
    -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
    transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
}

.thumbs li:hover {
    background: #FFF;
}

.thumbs li img {
    display: block;
    width: 60px;
    height: 60px;
}


/*  :: TESTIMONIAL ::  */

.side-testimonial {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.testimonial-wrapper {
    width: 100%;
    margin: 0 0 15px 0;
    height: auto;
    display: block;
    float: left;
    height: 125px;
}

.tm {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    display: block;
}

.tm p {
    font-style: italic;
    color: #c5c5c5;
    padding: 0 20px;
}

.tm div {
    background: url(../img/tmp.png) no-repeat left;
    height: 20px;
    padding: 10px 0 0 50px;
    margin: 0 20px;
    color: #c5c5c5;
}


/*------------------------------------------------------------------*/


/*	10) FOOTER
/*------------------------------------------------------------------*/

#footer {
    height: 30px;
    width: 100%;
    position: relative;
    bottom: 0;
    background: url(../img/footer_pixel.png) repeat;
    z-index: 9999;
}

p.copyright {
    color: #efeeee;
    margin: 5px 0 0 20px !important;
    float: left;
    font-size: 12px;
}

ul.social {
    float: left;
    list-style-type: none;
    margin: 0 0 0 30px;
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 12px;
}

ul.social li {
    float: left;
    color: #efeeee;
    margin: 5px 5px 0 0;
}

ul.social li a {
    width: 14px;
    height: 14px;
    background: url(../img/social.png) no-repeat left top;
    display: block;
}

ul.social li a {
    margin: 3px 0 0 10px;
}

ul.social li.drible a {
    background-position: -20px 0px;
}

ul.social li.twitter a {
    background-position: -44px 0px;
}

ul.social li.flickr a {
    background-position: -68px 0px;
}

ul.social li.google a {
    background-position: -92px 0px;
}

ul.social li.facebook a:hover {
    background-position: 0px -14px;
}

ul.social li.drible a:hover {
    background-position: -20px -14px;
}

ul.social li.twitter a:hover {
    background-position: -44px -14px;
}

ul.social li.flickr a:hover {
    background-position: -68px -14px;
}

ul.social li.google a:hover {
    background-position: -92px -14px;
}

#sign_up {
    background: #fff;
    border: 1px solid #fdecec;
    -webkit-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
    -moz-box-shadow: rgba(0, 0, 0, .6) 0px 2px 12px;
    padding: 14px 22px;
    height: 300px;
    position: relative;
    display: none;
}

#sign_up h3,
#sign_up label {
    color: #666 !important;
}

#sign_up a {
    color: #d0343e;
}

#sign_up a span {
    color: white;
}

.close_btn {
    background: url(../images/close.png) no-repeat;
    width: 24px;
    height: 24px;
    overflow: hidden;
    line-height: 1000px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    /*background-position: -387px -102px;*/
}

#contactForm h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}


/*-----------------------------------*/


/* breadcrumbs */


/*-----------------------------------*/

.home_extend_1 {
    width: 100% !important;
}

.home_extend_2 {
    width: 95% !important;
}

.entry h2 {
    margin: 0;
    padding: 0;
    font-size: 25px;
    margin: 10px 0 0 25px;
    color: #d0343e;
    font-weight: normal;
}

.separator {
    margin: 0 5px;
    color: #d0343e
}

.breadcrumbs {
    padding: 10px 0;
    font-size: 13px;
    color: #d0343e;
}

.breadcrumbs .container {
    padding: 0 0 0 25px;
    box-sizing: border-box;
}

.breadcrumbs p {
    margin: 0 !important;
}

.breadcrumbs a {
    color: #d0343e
}

.breadcrumbs p a:hover {
    color: #f1541e
}

.breadcrumbs .link_search,
.breadcrumbs .link_back {
    color: #d0343e;
    position: absolute;
    top: 4px;
    right: 0;
    background: url(images/icons/icon_search_blue.png) 0 3px no-repeat;
    padding-left: 18px;
    line-height: 15px;
}

.breadcrumbs .link_back {
    background: url(images/arrow_back.png) 0 4px no-repeat;
    padding-left: 13px
}

.admin_box {
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.table_box {
    height: auto !important;
    margin-bottom: 40px;
}


/*
RESPONSTABLE 2.0 by jordyvanraaij
 Table Designed mobile first!
 Default options for table style
*/

.responstable {
    margin: 1em 0;
    width: 100%;
    /* overflow: hidden;*/
    background: #FFF;
    color: #024457;
    /*border-radius: 10px;*/
    border: 1px solid #d0343e;
}

.responstable tr {
    border: 1px solid #d0343e;
}

.responstable tr:nth-child(odd) {
    background-color: #f3efe0;
}

.responstable th,
.responstable tr:first-child td {
    /*display: none;*/
    border: 1px solid #FFF;
    background-color: #d0343e;
    color: #FFF;
    padding: 1em;
}

.responstable th:first-child {
    display: table-cell;
    text-align: center;
}

.responstable th:nth-child(2) {
    display: table-cell;
}

.responstable th:nth-child(2) span {
    display: none;
}

.responstable th:nth-child(2):after {
    content: attr(data-th);
}

@media (min-width: 480px) {
    .responstable th:nth-child(2) span {
        display: block;
    }
    .responstable th:nth-child(2):after {
        display: none;
    }
}

.responstable td {
    display: block;
    word-wrap: break-word;
    max-width: 7em;
}

.responstable td:first-child {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #fedcdc;
}

.responstable td a:hover {
    color: #1b9af7;
    font-weight: bold;
}

.responstable td a {
    display: inline-table;
    padding: 0 4px;
    color: #024457;
    box-sizing: border-box;
}

.responstable td a:hover span {
    color: #d0343e;
    text-decoration: underline;
}

.responstable td a i {
    display: block;
    float: left;
    margin-right: 1px;
}

.admin_box .responstable td a i {
    display: inline-block;
    float: none;
    margin-right: 1px;
}

.responstable td a span {
    display: block;
    float: left;
    color: #d0343e;
    margin-right: 5px;
}

@media (min-width: 480px) {
    .responstable td {
        border: 1px solid #fedcdc;
    }
}

.responstable th,
.responstable td {
    text-align: left;
    margin: .5em 1em;
}

@media (min-width: 480px) {
    .responstable th,
    .responstable td {
        display: table-cell;
    }
    .responstable th {
        padding: 1em;
    }
    .responstable td {
        padding: 0.5em !important;
    }
}

.box_auto_height {
    /*background-color: #f9f9f9;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 3px #aaa;*/
    padding: 10px 0 0 15px;
    width: 742px;
}


/***************Copied admin style ******************/

.clr {
    clear: both;
}

.box_auto_height .form {
    float: none !important;
}

.box_auto_height label {
    font-weight: bold;
}

.box_auto_height label.error {
    /*background:red;*/
    border: none;
    color: #d0343e;
    padding: 0 4px;
    font-weight: normal;
    clear: both;
}

.box_auto_height label,
.box_auto_height input[type='text'],
.box_auto_height a,
.box_auto_height select {
    display: block;
    float: none;
    color: #666;
}

.box_auto_height input[type='text'],
.box_auto_height textarea,
.box_auto_height select {
    padding: 10px;
    color: #666;
    border: #999 solid 1px;
}

.box_auto_height .clr {
    margin-bottom: 15px;
}

a.form_button {
    padding: 5px 0;
    height: 20px !important;
}

a.form_button,
input.form_button[type="submit"] {
    background: none repeat scroll 0 0 #b22222;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 2px;
    color: #ffffff;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 100%;
    font-weight: bold;
    height: 30px;
    margin-right: 15px;
    text-align: center;
    text-decoration: none;
    width: 93px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


/**********Alert style***********/

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-align: center;
    font-size: 16px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-success h4 {
    color: #468847;
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #d0343e;
}

.alert-danger h4,
.alert-error h4 {
    color: #d0343e;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-info h4 {
    color: #3a87ad;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block>p,
.alert-block>ul {
    margin-bottom: 0;
}

.alert-block p+p {
    margin-top: 5px;
}


/*************** Map Style start*****************/

.infoWindow {
    height: 150px;
    width: 285px;
}

.infoW {
    color: #333;
    font-family: "open_sansregular", sans-serif, Arial;
    padding: 0 1px;
}

.paWrapper {
    padding: 2px 2px 0;
}

.nobg {
    border: 1px solid #fff !important;
}

.propImg {
    position: relative;
}

.propBg1 {
    padding: 0 5px;
}

.propBg {
    background: linear-gradient(to bottom, rgba(177, 177, 177, 0.7) 0%, rgba(177, 177, 177, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -30px;
    height: 65px;
    left: 0;
    position: absolute;
    width: 96%;
    z-index: 2;
}

.admin_box hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-right: 0 none;
    border-style: solid none none;
    border-width: 1px 0 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.admin_box hr {
    box-sizing: content-box;
    height: 0;
}

.propConfirm {
    color: #999;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    padding-top: 28px;
    text-align: center;
    white-space: nowrap;
}

.propTitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
}

.infoButtons {
    padding: 10px 10px 10px 52px;
}

a.btn.viewInfo {
    margin-left: 20px;
}

a.btn.viewInfo,
a.btn.closeInfo {
    padding: 6px 12px;
    width: 85px;
}

.btn-green {
    background-color: #0eaaa6;
    color: #fff;
}

.btn-round {
    border-radius: 50px;
}

.btn {
    border-radius: 2px;
    text-decoration: none;
}

a.btn.viewInfo,
a.btn.closeInfo {
    padding: 6px 12px;
    width: 85px;
}

.btn-o.btn-gray {
    background-color: transparent;
    border-color: #999;
    color: #999;
}

.btn-gray {
    background-color: #999;
    color: #fff;
    margin-left: 55px;
}

.btn-o {
    border-style: solid;
    border-width: 1px;
}

.btn-round {
    /*border-radius: 50px;*/
}

.btn-sm,
.btn-group-sm>.btn {
    /*border-radius: 3px;*/
    font-size: 12px;
    line-height: 13px;
    padding: 8px 12px;
}

.map_col_1 {
    float: left;
    width: 70%;
    margin: 2px !important;
}

.map_col_2 {
    float: left;
    width: 25%;
}

.home-map {
    width: 82%;
    height: 740px;
    border: #666 solid 1px;
}

.guide_info_box {
    display: block;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.guide_info_box img {
    /*height: 84px;*/
    width: 160px;
}

.guide_info_box p {
    color: #666;
    margin-right: 0 !important;
    text-align: justify;
    width: 45%;
}

.guide_info_box img,
.guide_info_box p {
    display: block;
    float: left;
    margin-right: 5px;
}


/***********************Label Style****************/

span.label {
    color: #fff !important;
    ;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    padding: 4px;
}

span.label,
.dblue {
    background: #005683 !important;
}

span.label {
    background: #999999 !important;
}

span.label-uploaded,
.badge-uploaded,
.blue {
    background: #009AD7 !important;
}

span.label-rejected,
.badge-rejected,
.red {
    background: #ff4351 !important;
}

span.label-info,
.badge-info,
.blue {
    background: #009AD7 !important;
}

span.label-warning,
.badge-warning,
.yellow {
    background: #FFAA31 !important;
}

span.label-success,
.badge-success,
.green {
    background: #68AF27 !important;
}

span.label-approved,
.badge-approved,
.green {
    background: #68AF27 !important;
}

span.label-danger,
.badge-danger,
.red {
    background: #d0343e !important;
}

span.label-primary,
.badge-primary,
.dblue {
    background: #005683 !important;
}

a.redlink {
    color: #d0343e;
}

a.redlink:hover {
    text-decoration: underline;
}

select.mapselct_dropdown {
    padding: 3px 10px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #888;
    color: #f8f8f8;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 140px;
}


/*************************************************************************************************************/

.resign_doctype_td {
    background-color: #fffd8d !important;
}

.resign_doctype_errlabel {
    color: #d0343e !important;
}


/*************************************************************************************************************/


/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.mapselct_dropdown {
        padding-right: 18px
    }
}

label.selctbox:after {
    content: '<>';
    font: 11px "Consolas", monospace;
    color: #f8f8f8;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 5px;
    top: 4px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}

label.selctbox:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #888;
    position: absolute;
    pointer-events: none;
    display: block;
}

.selctbox {
    position: absolute;
}

.apply {
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: none repeat scroll 0 0 #888 !important;
    border: medium none;
    border-radius: 4px;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    color: #f8f8f8 !important;
    cursor: pointer !important;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 3px 10px !important;
    width: 120px !important;
}


/*pulsate efact */

.heart {
    font-size: 152px;
    text-align: center;
    color: #d0343e;
    padding: 0;
    margin: 0;
}

.picture_error {
    border-color: #d0343e !important;
    border-width: 2px !important;
}

.picture_error_msg {
    color: #d0343e !important;
    display: none;
}

.pulse1 {
    -webkit-animation: pulse2 2s linear infinite;
    -moz-animation: pulse2 2s linear infinite;
    -ms-animation: pulse2 2s linear infinite;
    animation: pulse2 2s linear infinite;
}

@keyframes "pulse1" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse1 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes "pulse1" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes "pulse1" {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse2 {
    -webkit-animation: pulse2 2s linear infinite;
    -moz-animation: pulse2 2s linear infinite;
    -ms-animation: pulse2 2s linear infinite;
    animation: pulse2 2s linear infinite;
}

@keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes "pulse2" {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes "pulse2" {
    0% {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -ms-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


/*End pulsate*/

#container label.registration {
    margin: 0 !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-1.implement_height {
    max-height: 450px;
    max-width: 700px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-2.implement_height {
    max-height: 433px;
    max-width: 700px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-4.implement_height {
    max-height: 750px;
    max-width: 800px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height {
    max-height: 780px;
    max-width: 750px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height {
    max-height: 600px;
    max-width: 700px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height {
    max-height: 600px;
    max-width: 700px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-9.implement_height {
    max-width: 700px;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height {
    height: 100% !important;
}

.def_scroll.ui-accordion-content {
    overflow-y: hidden !important;
}

.implement_height .form2,
.implement_height .form {
    float: none !important;
}

.implement_height input.backsubmit {
    bottom: 33px !important;
    left: 150px !important;
}

.implement_height input.nextsubmit {
    right: 150px !important;
    bottom: 35px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-4.implement_height input.backsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.backsubmit {
    bottom: 75px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.nextsubmit {
    bottom: 75px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.backsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.nextsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height input.backsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height input.nextsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
    bottom: 33px !important;
}

.applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
    bottom: 33px !important;
}

.button-caution,
.button-caution-flat {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ui-datepicker,
.datepicker {
    z-index: 99999 !important;
}

@media screen and (max-width:1366px) {
    body.default_bg {
        background: url("../img/apply_bg.png") no-repeat 120% 85px;
    }
}

@media screen and (max-width:1199px) {
    .fa-caret-down:before {
        top: -39px;
        position: absolute;
        left: 25px;
    }
    .button-small {
        position: relative;
    }
    body.default_bg {
        background: none;
    }
}

@media screen and (max-width:1024px) {
    .fa-caret-down:before {
        top: -10px;
        position: absolute;
        left: 4px;
    }
    /* .implement_height input.backsubmit{
		left: 35px !important;
	} */
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.nextsubmit {
        bottom: 60px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.backsubmit {
        bottom: 60px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.nextsubmit {
        bottom: 160px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.backsubmit {
        bottom: 160px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
        bottom: 33px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
        bottom: 33px !important;
    }
    #footer {
        position: relative;
    }
}

@media screen and (max-width:1023px) {
    .admin_box input[type='text'],
    .admin_box input[type='password'],
    .admin_box textarea {
        width: 100% !important;
        box-sizing: border-box;
        padding: 6px 4px !important;
        min-width: 100% !important;
        color: #000 !important;
        opacity: 1 !important;
    }
    .admin_box select {
        min-width: 93px !important;
        width: 100% !important;
        box-sizing: border-box;
        padding: 6px 4px !important;
        color: #000 !important;
        opacity: 1 !important;
    }
    .admin_box textarea {
        margin: 10px 0px 0px;
    }
    span.label {
        margin: 0 0 5px;
        width: auto;
        float: none;
        display: inline-block;
        white-space: normal;
    }
    .implement_height input.nextsubmit.next_tab_partner {
        right: -50px !important;
    }
    .implement_height input.nextsubmit {
        right: 15px !important;
    }
    .implement_height input.backsubmit {
        left: 30px !important;
    }
    /* .fa-caret-down:before {
		top: -39px;
		position: absolute;
		left: 20px;
	} */
    .applydealership_tab_form #ui-accordion-stepForm-panel-4.implement_height input.backsubmit {
        bottom: 120px !important;
    }
    #manage_tabs .submit.nextsubmit.next_tab_partner {
        bottom: 25px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
        bottom: 33px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
        bottom: 33px !important;
    }
    .sign_up.col textarea {
        width: 100%;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height {
        height: 100% !important;
        max-height: 100% !important;
    }
}

@media screen and (max-width:767px) {
    .box_auto_height {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 0px 0px;
    }
    .admin_box textarea {
        width: 100% !important;
        box-sizing: border-box;
        margin: 10px 0px 0px;
    }
    .admin_box select {
        min-width: 100% !important;
    }
    .clr {
        overflow-x: auto;
    }
    /* .implement_height input.submit{
		left:0px !important;
	} */
    .applydealership_tab_form #Businesses_tabs li.ui-state-default.ui-corner-top {
        width: 140px !important;
    }
    .implement_height input.nextsubmit.nextbtnstep3 {
        right: 15px !important;
        bottom: 27px !important;
    }
    .implement_height input.nextsubmit.next_tab_partner {
        right: -7px !important;
        bottom: 0px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height {
        max-height: 800px;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.backsubmit {
        bottom: 25px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.nextsubmit {
        bottom: 25px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
        bottom: 12px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
        bottom: 12px !important;
    }
    input.radio:empty~label:before {
        left: -37px !important;
    }
    .implement_height input.year_picker {
        width: 34% !important;
        margin: 0 !important;
    }
    .implement_height input.input_col-1-half-end.year_picker {
        margin-top: 10px !important;
    }
    #container input[type="text"],
    #container textarea,
    #container input[type="number"],
    #container input[type="file"],
    #container select {
        box-sizing: border-box;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.backsubmit {
        bottom: 140px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.nextsubmit {
        bottom: 140px !important;
    }
    #footer {
        position: relative;
    }
}

@media screen and (max-width:667px) {
    .fa-caret-down:before {
        top: -39px;
        position: absolute;
        left: 20px;
    }
}

@media screen and (max-width:639px) {
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.nextsubmit {
        bottom: 14px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height input.backsubmit {
        bottom: 14px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height {
        height: 1000px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
        bottom: 20px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
        bottom: 20px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.backsubmit {
        bottom: 105px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.nextsubmit {
        bottom: 105px !important;
    }
}

@media screen and (max-width:567px) {
    .responstable {
        width: 900px;
    }
    .responstable td {
        display: table-cell;
        border-right: none;
        border-bottom: none;
        border-right: 1px solid #fedcdc;
    }
    .admin_box .bigbox {
        width: 100% !important;
        margin-left: 0 !important;
    }
    p {
        margin: 0 0 17px !important;
    }
    .fa-caret-down:before {
        top: -10px;
        position: absolute;
        left: 4px;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-0.implement_height {
        max-height: 450px;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-1.implement_height {
        max-height: 600px;
    }
    .implement_height input.year_picker {
        width: 100% !important;
        margin: 10px 0 0 !important;
    }
    .implement_height input.input_col-1-half-end.year_picker {
        margin-bottom: 10px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-1.implement_height {
        max-height: 650px;
    }
    .implement_height label.registration {
        width: 100% !important;
    }
    .implement_height input.backsubmit {
        bottom: 8px !important;
    }
    .implement_height input.nextsubmit {
        bottom: 8px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-3.implement_height {
        max-height: 750px !important;
    }
    .applydealership_tab_form .implement_height table td {
        width: 100% !important;
        float: none;
        display: inline-block;
        box-sizing: border-box;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-4.implement_height {
        height: 100% !important;
        max-height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-4.implement_height input.backsubmit {
        bottom: 12px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-5.implement_height {
        max-height: 100%;
        height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height {
        max-height: 100% !important;
        max-width: 700px;
        height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.backsubmit {
        bottom: 10px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-6.implement_height input.nextsubmit {
        bottom: 10px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height {
        max-height: 100%;
        max-width: 700px;
        height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height input.nextsubmit {
        bottom: 10px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-7.implement_height input.backsubmit {
        bottom: 10px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-8.implement_height {
        height: 100% !important;
        max-height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-9.implement_height {
        height: 100% !important;
        max-height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-9.implement_height input.backsubmit {
        bottom: 12px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-9.implement_height input.nextsubmit {
        bottom: 12px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height {
        height: 100% !important;
        max-height: 100% !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.backsubmit {
        bottom: 20px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-10.implement_height input.nextsubmit {
        bottom: 20px !important;
    }
    .applydealership_tab_form #ui-accordion-stepForm-panel-2.implement_height {
        max-height: 100% !important;
        height: 100% !important;
    }
}

@media screen and (max-width:413px) {
    #fiscal_period {
        margin: 0px 6px !important;
    }
    .responstable th {
        text-align: center !important;
        padding: 0 2px !important;
        font-size: 12px;
        box-sizing: border-box;
    }
}

.export {
    width: 40%;
    float: right !important;
    margin-right: 20px;
    color: #d0343e;
}

.export:hover {
    color: #fff;
}