@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?78536516');
  src: url('../font/fontello.eot?78536516#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?78536516') format('woff2'),
       url('../font/fontello.woff?78536516') format('woff'),
       url('../font/fontello.ttf?78536516') format('truetype'),
       url('../font/fontello.svg?78536516#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?78536516#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-phone-circled:before { content: '\e800'; } /* '' */
.icon-cogs:before { content: '\e801'; } /* '' */
.icon-laptop:before { content: '\e802'; } /* '' */
.icon-wrench:before { content: '\e803'; } /* '' */
.icon-location-circled:before { content: '\e806'; } /* '' */
.icon-mail:before { content: '\e80f'; } /* '' */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{font-family: 'Montserrat', Tahoma, Arial; font-weight:400;}
p{padding-bottom: 17px;font-size: 1.1rem;line-height: 1.6;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', Tahoma, Arial; font-weight:600;color:#292f46;}
h1{font-size: 44px;text-align: center;margin-bottom: 1.5rem;}
h2{font-size: 2rem;margin: 20px 0 30px;}
h3, .h3{font-size: 1.4rem;margin: 20px 0;font-weight:800}
h4{font-size: 1.4rem;margin: 30px 0;font-weight:800}
h5{font-size: 1.2rem;margin: 25px 0;line-height: 1.6;}
h6{font-size: 1.15rem;margin: 10px 0 20px 0;line-height: 1.4;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent; text-decoration: none;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0;width: 100%;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

body,html {
	background-color: #FFF;
	margin-top: 20px;
}
header {
display: block;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
background: rgb(255 255 255 / 80%) !important;
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
border-bottom: 3px solid #057bf1;
}
.head{padding: 7px 0;
    max-width: 1170px;
    margin: auto;
	display: flex;
    justify-content: space-between;
    align-items: center;}
nav {
    display: inline-block;
}
nav ul li a {
    background: #EEE;
    padding: 2px 10px;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    color: #444;
    border-radius: 10px;
}
nav ul li a:hover {
	background: #FFF;
}
nav ul li {
    display: inline-block;
    margin: 10px;
}
nav ul {
    list-style: none;
}
#pageContent {
    max-width: 1170px;
    margin: auto;
    border: none;
}
main {
	float: left;
	width: 60%;
}
aside {
	float: right;
	width: 35%;
}
article {
    border-bottom: 2px dotted #999;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
article h2 {
    font-weight: 700;
    margin-bottom: 12px;
}
article p {
	
}
main section {
	
}
footer {
background: #111;
	margin: 0 auto;
	clear: both;
}

.foot{max-width: 1300px;    margin: auto;}
.foot p {
	padding: 25px;
	color:#fff;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2;
}
address {
    padding: 10px 20px 30px 10px;
}
aside > div {
	margin: 10px auto;
	background: #AEC6CF;
	min-height: 100px;
}
#logo {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
}
#logo img {
    width: auto;
    vertical-align: middle;
    margin-right: 10px;
}
#logo {
color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    padding: 5px 10px;
    font-weight: 800;
	text-shadow: 1px 1px 1px #fcf1e2;
}
.logotwo {color:#b00;}

#logo a {text-decoration: none;}
#logo a:hover, #logo a:visited {color: #007ae1;}

body > section {
	width: 100%;
    margin: auto;
    padding: 0;
    color: #111;
}
.container{max-width: 1170px;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}


@media screen and (max-width: 600px) {
	main {
		float: none;
		width: 100%;
	}
	aside {
		float: none;
		width: 100%;
	}

}
.tophead{float: right;display: inline-block;padding: 6px 0 0 0;}
.phone{font-weight: 700;padding: 0;font-size: 1.15rem;float: right;display: inline-block;}
.address{font-weight: 400;line-height: 1.2; padding: 5px;float: right;display: inline-block;text-shadow: 1px 1px 1px #fcf1e2;}
.phone a, .mail a{color: #292f46;}
.wapp{background: #25D366;padding: 5px 9px;border-radius: 2rem;}
.wapp a {color:#fff;}
.mail {font-size: 1.15rem;font-weight: 700;}
.chemline{font-weight: 700;line-height: 1;padding: 0;}
.iconhead {color:#057bf1;}
.modicon{font-size: 40px;
    color: #fff;
    padding: 9px 15px;
    border: 2px solid #fff;
    border-radius: 50%;}
.smalltext{font-size: 11px;}
.small {font-size: 1rem;line-height:1.3;}
.minbot{padding-bottom: 5px;}
li {padding-bottom: 15px;font-size: 1.1rem;line-height: 1.6;}
ul{padding: 0 0 10px 30px;}
.wp-table{width: 100%; border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0.3rem 0 1.66667rem 0;
table-layout: fixed;
width: 100%;
font-size: 0.85rem;
line-height: 1.2;}
sup{ vertical-align:super;font-size:12px;}
sub{ vertical-align:sub;font-size:12px; }
section.bg-color2 {
	background: #fff url(../img/header.jpg) no-repeat center top scroll;
    overflow: hidden;
    position: relative;
	text-align: center;
padding: 0 0 1rem 0;
}
#slider .item {
    padding: 4rem 0 0.5rem;
}
#slider .item h1 {
    color: #292f46;
    font-size: 1.6rem;
    line-height: 1.1;
    margin: 0em 0 0.2em;
    text-align: center;
    font-weight: 400;
}
.logo-img {height: 32px; width:auto;}
.logo a {vertical-align: bottom;line-height: 0;}
.first{font-size: 2.2em;line-height: 1.1em;letter-spacing: 1px;
background: #057bf1; /* Old browsers */
font-weight: 900;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.toptit {font-size: 1.05em;line-height: 1.3em;}
.second{
    font-size: 1.7em;
    line-height: 1.2em;
	letter-spacing: 2px;
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ff0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ff0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-weight: 900;
	color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.imgcena {
    margin: 2rem auto;
}
.img-responsive {
    height: auto;
    max-width: 100%;
}
.cena {
    font-size: 2.8em;
    color: #fff;
    font-weight: 800;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    letter-spacing: 2px;
    display: inline-block;
    position: absolute;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4300+0,ff1900+100 */
background: #ff4300; /* Old browsers */
background: -moz-linear-gradient(top,  #ff4300 0%, #ff1900 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff4300 0%,#ff1900 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff4300 0%,#ff1900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4300', endColorstr='#ff1900',GradientType=0 ); /* IE6-9 */
    padding: 8px 18px 8px 20px;
    margin-left: -180px;
    border-radius: 20px 20px 20px 0;
    border: 2px solid #fff;
    top: -20px;
}
.alcent {position: relative; text-align: center;}

.text-center {
    max-width: 1170px;
	text-align:center;
	margin: auto;
}
.grey {background:#f3f4f5;padding: 0.5rem;margin: 1.5rem auto!important;}
.acred{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2660e0+0,072c93+100 */
background: #2660e0; /* Old browsers */
background: -moz-linear-gradient(left,  #2660e0 0%, #072c93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2660e0 0%,#072c93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2660e0 0%,#072c93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2660e0', endColorstr='#072c93',GradientType=1 ); /* IE6-9 */

    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
	font-weight:800;}
.acblue{color: #057bf1;
	font-weight:700;}

#pricing {
    background: #fff;
padding: 0 0 1.5rem 0;
	margin: 0;
}

.arrow1 {
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top-color: #f6f8fe;
    border-bottom: 0;
    margin: 0 auto 1.5rem;
}

.arrow2 {
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin: 0 auto 1.5rem;
}

.cent {
    text-align: center;
}

.col-2 {
	text-align: center;
    width: 50%;
    float: left;
}

.col-3 {
	text-align: center;
    width: 33.33333333333333%;
    float: left;
}
.col-6 {
	text-align: center;
    width: 66.66666666666666%;
    float: left;
}
.fullimg {width:100%;}
.incol{padding: 0.5rem;}
.incol p{font-weight:600;}
.incol2{margin:1.5rem; padding: 1rem 2.5rem 2.5rem;}
.incol3{margin:1rem; padding: 1rem;}
.modif{background:#fff;-webkit-box-shadow: 0 5px 10px 0 rgba(16, 36, 94, .15); box-shadow: 0 8px 10px 0 rgba(16, 36, 94, .15);border-radius: 10px;}
.butp {margin: 0 0 1rem 0;}
.butp2 {margin: 2.5rem 0;}
.contbot {padding-bottom: 2.5rem;}
.tsena {font-size: 2.5rem;font-weight: 800;}
.bg2 {padding-bottom:0;background: #f6f8fe;}
.bgsubman {padding-top:3rem;}
.bgbigbott {padding: 2.5rem 0;}
.opis {text-align:left;}
.icons {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    vertical-align: middle;
    -webkit-box-shadow: 0 8px 12px 0 rgba(16, 36, 94, .25);
    box-shadow: 0 8px 12px 0 rgba(16, 36, 94, .25);
    margin-bottom: 5px;
    display: inline-block;
    font-size: 3.5rem;
	border:4px solid #fff;
	border-radius:50%;
	color: #fff;
	line-height: 102px;
	text-shadow: -2px 3px 0 rgb(0 0 0 / 30%);
background: #5b7afd; /* Old browsers */
background: -moz-linear-gradient(left,  #5b7afd 0%, #8455fc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5b7afd 0%,#8455fc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5b7afd 0%,#8455fc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7afd', endColorstr='#8455fc',GradientType=1 ); /* IE6-9 */
}

.myimg {width:100%; max-width:1000px; height:auto;}
.imgthree {width:100%; max-width:600px;}
.imgfive {width:100%; max-width:700px; height:auto;}
.alleft {text-align: left;}

.img-shadow{
	-webkit-box-shadow: 0 5px 10px 0 rgba(16, 36, 94, .15);
    box-shadow: 0 8px 10px 0 rgba(16, 36, 94, .15);
}

.gridtwo {display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
    position: relative;}
.ingrid {}
.ingrid p {text-align: left;}
.tbold p {font-weight: 600;font-size: 1.2rem;}
.ingridtwo {padding:1rem 1rem 0 1rem;}
   .tree{background: #fff;
   padding-bottom:55px;margin: 0;}
   .foot1 {
background: #ebedee url(../img/footer.jpg) no-repeat center bottom scroll;padding: 2.5rem 0;}

.foot1 p {font-size: 1.1rem;font-weight: 400;}
.mytable {color:#000;table-layout: fixed; width: 100%;margin: 1.5rem 0;}
.mytable td{transition: all ease-in-out 0.2s;border: 1px solid #f3f4f5;padding:.9rem 1.5rem;}
.mytable tr {background:#fff;}
.mytable tr:nth-child(odd){background:#f3f4f5;}
.mytable tr:hover{background:#057bf1; color:#fff;}
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #999999; text-align: left; caption-side: bottom; }
.mytable h5 {font-size: 1rem;margin: 0;}
.mytable h5:hover{color:#fff;}
th, td { padding: 0.8rem; }
.mytable p {font-size: 1.1rem;line-height: 1.3;padding:0;}




.tdred {text-align: center;font-weight:800;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0000+0,cc0000+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ff0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ff0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.tdblue {text-align: center;font-weight:800;
background: #2a6ef7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2a6ef7 0%, #244ad6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2a6ef7 0%,#244ad6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2a6ef7 0%,#244ad6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6ef7', endColorstr='#244ad6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.gridthree {display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2rem;
	position: relative;
    margin: 2.5rem 0;}

.gridfour{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 2rem;
	position: relative;
    margin: 2rem 0;
}
.gridfive{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1.5rem;
	position: relative;
    margin: 2rem 0;;
}

.redblock {text-align:center;
color:#fff;
padding:1.5rem 1rem 1rem;
border-radius: 1rem 0;
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff0000 0%, #cc0000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ff0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ff0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.blueblock
{color:#fff;
text-align:center;
padding:1.5rem 1rem 1rem;
border-radius: 1rem 0;background: #2a6ef7; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2a6ef7 0%, #244ad6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2a6ef7 0%,#244ad6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2a6ef7 0%,#244ad6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a6ef7', endColorstr='#244ad6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

.redblock p, .blueblock p{line-height: 1.1; padding: .8rem 0 .5rem 0;}

.pulse-button {

  position: relative;
  width: 120px;
  height: 120px;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  border-radius: 50%;
  background-color: #ff4300;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}

.bigicon {font-size: 5.5rem;
    color: #fff;}
.logos {text-align:center;}
	
/**
 * Animation
 */

/**
 * Modal Video
 */
.lightbox {
  background-color: rgba(0, 0, 0, 0.8);
  overflow: scroll;
  position: fixed;
  display: none;
  z-index: 10;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
.lightbox-container {
  position: relative;
  max-width: 960px;
  margin: 7% auto;
  display: block;
  padding: 0 3%;
  height: auto;
  z-index: 10;
}
@media screen and (max-width: 780px) {
  .lightbox-container {margin-top: 10%;}
  .gridfive {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 470px) {
  .lightbox-container {margin-top: 13%;}
  .gridfive {grid-template-columns: repeat(1, 1fr);}
  .gridthree {grid-template-columns: repeat(1, 1fr);}
  .phone {width: 100%;}
  .address {display:none}
}
.lightbox-content {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7);
}
.lightbox-close {
  text-transform: uppercase;
  background: transparent;
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  display: block;
  border: none;
  color: white;
  top: -22px;
  right: 3%;
}
.video-container {
  padding-bottom: 56.25%;
  position: relative;
  padding-top: 30px;
  overflow: hidden;
  height: 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

button:active, button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0 !important;
}
/* #iconbox
================================================== */
/*icon box 1*/
.icon-box-1 {
  display: inline-block;
}

.icon-box-1:after {
  content: "";
  display: table;
  clear: both;
}

.icon-box-1 .icon {
  float: left;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 30px;
    display: table;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 2rem;
    background: #d00;
    margin: 0px 10px 0 0;
    line-height: 32px;
	box-shadow: 1px 1px 1px #fcf1e2;
}

.icon-box-1 .icon2 {font-size: 1.4rem;color: #057bf1;padding-right: 3px;}

.icon-box-1 .icon i {
  font-size: 24px;
  display: table-cell;
  vertical-align: middle;
}

.icon-box-1 .content {
  margin-left: 45px;
  padding-left: 10px;
}


.icon-box-1 .content p:last-child {
  font-size: 1.5rem;
}


.zvontel_top{text-align: center;margin: 1.2rem 0;}

.aphone_top{font-size: 24px;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-weight: bold;
color: #292f46;
border-bottom: 1px dashed #292f46;
}
.aphone_top:hover{
border-bottom: 1px solid #292f46;
text-decoration: none;
color: #292f46;
}
.phonetop {
margin-right: 11px;
    color: #fff;
    padding: 7px 6px;
    border-radius: 25px;
    animation: radial-pulse 2s infinite;
    font-size: 1.4rem;
    background: #2660e0;
    background: -moz-linear-gradient(left, #2660e0 0%, #072c93 100%);
    background: -webkit-linear-gradient(left, #2660e0 0%,#072c93 100%);
    background: linear-gradient(to right, #2660e0 0%,#072c93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2660e0', endColorstr='#072c93',GradientType=1 );

}
@keyframes radial-pulse {
0% {
box-shadow: 0 0 0 0px rgba(12, 145, 255, 0.5);}
100% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);}
}


html.remodal-is-locked {
  overflow: hidden;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.remodal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation: remodal-overlay-opening-keyframes 0.3s;
  animation: remodal-overlay-opening-keyframes 0.3s;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation: remodal-overlay-closing-keyframes 0.3s;
  animation: remodal-overlay-closing-keyframes 0.3s;
}

.remodal-wrapper {
  padding: 10px;
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 99.2%;
  padding: .6%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden;
background: #f3f4f5;border-bottom: 4px solid #057bf1;
}
.remodalBorder{
    width: 89.2%;
    padding: 5% 5% 0.8%;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation: remodal-opening-keyframes 0.3s;
  animation: remodal-opening-keyframes 0.3s;
}

.remodal.remodal-is-closing {
  -webkit-animation: remodal-closing-keyframes 0.3s;
  animation: remodal-closing-keyframes 0.3s;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    border: 0;
    outline: 0;
    background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #057bf1;
}

.remodal-close:before {
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}


.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;

  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;

    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);

    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.home{
  margin:0 auto;
  border-radius: 5px;
  padding: 35px 0 20px 0;
      margin: 50px 0;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    text-align: center;
}
.home p{
  text-align: center;margin: 0 0 20px 0;font-size:18px;}
.home h2{margin: 0 0 15px 0;}
.mainButton{
  padding: 16px 25px;
  border-radius: 35px;
  color: #fff;
  text-decoration: none;
font: 600 16px 'Montserrat', sans-serif;
background: #057bf1;
    -webkit-box-shadow: 0 11px 20px -3px rgb(45 35 66 / 10%), 0 7px 10px 0 rgb(16 36 94 / 25%);
    box-shadow: 0 11px 20px -3px rgb(45 35 66 / 10%), 0 7px 10px 0 rgb(16 36 94 / 25%);
  letter-spacing: 1px;
}
.mainButton:hover{bottom:-2px;box-shadow:none;background: #1486f8;}
.success, .fail{
  color: #000;text-shadow: 1px 1px 1px #fcf1e2;
}

#modal1Title{
    font-size: 18px;
    font-weight: 600;
	padding-bottom: 10px;
}

.putName, .putPhone{
  width: 85%;
  padding: 2px 15px;
  height: 40px;
  background: #fff;
  margin-bottom: 15px;
  border-radius: 2px;
  border:none;
  outline: none;
  font-size: 15px;
  border: 1px solid #b6bdd2;
}

.btn{
  width: 70%;
  padding: 15px 28px;
background: #057bf1;
    -webkit-box-shadow: 0 11px 16px -3px rgba(45,35,66,.1), 0 4px 5px 0 rgba(45,35,66,.2);
    box-shadow: 0 11px 16px -3px rgba(45,35,66,.1), 0 4px 5px 0 rgba(45,35,66,.2);
  margin-bottom: 15px;
  border-radius: 30px;
  border:none;
  outline: none;
  color: #fff;
  cursor: pointer;
      font-size: 18px;
    line-height: 42px;
	font: 600 16px 'Montserrat', sans-serif;
}
.btn:hover{bottom:-2px;box-shadow:none;background: #1486f8;}


@media only screen and (min-width: 440px) {
  .remodal {
    max-width: 320px;
  }
}

@media only screen and (max-width: 439px) {
  .remodal {
    max-width: 100%;
  }
  .putName, .putPhone{
    width: 90%;
height: 50px;
    font-size: 1.2rem;
  }
  .btn{
    width: 96%;
    height: 54px;
    font-size: 1.1rem;
  }
  #modal1Title{
    font-size: 18px;
	padding-bottom:15px;
  }
}



.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 420px;
}


@media (min-width: 300px) and (max-width: 520px){
.head {text-align: center;}
#logo img{padding-bottom: 20px;}
.tophead{float: inherit;}
}
@media (min-width: 520px) and (max-width: 1330px){
body > section{}
#pageContent{margin: 0 20px;}
footer{margin: 0;}
.head {margin: auto 30px;}
}

@media (max-width: 1024px){
.contbot {padding-bottom: 1rem;}
h6 {font-size: 1.1rem;}
}

@media (min-width: 768px) and (max-width: 1024px){
	section.bg-color2 {margin: 0px 0 1rem 0;}
	.bg2 {padding-bottom: 0;}
	.col-6{width: 100%;}
	.fullwi{width: 100%;}
	.address {display:none;}
	.cena {font-size: 2.5em; margin-left: -190px;}
	#slider .item h1 {font-size: 1.6rem;}
}
@media (min-width: 667px) and (max-width: 768px){
	section.bg-color2 {margin: 0px 0 1rem 0;}
	.address {display:none;}
	.bg2 {padding-bottom: 0;}
	.col-6{width: 100%;}
	.fullwi{width: 100%;}
	.cena {font-size: 2em; margin-left: -160px;border-radius: 15px 15px 15px 0;}
	#slider .item h1 {font-size: 1.3rem;}
	h3 {font-size: 1.8rem;}
	h3 {font-size: 1.6rem;}
	h4 {font-size: 1.4rem;}
}
@media (min-width: 412px) and (max-width: 667px){
	section.bg-color2 {margin: 0px 0 1rem 0;}
	.logo-img {float: left;}
	.bg2 {padding-bottom: 0;}
	.col-6, .fullwi, .col-3{width: 100%;}
	#logo {display: none;}
	.icon-box-1 .content {margin-left: 0;padding: 0 10px;}
	.head {text-align: center;}
	.phone {padding: 0;}
	.address {display:none;}
	.cena {font-size: 1.6em; margin-left: -135px;border-radius: 12px 12px 12px 0;}
	#slider .item h1 {font-size: 1.3rem;line-height: 1.6;}
	.first {letter-spacing: 1px;word-wrap: break-word;font-size: 1.5em;}
	.second {letter-spacing: 1px;}
	#slider .item {padding: 2rem 0 0 0;}
	h2 {font-size: 1.6rem;}
	h3 {font-size: 1.6rem;}
	h4 {font-size: 1.5rem;}
	h6 {font-size: 1.4rem;}
	.incol {padding: 1rem;}
	.incol2 {margin: 1rem 0;padding: 1.5rem;}
	.incol3{margin: 1rem 0;}
}

@media (min-width: 300px) and (max-width: 412px){
	
	section.bg-color2 {padding: 0;}
	h4 {margin: 20px 0;}
	#pricing {padding-bottom: 2.5rem;}
	.bgsubman {padding-top: 2rem;}
	.arrow2, .arrow1 {margin: 0 auto .5rem;}
	.bgbigbott {padding-bottom: 1rem;}
.col-6, .fullwi, .col-3, .col-2{width: 100%;}
	#logo {display: none;}
	.icon-box-1 .content {margin-left: 0;padding: 0 10px;}
	.head {padding: 8px 0;}
	.phone {padding: 5px 0 0 0;}
	.cena {font-size: 1.6em; margin-left: -135px;border-radius: 12px 12px 12px 0;}
		#slider .item h1 {font-size: 1.2rem;line-height: 1.6;}
	.first {letter-spacing: 1px;word-wrap: break-word;font-size: 1.4em;}
	.second {letter-spacing: 1px;}
	#slider .item {padding: 2rem 0 0 0;}
	h2 {font-size: 1.4rem;line-height: 1.4;}
	h3 {font-size: 1.3rem;line-height: 1.4;}
	h4 {font-size: 1.2rem;line-height: 1.4;}
	.incol3{margin: 1rem 0;}
	.incol2 {margin: 1rem 0;padding: 1.5rem;}
	.incol {padding: 0;}
	.foot1 p {font-size: 1rem;}
}




#gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
.card{
  width:100%;
  height:auto;
  margin: 4% auto;
  box-shadow:-3px 5px 15px #000;
  cursor: pointer;
}
.modal-img,.model-vid{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}


/* Image gallery stlyling */
.container {
  margin: 0 auto;
}

.container__img-holder {
  max-width: 350px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  margin-left: 16px;
  cursor: pointer;
}

.container .container__img-holder:nth-child(3n+1) {
  margin-left: 0;
}

.container__img-holder img {
  width: 100%;
  height: auto;
  display: block;
}


/* Popup Styling */
.img-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .7);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 100;
}

.img-popup img {
  max-width: 900px;
  width: 100%;
  opacity: 0;
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
}

.close-btn {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background: #fff;
  border-radius: 3rem;
  padding: 7px 5px 3px 5px;
}

.close-btn .bar {
  height: 4px;
  background: #e00;
}

.close-btn .bar:nth-child(1) {
  transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
  transform: translateY(-4px) rotate(-45deg);
}

.opened {
  display: flex;
}

.opened img {
  animation: animatepopup 1s ease-in-out .8s;
  -webkit-animation: animatepopup .3s ease-in-out forwards;
}

@keyframes animatepopup {

  to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }

}

@media (max-width: 880px) {

  .container .container__img-holder:nth-child(3n+1) {margin-left: 16px;}
  header {position: relative;}
.head {flex-wrap: wrap;justify-content: space-evenly;}
body, html {margin-top: 0;}
.address, .mail, .phone, .mess{margin: 5px 0;}

}
@media (max-width:600px){
.gridtwo {grid-template-columns: repeat(1, 1fr);grid-gap: 0;}


}

@media (max-width:450px) {
.head {flex-direction: column;padding: 15px 0;}
.mytable p {font-size: .85rem;}
.phone {font-size: 1.5rem;}
.wapp {padding: 8px 15px;font-size: 1.2rem;}
}