body {min-width: 320px;}
img {max-width: 100%;}
.only-mobile {display:none;}
.switch-versions a {display: block;text-align: center;padding: 10px;}

@media (min-width: 768px) {
	#header .menu ul li.parent:hover > a {background: #fff;}
	#header .menu ul li:hover > a {border-bottom:6px solid #2f78ac;}
	#header .menu ul li:hover ul {display:block}
	.services-items .item:hover .name {background:rgba(0,84,149,0.65);}
	.blog-date {padding-top: 40px;}
	

}
@media (max-width: 1240px) {
	.container {width: 94%;}
	#head-img-index .h1 {padding-top: 130px;}
	#header .menu ul li a {padding: 16px 9px 0;}
	#header .menu ul {margin-left:-2%;}
	#header .address-wrap {margin-right: -2%;}	
.eTimer{display:none!important;}

	.address-wrap .icon, .phone-wrap .icon, #header .phone-wrap {margin-right: 10px;}

	.svg-menu span {font-size: 16px;}
}
@media (max-width: 1060px) {
	.w1030 .container {width: 94%;}#causes {margin-top: 58px;}

}

@media (max-width: 1023px) {
	#header .menu ul {width: 40%;}
	#header .menu ul li {width: 50%;}
	#header .menu ul li a {height: 35px;padding:0}
	#mob-header {
	    display: block;
	    height: 38px;
	    background: #005e9c;
	    padding: 18px 13.5% 0;
	    color: #fff;
	}
	
	#mob-header a {color: #fff;}
	#header .address-wrap div, #header .phone-wrap div {display: none;}
	#header .menu ul li.active > a {color: #3895d2;border:0;}

	#inner-svg-menu .svg-menu span {display: block;}

	.services-items .item {width: 48%;margin:1% !important;}
	#footer .phone-wrap, #footer .clock-wrap, #footer .address-wrap {width:100%}
	#footer .socials-svg {float:left;margin:0 0 10px 0;}
	#footer .copy {top: auto;bottom: 20px;}
	#footer .cards {left: 3%;margin-left: 0;}

	#contacts-map .text .close {
	    width: 16px;
	    height: 16px;
	    background: url(sprite-header.png) no-repeat 0 -14px;
	    position: absolute;
	    top: 10px;
	    right: 10px;
	}

	.news-items .item, .news-items .item:nth-child(4n) {width: 48%;margin: 1%;}
}

@media (max-width: 960px) {
	.container960wrap .container, .container940wrap .container {width: 94%;}
	#content-big-tabs-text .text {width: 100%;}
	
	
	#causes{display:none;} #indname1{display:none;} #indname2{display:block; margin-top:30px;}
	#index-services{
		margin-top:0px;
	}
}

@media (max-width: 767px) {
	.hide-mobile,
	#header .search,
    .svg-menu-btns, .services-btns,
    #footer ul {display:none !important;}
    .only-mobile {display:block;}
	.eTimer{display:none!important;}
	#causes{display:none;}
	
	#index-services{margin-top:0px;}

    .mobile-table {overflow-x: auto;}

    .caption_line {font-size: 32px;}
	p {font-size: 26px;line-height: 31px;}

	#head-img-inner {height: 300px;}
	#head-img-inner .h1 {padding-top: 70px;}
	#header .phone-wrap {margin-right: 22px;}
	#header .address-wrap .icon {
	    width: 27px;
	    height: 41px;
	    margin-top: -5px;
	}
	.breadcrumb {
    padding-top: 60px;
}
		#header .logo img{
		margin-top: 10px;
	}
	#indname1{display:none;} #indname2{display:block;}
	#pre-footer.inner {height:175px;}
	
	#header .phone-wrap .icon {
	    width: 40px;
	    height: 41px;
	    margin-top: -5px;
	}

	#head-img-index {height: 640px;}
	#head-img-index .h1 {padding-top: 91px;    margin-bottom: 17px;font-size: 60px;
    line-height: 66px;
    letter-spacing: 2px;}
    #head-img-index .h6 {line-height: 29px;font-size: 24px;margin-bottom: 38px;}
    #head-img-index .h6 br {display:none;}
    .btn {padding: 20px 0px;}
    .header-image .btn {    width: 360px;
    display: block;
    margin: 0 auto 15px;}

    .caption {font-size: 30px;letter-spacing: 0;}
    #index-svg-menu .caption {padding: 49px 0 17px;}
    #index-svg-menu .svg-menu {padding: 0 28%;overflow: hidden;}
    #index-svg-menu svg {
	    width: 65%;
	    height: 150px;
	}
	#index-svg-menu .slick-list {overflow: initial;}
	#index-svg-menu .slick-slider .slick-arrow {background: rgba(255,255,255,0.8);width: 28%;}
	#index-svg-menu .slick-slide span {display:none;}
	#index-svg-menu .slick-slide.slick-active span {display:block;font-size: 24px;line-height: 28px;}

    .bg-mobile-menu {
	    position: fixed;
	    width: 100%;
	    height: 200%;
	    background: rgba(0, 0, 0, 0.7);
	    z-index: 450;
	    left:0;
	    top:56px;  /*mob-header height*/
	    display: none;
	}
	.mobile-menu {
	    display: none;
	    position: absolute;
	    width: 114px;
	    height: 93px;
	    background: #fff;
	    left: 0;
	    top: 0;
	    cursor: pointer;
	    z-index: 110;
	}
	.mobile-menu span {
	    position: absolute;
	    width: 54px;
	    height: 2px;
	    background: #005e9c;
	    top: 30px;
	    left: 30px;
	    border-top: 1px solid #80afce;
	    border-bottom: 1px solid #c0d7e7;
	}
	.mobile-menu span:nth-child(2) {
	    top: 45px;
	}
	.mobile-menu span:nth-child(3) {
	    top: 60px;
	}

    #header {
	    height: 93px;
	    border-bottom: 1px solid #d7dee3;
	    background: #fff;
	}
	#header .logo {height: 175px;}
	.mobile-menu, .mobile-menu-head, .mobile-menu-search, .mobile-menu-bottom {display: block;}
    #header.fixed {position: fixed;top: 0;width: 100%;z-index: 500;}
    #header .menu ul {padding-top: 0;}
    #header .menu > ul {
	    position: fixed;
	    width: 78%;
	    left: -100%;
	    background: #fff;
	    top: 150px;    padding-bottom: 20px;    box-sizing: border-box;
	}
	#header.fixed  .menu > ul {top: 94px;}
	#header.fixed .logo, #header.open .logo {background:none;height: auto;padding-top: 15px;}
	#header .menu > ul ul {background: #e7e7e8;}
	#header .menu > ul li {
	    border-bottom: 2px solid #80afce;
	    float: none;
	    width: 100%;overflow: hidden;
	}
	#header .menu li.only-mobile {border-bottom:0}
	#header .menu {font-size: 24px;color: #005e9c;}
	#header .menu > ul li > a, #header .menu > ul > li:first-child a {
	    padding: 28px 7%;

	    height: 78px;
	}

	#header .menu > ul li.parent.open > ul {display:block;}
	#header .menu > ul li.parent > span {
	    content: "";
	    background: url(arrow_blue.svg) no-repeat;
	    width: 78px;
	    height: 78px;
	    position: absolute;
	    background-size: cover;
	    top: 0;
	    right: 0;
	}
	#header .menu > ul li.parent.open > span {transform: rotate(90deg);}
    #header .menu ul li ul {
	    position: initial;
	    width: 80%;
	    background: none;
	    padding: 0 7%;
    }
    #header .menu ul li ul li {
	    border-top: 2px solid #80afce;
	    border-bottom: 0;
	}
	#header .menu ul li ul li:before {display: none;}
	#header .menu ul li ul li a {
	    padding: 26px 7%;
	    height: auto;
	    font-weight: 100;
	}


    #header .phone-wrap-mob,
    #header .address-wrap-mob,
    #header .clock-wrap-mob {position: relative;margin: 30px 0 0 45px;padding: 10px 0 0 76px;}
    #header .clock-wrap-mob {padding-top: 0px;}

	#header .phone-wrap-mob:before {
	    content: "";
	    background: url(icon-phone.svg) no-repeat 0 0;
	    width: 43px;
	    height: 44px;
	    position: absolute;
		left: 2px;
    	top: 3px;
	    background-size: cover;
	}

	#header .address-wrap-mob:before {
	    content: "";
	    background: url(icon-address.svg) no-repeat 0 0;
	    width: 33px;
	    height: 49px;
	    position: absolute;
	    left: 6px;
    	top: -3px;
	    background-size: cover;
	}

	#header .clock-wrap-mob:before {
	    content: "";
	    background: url(icon-clock.svg) no-repeat 0 0;
	    width: 45px;
	    height: 45px;
	    position: absolute;
	    left: 0px;
    	top: 5px;
	    background-size: cover;
	}

	#header .socials-svg-mob {
	        padding: 30px 0 0 48px;
	}
	#header .socials-svg-mob .follow-text {float: left;padding: 8px 0 0 24px;}
	#header .socials-svg-mob a {
	    width: 46px;
	    height: 46px !important;
	    background-size: cover;
	    float: left;
	    padding: 0 !important;
	}
	#header .socials-svg-mob a.in {background-image: url(socials-in.svg);margin-right: 9px;}
	#header .socials-svg-mob a.vk {background-image: url(socials-vk.svg);}

    #index-services {padding-bottom: 40px;}
    .services-items .item {
	    width: 100%;
	    margin: 0 0 2% !important;
	    height: 86px;
	    text-align: left;
	}
    .services-items .item .img {display: none;}
    .services-items .item .name {
	    position: absolute;
	    background: #065c95;
	    font-size: 26px;
	    padding-top: 28px;
	    letter-spacing: 0.5px;
	    padding-left: 9%;
	    box-sizing: border-box;
	}
	.services-items .item .name a:after {
	    content: "";
	    background: url(arrow_white.svg) no-repeat;
	    position: absolute;
	    width: 69px;
	    height: 122px;
	    z-index: 999;
	    background-size: cover;
	    right: 33px;
	    top: -18px;
	}

	.news-items .item {margin-right:0}
	#index-blog .slick-slider .slick-arrow:after {top: 27%;}
	#index-blog .slick-prev:after {left: 35px;}
	#index-blog .slick-next:after {right: 35px;}
	.news-items .item .date {
	    left: 20px;
	   	font-size: 21.16px;
	    width: 94px;
	    height: 86px;
    }
    .news-items .item .date span {
	    font-size: 35.85px;
	}
	.news-items .item .date:after {top: 94px;border: 47px solid transparent;border-top: 20px solid #005398;}
	.news-items .item .text .name {font-size: 30px;line-height: 36px;padding: 26px 0 7px;	}
	.news-items .item .text .desc {font-size: 26px;line-height: 31px;}
	.news-items .item .text .more a {font-size: 20px;}
	.news-items .item .text .more a:after {width: 38px;height: 68px;}

	.news-items-big .img, .news-items-big .text {width: 100%;}

    .footer-right-blocks {
	    width: 240px;
	    margin: 30px auto 0;
	    float: none;
	}





	.popup {left:3%;width:94%;top:3%;margin:0;max-height:94%;overflow-y:auto;}
	.popup .head-white {font-size: 16px;}
	.popup_cart .btn.left, .popup_cart .btn.right {margin: 2% 5%;width: 90%;}
	.popup_cart .cart-block .item .right {text-align: center;padding: 0 5% 2%;width: 90%;}
	.cart-block .item .price {margin-top:10px;}

	.cart-inner > div, .contacts-inner > .left, .contacts-inner > .right {width:100%;}
	.quote {padding: 20px;}

	.like-table > .tr > .td {float: left;box-sizing: border-box;}
	.like-table.col3 > .tr > .td {width: 50%}
	.like-table.col1 > .tr > .td:first-child, .like-table.col3 > .tr > .td:first-child {width: 100%}

	.like-table.two-cols .col, .like-table.one-cols .tr span {width: 100%;}
	.news-items .item, .news-items .item:nth-child(4n) {width: 98%;margin: 0px 1% 35px;}
	#inner-2col {/*padding: 10px 0 20px;*/}

	#footer .container {padding: 50px 0 110px;}
	#footer .cards {
	    left: 50%;
	    margin-left: -120px;
	    bottom: 35px;
    }
}

@media (max-width: 639px) {
	#mob-header {padding: 18px 3% 0;}

	.services-items .item {display: table;}
	.services-items .item .name {
	    font-size: 22px;
	    padding: 0 5%;
	    display: table-cell;
	    position: initial;
	    vertical-align: middle;
	}

	#header .phone-wrap-mob, #header .address-wrap-mob, #header .clock-wrap-mob {
	    position: relative;
	    margin: 20px 0 0 20px;
	    padding: 10px 0 0 60px;
    }
    #header .address-wrap-mob:before {
    	top: 6px;
    }
    #header .socials-svg-mob {
	    padding: 20px 0 0 20px;
	}

	#inner-2col .container > .left, #inner-2col .container > .right {width:100%;margin-bottom:20px;}

	#contacts-map .text {    max-width: 94%;}
}
@media (max-width: 479px) {
	body {font-size: 16px;}
	#header {height: 62px;}
	#header .address-wrap, #header .phone-wrap {    margin-top: 16px;}
	.header-image .h1 {font-size: 34px;line-height: 40px;}
	.mobile-menu {width: 76px;height: 62px;}
	.mobile-menu span {
	    width: 36px;
	    top: 20px;
	    left: 20px;
    }
    .mobile-menu span:nth-child(2) {top: 30px;}
	.mobile-menu span:nth-child(3) {top: 40px;}
	#header .logo {
	    background: url(bg-logo-106.png) no-repeat 0 100%;
	    width: 106px;
	    height: 114px;
	    margin-left: -53px;
	}

	#header .phone-wrap-mob, #header .address-wrap-mob, #header .clock-wrap-mob {padding: 5px 0 0 45px;}

	#header .phone-wrap-mob:before {
	    width: 28px;
	    height: 29px;
	}
	#header .address-wrap-mob:before {
	    width: 19px;
	    height: 29px;
	    top: 3px;
	}
	#header .clock-wrap-mob:before {
	    width: 29px;
	    height: 29px;
	}
	#header .socials-svg-mob .follow-text {padding: 1px 0 0 20px;}
	#header .socials-svg-mob a {
	    width: 25px;
	    height: 25px !important;
    }


	#head-img-index .h1 {
	    padding-top: 60px;
	    font-size: 40px;
	    line-height: 46px;
	}
	#head-img-index .h6 {
	    line-height: 26px;
	    font-size: 22px;
	}
	.header-image .btn {
	    width: 100%;
	}

	#index-svg-menu .svg-menu {padding: 0px 15%;}
	#index-svg-menu .slick-slider .slick-arrow {width: 15%;}
    #index-svg-menu .slick-slide.slick-active span {
	    font-size: 20px;
	    line-height: 24px;
	}

	.news-items .item .text .desc, p, .text li {
		font-size: 18px;
	    line-height: 22px;
	}

	#header.fixed .menu > ul {
	    top: 63px;
	}
	#header .phone-wrap {
	    margin-right: 6px;
	}
	#header .menu {font-size: 18px;}
	#header .menu > ul {top: 119px;width: 85%;overflow-y: auto;}
	#header .menu > ul li > a, #header .menu > ul > li:first-child a {
	    padding: 22px 7%;
	    height: auto;
	}

	#pre-footer a {display:block;}
	#pre-footer.inner {padding: 20px 0 75px 0;}

	#inner-2col .btns .btn {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.like-table .tr {padding: 5px;}
	#contacts-map .phone-wrap, #contacts-map .clock-wrap, #contacts-map .address-wrap {width: 100%;
    margin-bottom: 15px;}
    .popup_services input {width: 100%;}

}

@media (max-width: 374px) {
	body {font-size: 14px;}
}

@media (max-width: 359px) {
	.one-btn-center .btn, .popup_services button {width: 100%;}
}