@import url("editor.css");

/* RESET
--------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,#footer,#header,hgroup,menu,nav,section { display:block; }
nav ul { list-style:none; }
table{ border-collapse:collapse; border-spacing:0; }

/* BODY DEFAULTS
--------------------------------------------------------- */
html { height: 100%; font-family: 'Exo 2', sans-serif; font-size: 62.5%; text-shadow: 0 0 1px rgba(51,51,51,0.2); }
body { width: 100%; height: 100%; background: #fff; color: #555; font-size: 1.2em; scroll-behavior: smooth;text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased; }

p, blockquote { padding: 0 0 20px 0; }
strong, label, input, button, .button { font-family: 'Open Sans', sans-serif; font-weight: bold; }
nav ul { list-style: none; }
em { font-style: italic; } 
input, textarea { font-family: 'Open Sans', sans-serif; vertical-align: middle; }
select { font-family: 'Open Sans', sans-serif; }
input[type="submit"], input[type="button"], button, .button { font-family: 'Open Sans', sans-serif; font-weight: bold; vertical-align: middle; }
table td, table th { text-align: left; }
table th { font-weight: bold; }
hr { clear: both; background: transparent; height: 0px; border: 0; border-bottom: 1px solid white; border-top: 1px solid #ebebeb; margin: 0 0 18px 0;  }

a { color: #0069A4; text-decoration: none; }
a:hover { color: black; text-decoration: none; 
-webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }

/* FORM ELEMENTS
--------------------------------------------------------- */
label { display: block; padding: 5px 0 5px 0; font-size: 1.0em; font-weight: 400; }

input[type=text],  input[type=email],  input[type=tel],  input[type=password],  textarea {resize: none; border: 0; outline: 0; background: #f8f8f8;  width: 98%; color: #747474; height: 20px; padding: 4px 0 4px 7px; -webkit-appearance: none; resize-webkit-focus-ring-color: none; border: 1px solid #e8e8e8; border-radius: 4px; }
select { outline: 0 !important; }
input[type=text]:focus,  input[type=email]:focus,  input[type=tel]:focus,  input[type=password]:focus,  textarea:focus { border-color: #d8d8d8; }

input[type=submit], input[type=button], button, .button { 
    display: inline-block;
    height: auto;
    padding: 6px 18px 7px 18px;
    color: white;
    font-size: 0.95em;
    line-height: 1.6;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom-color: rgba(0,0,0,0.3);
    text-decoration: none;
    /* text-shadow: 1px -1px 0px rgba(0,0,0,0.3); */
    border-radius: 5px;
    /* background: #e2453d url(../images/shadow-for-buttons.png) repeat-x left bottom; */
    box-shadow: inset 0 1px 0px rgba(255,255,255,0.4);
    margin: 2px 0;
    border-radius: 5px 5px 5px 5px;}

input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover { color: white; background-image: none; box-shadow: 0 2px 2px rgba(0,0,0,0.2);  }

input[type=checkbox] { width: 15px; float: left; margin: 0 5px 0 0; position: relative; top: 5px; border: 1px solid #C0CAD6; }
input[type=radio] { position: relative; bottom: 3px; }

textarea { padding-top: 5px; height: 100px; border-radius: 4px; }
form { padding: 0 0 20px 0; position: relative; }
form h3 { clear: both; padding: 10px 0; }

.sexyselect select { vertical-align: middle; color: #747474; background: transparent; width: 294px; height: 31px; padding: 3px 8px 5px 7px; font-size: 1.0em; border: 0; -webkit-appearance: none;  }
.sexyselect {  vertical-align: middle; display: inline-block; width: 265px; height: 30px; overflow: hidden; background: white; border: 1px solid #888888; position: relative; } 
.sexyselect:after { font-family: 'FontAwesome'; content:"\f078"; font-size: 0.7em; color: #474747; position: absolute; right: 8px; top: 11px;  }

.mfp-container button { box-shadow: none; background: none; }
.mfp-container button.mfp-arrow-right { background: url("../images/cursor-next.png") no-repeat center center; }
.mfp-container button.mfp-arrow-right:before, .mfp-container button.mfp-arrow-right:after { display: none; }
.mfp-container button.mfp-arrow-left { background: url("../images/cursor-prev.png") no-repeat center center; }
.mfp-container button.mfp-arrow-left:before, .mfp-container button.mfp-arrow-left:after { display: none; }
.mfp-container button.mfp-close { visibility: hidden; }
 

/* HEADINGS
--------------------------------------------------------- */
h1 { font-weight: 430; font-size: 2.00em; margin: 0 0 5px 0; line-height: 1.4; color: #111; }
h2 { font-weight: 300; font-size: 1.8em; margin: 0 0 20px 0; line-height: 1.4; color: #111; }
h3 { font-weight: bold; font-size: 1.05em; margin: 0 0 20px 0; line-height: 1.4; color: #111; }
h4 { font-weight: 340; font-size: 1.4em; margin: 0 0 10px 0; line-height: 1.4; }
h2.landing {     text-transform: uppercase;
    background: #fff;
    text-transform: uppercase;
    background: #f41123;
    /* width: 100%; */
    border-radius: 30px;
    /* text-decoration: underline; */
    display: inline;
    padding: 5px 15px 5px 15px;
    color: white;}
h2.landingred {  text-transform: uppercase;
    text-transform: uppercase;
    background: #ffffff;
    border-radius: 30px;
    display: inline;
    padding: 5px 15px 5px 15px;
    color: #e2453d;}
.zagolovki {text-align: center;margin-bottom: 60px;}
.zagolovki h1 {text-transform: uppercase;
    background: #fff;
    text-transform: uppercase;
    background: #f41123;
    /* width: 100%; */
    border-radius: 30px;
    /* text-decoration: underline; */
    display: inline;
    padding: 5px 15px 5px 15px;
    color: white;}
.zagolovki h2 {text-transform: uppercase;
    background: #fff;
    background: #f41123;
    /* width: 100%; */
    border-radius: 30px;
    /* text-decoration: underline; */
    display: inline;
    padding: 5px 15px 5px 15px;
    color: white;}
    .zagolovki p {
    text-transform: uppercase;
    padding: 25px 5px 5px 15px;
   }
/* Новое меню
--------------------------------------------------------- */

.headerzag {margin-top: 60px}

.newlogotip {

		padding: 220px 0px 0px 0px;
    }
.newmenu {
	text-align: center;}
	
.main2 {
       position: relative;
    list-style: none;
    /* background: #ff0052; */
    font-weight: 400;
    font-size: 0;
    text-transform: uppercase;
    display: inline-block;
    padding: 0;
    margin: 20px auto;
    border-bottom-right-radius: 40px 40px;
    border-top-right-radius: 40px 40px;
    border-top-left-radius: 40px 40px;
    border-bottom-left-radius: 40px 40px;
    /* background: linear-gradient(-45deg,#e2453d,#f31223,#f9286b,#ff0052); */
    background: linear-gradient(-45deg,#ec2236,#e92135,#ff1324,#ff1325);
    /* background-size: 500% 500%; */
    /* opacity: 0.9; */
    box-shadow: 0 40px 55px rgba(0, 0, 0, 0.58), 0 15px 15px rgba(0,0,0,0.14);
    border: 2px solid #ffffff4d;
}
.main2  li {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    z-index: 15;
    
    color: rgba(0, 0, 0, 0.07);
    font-size: 14px;
    margin-bottom: 0px;
    border-right: 1px solid;
}


.main2 li:hover {
    background-color: rgba(0,0,0,0.1);
}

.main2 li.livk {
background:#45668e;
opacity: 0.9;
}
.main2 li.livk:hover {
      
	opacity: 1;
}

.main2 li.lifb {
background: #3B5998;
opacity: 0.9;
}
.main2 li.lifb:hover {
    
	opacity: 1;
}
.main2 li.liinst {
    
background: #e4405f;
opacity: 0.9;
}
.main2 li.liinst:hover {

	opacity: 1;
}

.main2 li.lilast {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    z-index: 15;
    min-width: 60px;
    color: #ffffff3d;
    font-size: 14px;
    margin-bottom: 0px;
    border-right: none;
	border-bottom-right-radius: 40px 40px;
    border-top-right-radius: 40px 40px;
	
}
.main2 li.lilast:hover {
    background-color: rgba(0,0,0,0.1);

	   border-bottom-right-radius: 40px 40px;
	   border-top-right-radius: 40px 40px;
}
.main2 li.lifirst {
    display: inline-block;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    z-index: 15;
    color: rgba(0, 0, 0, 0.07);
    font-size: 14px;
    margin-bottom: 0px;
	border-right: 1px solid;
 border-top-left-radius: 40px 40px;
    border-bottom-left-radius: 40px 40px;
	min-width: 60px
}
.main2 li.lifirst:hover {
    background-color: rgba(0,0,0,0.1);
	 border-top-left-radius: 40px 40px;
    border-bottom-left-radius: 40px 40px;
}
.main2 a {
   color: #ffffff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.main2 a:hover {
       
       color: #eee;
}

ul.mmenu > li {
    float: left;
    position: relative;
}
ul.mmenu > li > a {
  
}
ul.mmenu > li > a:hover {
    
}

ul.msubmenu {
    display: none;
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background-color: #fffbfb;
    border-bottom: 0px solid #ffffff;
    padding: 0px 0px 0px 0px;
    /* box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); */
    box-shadow: inset 0px 6px 8px rgba(0, 0, 0, 0.69), 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    /* border-bottom-right-radius: 20px; */
    /* border-bottom-left-radius: 20px; */
}
ul.msubmenu > li {
    display: block;
   
    border-bottom: 1px solid #e2453d47;
}
ul.msubmenu > li > a {
      display: block;
    /* padding: 2px; */
    color: #101010;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}
ul.msubmenu > li > a:hover {
   color: #151617;
}
ul.mmenu > li:hover > ul.msubmenu {
    display: block;
}

.menuicon3 {
    /* margin-right: 8px; */
    /* font-weight: 400; */
    font-size: 44px;
    /* margin-left: 8px; */
    color: #eb2336;
}

.drop {
  overflow: hidden;
  list-style: none;
  position: absolute;
  padding: 0;
  width: 100%;
  left: 0;
  top: 58px;
}
.drop div {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  -ms-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  position: relative;
}
.drop li {
  display: block;
  padding: 0;
  width: 100%;
  background: #3E8760 !important;
}

#marker {
  height: 6px;
  background: #3E8760 !important;
  position: absolute;
  bottom: 0;
  width: 120px;
  z-index: 2;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  transition: all 0.35s;
}

#main li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

#main li:nth-child(2):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(2):hover ~ #marker {
  -webkit-transform: translate(120px, 0);
  -moz-transform: translate(120px, 0);
  -ms-transform: translate(120px, 0);
  transform: translate(120px, 0);
}

#main li:nth-child(3):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(3):hover ~ #marker {
  -webkit-transform: translate(240px, 0);
  -moz-transform: translate(240px, 0);
  -ms-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

#main li:nth-child(4):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(4):hover ~ #marker {
  -webkit-transform: translate(360px, 0);
  -moz-transform: translate(360px, 0);
  -ms-transform: translate(360px, 0);
  transform: translate(360px, 0);
}


/* MAIN WRAPPER
--------------------------------------------------------- */
.wrapper { position: relative; margin: 0 auto; width: 1110px; }
.wrapper:after { content: ""; display: block; clear: both; }

#content { float: left; width: 70%; position: relative; z-index: 3; }
#sidebar { float: right; width: 23%; position: relative; z-index: 2; }

.home #content, .full-width#content { width: 100%; } 

.left-sidebar#content { float: right; }
.left-sidebar#sidebar { float: left; }

.panel {
	padding: 20px;
	width: 250px;
	background: #eeeeee;
	border: #282828 2px solid;
	font-family: Georgia;
}
/* HEADER
-------------------------------------------------------- */
#homeheader { height: 800px;
    position: relative;
    background-image: url(images/odessa7.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    border-bottom: 4px solid #f41123;}

.novost1 #homeheader {background-image: url(images/pril3.jpg);}

#homeheader3 { height: 900px;
    position: relative;
    background-image: url(images/54654-compressor.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    border-bottom: 4px solid #f41123;}

.home #homeheader2:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    z-index: 100;
    background: url(../images/header-round-white.png) center top;
    width: 100%;
    height: 75px;
}

.hero {
  display: inline-block;
  width: 100%;
  height: 500px;
  position: relative;

}
.diagonal-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: #2b5876;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #4e4376, #2b5876);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #4e4376, #2b5876); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}



.kl-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: .6;
    pointer-events: none;
    background: linear-gradient(180deg,#00000085 0,transparent);
}
#landingheader {background: #e2453d;
    height: 1000px;
    position: relative; 
    background-image: url(images/landingbg11.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;}

.zagolovok {
color: #fff;
font-size: 40px;
    font-weight: 500;
    font-family: 'Exo 2', sans-serif;
    /* text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 2px 0 #bbb, 0 0 0 #b9b9b9, 0 0 0 #aaa, 0 0 1px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 5px rgba(0,0,0,.25), 0 5px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); */
    display: block;
    margin: 11px 0 17px 0;
    /* font-size: 80px; */
    line-height: 80px;
    /* color: #ffffff; */
    text-shadow: -1px 3px 12px #000000, 0 -1px 1px #fff;
letter-spacing: -1px;}

.zagolovkh1 {
    
}
.dengi{color: #fff;
    font-weight: bold;
   font-family: 'Exo 2', sans-serif;
    /* text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 2px 0 #bbb, 0 0 0 #b9b9b9, 0 0 0 #aaa, 0 0 1px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.3), 0 5px 10px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); */
    border: 1px solid #ffffff6b;
    /* background: linear-gradient(-45deg,#bb0112,#d01e2e,#ff0017,#ff3a4c); */
    background: linear-gradient(-45deg,#ff1224,#352426,#ff0000,#fe0707);
    background-size: 200% 200%;
    /* -webkit-animation: Gradient 15s ease infinite; */
    -moz-animation: Gradient 15s ease infinite;
    /* animation: Gradient 15s cubic-bezier(0.22, 0.61, 0.36, 1) infinite; */
    /* background-size: 120% 120%; */
    padding: 2px 16px 6px 16px;
    /* box-shadow: 0 1px 0 #ad444d, 0 2px 0 #752e35, 0 2px 0 #79242c, 0 0 0 #8c1c1c, 0 0 0 #ab525a, 0 0 1px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.3), 0 5px 10px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); */
    border-radius: 40px;
    /* display: block; */
    /* margin: 11px 0 17px 0; */
    /* font-size: 80px; */
    line-height: 80px;
    /* color: #ffffff; */
    /* text-shadow: -1px 3px 12px #000000, 0 -1px 1px #fff; */
    /* letter-spacing: -1px; */
    box-shadow: -1px 3px 14px #000000a6, 0 -1px 1px #fff;}
#header { background: #e2453d; height: 250px; position: relative; }
.header header-light {display:none;}

#content-header { background: #e2453d; padding-bottom: 20px; text-align: center; margin: -112px 0 60px 0; position: relative; z-index: 102; }
#content-header h1 { color: #fff; background: #e2453d; display: inline-block; padding: 5px 10px; background: #e2453d; position: relative; }
#content-header .wrapper:before { content: ""; display: block; border-top: 1px solid rgba(255,255,255,0.3); width: 100%; height: 0px; margin: 0 auto; position: relative; top: 25px; }

#header.orangey { background: #CF8E2C url("../images/backbg.png") repeat; }
.home #header.orangey #slider { background: url("../images/light.png") no-repeat center top; }

.home #header:after { content: ""; display: block; position: absolute; bottom: 0px; z-index: 100; background: url("../images/header-round-white.png") center top; width: 100%; height: 75px; }

#logo { text-align: center; margin: 0 auto; padding: 20px 0; position: relative; z-index: 103; width: 135px; height: auto; }
#logo a { display: block; position: absolute; text-align: center; width: 100%; }
#logo a img { margin: 0 auto; margin-top: 20px; }


#address-block { float: right; margin: 23px 0 0 0; position: relative; z-index: 200; }
#address-block ul { list-style: none; line-height: 1.8; }
#address-block ul li { display: inline-block; padding: 0 0 0 40px; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#address-block ul li:first-child { padding-left: 0; }
#address-block ul li.smaller-gap { padding-left: 12px; }
#address-block ul li a { color: #fff; padding-bottom: 10px; }
#address-block i { margin-right: 5px; }
#address-block i.icon-envelope { font-size: 0.8em; position: relative; top: -1px; }
#address-block ul > li > a.active { border-bottom: 2px solid white; }

#slider { position: absolute; left: 0; bottom: 0; z-index: 100; width: 100%; overflow: hidden; }
#slider ul { margin: 0 auto; list-style: none; width: 100%; height: 570px; }
#slider ul li { display: block; position: relative; left: 0; width: 100% !important; height: 100%; opacity: 0; }
#slider ul li .wrapper { position: relative; height: 100%; }
#slider ul li .slide-image { width: 66%; position: absolute; bottom: 0; z-index: 3; text-align: right; }
#slider ul li .slide-image img { max-width: 100%; position: absolute; bottom: 0; right: 0; }
#slider ul li .slide-text { width: 34%; position: relative; top: 45%; left: 0; text-align: left; z-index: 4; font-size: 1.25em; background: none; }
#slider ul li .slide-text p { position: relative; color: #fff; line-height: 1.6; }
#slider ul li .slide-text p.big, #slider ul li .slide-text p.extrabig { font-size: 1.8em; padding-bottom: 12px; line-height: 1.3; font-weight: bold; text-transform: uppercase; }
#slider ul li .slide-back { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
#slider ul li .slide-back img { width: auto; min-width: 100%; min-height: 590px; }

#slider a.next1, #slider a.prev1 { display: block; width: 10%; height: 540px; position: absolute; top: 0px; z-index: 15; padding: 0; font-size: 5em; font-weight: 300; color: white; cursor: pointer; background: transparent; }
#slider a.next1 { right: 0px; cursor:  url("../images/cursor-next.png"), auto; } 
#slider a.prev1  { left: 0px; cursor:  url("../images/cursor-prev.png"), auto; }

#circle-pager { clear: both; text-align: center; width: 100%; padding: 0; position: absolute; width: 100%; z-index: 101; }
#circle-pager a { visibility: hidden; }
#circle-pager a:after { visibility: visible; content: "\f111"; font-family: FontAwesome; font-weight: normal; font-size: 1.0em; color: #e2453d; }
#circle-pager a.activeSlide:after { color: #6ec0f6; }




#uptocall-mini {position:fixed;bottom:30px;left:30px;cursor:pointer;z-index:999;}
 
#uptocall-mini .uptocall-mini-phone {-moz-border-radius:50% !important;-webkit-border-radius:50% !important;border-radius:50% !important;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color: #e2453d;
width:70px;height:70px;-webkit-animation: uptocallmini 1.5s 0s ease-out infinite;-moz-animation: uptocallmini 1.5s 0s ease-out infinite;animation: uptocallmini 1.5s 0s ease-out infinite;}
 
#uptocall-mini .uptocall-mini-phone:before {content: "";position: absolute;width: 100%;height: 100%;top:0;left:0;background-image:url(http://yuzhniy.taxi-e95.com/mini.png);background-repeat:no-repeat;background-position:center center;
-webkit-animation: uptocallphone 1.5s linear infinite;-moz-animation: uptocallphone 1.5s linear infinite;animation: uptocallphone 1.5s linear infinite;}
 
@-webkit-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes uptocallphone {
0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #e2453d, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #e2453d;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}
@-moz-keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #e2453d, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #e2453d;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}
@keyframes uptocallmini {
0% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);}
10% {box-shadow: 0 0 8px 6px #e2453d, 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px #e2453d;}
100% {box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 40px rgba(23,167,167, 0);}
}

/* CONTENT ELEMENTS
--------------------------------------------------------- */
#content { clear: both; position: relative; font-size: 1.2em; margin-bottom: 35px; }
.home #content { margin-bottom: 0;background: #eeeff4; }

#content > img, #content p img { border: 0; margin-top: 3px; margin-bottom: 15px; max-width: 100%; }
p img { vertical-align: middle; }
#content p { line-height: 1.6; }
#content ul, #content ol { line-height: 1.6; }
#content ul ul { padding-bottom: 0; }
#content .smaller-padding { padding-bottom: 8px; }
#content .smaller-margin { margin-bottom: 8px; }

.white-box { clear: both; padding: 65px 0 35px 0;  width: 100%;  }
.gradientlanding {clear: both; padding: 100px 0 35px 0;  width: 100%;background: #1e2038;
    background: linear-gradient(45deg,#1e2038 0%,#06050a 100%);
    opacity: 0.95;height:100%;}
.contactsblock {
    height: 100%;
    position: relative;
    background-image: url(images/block-price.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    padding: 60px 0px 60px 0px;
    border-bottom: 4px solid #f41123;
    border-top: 4px solid #f41123;
}

.contactsblock2 {
    height: 100%;
    position: relative;
    background-image: url(images/block.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    padding: 60px 0px 60px 0px;
    border-bottom: 4px solid #f41123;
    border-top: 4px solid #f41123;
}
.grey-box { clear: both; padding: 65px 0 35px 0; width: 100%; background: #f4f4f4; border-top: 1px solid #ebebeb; border-bottom: 5px solid #ebebeb; }
.red-box { clear: both; padding: 65px 0 35px 0; width: 100%; background: #e2453d; border-top: 1px solid #ebebeb; border-bottom: 5px solid #d34139; }
.sub-heading-upper { clear: both; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; border-bottom: 1px solid #ebebeb; padding-bottom: 12px; margin-bottom: 25px; }
p > span.sub-heading-upper { margin-bottom: 0; }
#slider .sub-heading-upper { border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 20px; }

#breadcrumbs { width: 100%; padding: 5px 0 0 0; color: white; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; line-height: 1.6; display: inline-block; }
#breadcrumbs .divider { display: inline-block; padding: 0 10px; color: #fff; opacity: 0.3; }
#breadcrumbs a { font-weight: bold; color: white; }
#breadcrumbs a:first-child:before { font-family: FontAwesome; content: "\f015"; padding-right: 10px; font-size: 1.1em;  }
#breadcrumbs a:hover { color: #ccc; }

.square-icons i, .circle-icons i {color: #202631;
    display: inline-block;
    /* background: #999; */
    width: 42px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    margin: 0 5px 5px 0;
    border-radius: 4px;
    font-size: 20px;}

.circle-icons i {border-radius: 50%;}
.circle-icons.big i { width: 70px; height: 70px; line-height: 70px; border-radius: 35px; font-size: 1.3em; margin-bottom: 20px; }

#content pre { font-family: "Courier New"; padding-bottom: 12px; }
#content a.popup { cursor: url('../images/cursor-more-small.gif'), auto; }
.badge { position: absolute; right: 8%; bottom: -35px; z-index: 205; }
.fixed-background { background-size: cover; background-attachment: fixed; }

table.references  { width: 100%; border-collapse: collapse;background: none; border: 0; margin: 30px 0 50px 0; padding: 0; }
.right > table.references, .left > table.references { margin: 15px 0; }
table.references td {border: 1px solid #f411231a;padding: 20px 0px 0px 50px; text-align: center;background: none; }
table.references tr:first-child td { border-top: 0; padding-top: 0; }
table.references tr td:first-child { border-left: 0; }
table.references tr:last-child td { border-bottom: 0; padding-bottom: 0; }
table.references tr td:last-child { border-right: 0; }
#content table.references td img { width: 100%; max-width: 120px; height: auto; vertical-align: middle; 
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
#content table.references td:hover img {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%); }
 
#content .widgets { clear: both; padding: 65px 0 65px 0;  width: 100%;  }

.team-member h3 { margin: 0 0 3px 0; }
.team-member h4 { font-weight: 300; color: #747474; }

.circle-image, .small-circle-image { width: 200px; height: 200px; overflow: hidden; border-radius: 100px; display: inline-block; margin-bottom: 25px; border: 3px solid white; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.circle-image:hover, .small-circle-image:hover { box-shadow: 0 0 0 1px #ccc; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.circle-image img, .small-circle-image img { width: auto; height: 100%; min-height: 200px; min-width: 200px; }
.small-circle-image { width: 100px; height: 100px;  }
.small-circle-image img { min-height: 100px; min-width: 100px; }

.interactive-map { width: 100%; text-align: center; position: relative; }
.interactive-map > img { width: 80%; max-width: 900px; height: auto; } 
.interactive-map .pin { position: absolute; display: block; width: 10%; height: 200px; }
.interactive-map .pin img { width: 50%; height: auto; 
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.interactive-map .pin:hover img { width: 55%; margin-top: -10px; }
.interactive-map .pin p { display: none; text-align: left; } 
.interactive-map .pin p:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 15px 15px 0 0; color: #444;
border-color: #fff transparent transparent transparent; position: absolute;  bottom: -14px; left: 70px; }
.interactive-map .pin:hover p { display: block; width: 200px; background: white; padding: 18px 23px; font-size: 0.9em; border: 1px solid #eee; border-radius: 5px; position: absolute; top: -140px; left: 0; right: 0; }
	
#content .social-icons { list-style: none; padding: 0; }
.social-icons li { display: block; float: left; padding: 0 20px 0 0; }

ul.tabs, ul.tags { list-style: none; }
ul.tabs {  display: block; float: left; margin-bottom: 20px; border-bottom: 1px solid #CECECE; padding: 0 !important; }
ul.tabs li { display: block; float: left; margin: 0 6px 0 0; padding: 0 !important; }
ul.tabs li a { display: block; padding: 8px 18px 5px 18px; text-align: center; font-size: 0.9em; cursor: pointer; background: #eee; border: 1px solid #CECECE;  border-bottom: 1px solid #eee;  font-weight: 400; position: relative; top: 1px; white-space: nowrap; border-radius: 4px; } 
ul.tabs li.active a { color: #1f1f1f; background: #fff; border-bottom: 2px solid #fff; border-top: 1px solid #e2453d; }
ul.tabs a:hover { color: #1f1f1f; background: #E8E8E8; border-bottom-color: #E8E8E8; }
.tab { clear: both; }
.vertical-tabs ul.tabs { width: 30%; border: 0; border-right: 1px solid #CECECE; padding-bottom: 25px !important; }
.vertical-tabs ul.tabs li { float: none; margin: 2px 0 7px 0; }
.vertical-tabs ul.tabs li a { border: 1px solid #CECECE; left: 1px; text-align: right; padding: 10px 10px 8px 13px; white-space: normal;  }
.vertical-tabs ul.tabs li.active a  { border-top-color: #CECECE; border-right: 2px solid #fff; border-left: 1px solid #e2453d; }
.vertical-tabs .tab { clear: none; width: 65%; float: left; margin: 0 0 0 3.5%; }

ul.tags { display: block; margin-bottom: 15px; padding: 0 !important; }
ul.tags li { display: inline-block; margin: 0 4px 5px 0; padding: 0 !important; }
ul.tags li a { display: block; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; cursor: pointer; background: #eee; border: 1px solid #CECECE;  font-weight: 400; border-radius: 4px; }
ul.tags li a.active { color: #fff; background: #e2453d; border-color: #e2453d; }
ul.tags a:hover { color: #1f1f1f; background: #E8E8E8; }

.loop-pagination span.current { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; color: #fff; background: #e2453d; border: 1px solid #e2453d; font-weight: 400; border-radius: 4px; }
.loop-pagination a { display: inline-block; margin: 0 2px 5px 0; padding: 6px 13px 6px 13px; text-align: center; font-size: 0.9em; background: #eee; border: 1px solid #CECECE; font-weight: 400; border-radius: 4px; }

.accordion-title { margin: 0 0 11px 0 !important; padding: 0 !important; }
.accordion-style1 .accordion-title a { display: block; border-top: 1px dotted #CECECE; padding: 12px 0 0 0; }
.accordion-style1 .accordion-title:first-child a { border: 0; padding-top: 0; }
.accordion-style1 .accordion-title a:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 21px; height: 21px; line-height: 20px; vertical-align: middle; margin: -2px 12px 0 0; text-align: center; background: #474747; }
.accordion-style1 .accordion-title a.active:before { background: #e2453d; content: '-'; }

.accordion-style2 .accordion-title a { display: block; padding: 6px 4px 5px 7px; background: #eee; border: 1px solid #CECECE; font-weight: 400; border-radius: 4px; }
.accordion-style2 .accordion-title a:hover { background: #E8E8E8; }
.accordion-style2 .accordion-title a:before { content: '+'; font-weight: 300; font-size: 1.4em; color: white; position: relative; display: inline-block; width: 20px; height: 20px; line-height: 19px; vertical-align: middle; margin: -2px 15px 0 0; text-align: center; background: #474747; }
.accordion-style2 .accordion-title a.active:before { background: #e2453d; content: '-'; }

#content .pricing table { float: left; padding: 0 0 15px 0; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); border-collapse: collapse; color: #777; }
#content .pricing table.highlighted { position: relative; top: -20px; box-shadow: 0 0 15px 1px rgba(0,0,0,0.15); }
#content .pricing th { padding: 12px 20px; text-align: center; background: #fff; border: 0; border-bottom: 1px solid #E2E2E2; }
#content .pricing table.highlighted th { padding: 22px 20px; }
#content .pricing td { padding: 10px 20px; text-align: center; border: 0; border-bottom: 1px solid #E2E2E2; background: #fafafa; }
/* #content .pricing table tbody tr:nth-child(even) td { background: #fafafa; }
#content .pricing table tbody tr:nth-child(odd) td { background: #f8f8f8;  } */
#content .pricing table tfoot td { padding: 20px 20px; background: #f3f3f3; }
#content .pricing table.highlighted tfoot td { padding: 25px 20px; }
#content .pricing th.heading { background: #e2453d; color: white; font-weight: bold; font-size: 1.15em; }
#content .pricing table.highlighted th.heading { background: #005D99; font-size: 1.4em;}
#content .price { font-size: 2.5em; color: #444; line-height: 1.4; font-weight: 300; }
#content .pricing table.highlighted .price { font-size: 3.5em; }
#content .price span { font-size: 0.4em; display: block; color: #444; font-weight: bold; }
#content .pricing table.highlighted .price span { font-size: 0.3em; }

#content .pricing table { width: 24.8%; }
#content .pricing.three table { width: 32.8%; }
#content .pricing.four table { width: 24.8%; }
#content .pricing.five table { width: 19.8%; }
#content table.features { margin-top: 152px; }
#content table.features td { text-align: right; }
#content table i { line-height: 0.7; }

.quote { clear: both; }
.quote blockquote { background: #ebebeb; border-radius: 5px; padding: 20px 25px 5px 25px; position: relative; }
.quote blockquote:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 15px 15px 0 0; color: #444;
border-color: #ebebeb transparent transparent transparent; position: absolute;  bottom: -14px; left: 110px; }
.quote footer .author-image { width: 80px; height: 80px; overflow: hidden; border-radius: 40px; float: left; margin: 0 35px 35px 15px; }
.quote footer .author-image img { width: 100%; height: auto; }
.quote footer .author { display: block; margin: 20px 10px 0 3px; font-size: 0.9em; }

#content article { clear: both; margin: 0 0 25px 0; width: 100%; }
#content article:after { content: ""; display: block; clear: both; }
#content article img { max-width: 100%; } 
#content article iframe { width: 100%; }
#content .post-thumb { margin: 0 0 20px 0; width: 100%; overflow: hidden; position: relative; }
#content .post-thumb .cycle { min-height: 450px; }
#content .post-image { margin: 0 0 20px 0; }
#content .entry-footer { margin: 0; clear: both; font-size: 0.9em; }
#content .entry-meta p.left { padding-top: 6px; }

article .entry-byline { }
article .entry-summary { margin-bottom: 50px; }
article .entry-content h1, article .entry-summary h1 { color: #111; font-size: 1.4em; margin: 0 0 18px 0; text-transform: none; }

#content .entry-byline ul { display: inline-block; list-style: none; padding: 0 0 10px 0; font-size: 0.85em; font-weight: 400; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
#content .entry-byline ul li { display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9em; padding-right: 15px; }
#content .entry-byline ul strong i { padding: 3px 5px 0 0;  }

.widget article .post-featured-image { float: left; width: 27%; padding: 0 3% 0 0; }
.widget article .entry-content { float: left; width: 67%; padding: 0 3% 0 0; }

article .post-featured-image img { width: 100%; height: auto; margin-top: 4px; }
p.entry-date { margin-bottom: 15px; }
h3.entry-title { font-size: 1.2em; margin-bottom: 12px; }
p.more-link a { border-bottom: 1px dotted; font-size: 0.9em; position: relative; top: -10px; } 

#content #related-posts { clear: both; margin-top: 40px; }
#content #related-posts .gallery { margin-top: -15px; }
#content #related-posts .gallery .gallery-item { opacity: 1; display: block; }

#map { position: relative; width: 100%;	height: 440px; margin: -45px 0 35px 0; color: white; }
#map-content { position: relative; width: 100%;	height: 440px; }

#content .input-block.p50.right { width: 46%; padding-right: 1%; }
#content .input-block { padding-bottom: 15px; }
#contactform #verify { margin: 5px 0 0 0; }
#message h1 { display: block; float: none; margin: 20px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; }
#commentform .form-author, #commentform .form-email { width: 31.3%; float: left; padding-right: 3%; }
#commentform .form-url { width: 30%; float: left;}
#commentform .form-textarea { clear: both; }
#content ol.comment-list { list-style: none; padding: 0 0 20px 0; }
#content ol.comment-list li { border-bottom: 1px dotted #c7c7c7; padding: 10px 0; margin: 0 0 20px 0; }
.comment-list .avatar { float: left; margin: 0 15px 10px 0; }
.comment-meta { font-size: 0.85em; color: #747474; padding-bottom: 10px; }
.comment-meta span { padding-right: 10px; }
.comment-reply-link { float: right; background: white; padding: 0 0 0 10px; }

#back-to-top { display: none; width: 40px; height: 40px; line-height: 38px; border-radius: 5px; background: #ccc; color: white; font-size: 2em; text-align: center; position: fixed; right: 50px; bottom: 50px; z-index: 99; }

#resmarshrut { display: block; font-size: 1.05em; color: #ffffff; line-height: 1.3; font-weight: bold; text-align: left; margin: 0 0 5px 0; }

/* GALLERY, PORTFOLIO
______________________________________ */
.portfolio-sneakpeak { clear: both; }
ul#filters { list-style: none; text-align: center; padding: 15px 0 20px 0 !important; border-bottom: 1px solid #ebebeb; margin: 0 0 27px 0; font-size: 0.95em; }
ul#filters li { display: inline; padding: 0 20px; text-transform: uppercase; border-left: 1px solid #ebebeb; }
ul#filters li:first-child { border-left: 0; }
ul#filters li a { color: #999; font-size: 0.95em; font-weight: bold; }
ul#filters li a:hover, ul#filters li a.active { color: #000; }

.sneakpeak-carousel { position: relative; width: 100%; height: 235px; overflow: hidden; z-index: 2; }
.sneakpeak-carousel ul { position: absolute; width: 10000px; list-style: none; padding: 0 !important; }

ul li.piece { width: 270px; padding: 0; float: left; margin: 0 10px 0 0; position: relative; }
.piece a { position: relative; display: block; cursor: url('../images/cursor-more.gif'), auto; }
.piece a img { width: 100%; height: auto; }
.piece h3 { text-align: center; margin: 20px 0 0 0; }
.piece a:hover  img { opacity: 0.8;
-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }

.sneakpeak-carousel ul li.piece { background: url('../images/laptop.png') no-repeat center 25px; height: 200px; }
.sneakpeak-carousel ul li.piece a img { width: 175px; height: 118px; margin: 33px 0 0 47px; } 

.sneakpeak-prev, .sneakpeak-next { display: block; position: absolute; bottom: 30%; z-index: 15; }
.sneakpeak-prev { left: -6%; }
.sneakpeak-next { right: -6%; }

.carousel { position: relative; width: 100%; height: 350px; overflow: hidden; z-index: 2; }
.carousel ul { position: absolute; width: 10000px; list-style: none; padding: 0 !important; }
.carousel ul li { position: relative; }

.carousel-prev, .carousel-next { display: block; position: absolute; top: 45%; z-index: 15; }
.carousel-prev { left: -6%; }
.carousel-next { right: -3%; }

.gallery { clear: both;  }
.gallery .gallery-row { display: inline; }
.gallery:after { content:""; display: block; clear: both; }

/*.gallery-item.col-2 { float: left; width: 47%; padding: 0 3% 0 0; }
.gallery-item.col-3 { float: left; width: 30.3%; padding: 0 3% 0 0; }
.gallery-item.col-4 { float: left; width: 22%; padding: 0 2.9% 0 0; }*/

.laptops.gallery { width: 105%; margin-left: -2%; }
.laptops .gallery-item { opacity: 0; display: none; float: left; width: 25%; padding: 0; margin: 0 0 40px 0; background: url('../images/laptop.png') no-repeat center 25px; height: 200px; }
.laptops .gallery-item img { width: 175px; height: 118px; margin: 33px 0 0 58px;
-webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.laptops .gallery-icon a { display: block; position: relative; cursor: url('../images/cursor-more.gif'), auto; }
.laptops .gallery-icon a:hover img { opacity: 0.8; }

.laptops .gallery-caption { height: 85px; overflow: hidden; }
.laptops .gallery-caption strong { display: block; font-size: 1.05em; color: #111; line-height: 1.3; font-weight: bold; text-align: center; margin: 20px 0 5px 0; }
.laptops .gallery-caption span { display: block; font-size: 0.9em; font-weight: 300; text-align: center; }

.photoalbums.gallery { width: 98%; margin: -30px 0 -25px 0; padding: 20px 1%; }
.photoalbums .gallery-item { width: 17.8%; float: left; margin: 10px 1% 20px 1%; position: relative; border-radius: 8px 8px 0 0; border: 1px solid #e8e8e8;  }
.photoalbums .gallery-item img { width: 100%; height: auto; position: relative; z-index: 6; border-radius: 5px 5px 0 0;
-webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.photoalbums .gallery-icon a { width: 100%; display: block; position: relative; cursor: url('../images/cursor-more.gif'), auto; margin-bottom: -4px; }
.photoalbums .gallery-icon a:hover img { opacity: 0.8; }

.photoalbums .gallery-caption { width: 90%; padding: 0 5%; background: #f4f4f4; border-bottom: 1px solid #C2C3C7; }
.photoalbums .gallery-caption strong { display: block; font-size: 1.05em; color: #111; line-height: 1.3; font-weight: bold; text-align: center; margin-top: 2px; padding: 10px 0 5px 0; }
.photoalbums .gallery-caption span { display: block; font-size: 0.9em; font-weight: 300; text-align: center; padding-bottom: 10px; }

.masonry.gallery { width: 100%; background: #e2453d; margin: -15px 0 -37px 0; }
.masonry .gallery-item { width: 19.95%; }
.masonry .big-gallery-item { width: 39.9%; } 
.masonry .gallery-item img { width: 100.5%; height: auto; position: relative; z-index: 6;
-webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -ms-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; }
.masonry .gallery-icon a { width: 100%; display: block; position: relative; cursor: url('../images/cursor-more.gif'), auto; margin-bottom: -4px; }
.masonry .gallery-icon a:hover img { opacity: 0.1; }

.masonry .gallery-caption { width: 90%; padding: 0 5%; z-index: 5; position: absolute; top: 38%; }
.masonry .gallery-caption strong { display: block; font-size: 1.05em; color: #111; line-height: 1.3; font-weight: bold; text-align: center; margin: 0 0 5px 0; }
.masonry .gallery-caption span { display: block; font-size: 0.9em; font-weight: 300; text-align: center; color: white; }
.masonry .big-gallery-item .gallery-caption { font-size: 125%; top: 45%; }

#menu-portfolio-items { text-align: center; margin: -25px 0 -15px 0; position: relative; z-index: 103; }
#menu-portfolio-items ul.tags { padding: 15px 0 10px 0 !important; }
#menu-portfolio-items.boxed ul.tags li a { background: white; }
#menu-portfolio-items.boxed ul.tags li a.active { background: #e2453d; }
#menu-portfolio-items.boxed { margin: -45px 0 12px 0; background: #E9E9E9 url('../images/backbg.png');  }

.portfolio-pagination { list-style: none; position: relative; padding: 0 !important; }
.portfolio-pagination span { font-size: 0.8em; font-weight: 300; display: block; width: 100px; }
.portfolio-pagination .prev1 span { float: left; position: relative; bottom: 20px; left: 40px; }
.portfolio-pagination .next1 span { float: right; position: relative; bottom: 20px; right: 30px; }

#content .format-gallery .post-image.p75 { width: 74%; margin: 3px 0 0 0; padding-bottom: 15px; position: relative; }
#content .format-gallery .entry-content.p25 { padding: 0; width: 23%; padding-bottom: 0; }

.post-image .prev2, .post-image .next2 { display: block; position: absolute; z-index: 20; top: 35%; width: 20%; height: 200px; }
.post-image .prev2 { left: 0; cursor:  url("../images/cursor-prev.png"), auto;  }
.post-image .next2 { right: 5%; cursor:  url("../images/cursor-next.png"), auto; }  


/* SIDEBAR 
______________________________________ */
#sidebar .widget { clear: both; position: relative; margin: 0 0 35px 0; }
#sidebar .widget ul { list-style: none; padding: 0 0 10px 0; line-height: 1.5;  }
#sidebar .widget ul.sidemenu li { display: block; border-bottom: 1px dotted #d7d7d7; }
#sidebar .widget ul.sidemenu li a { display: block; padding: 7px 0; }
#sidebar .widget ul.sidemenu li:first-child a { paddding-top: 0; }
#sidebar .widget p { padding: 0 0 10px 0; font-size: 1em; line-height: 1.5; }
#sidebar .widget > p:last-child, .widget > ul:last-child { padding-bottom: 0; }
#sidebar .widget .popular-posts li { display: block; border-bottom: 1px dotted #d7d7d7; margin: 0 0 10px 0; }
#sidebar .widget .popular-posts li:last-child { border-bottom: 0; }
#sidebar .widget .popular-posts .post-thumb { width: 24%; float: left; margin: 3px 0 10px 0; }
#sidebar .widget .popular-posts .post-thumb img { width: 100%; height: auto; }
#sidebar .widget .popular-posts .entry-summary { width: 70%; float: right; }
#sidebar .widget .popular-posts .entry-meta { font-size: 0.9em; }


/* FOOTER
--------------------------------------------------------- */
#footer { clear: both; width: 100%; padding: 35px 0 5px 0; font-size: 0.9em; color: #ebebeb; line-height: 1.7; position: relative; z-index: 5;border-top: 4px solid #f41123;
 background: linear-gradient(45deg,#1e2038 0%,#06050a 100%);}
#footer h2, #footer h3 {font-size: 1.4em;
    color: #ebebeb;
    /* border-bottom: 1px solid #ffffff57; */
    /* font-weight: bold; */
    font-family: 'Exo 2', sans-serif;}
#footer ul {list-style: none;padding-left: 2px; }
#footer ul li { line-height: 6px;
    padding: 14px 10px 8px 4px; background: url('../images/line-horz.png') left top repeat-x; }
#footer ul li:first-child { background: none; padding-top: 0; }
#footer i {background: #ffffff;}
#footer i:hover {background: #f41123d6;}
#footer a {    color: #999;
    /* font-size: 12px; */
    font-family: 'Exo 2', sans-serif;
    font-size: 13px;}
#footer a:hover i { background: #f41123; 
-webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out;  }
#footer ul li i { background: none; display: inline-block; width: 16px; text-align: center; padding: 0 10px 0 0;  }
#footer a:hover { color: #f41123;}

#footer .widgets { width: 103.4%; }
.footerbox { width: 20%; float: left; background: url('../images/line-vert.png') left top repeat-y; min-height: 220px; padding-right: 2.5%; padding-left: 2.5%; }
.footerbox:first-child { background: none; padding-left: 0; }

#footer .top { text-align: center; background: url('../images/line-horz.png') left bottom repeat-x;  padding: 0 0 10px 0; margin: 0 0 45px 0; }
#footer .bottom { clear: both; margin: 30px 0 0 0; padding: 25px 0 0 0; background: url('../images/line-horz.png') left top repeat-x; font-size: 1em; color: grey; }

#footer .top h3 { font-size: 1.4em; }
#footer .top i { margin: 0 3px; }
#footer ul.contact-info li { background: none; padding: 0; }
#footer p {
    line-height: 20px;
    font-size: 12px;
}

/* ICONS
--------------------------------------------------------- */
#recentcomments li:before { font-family: FontAwesome; font-weight: normal; content: "\f075"; padding: 0 12px 0 0; } 


/* ISOTOPE TRANSITIONS 
--------------------------------------------------------- */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

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


.logotip {width:200px;
height:100px;}


/* Лендинг
--------------------------------------------------------- */

.gmd {
  background: #fff;
    border-radius: 2px;
    display: block;
    float: left;
    height: 150px;
    margin: 1rem;
    position: relative;
    width: 256px;
    height: 256px;
    left: 4px;
}

.gmd-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.gmd-1:hover {
 -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.gmd-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.gmd-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.gmd-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.gmd-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -ms-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  -o-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}


.headlending {text-align:center;}
.zagolovkh1 {}
.headlending2 {}
.formreg {left: 25%;}

@import url('https://fonts.googleapis.com/css?family=Poppins');




/* STRUCTURE */


#formContent {
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 50px 10px 50px 10px;
    background: #fff;
    padding: 30px;
    
    max-width: 400px;
    position: relative;
    padding: 20px 20px 20px 20px;
    -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    text-align: center;
    background: linear-gradient(-45deg,#ddd,#eeeeeea6,rgba(255, 255, 255, 0.41),#eee);
   border: 6px solid rgb(39, 174, 96);
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}



/* TABS */

formContent.h2.inactive {
  color: #cccccc;
}

formContent.h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}



/* FORM TYPOGRAPHY*/

input[type=button], input[type=submit], input[type=reset]  {
background-color: #27ae60;
    /* border: none; */
    color: white;
    padding: 15px 80px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 25px 25px 25px 25px;
    margin: 30px 20px 10px 20px;
    /* -webkit-transition: all 0.3s ease-in-out; */
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    /* transition: all 0.3s ease-in-out; */
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
    background-color: #e2453d;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

input[type=text],input[type=tel] {
     background-color: #f6f6f6;
    border: none;
    color: #0d0d0d;
    padding: 25px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 10px;
    width: 85%;
    border: 2px solid #f6f6f6;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;

}

input[type=text],input[type=tel]:focus {
  background-color: #fff;

}

input[type=text],input[type=tel]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}


/* OTHERS */

*:focus {
    outline: none;
} 

.flip {
  position: relative;
}
.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: .5s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);
}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-right: 2px;
 
  width: 320px;
}
.flip > .front {
      display: block;
    color: white;
    width: inherit;
    background: linear-gradient(-45deg,#17161f,#1b1b26,#191924,#232435);
    background-size: 200% 200%;
    height: 320px;
    padding: 1em 2em;
    border-radius: 30px;
    border: 2px solid #ffffff0f;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.flip > .back {
display: block;
    color: white;
    width: inherit;
    /* background-size: cover; */
    background-position: center !important;
    /* height: 320px; */
    /* padding: 1em 2em; */
    /* background: #313131; */
    /* border-radius: 30px; */
    /* background: linear-gradient(-45deg,#ff1224,#6f0911,#ff0000,#fe0707); */
    background-size: 300% 300%;
    border: 2px solid #ffffff0f;
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -ms-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    -o-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: linear-gradient(-45deg,#17161f,#1b1b26,#191924,#232435);
    background-size: 200% 200%;
    height: 320px;
    padding: 18px 4px 4px 4px;
    border-radius: 30px;
    border: 2px solid #ffffff0f;
}

.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
}

.menushka {display:none}
.menushka2 {display:block;text-align: center;}
.text-shadow {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
}
.preymushestva1{margin-top: 30px;
    font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    /* text-align: center; */
    text-transform: uppercase;
}
.preymushestva2{font-size: 18px;}
.preymushestva3{font-size: 1em;
    color: #b7b4b4;}
.mform {display:none;}
.formzag{font-family: 'Open Sans',Arial,Helvetica,sans-serif;
    font-size: 22px;margin-bottom: 30px;
    line-height: 30px;}
.regblock{background: #e2453d;
    height: 800px;
    position: relative;
    background-image: url(images/777.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
	padding: 100px 0 35px 0;
    box-shadow: 0 0 40px 13px #0a0a0a99;}
	.regblock2 {background-image: url(images/block-price.jpg);
    height: 800px;
    position: relative;
   
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
	padding: 100px 0 35px 0;
    box-shadow: 0 0 40px 13px #0a0a0a99;}
	
.regshag{text-align:center;}
.contentslide {margin-top: 200px;}
.contentslide2 {margin-top: 20px;}
.contentslide3 {margin-top: 100px;}
.otziviblock{
    height: 1000px;
    position: relative;
	padding: 100px 0 35px 0;
	background: linear-gradient(45deg,#1e2038 0%,#06050a 100%);
    }
.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	    border: 5px solid #ffffff;
    border-radius: 10px;
}
.quote2 blockquote {background: #ebebeb;
    padding: 20px 25px 5px 25px;
    position: relative;
    border-radius: 40px;
    background-size: 200% 200%;}
	.quote2 { clear: both;}
.quote2 blockquote:after { content: ""; width: 0; height: 0; display: block; border-style: solid; border-width: 15px 15px 0 0; color: #444;
border-color: #ebebeb transparent transparent transparent; position: absolute;  bottom: -14px; left: 110px; }
.quote2 footer .author-image { width: 80px; height: 80px; overflow: hidden; border-radius: 40px; float: left; margin: 0 35px 35px 15px; }
.quote2 footer .author-image img { width: 100%; height: auto; }
.quote2 footer .author { color: #ffffff;display: block; margin: 20px 10px 0 3px; font-size: 0.9em; }
.quote2 p{color: #000000;
    font-size: 15px;
    margin-bottom: 4px;}
.quote2 strong{color: #ffffff;
    }
.centerblock{text-align: center;
    margin-left: auto;
    margin-right: auto;}
.iconpr {
    margin-top: 10px;}
.iconbg{background: linear-gradient(-25deg,#2f2525,#88111a,#f51d2e,#ff0c00);
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    width: 180px;
    height: 180px;
    font-size: 100px;
    line-height: 180px;
    box-shadow: inset 0px 6px 12px 0px rgba(0, 0, 0, 0.82);
    }
.whitetext{color: #ffffff;}
.menuicon{margin-right:6px;
    font-weight:600;
    font-size: 16px;}
.menuicon1{margin-left:6px;
    font-weight: 600;
    font-size: 16px;}

.menuicon2  {font-weight: 100;
    font-size: 18px;
    /* padding-top: 2px; */
    padding-bottom: -2px;
    vertical-align: middle;}

.livk{  }
.livk span {color:#ffffff}
.social{float:right}
.regdiv {
       margin: auto;
    width: 100%;
    /* border: 3px solid green; */
    /* padding: 10px 10px 10px 10px; */
    text-align: center;
    /* vertical-align: text-bottom; */
    /* margin-top: 10%; */
    /* height: 100%; */
    /* top: 100px; */
    position: absolute;
    top: 20%;
}
.regimg{display: block;
    margin-left: auto;
    margin-right: auto;
  width:360px;}
.regtext{    font-family: 'Open Sans', sans-serif;
    font-size: 20px;}

#content .zagl {padding: 6px;}
#content .txt {padding: 8px 14px 8px 14px;
    line-height: 20px;
    font-size: 14px;}

.prilogenieblock {
    height: 100%;
    position: relative;
    background-image: url(images/prilojenie2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    border-top: 4px solid #f41123;}
.prilogenieblock .wrapper { position: relative;
    margin: 0 auto;
    width: 74%;}
.prilogenieblock h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    color: #fff;
}
.prilogenieblock p {
    color: #ebebebbd;
}
    .prcontent {
    padding: 3% 3% 3% 3%;
    margin: 40px 10px 10px 10px;
}   
   .prcontent2 {
    padding: 3% 3% 3% 3%;
    margin: 40px 0px 40px 0px;
}   
.prostoblock {
    height: 100%;
    position: relative;
    border-top: 4px solid #f41123;
    border-bottom: 4px solid #f41123;
}
.prostoblock .wrapper { position: relative;
    margin: 0 auto;
    width: 74%;
  height: 100%;}
.prostoblock h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
    
}
.prilogenieblock p {
    color: #ebebebbd;
}
    .prcontent {
    padding: 3% 3% 3% 3%;
} 

.tarifblock {
    height: 100%;
    position: relative;
    background-image: url(images/block-price.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: cover;
    padding: 60px 0px 60px 0px;
   

}
.tarif {width: 100%;}
.tarif p {color: #ffffff;
        font-family: 'Exo 2', sans-serif;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    display: block;
    width: 100%;
  border-top: 1px dashed rgba(255, 255, 255, 0.4);
  padding: 10px 0px 10px 10px;
}
.tarif p:last-child {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}
.tarif p span {
   
    float: right;
    color: #ff0000;
    display: inline-block;
}
.tarif h6 {
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 22px;

}
.tarifblock h2 {text-transform: uppercase;
    background: #fff;
    text-transform: uppercase;
    background: #f41123;
    /* width: 100%; */
    border-radius: 30px;
    /* text-decoration: underline; */
    display: inline;
    padding: 5px 15px 5px 15px;
color: white;}

.tarifb {margin-top:80px}
.nomera {color: #fff;line-height: 20px;} 
#kievstar {
    padding: 20px 0px 0px 0px;
    background: #0f9dff;
    text-align: center;}
#mts {}
#kievstar.span { font-size: 22px;
    line-height: 32px;
    font-weight: 500;}

#numbers {text-align: center;
    width: 300px;}

#numbers .but {
background-color: #3bb3e0;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    position: relative;
    padding: 26px 20px;
    border-left: solid 1px #2ab7ec;
    margin-left: 45px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(244, 17, 35)), color-stop(1, rgb(255, 0, 89)) );
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #d82164, 0px 5px 0px 0px #9c131e, 0px 10px 5px #999;
}

#numbers .but:active {
 top: 3px;
    background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(173, 3, 17)), color-stop(1, #d72759) );
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
    box-shadow: inset 0px 1px 0px #f65041, 0px 2px 0px 0px #9a3b31, 0px 5px 3px #999;
}

#numbers .but::before {
     background-color: #2561b4; */
    content: "";
    width: 70px;
    /* max-height: 60px; */
    height: 70px;
    position: absolute;
    display: block;
    padding-top: 4px;
    top: 0px;
    left: -66px;
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    color: #8fd1ea;
    text-shadow: 1px 1px 0px #07526e;
    /* border-right: solid 1px #07526ea1; */
    background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #dad6d6), color-stop(1, rgb(255, 255, 255)) );
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #ebebeb, 0px 5px 0px 0px #a7a7a7, 0px 10px 5px #999;
}

#numbers .but:active::before {
 top: -3px;
    -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999;
    box-shadow: inset 0px 1px 0px #ffffff, 0px 5px 0px 0px #cacaca, 1px 1px 0px 0px #ebebeb, 2px 2px 0px 0px #cacaca, 2px 5px 0px 0px #ebebeb, 6px 4px 2px #1f1f1f4d, 0px 10px 5px #999;
}

/*
Second button
*/

#numbers .second_button::before {
  content:"2";
}

/*
Third button
*/

#numbers .third_button::before {
  content: url(/landing/images/kievstar2.png);
}

#numbers p {
    margin-bottom: 4px;
}

.verhushka {height: 100%;
    width: auto;}
.foot { height: 7%;
    background: #202631;}
.num { width: 20%;
    float: left;
    padding: 20px 20px 20px 20px;
    text-align: center;}
.foot i {background: #ffffff;}
.soc { 
    display: inline-block;
    text-align: center;
}
 .soc i {
       border-radius: 50%;
    font-size: 20px;
    color: #202631;
    display: inline-block;
    /* background: #999; */
    width: 42px;
    height: 42px;
    line-height: 44px;
    text-align: center;
    margin: 0 5px 5px 0;
    /* border-radius: 50%; */
    font-size: 20px;
}

.numer {background:#fff;
  border-radius: 20px;}
.foot a {font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color:#000;
    padding: 10px;}
.soc a {
   padding: 0px;
}

.menuicon4 {
    margin-right: 6px;
    font-weight: 600;
    font-size: 26px;
}
.zcenter { float: left;
    width: 47%;
    padding: 10px 20px 0px 20px;
    text-align: center;}
.zcenter p {font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #545d6b;}

.prcontent3 {
    padding: 3% 3% 3% 3%;
    margin: 10px 0px 40px 0px;
}

prcontent{}

#content .shd {background: #f7f7f7;
    border-radius: 50px 10px 50px 10px;
    /* box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); */
    /* box-shadow: rgba(57,70,78,.15) 0 0 1px 0, rgba(57,70,78,.25) 0 20px 55px -8px; */
    /* box-shadow: rgba(0,0,0,.1) 0 -20px 60px -10px; */
    /* box-shadow: rgba(0,0,0,.28) 0 -26px 52px -15px, transparent 0 0 0 0; */
    box-shadow: rgba(16,36,94,.25) 0 40px 40px -30px;
    padding: 0px 20px 0px 20px;
    margin: 50px 20px 0px 20px;
    text-align: center;
    /* height: 100%; */
    height: 440px;
    /* border-image-outset: initial; */
    /* border: 4px solid rgba(0, 0, 0, 0.04); */
  }

#content .shd:hover {box-shadow: rgba(16,36,94,.25) 0 80px 80px -30px;
    transition: all 0.8s cubic-bezier(.25,.8,.25,1);}

#content .iconboxx {    /* float: left; */
    /* width: 80px; */
    /* height: 160px; */
    font-size: 140px;
    /* margin: 50px 30px 10px 10px; */
    color: #eb2337;
    /* text-align: center; */
    padding: 30px 0px 20px 0px;}

#content .iconfont {font-size: 16px;}
#content .icontext {}
.prostocontent {margin-top:40px;}
.prostocontent1 {padding: 60px 10px 30px 10px;}
.blogimg {float: left;
    padding: 20px 30px 10px 0px;}
.blogtext {padding: 20px 0px 0px 0px;}
.blogtitle {font-size: 24px;
    /* line-height: 30px; */
    border-bottom: 1px solid #efe9e9;}