@charset "utf-8";
/*
	Theme Name: DiplomGarant
	Theme URL: http://diplomgarant.ru/
	Description: Новая WordPress тема для сайта diplomgarant
	Version: 2.0
*/

/* CSS Document */
#citytext{clear: both;
  padding:20px;
  text-align:justify;
  font-size:12px;
}
#citytext h2{
  font-weight:bold;
  font-size: 16px;
color: #8E1C14;
margin-bottom:20px;
}
.futtext{
   position: absolute;
}


table.price {
  background: none repeat scroll 0 0 #CDCDCD;
    border-collapse: separate;
    border-spacing: 1px;
    margin: 10px 0 15px;
}
table.price tr th {    padding: 5px;
  font-size: 14px;
    line-height: 2em;
  background: none repeat scroll 0 0 #E6EEEE;
     border: 1px solid #FFFFFF;
    color:#3d3d3d;
    padding:4px;
}
table.price tr {}
.post-2332 ul{padding-bottom:0 !important;}
table.price td {  padding: 5px;  font-size: 14px;
    line-height: 2em;color:#3d3d3d;
   background: none repeat scroll 0 0 #fff;
}
/*** Novye stili **/

table.price .td_img img {
 display: block;
 width:100%;
}

table.price .td_img  {
 padding:0 !important;
}


.counters{
  bottom: 15px;
    height: 50px;
   right: 10px;
    position: absolute;
}
#fphones{
  color: #F21300;
    font-size: 25px;
    font-weight: bold;
    /*line-height: 30px;*/
      bottom: 15px;
    height: 50px;
    left:300px;
    position: absolute;
    width: 350px;
}
#phones{padding-right: 10px;
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.56);
    color: #F21300;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: right;
  
    top: 50px;
    width: 350px;
    z-index: 100;
    
    text-shadow: -1px 0 white, 0 -1px white, 1px 0 white, 0 1px white, -1px -1px white, 1px 1px white, -1px 1px white, 1px -1px white, 1px 0 4px white, 0 0 2px white, 0 0 3px white, 0 0 2px white, 0 0 3px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;


}
.center{
  text-align: center;
}
h1.cattitle{
  border-bottom: 1px solid #A4814B;
    color: #7E571D;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.bmark{  left: 50px;
    position: absolute;
    top: 25px;}
.bmark a{margin-left:20px;
  color:#c13443;text-decoration:underline;
} 
.bmark img{
    position: absolute;
    top: 3px;
}
*{
margin: 0px;
padding: 0px;
border: 0px;

}
hr{
  height:5px;
  border-bottom:1px solid #A4814B;
  width:100%;
}
.bottom{   background: none repeat scroll 0 0 #E6EEEE;
    border-top: 1px solid #FFFFFF;
 
    bottom: 0;
    height: 100px;
    position: absolute;
    width: 100%;
}
body
{
font-family:"Verdana";  
font-size:14px;
position:relative;
}
a {
color:#8E1C14;
text-decoration:none;
}
.catdesc{
  margin-bottom:20px;
}
.p404 p,.p404 h1{
  
    text-align: center;
}

.catdesc p{
  margin-bottom:10px;
}
a:hover {
color:#ff0000;
text-decoration:underline;
}
.clear{clear:both;} 
.glav
{position:absolute;
height: 100%;
width:100%;
}
#container{ /*overflow: hidden;*/position:relative;width:100%;min-width:1000px;height:100% !important;background:url(images/bg-contaiber.png) repeat-y;min-height:1005px;}
#top-str{position:absolute;width:100%;height:20px;background:url(images/top-str.png) repeat-x;top:3px;z-index:5;}
#l{float:left;}
#r{float:right;}
#left-column{width:210px;height:100%;float:left;padding-bottom:40px;}
#left-column h4{background:url(images/h4-bg.png);padding-left:30px;height:17px;font-size:12px;color:#624418;margin-top:14px;}              
#right-column{
    /* margin-bottom: -10000px;*/
    margin-left: 212px;
    /*overflow: hidden;
    padding-bottom: 10000px;*/
    position: relative;
    z-index: 1;
   
   
  
}
#futtext{
    color: #717171;
    font-size: 12px;
    font-weight: bold;
    left: 10px;
    padding: 20px 100px 10px 10px;
    position: absolute;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: 0;
}
.bphones{ font-weight:bold;
  font-size: 14px;color: #8E1C14;
}
.bottom-buffer{ z-index: 100;
   border-top: 2px solid #C2C2C2;
    height: 101px;
   /* margin-left: 215px;
    position: relative;*/
}
#head{background:url(images/top-sh.png) repeat-x;height:172px;position:relative;z-index:0;}
#right-kart{position:absolute;margin-top:8px;right:0;}
#right-logo{font-family: "Verdana";
    left: 50px;
    position: absolute;
    top: 70px;}
#right-logo h3{font-size:13px;}
#right-logo p{margin-top:10px;}
#nav-line{position:relative;height:30px;background:url(images/top-line-bg.png);}
#nav-top{position:absolute;left:0;width:113px;height:30px;background:url(images/line-nav.png);}
#top-menu{position:absolute;/*left:120px;*/top:5px;height:25px;color:#7e7e7e;}

#top-menu ul {
list-style-type:none;
}

#top-menu ul li {
display:inline;
margin:2px 0px 0 10px;
}

#top-menu a {
color: #624418;
    font-weight: bold;
    text-decoration: none;
}

.page .ques ul,
.page  .ques li{
  padding-bottom: 0;
    padding-top: 0;
} 
.page  .ques ol li{
  margin-bottom:10px;
}
.page  .ques ul li{
  margin-bottom:0px;
}
#top-menu a:hover {
color:#ff0000;
text-decoration:underline;
}
#nav-top a:hover{opacity:0.7;}
#poisk{position:absolute;right:0px;width:241px;height:30px;background:url(images/poisk.png);}
#content{padding: 0px 0px 0px 0px;min-height:100%;position:relative; /*margin-bottom: -10000px;*/
    /*overflow: hidden;*/
    /*padding-bottom: 10000px;*/display: table;width: 100%;}
#content .post, #content .pagecontent {
margin-bottom:50px;padding: 20px;/*display: table-cell;*/
}
#content .page {
margin-bottom:50px;padding: 20px;/*display: table-cell;*/
}

.post h1 {
font-size:24px;
color:#ac3427;
}

.post h2 {
font-size:18px;
color:#a4814b;
}

.post h3 {
font-size:16px;
color:#a4814b;
}

.post p {
padding-top:10px;
}

.post ul {
padding:10px 10px 30px 30px;
line-height:1.5em;
}

.post ol {
padding:10px 10px 30px 30px;
line-height:1.5em;display: table-cell;
}

.post table {
padding-bottom: 15px;
line-height:2em;
font-size:14px;
}

.page h1 {
font-size:24px;
color:#ac3427;
}

.page h2 {
font-size:18px;
color:#a4814b;
}

.page h3 {
font-size:16px;
color:#a4814b;
}

.page p {
padding-top:10px;
}

.page ul {display: inline-block;
padding:10px 10px 30px 30px;
line-height:1.5em;
}

.page ol {
padding:10px 10px 30px 30px;
line-height:1.5em;
}

.page table {
padding-bottom: 15px;
line-height:2em;
font-size:14px;
}

.next {
float: right;
margin-right:15%;
margin-bottom:20px;
}

.back {
float: left;
margin-left:15%;
margin-bottom:20px;
}
#right-col{ /*margin-bottom: -10000px;*/
    /*overflow: hidden;*/
   /* padding-bottom: 10000px;*/
    /*position: absolute;*/display: table-cell;
  /*  right: 0;
    top: 0;*/
    width: 240px;
  border-left:solid 1px #f00;
  /*width:244px;min-height:800px;height:100%;position:absolute;top:0;right:0;border-left:solid 1px #f00;*/}
#right-column h4{background:url(images/h4-bg-r.png);padding-left:30px;height:17px;font-size:12px;color:#624418;margin-top:14px;}  
.left-block{margin:0 0 30px 0;z-index:5;}
#right-col p{padding-left: 15px;}
.left-block1{margin:0 0 30px 0;z-index:5;}
ul.menu,
ul.menu li,
ul.menu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 209px; 
  list-style: none;
}
ul.menu ul{border: solid 1px #f00;}
ul.menu li {
  float: left; 
  display: block !important; 
  display: inline; 
  position: relative;
  border:none;
}
ul.menu a {
   background: url("images/str.png") no-repeat scroll right center transparent;
    color: #8E1C14;
    display: block;
    font: bold 12px Verdana,Arial;
    height: auto !important;
    padding: 5px;
    text-decoration: none;
}
ul.menu a:hover,
ul.menu li:hover a,
ul.menu li.iehover a {
  color: #ff0000;
  background:url(images/li-bg.png) no-repeat;
  background-position:right;

}
ul.menu li:hover li a,
ul.menu li.iehover li a {
  margin:0;
  padding-left:10px;
  display: block;
  z-index:5;
   background: #fff;
  color: #000;
  font:  12px Verdana, Arial;
  text-decoration: none;
  height: auto !important;
  height: 10px; 
}
ul.menu li:hover li a:hover,
ul.menu li:hover li:hover a,
ul.menu li.iehover li a:hover,
ul.menu li.iehover li.iehover a {
  color: #ff0000;
  background:#f3f3f3;
}
ul.menu ul,
ul.menu ul ul,
ul.menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 209px;
}


u.menu a:hover,ul.menu  li:hover a:hover{
    text-decoration:underline;
}

ul#menu-vuzy-1 ul,
ul#menu-vuzy-1 ul ul,
ul#menu-vuzy-1 ul ul ul {
  position: absolute;
  top: 0;
   left: -232px;background:#FFF;
   z-index:5000;  margin-top: 0;
}
ul#menu-vuzy-1 li,
ul#menu-vuzy-1 ul li,
ul#menu-vuzy-1 ul  li ul li,
ul#menu-vuzy-1 ul  li ul  li ul  li{
    margin-top: 0;
}

ul#menu-vuzy-1 a {padding-left:20px;   color: #8E1C14;
  
    font: bold 12px Verdana,Arial;
    background: url("images/str.png") no-repeat scroll left center transparent;}

ul#menu-vuzy-1{
  margin-left: 0; 
}
ul#menu-vuzy-1, ul#menu-vuzy-1 li, ul#menu-vuzy-1 ul {
 width: 230px;}
ul.menu li:hover ul ul,
ul.menu li:hover ul ul ul,
ul.menu li.iehover ul ul,
ul.menu li.iehover ul ul ul {
  display: none;
}

ul#menu-vuzy-1 a:hover,ul#menu-vuzy-1  li:hover a:hover{
    text-decoration:underline;
}
ul#menu-vuzy-1 ul li a,
ul#menu-vuzy-1 ul  li ul li a,
ul#menu-vuzy-1 ul  li ul  li ul  li a{
    background:#fff;
    color:#000 !important;
    font-weight:normal;
}
ul#menu-vuzy-1  li:hover a{
  color: #ff0000;
  text-decoration:none;
}

ul#menu-vuzy-1 ul li:hover a{
  color: #ff0000 !important;
  
}
ul#menu-vuzy-1 ul li:hover a{
  
  background:#f3f3f3; 
}

ul#menu-vuzy-1 li:hover,
ul#menu-vuzy-1 li.iehover  {

  background:#f3f3f3;
 

}



ul.menu li:hover ul,
ul.menu ul li:hover ul,
ul.menu ul ul li:hover ul,
ul.menu li.iehover ul,
ul.menu ul li.iehover ul,
ul.menu ul ul li.iehover ul {
  display: block;
  z-index:5;
}
.left-block ul {
list-style-type:disc;
margin-left:20px;
}

.left-block ul li {
font-size:12px;
margin-top:10px;
}  

.left-block ul li a {
color:#a4814b;
text-decoration:none;
}

.left-block ul li a:hover {
color:#ff0000;
text-decoration:underline;
}
#footer{bottom:0; height:15px;background:url(images/foot-gr.png);width:100%; z-index:50;}
#foot-left{ background: url("http://diplomgarant.ru/wp-content/themes/dipgrnt/images/foot-bg.png") repeat scroll 0 0 transparent;}

/* Images */
img.centered  {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 0px;
}

img.alignnone {
padding: 0px;
margin: 0px 0px 10px 0px;
display: inline;
}

img.alignright {
padding: 0px;
margin: 0px 0px 10px 10px;
display: inline;
}

img.alignleft {
padding: 0px;
margin: 0px 10px 10px 0px;
display: inline;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.alignright {
float: right;
margin: 0px 0px 10px 10px;
}

.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}

.wp-caption {
border: 1px solid #E6E6E6;
text-align: center;
background-color: #F7F7F7;
padding: 4px 0px 5px 0px;
}

.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 0px;
border: 0px;
}

.wp-caption p.wp-caption-text {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
}

/* Comments */
.postcomments {margin-top:50px;}

.commentlist li ul li {
font-size: 12px;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
background: #FFFFFF;
float: right;
border: 1px solid #EEEEEE;
margin: 0px 5px 0px 10px;
padding: 2px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 12px;
}

.commentlist p {
font-weight: normal;
text-transform: none;
}

.commentmetadata {
font-weight: normal;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
border: 1px solid #333333;
}

#commentform {
margin: 5px 10px 0px 0px;
}

#commentform textarea {
width: 70%;
padding: 2px;
border: 1px solid #333333;
}

#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#commentform p {
margin: 5px 0px 5px 0px;
}

#commentform #submit {
margin: 0px;
float: left;
border: 1px solid #333333;
}

.alt {
margin: 0px;
padding: 10px;
}

.commentlist {
margin: 0px;
padding: 0px;
}

.commentlist ol {
margin: 0px;
padding: 10px;
}

.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;

}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}

.commentlist p {
margin: 10px 0px 10px 0px;
padding: 0px;
}

.children {
margin: 0px;
padding: 0px;
}

.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}

.reply a, .reply a:visited {
background: #a4814b;
color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-size: 11px;
text-decoration: none;
margin: 0px;
padding: 2px 5px 2px 5px;
border: 1px solid #a4814b;
}

.reply a:hover {
background: #ff0000;
color: #FFFFFF;
text-decoration: none;
border: 1px solid #ff0000;
}

.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.thread-alt {
background: #FFFFFF;
margin: 0px;
padding: 0px;
}

.thread-even {
background: #F7F7F7;
margin: 0px;
padding: 0px;
}

.depth-1 {
border: 1px solid #E6E6E6;
margin: 0px;
padding: 0px;
}

.even, .alt {
border-top: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
border-left: 1px solid #E6E6E6;
margin: 0px;
padding: 0px;
}

.feedbackform {
 -moz-border-radius:3px 3px 3px 3px;
 background:url("папка с картинками/inputshadow.gif") no-repeat scroll left top #FFFFFF;
 border:1px solid #999999;
 margin:3px 0;
 padding:3px 5px;
 font-family:Arial,Helvetica,sans-serif;
 font-size:12px;
 color:#333;
 }
 #right-col .left-block{
   margin-top: 25px;
}
.buttonfeedback {
 background:url("папка с картинками/button-large.png") repeat-x scroll left bottom transparent;
 border:1px solid #999999;
 color:inherit;
 font-family:Arial,Helvetica,Calibri,sans-serif;
 margin:0;
 overflow:visible;
 -moz-border-radius:4px 4px 4px 4px;
 font-size:12px;
 font-weight:bold;
 padding:6px 8px;
 }
 
input, textarea {
    border: 1px solid #CCCCCC;
}

#formselect{
border:1px solid #ddd;
	 /* IE10 */
	background-image: -ms-linear-gradient(top, #CCCCCC 0%, #f3f3f3 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #CCCCCC 0%, #f3f3f3 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #CCCCCC 0%, #f3f3f3 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #f3f3f3), color-stop(1, #00A3EF));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #CCCCCC 0%, #f3f3f3 100%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top,#CCCCCC 0%, #f3f3f3 100%);
	 }

	 
#right-col	div.wpcf7  {

background: #F00;
padding: 10px 0 !important;
border-radius: 7px;
} 
	 
#right-col	div.wpcf7  p{	 
	 color: #FFF;
line-height: 25px;
font-weight: bold;}

.oplatatable{
width:100%;
border-top:1px solid #ccc;
}
.oplatatable tr td{
border-bottom:1px solid #ccc;
border-collapse:collapse;
padding:10px;
}


.contentform{
  width:295px;
  height:350px;
  float:left;
  margin:10px;
  padding:105px 0 0 115px;
  background:url("http://diplomgarant.ru/wp-content/themes/dipgrnt/images/form_bg.png") no-repeat;
}

.contentform input{
   width:230px;
   height:20px;
}


.contentform select{
   width:240px;
   height:30px;
}
.contentform textarea{
   width:230px;
   height:50px;
}


.contentform input,.contentform select,.contentform textarea{
   background:#fff;
  margin:5px 0;
  border:1px solid #999999;
  border-radius:3px;
  color:#a9a9a9;
  padding:5px;
  
}




.contentform input.wpcf7-submit{
   background:red;
     width:140px;
   height:40px;
}




.contentform input.wpcf7-submit{
	-moz-box-shadow:inset 0px 0px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f29c93;
	box-shadow:inset 0px 0px 0px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb0800), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #eb0800 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #eb0800 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #eb0800 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #eb0800 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #eb0800 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb0800', endColorstr='#ce0100',GradientType=0);
	background-color:#eb0800;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d60401;
	display:inline-block;
	cursor:pointer;
	color:#cdcdcd;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding: 0px 5px 0px 0px;
	text-decoration:none;
	text-shadow:0px 1px 10px #b23e35;
	margin: 5px 0 0 50px;
	
}
.contentform input.wpcf7-submit:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #eb0800));
	background:-moz-linear-gradient(top, #ce0100 5%, #eb0800 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #eb0800 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #eb0800 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #eb0800 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #eb0800 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#eb0800',GradientType=0);
	background-color:#ce0100;
}
.contentform input.wpcf7-submit:active{
	position:relative;
	top:1px;
}


.form_title{
  color:#a9a9a9;font-size: 22px;
}


.tdska  td{
border-right: 1px solid #D9D9D9;
border-top: 1px solid #D9D9D9;
text-align: center;
}

.tdska {
border-left: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}

.mainvland {
padding-top: 15px;
}

#syt {
background: url(http://diplomgarant.ru/i/search.png) no-repeat;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
background-position:10px 20px;
min-height: 175px;
height: 175px;
height: auto !important;
margin: 10px;
padding: 10px 105px 10px 10px;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
max-width: 700px;
min-width: 700px;
}

.searchsp {
font-size: 21px;
color: #2372a5;
}

#syt ol {
font-size: 16px;
padding-left: 50px;
}


.syt-cont {
padding-left: 90px;
max-width: 600px;

}

.features-table
{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  background: #fafafa;
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
  background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff));
  margin-top:20px;
  margin-bottom:20px;
}
 
.features-table td
{
  height: 45px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  font-size: 120%;
}
 
.features-table tbody td
{
  text-align: center;
  width: 300px;
}
 

 
.features-table td.green
{
  background: #e7f3d4;
  background: rgba(184,243,85,0.3);
}
 
.features-table td:nowrap
{
  white-space: nowrap;
}
 
.features-table thead td
{

  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea;
}
 
.features-table tfoot td
{
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada;
}


/* Слой затемнения */
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}

.is-image {
  width: 100%;display: inline-block;
  height: auto;
  margin: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  top: 0; left: 0; bottom: 0; right: 0;
}
embed, iframe {
  width: 100%;display:block;min-width: 320px;
    max-width: 600px;
  
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
}
/* стили модального окна */
.popup { 
    min-width: 320px;
    max-width: 450px;
	width: 450px;
	min-height: 520px;
    margin: auto;
    background-color: #fff;
    border: 3px solid #fff;
    display: block;
    left: 0; right: 0; bottom: 130px;
    opacity: 0;
    padding: 15px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
	font-size: 14px;
	top: 0;
    visibility: hidden;
    z-index: 100;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 20%;
    opacity: 1;
    visibility: visible;
}
/* формируем кнопку закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;padding: 0;
    top: -15px;
    width: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    margin-bottom: 10px;
}

/* 

.wpcf7-submit {
 position: relative;
 font-weight: bold;
  display: inline-block;
  width: 15em;
  height: 2.5em;
  line-height: 2.5em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #777;
  color: #fff;
  outline: none;
  border: 2px solid #F64C2B;
  border-radius: 5px;
  box-shadow: 0 0 0 60px rgba(0,0,0,0) inset, .1em .1em .2em #800;
  background: linear-gradient(#f8c854, #f8b30d 48%, #f8a155 52%, #f67c10);
  margin-top: 15px;
  margin-left: 2px;
}


.wpcf7-submit:active {
  top: .1em;
  left: .1em;
  box-shadow: 0 0 0 60px rgba(0,0,0,.05) inset;
  }
*/

.balloon{
    display:block;
    position:relative; left:40px; top:0px;
    width:650px; height:auto;
    background:#fff; padding:10px;
    -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	line-height: 1.45;
	box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, 0.4);
	font-family: Georgia,serif;
	font-size: 15px;
	font-style: italic;
	background-color: #D4F4EA;
	margin-left: 0px;

    
}

.balloon:before{ 
    content: '';
    position:absolute; left:-40px; top:30%; 
    display:block;
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 40px solid #D4F4EA;
	
	}
	
.avaimg {
max-height: 100px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-top: 5px;
}
.vk {
width: 14px;
padding-right: 3px;
margin-top:3px;
margin-bottom: -3px;
}

.oool{
max-width: 140px;
 min-width: 140px;
 color:#2372a5;
 font-size: 12px;
 font-weight: bold;
 }
  
  

.wpcf7-submit {
margin-left: 20px;
margin-top: 15px;
  position: relative;
  display: inline-block;
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.2em;
  font-weight: 700;
  color: rgb(245,245,245);
  text-shadow: 0 -1px rgba(0,0,0,.1);
  text-decoration: none;
  user-select: none;
  padding: .3em 1em;
  outline: none;
  border: none;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}
.wpcf7-submit:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  cursor: pointer;
}
.wpcf7-submit:active {
  top: 1px;
  color: #fff;
  text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #252525, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #252525, 0 0 8px #fff;}
}




#syt2 {
background: url(http://diplomgarant.ru/i/search2.png) no-repeat;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
background-position:10px 20px;
min-height: 175px;
height: 175px;
height: auto !important;
margin: 10px;
padding: 10px 105px 10px 10px;
color: #000;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
max-width: 700px;
min-width: 700px;
}

.scukovan {
border-radius: 70px;
height: 140px;
border: 3px solid white;
box-shadow: 0px 0px 1px #222;

}

.avatarka{
padding-top: 10px;
padding-bottom: 10px;
display: block;
float: left;
}

.opis{
padding-top: 10px;
padding-left: 15px;
font-size: 18px;
}

.syt-cont2 {
padding-left: 10px;
max-width: 650px;

}


.orders {
background: url('http://diplomgarant.ru/i/order-bg.png') no-repeat;
width: 265px;
height: 50px;
margin:0 auto;

}

.orders-text {

width: 265px;
height: 50px;
text-align: center;
padding-top: 12px;
font-size: 19px;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 2px black, 0 0 1em red; /* Параметры тени */
}

.orders-text a{
text-decoration: none;
color: #fff;
font-size: 18px;
}