.call_section {
  position: relative;
  text-align: left;
  padding-bottom: 80px;
  overflow: hidden;
  font-family: "Open Sans";
  /*background-color: #202020;*/
}
.call_section .parallax_bg {
  background-image: url("../images/bg_call_section.png");
  background-position: center;
  top: -300px;
  padding-top: 300px;
  z-index: 0;
}
/*@media (max-width: 991px) {
  .call_section {
    text-align: center;
    padding-bottom: 40px;
  }
}*/
.call_section.no_overlay:before {
  display: none;
}
.call_section .container {
  position: relative;
}
.call_section .animated_phone_icon {
  margin-top: 100px;
}
/*@media (max-width: 991px) {
  .call_section .animated_phone_icon {
    margin-top: 50px;
  }
}*/
.call_section .animated_phone_icon img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.call_section h2 {
  font-size: 30px;
  margin-top: 80px;
  margin-bottom: 4px;
  text-align: left;
  color: #fff;
}
/*@media (max-width: 1199px) {
  .call_section h2 {
    font-size: 2rem;
    margin-top: 95px;
  }
}
@media (max-width: 991px) {
  .call_section h2 {
    font-size: 3rem;
    margin-top: 40px;
    text-align: center;
  }
}*/
.call_section p {
	color: #fff;
  	font-size: 14px;
}
.call_section .phone {
  margin-top: 70px;
  margin-bottom: 0;
}
/*@media (max-width: 1199px) {
  .call_section .phone {
    margin-top: 90px;
  }
}
@media (max-width: 991px) {
  .call_section .phone {
    margin-top: 50px;
  }
}*/
.call_section .phone a {
  	font-size: 52px;
  	font-weight: 300;
  	font-style: normal;
	color: #ffffff;
	line-height: 1.42em;
	letter-spacing: 0em;
  	cursor: pointer;
}
/*@media (max-width: 1199px) {
  .call_section .phone a {
    font-size: 3.5rem;
  }
}*/
.call_section .phone a:hover,
.call_section .phone a:focus {
  text-decoration: none;
  opacity: .7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.call_section .icon {
  width: 33px;
  height: 33px;
}
.call_section .icon svg,
.call_section .icon path {
  fill: url("vendor/#phone_gradient_symbol");
}
.animated_phone_icon {
  width: 33px;
  height: 33px;
  display: block;
  margin: auto;
  position: relative;
}
.animated_phone_icon .ellipses {
  position: absolute;
  width: 33px;
  height: 33px;
  top: 17.5px;
  left: 15.5px;
}
.animated_phone_icon .ellipses .ellipse {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 66px;
  height: 66px;
  border: 1px solid #65C1FF;
  border-radius: 50%;
  /*behavior: url(../../../verstka/new_kroerov/img/PIE.htc);*/
  position: absolute;
  -webkit-animation: ellipseAnim 3s linear 0s infinite;
          animation: ellipseAnim 3s linear 0s infinite;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.animated_phone_icon .ellipses .ellipse:nth-child(2) {
  -webkit-animation: ellipseAnim 3s linear 1s infinite;
          animation: ellipseAnim 3s linear 1s infinite;
}
.animated_phone_icon .ellipses .ellipse:nth-child(3) {
  -webkit-animation: ellipseAnim 3s linear 2s infinite;
          animation: ellipseAnim 3s linear 2s infinite;
}
@-webkit-keyframes ellipseAnim {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 66px;
    height: 66px;
  }
  5% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 66px;
    height: 66px;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 136px;
    height: 136px;
  }
}
@keyframes ellipseAnim {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 66px;
    height: 66px;
  }
  5% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 66px;
    height: 66px;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 136px;
    height: 136px;
  }
}
.relative {
  position: relative;
}
.parallax_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: content-box;
  padding-top: 150px;
  top: -150px;
}
.parallax_bg img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.parallax_bg:before {
  content: "";
  opacity: 0.87;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
  background-color: #235bc7;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.parallax_bg.no_overlay:before {
  display: none;
}
.parallax_bg.black:before {
  background-color: #18304f;
}





/*iphone 4 portret*/
@media (min-width: 320px) and (max-width: 374px){
	.call_section{text-align: center;}
	.call_section h2{text-align: center; margin-top: 70px;}
	.call_section .phone{margin-top: 80px;}
	.call_section .phone a{font-size: 32px;}
}

/*iphone 4 lanscape*/
@media (min-width: 480px) and (max-width: 567px){
	.call_section{text-align: center;}
	.call_section h2{text-align: center; margin-top: 70px;}
	.call_section .phone{margin-top: 80px;}
	.call_section .phone a{font-size: 40px;}
}

/*iphone 5 portret*/
@media (min-width: 320px) and (max-width: 374px){
	.call_section{text-align: center;}
	.call_section h2{text-align: center; margin-top: 70px;}
	.call_section .phone{margin-top: 80px;}
	.call_section .phone a{font-size: 32px;}
}

/*iphone 5 lanscape*/
@media (min-width: 568px) and (max-width: 665px){
	.call_section{text-align: center;}
	.call_section h2{text-align: center; margin-top: 70px;}
	.call_section .phone{margin-top: 80px;}
	.call_section .phone a{font-size: 40px;}
}

/*iphone 6 portret*/
@media (min-width: 375px) and (max-width: 413px){}

/*iphone 6 lanscape*/
@media (min-width: 667px) and (max-width: 735px){}

/*iphone 6 plus portret*/
@media (min-width: 414px) and (max-width: 479px){}

/*iphone 6 plus lanscape*/
@media (min-width: 736px) and (max-width: 767px){}

/*ipad portret*/
@media (min-width: 768px) and (max-width: 1023px){
	.call_section .phone{margin-top: 85px;}
	.call_section .phone a{font-size: 32px;}
}

/*ipad lanscape*/
@media (min-width: 1024px) and (max-width: 1199px){
	.call_section .phone{margin-top: 80px;}
	.call_section .phone a{font-size: 42px;}
}

/*monitor*/
@media (min-width: 1200px){}