@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=cyrillic';
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background: #f2f2f0;
	color: #303030;
}
header, header *{
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
input,textarea{
	outline-color: #31313B;
}

section{
	margin: 50px 0;
}
h1{
	margin:0 0 50px 0;
	font-weight: 900;
	text-align: center;
	line-height: 1.6;
	text-transform: uppercase;
	-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
}
.h1-inner{
	font-size: 28px;
}
h2{
	margin:0 0 50px 0;
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.6;
}
h3{
	margin:0 0 25px 0;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.6;
}
h4{
	margin:20px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.6;
}
.subhead{
	margin: -30px 0 30px 0;
	font-style: italic;
	text-align: center;
}
.margin-top-0{
	margin-top: 0;
}
.margin-right-0{
	margin-right: 0;
}
.margin-right-15{
	margin-right: 15px;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.margin-bottom-15{
	margin-bottom:15px;
}
.margin-bottom-25{
	margin-bottom:25px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
a{
	outline: none;
	color: #31313b;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
a:hover{
	outline: none;
	color: #fff;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.download-btn{
	-webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
	display: block;
	width: 150px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin: 25px auto;
	padding: 10px 20px;
	text-decoration: none;
	background: #f9b90f;
	color: #000;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.download-btn:hover{
	text-decoration: none;
	background: #27272E;
	color: #f9b90f;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.download-btn:focus{
	text-decoration: none;
}
.active{
	color: #f9b90f !important;
}
.calc-link{
	color: #f9b90f !important;
}
/* Table styles */
.table-don {
    width: 100%;
}

.table-don tbody {
    background: #fff;
}

th {
    font-size: 1.2em;
    font-weight: 600;
    background: #f9b90f;
    color: #222;
}
td, th {
    padding: 0;
}
.table-don th, .table-don td {
    line-height: 50px;
    text-align: center;
    border: 1px solid #b7b7b7;
}
.table-don tr:hover {
    background: #f5f5f5;
}
.table-don tr td:first-child {
    width: 65%;
}
.table-don th, .table-don td {
    line-height: 50px;
    text-align: center;
    border: 1px solid #b7b7b7;
}
/* Table styles */
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-disc{
	padding: 0 0 0 18px;
	list-style: disc;
}
.list-decimal{
	padding: 0 0 0 18px;
	list-style: decimal;
}
.list-decimal li{
	margin-bottom: 10px;
}
.box-red{
	margin: 25px 0;
	padding: 15px;
	background: #fff;
	border-left: 5px solid #e74c3c;
}
.box-yellow{
	margin: 25px 0;
	padding: 15px;
	background: #fff;
	border-left: 5px solid #f9b90f;
}
span.small{
	color: #303030;
	font-weight: 600;
}
.yellow{
	color: #f9b90f;
	font-weight: 900;
}

.yellow-bg{
	padding: 20px 0;
	background: #f9b90f;
}
.semi-bold{
	font-weight: 600;
}
.header{
	padding: 20px 0 0 0;
	background: #31313b;
}
.logo-head a{
	display: inline-block;
}
.address-head,.time-head{ 
	color: #a5a5a5;
}
.phone-head{
	text-align: right;
}
.phone-head ul li{
	margin: 0 0 8px 0;
}
.phone{
	font-size: 1.4em;
	font-weight: 600;
	color: #f9b90f;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.phone:hover{
	color: #f9b90f;
	text-decoration: none;
}
.head-social-icons{
	font-size: 1.1em;
	padding: 0px 5px;
	margin: 0 5px 0 0;
	color: #fff;
	background: #ff9f4d;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.white{ 
	color: #fff;
}


.btn-custom{
	font-size: 1em;
	padding: 8px 23px;
	background: #31313b;
	text-transform: uppercase;
	color: #a5a5a5;
	border: 1px solid #a5a5a5;
}
/*
	Navigation Menu
*/
.nav-wrapper{
	margin: 15px 0 0 0;
	background: #27272e;
}


.navbar{
	margin-bottom: 0;
	font-weight: 600;
}

.logo-text{
	float: left;
	margin-top: 5px;
	color: #fff;
	line-height: 20px;
	text-transform: uppercase;
}
.logo-text-link{
	color: #fff;
}
.logo-text-link:hover{
	text-decoration: none;
}
.logo-text-link:focus{
	text-decoration: none;
	color: #fff;
}
/* цвет фона и рамки навигационного меню */
.navbar-default {
    background-color: #27272e;
    border: none;
}
/* цвет текста, содержащий название сайта или бренда */
.navbar-default .navbar-brand {
    color: #dbdbdb;
}
/* цвет текста (название сайта или бренда), при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* Цвет пунктов навигационного меню */
.navbar-default .navbar-nav > li > a {
    color: #dbdbdb;
}
/* Цвет пункта меню, при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #f9b90f;
}
/* Цвет и фон активного пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #E7E7E7;
}
/* Цвет и фон открытого пункта меню, а также поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #f9b90f;
    background-color: #31313B;
}
/* Цвет стрелочки (треугольничка) у раскрывающихся пунктов меню */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #dbdbdb;
    border-bottom-color: #dbdbdb;
}
/* Цвет стрелочки (треугольничка) при поднесении к нему курсора мышки или при его нахождении в фокусе */
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #f9b90f;
    border-bottom-color: #f9b90f;
}
/* Цвет стрелочки (треугольничка), открывшегося пункта меню */
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #f9b90f;
    border-bottom-color: #f9b90f;
}
/* CSS стили для мобильных устройств */
/* Цвет рамки у кнопки, которая открывает меню */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
/* Цвет фона кнопки (которая открывает меню) при поднесении к ней курсора мышки или при нахождении её в фокусе */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
/* Цвет полосочек в кнопочке, которая открывает меню */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
.dropdown-menu{
	background: #31313B;
}
.dropdown-menu>li>a{
	padding: 5px 20px;
	color: #f2f2f0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	background: #f9b90f;
}
 
@media (max-width: 767px) {
/* Цвет пунктов меню в раскрывающихся списках */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #dbdbdb;
        font-weight: 600;
    }
/* Цвет и фон пункта меню в раскрывающихся списках, при поднесении к нему курсора мышки или при нахождении его в фокусе */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #f9b90f;
        background-color: transparent;
    }
}


.banner-section{
	background: url(../images/silhouette.png) repeat-x 0 325px;
}
.advantage-left,.advantage-right{
	font-size: 18px;
	font-weight: 900;
}
.advantage-left li,.advantage-right li{
	margin-bottom: 20px;
}
.fa-icons{
	font-size: 26px;
	color: #f9b90f;
	vertical-align: middle;
	margin-right: 10px;
}
.fa-link{
	margin: 0 4px 0 0;
}
.img >img{
	margin: 30px auto ;
}

.callback{
	padding: 35px 0;
	background-color: #f9b90f;
	background-image: url(../images/pat-double.png), url(../images/pat-double.png);
	background-position: -15px 0, -15px bottom;
    background-repeat: repeat-x, repeat-x;
}
.callback h4,.callback p{
	margin: 0;
	padding: 0;
	font-weight: 900;
}

.callback input[type="text"],.feedback input[type="text"]{
	padding: 10px;
	width: 100%;
	height: 40px;
	border: none;
}
.callback input[type="text"]:focus,.feedback input[type="text"]:focus{
	border-left: 3px solid #31313b;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.callback input[type="submit"]{
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	background: #31313b;
	border: none;
	color: #fff;
	width: 100%;
	height: 40px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.callback input[type="submit"]:hover{
	background: #f9b90f;
	color: #31313b;
	border:1px solid #31313b;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

}
.feedback textarea:focus{
	border-left: 3px solid #31313b;
	-webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.feedback input[type="submit"]{
	max-width: 300px;
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	background: #31313b;
	border: none;
	color: #fff;
	width: 100%;
	height: 40px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.feedback input[type="submit"]:hover{
	background: #f9b90f;
	color: #31313b;
	border:1px solid #31313b;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;

}
.name-input,.phone-input,.email-input,.subject-input{
	font-size: 18px;
	font-weight: 300;
	color: #c1c1c1;
}
.message-textarea{
	width: 100%;
	min-height: 200px;
	padding: 10px;
	border: none;
	font-size: 18px;
	font-weight: 300;
	color: #c1c1c1;
}
.price-section .panel{
	padding: 10px 5px;
	min-width: 230px;
}
.icon-vehicles{
	padding: 40px 0;
	text-align: center;
}

.panel h4{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
}
.panel ul li{
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	margin: 0 0 5px;
}
.fa-chevron-circle-right{
	font-size: 15px;
	vertical-align: middle;
}
.readmore{
	margin: 30px 0;
	text-align: center;
}
.readmore a{
	color: #f9b90f;
}
.readmore a:hover{
	text-decoration: none;
	color: #31313b;
}

.content-wrapper{
	margin: 80px 0;
}
.calc{
	padding: 8px;
	background: #fff;
}
.calc h3{
	margin: 0;
	font-size: 18px;
	font-weight: 900;
	color: #31313b;
	text-transform: uppercase;
	text-align: center;
}
.heading-calc{
	padding: 15px;
	background: #f9b90f url(../images/icon-calc-with-shadow.png) no-repeat 10px center;
}
.vechile-type-wrapper, .blocked-wheels-wrapper, .steering-wheel-wrapper, .distance-wrapper{
	margin: 0 0 10px 0;
}
.calc-icons{
	width: 100px;
}
.choice-bg{
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	background: #e9e7e7;
}
.distance{
	margin: 0 0 10px;
	text-align: center;
}
.distance input[type="text"]{
	padding: 5px;
	width: 70px;
	height: 30px;
}

.sum-calc{
	display: inline-block;
	height: 100%;
	background: #f9b90f;
}

.result-bg{
	margin: 0;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	background: #e9e7e7;
}
.result-bg .fa-rub{
	text-indent: 5px;
	font-size: 18px;
}
.yellow-bg-calc{
	padding: 4px;
	font-size: 26px;
	margin: 0;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	background: #f9b90f;
}
.margin-top-13{
	margin-top: 13px;
}

.warning-msg{
	display:none;
	padding: 10px 5px;
	color:#f00;
	font-weight: 600;
    text-align: center;
}

.slim-banner{
	height: 92px;
	background: url(../images/slim-banner.jpg) no-repeat;
}
.slim-banner p{
	font-size: 19px;
	line-height: 92px;
	text-align: center;
	font-weight: 600;
	font-style: italic;
	color: #f2f2f0;
}

.price-td-right{
	text-align: right;
}
#map{
	height: 500px;
}
.ymaps-2-1-42-search__input,.ymaps-2-1-42-search__input-wrap{
	width: 220px !important;
}
.map-calculator h3{
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
}
.map-info{
	padding: 25px 0 0 0;
}
.distance-map, .transportation-map{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}



footer{
	color: #a5a5a5;
	background: #31313b;
}
footer h5{
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #f9b90f;
}
footer a{
	color: #fff;
}

.footer-info-wrapper{
	padding: 20px 0;
}
.footer-info-wrapper ul li {
    margin-bottom: 4px;
}

.copy{
	min-height: 50px;
	line-height:50px;
	background: #27272e;
}
.copy-bot{
	text-align: right;
}
#scrollUp {
	font-size: 25px;
    bottom: 50px;
    right: 20px;
    padding: 5px 15px;
    background: #27272E;
    color: #f9b90f;
	text-decoration: none;
}
#scrollUp:hover {
    background: #f9b90f;
    color: #27272E;
}
address.contacts li{
	margin: 0 0 8px;
}
address.contacts a{
	
	color: #27272E;
}
.feedback-map-h1{
	font-size: 22px;
	margin: 0 0 5px 0;
}
.feedback-map-list{
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	list-style-type: disc;
}
.feedback-map-phone{
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #f00;
}
.sitemap-links li{
	margin: 0 0 5px;
}
.sitemap-links a{
	font-size: 16px;
}
.sitemap-links a:hover{
	color: #f9b90f;
}
/*  Responsive  */
@media (min-width: 768px){
.navbar-right {
    margin-right: 0px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.callback-margin-bottom-15{
		margin-bottom: 15px;
	}
.cupon {
    margin-left: 30px;
}
/*	.logo-head,.address-head,.time-head,.phone-head{
		font-size: 110%;
		text-align: center;
		margin-bottom: 25px;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}*/
	h1,.h1-inner{
		font-size: 34px;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	.advantage-left,.advantage-right{
		font-size: 16px;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	div.callback h4{
		font-size: 160%;
	}
	.slim-banner p{
		line-height: 35px;
		padding: 10px;
	}
	.logo-text{
		margin: 5px 0 0 15px;
	}

}

@media (min-width: 320px) and (max-width: 767px) {
	.logo-head{
		margin-bottom: 15px;
		text-align: center;
	}
	.cupon-wrapper {
		margin-bottom: 15px;
    	text-align: center;
	}
	.phone-head{
		font-size: 120%;
		text-align: center;
	}
	.logo-text{
		margin: -45px 0 0 15px;
	}
	.navbar-default .navbar-toggle{
		border-color: #f9b90f;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background: #f9b90f;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background: #27272E;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border-color: #31313B;
	}

	h1,.h1-inner{
		font-size: 5vw;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	h2{
		font-size: 16px;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	h3{
		font-size: 15px;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	.advantage-left,.advantage-right{
		font-size: 14px;
		width: 300px;
		margin: auto;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}
	.callback-margin-bottom-15{
		margin-bottom: 15px;
	}
	.slim-banner p{
		font-size: 24px;
	}
	div.callback h4{
		font-size: 160%;
	}
	.calc{
		text-align: center;
	}
	.calc h3{
		font-size: 15px;
		text-align: right;
	}
	.choice-bg{
		font-size: 13px;
	}
	.call-us{
		text-transform: capitalize;
	}
	.map-calculator h3{
		font-size: 16px;
		line-height: 1.3;
	}
	.copy{
		font-size: 12px;
		text-align: center;
	}
	.copy-bot{
	text-align: center;
	}
	#scrollUp {
	font-size: 20px;
    bottom: 100px;
    right: 10px;
    padding: 5px 15px;
	}
}



/*
	Modal Images
*/
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999996; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    max-width: 700px;
}
/* Custom*/
body.modal-open {
    overflow: hidden;
}
.image-card{
	height: 80%;
}


/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: fixed;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    opacity: 0.5;
    font-size: 80px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
/*@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}*/

/*Social Profile Icons*/
.social-profiles{
  margin: 0;
  padding: 0;
}
.social-profiles a{
  color: #fff;
}
.social-icons{
  list-style-type:none;
  padding: 0;
  margin: 0;
  font-size: 16px;
}
.icon-wrapper{
  float:left;
  margin: 0 5px 0 0;
  line-height: 26px;
}
.vk-icon, .fb-icon, .od-icon, .g-icon, .pi-icon, .tw-icon, .in-icon{
  display: block;
  width: 26px;
  text-align: center;
}
.vk-icon{
  background: #48729e;
}
.fb-icon{
  background: #3c5a98;
}
.od-icon{
  background: #ff9f4d;
}
.g-icon{
  background: #db4437;
}
.pi-icon{
  background: #c20724;
}
.tw-icon{
  background: #00aced;
}
.in-icon{
  background: radial-gradient(#ffdc80, #fcaf45, #f77737, #f56040, #fd1d1d, #e1306c, #c13584, #833ab4, #5851db, #405de6);
	background-size: 210% 210%;
	background-position: right top;
	top: calc(50% - 135px);
	left: calc(50% - 135px);
}
/*Social Share Icons*/
.social-share-icons{
  right:0;
  top:30%;  
}

@media Screen and (max-width: 767px) {
    .a2a_floating_style.a2a_vertical_style {
     display: none; 
	}
}

@media Screen and (min-width: 320px)  and (max-width: 767px){
    .close {
	    top: 0px;
	    right: 15px;
	    font-size: 50px;
	}
    .image-card {
    	height: 60%;
	}
	.modal {
	    padding-top: 50px;
	}
}

@media only screen and (max-device-width : 767px) and (-webkit-min-device-pixel-ratio: 1)  {
 .a2a_floating_style.a2a_vertical_style {
  display: none; 
  }
}

@media only screen and (max-device-width : 767px)  and (-webkit-min-device-pixel-ratio: 1)  {
	 .image-card {
	    height: 80%;
	}
	.close {
	    
	    top: 0;
	    right: 10px;
	    font-size: 50px;
	}
	.modal {
	    padding-top: 50px;
	}
}