/* font-family: "PermianSansRegular"; */

@font-face {

    font-family: "PermianSans";

    src: url("../fonts/PermianSansRegular/PermianSansRegular.eot");

    src: url("../fonts/PermianSansRegular/PermianSansRegular.eot?#iefix")format("embedded-opentype"),

    url("../fonts/PermianSansRegular/PermianSansRegular.woff") format("woff"),

    url("../fonts/PermianSansRegular/PermianSansRegular.ttf") format("truetype");

    font-style: normal;

    font-weight: normal;

}

/* font-family: "PermianSansBold"; */

@font-face {

    font-family: "PermianSans";

    src: url("../fonts/PermianSansBold/PermianSansBold.eot");

    src: url("../fonts/PermianSansBold/PermianSansBold.eot?#iefix")format("embedded-opentype"),

    url("../fonts/PermianSansBold/PermianSansBold.woff") format("woff"),

    url("../fonts/PermianSansBold/PermianSansBold.ttf") format("truetype");

    font-style: normal;

    font-weight: bold;

}

/* font-family: "PermianSansItalic"; */

@font-face {

    font-family: "PermianSans";

    src: url("../fonts/PermianSansItalic/PermianSansItalic.eot");

    src: url("../fonts/PermianSansItalic/PermianSansItalic.eot?#iefix")format("embedded-opentype"),

    url("../fonts/PermianSansItalic/PermianSansItalic.woff") format("woff"),

    url("../fonts/PermianSansItalic/PermianSansItalic.ttf") format("truetype");

    font-style: italic;

    font-weight: normal;

}



/* fonts*/



/* default styles*/





article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}
*{
	max-height: 9001em;
}


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, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    border: 0 none;

    margin: 0;

    padding: 0;



}







body {

    font: 18px "PermianSans",Arial,sans-serif;

}



#thx-window {

    font-size: 20px;

    padding:30px 0;

    left: 50%;

    margin-left: -190px;

    margin-top: -62px;

    text-align: center;

    top: 50%;

    width: 395px;

}







#Call,#Order{

	top:50%;

	left:50%;

	margin-left:-190px;

	margin-top:-203px;

	padding: 20px;

	position:relative;

	width: 380px;

}





#Call .form{

	width:auto;

	height:auto;

}



.form-name{

	text-align:center;

	font-size:	19px;

}



#all-content {

    height: 100%;

    position: fixed;

    width: 100%;

    z-index: 10;

	display:none;

	background:rgba(0,0,0,0.7);

}





.window {

   background-color: #FFFFFF;

    border-radius: 10px 10px 10px 10px;

    color: #808080;

    display: none;

    position: fixed !important;

    z-index: 109; 

}



.btnClose {

       cursor: pointer;

    position: absolute;

    right: -15px;

    top: -16px;

}



.window .form input{

	height:40px;

	font-size:16px;

	border:1px solid #eee;

}









/* default styles*/



/* header */



header {

    position: relative;

    width: 100%;

}



header .header-container, header .top-menu .inner, .middle {

    margin: 0 auto;

    position: relative;

    width: 980px;

}



.w100{

	width:100%;

	min-width:1000px;

}



.logo{

    display: block;

    height: 127px;

    width: 114px;

    margin-top: 0;

	float:left;

	font-size:14px;

	



}



.logo img{

	position:relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	z-index:1;

}



.logo:hover p{

	top:0;

	opacity:1;

}



.logo p{

	position:relative;

	top:-80px;

	padding-left:20px;

	transition: all 0.8s 0.1s ease;

	-moz-transition: all 0.8s 0.1s ease;

	-o-transition: all 0.8s 0.1s ease;

	-webkit-transition: all 0.8s 0.1s ease;

	-khtml-transition: all 0.8s 0.1s ease;

	-opera-transition: all 0.8s 0.1s ease;

	-ms-transition: all 0.8s 0.1s ease;		

}

nav{

	float:left;

	width:560px;

	margin-left:50px;

	margin-top:55px;

}

nav a{

	font-size:18px;

	font-family:"PermianSans";

	margin-left:50px;

	cursor:pointer;

	font-weight: bold;
	font-style: normal;

}



nav a:hover{

	text-decoration:underline;

}



.phone{

	float:right;

	font-size:18px;

	margin-top:50px;

	font-weight:bold;

}



.phone a{

	color:#000;

	text-decoration:none;	

}



#trigger{

	float:left;

	font-size: 21px;

	text-transform:uppercase;

	text-align:center;

	color:#494949;

	    margin-left: 100px;

	font-family: 'PTSansBold';

	margin-top: 26px;

}



header{

	background: url("../images/head-bg.jpg") no-repeat scroll center 0 transparent;

	height:628px;

}



h1{

	text-align:center;

	color:#fff;

	font-size:36px;

	font-weight:normal;

	text-transform:uppercase;

	    text-shadow: 1px 1px 2px #000000, 0 0 1em rgba(0, 0, 0, 0);

}



/* content styles */



#client{

	

	position:relative;

	min-height:1216px;

}



#gray-bg{

    background: #ecf1f4;

    width: 100%;

    height: 100%;

    z-index: 0;

    position: absolute;

    top: 0;

    left: 0;

}

#client .middle{

	z-index:4;

	padding-bottom:40px;

}

#client:before,#client:after{

	content:'';

	display:block;

	width:100%;

	position:absolute;

	z-index:1;

}



#client:before{

	background: url("../images/client/top-rect.jpg") no-repeat scroll center 0 transparent;

	

	top:0;

	left:0;

	height:556px;

}



#client:after{

	background: url("../images/client/bot-bg.jpg") no-repeat scroll center 0 transparent;

	height:658px;

	left:0;

	bottom:0;

	z-index:3;

}



#top-rect2{

	display:none;

	width:100%;

	position:absolute;

	background: url("../images/client/top-rect2.jpg") no-repeat scroll center 0 transparent;

	z-index:2;

	top:0;

	left:0;

	height:905px;	

}



#client h2{	

	font-family:"PermianSans";

	line-height:44px;

	padding:30px 0 20px;

	font-size:42px;	

	font-weight: bold;
	font-style: normal;

}



#client .elem{

	width:313px;

	float:left;

	margin-top:30px;

	cursor:pointer;

}

#client a {
	color: #000;
}



.mid{

	margin-left:20px;

	margin-right:20px;

}



#client .elem .name{

	font-family:"PermianSans";

	font-size:24px;

	margin:6px 0 0px;

	font-weight: bold;
	font-style: normal;

}



#client .elem .desc{

	font-family: "PermianSans";

	font-size:15px;

	font-weight: normal;

	font-style: italic;
	font-weight: normal;

}



#client .elem .img-wrap{

	position:relative;

	width:100%;

	height:195px;

}



#client .elem  img{

	position:relative;

	z-index:0;

}



#client .elem .hover{

	background-image:url("../images/client/rect.png");

	background-repeat:no-repeat;

	background-color:rgba(232,220,28,0.9);

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	opacity:0;

	transition: all 0.8s 0.1s ease;

	-moz-transition: all 0.8s 0.1s ease;

	-o-transition: all 0.8s 0.1s ease;

	-webkit-transition: all 0.8s 0.1s ease;

	-khtml-transition: all 0.8s 0.1s ease;

	-opera-transition: all 0.8s 0.1s ease;

	-ms-transition: all 0.8s 0.1s ease;	

}



#client .elem:hover .hover{

	opacity:1;

}

#client .elem .hover p{

	font-size:18px;

	font-family:"PermianSans";

	text-align:center;

	line-height:28px;

	padding-top:75px;

	font-style: normal;
	font-weight: bold;

	

}



#client .btn{

	width:280px;

	margin:40px auto 0;

}

#title{

	margin-top:0px;

	margin-left:260px;

}

#title p{



}



#title p.big{
		font-family:"PermianSans";
	margin-top:95px;

	font-size:46px;

	line-height:52px;

	font-weight: normal;
	font-style: normal;

}



#title p.small{

	line-height:22px;

	font-size:18px;

	margin-top:20px;

	font-weight: normal;
	font-style: normal;

}



#service{
	background: url("../images/service/bg.jpg") no-repeat scroll center 0 transparent;

	height:1153px;

}



#service h2{

	font-family:"PermianSans";

	font-size:50px;

	padding:65px 0 0;

	margin-bottom:-25px;

	font-weight: bold;
	font-style: normal;

}



#service .elem{

	width:465px;

	margin-top:70px;

}



#service .elem:after{

	clear:both;

	content:'';

	display:block;

}



#service .elem img{

	float:left;

}



#service .elem .text{

	float:right;

	width:335px;

}



#service .elem .text p{

	font-family:"PermianSans";

	font-size:26px;

	font-weight: bold;
	font-style: normal;

}



#service .elem .text span{

	font-family: "PermianSans";

	display:block;

	margin-top:15px;

	font-size:13px;

	line-height:20px;
	font-weight: normal;
	font-style: italic;

}



#price1{

	background: url("../images/service/price1.png") no-repeat scroll center 0 transparent;

	width:460px;

	height:90px;

	margin:55px 0 30px;

}



#price2{

	background: url("../images/service/price2.png") no-repeat scroll center 0 transparent;

	width:960px;

	height:90px;

}



#price1 p,#price2 p{

	font-family: "PermianSans";

	padding-top:13px;

	padding-left:35px;

	font-size:24px;

	font-style: italic;
	font-weight: normal;

}



#price1 p b,#price2 p b{

	font-family:"PermianSans";

	font-size:36px;

	position:relative;

	top:3px;

	font-weight: bold;
	font-style: normal;

}



#about{

	background: url("../images/about/bg.jpg") no-repeat scroll center 0 transparent;

	height:771px;	

	margin-top:-5px;

}



#about h2{

	font-family:"PermianSans";

	padding:42px 0 20px;

	font-size:46px;
	font-weight: bold;
	font-style: normal;
}

#about .text{

	width:670px;

	float:left;

}

#about .text p{

	font-size:14px;

	margin-bottom:15px;

	font-weight: normal;
	font-style: italic;

}



#man{

	float:right;

}



#about .elem{

	float:left;

	text-align:center;

	margin-top:40px;

}

#about .elem p{

	font-family:"PermianSans";
	font-style: normal;
	font-weight: bold;

	line-height:26px;

	margin-top:15px;

	font-size:21px;

}

#about .elem.ft{

	margin-left:120px;

}



#about .elem.md{

	margin-left:100px;

	margin-right:100px;

}



#ip{

	background: url("../images/ip.jpg") no-repeat scroll center 0 transparent;

	height:702px;	

	    margin-top: -8px;	

}



#ip h2{

	font-family:"PermianSans";
	font-weight: bold;
	font-style: normal;

	padding:50px 0 0px;

	font-size:44px;

}



#ip .pre-title{

	font-family: "PermianSans";
	font-style: italic;
	font-weight: normal;

	font-size:24px;

	margin-bottom:10px;

}



#ip .left{

	width:424px;

}

#ip .right{

	width:512px;

}



#ip label{

	font-family:"PermianSans";
	font-weight: bold;
	font-style: normal;

	display:block;

	font-size:16px;

	margin:18px 0 5px;

}



#ip .btn{

	width:250px;

	margin-top:25px;

	font-size:18px;

	padding:15px 0;

}



#map{

	width:100%;

	height:665px;

	position:relative;

	z-index:0;

}



#contact-cloud{

	background:#fff;

	padding:50px 0;

	width:340px;

	position:absolute;

	z-index:1;

	left:50%;

	top:87px;

	margin-left:144px;

-webkit-box-shadow: 2px 3px 13px 0px rgba(0,0,0,0.48);

-moz-box-shadow: 2px 3px 13px 0px rgba(0,0,0,0.48);

box-shadow: 2px 3px 13px 0px rgba(0,0,0,0.48);	

}

#contact-cloud .title{

	font-size:40px;

	padding-left:43px;

}

#contact-cloud>div{

	padding-left:43px;

	margin-top:20px;

}



#contact-cloud>div p{

	font-size:16px;

	font-family:"PermianSans";
	font-style: normal;
	font-weight: bold;

}



#contact-cloud>div a{

	font-size:22px;

	color:#000;

	text-decoration:none;

}



#contact-cloud>div.mail a{

	color:#2088e1;

}

/* content styles */



/*form styles*/

button{

	border:0;

}

.hide-block{
	display:none;
	overflow:hidden;

}

.btn:hover{

	/*top:4px;

	border-bottom:3px solid #f4c300;*/

}

.btn{

	/*constant*/

	display:block;

	text-align:center;

	cursor:pointer;

	font-size:18px;

	padding:20px 0;

	transition: top 0.8s 0.1s ease;

	-moz-transition: top 0.8s 0.1s ease;

	-o-transition: top 0.8s 0.1s ease;

	-webkit-transition: top 0.8s 0.1s ease;

	-khtml-transition: top 0.8s 0.1s ease;

	-opera-transition: top 0.8s 0.1s ease;

	-ms-transition: top 0.8s 0.1s ease;

	font-family:"PermianSans";
	font-weight: bold;
	font-style: normal;

	background:#fee61b;

	border-bottom:5px solid #f4c300;

	position:relative;

}

.window .btn{

	border: 0 none;

    outline: 0 none;

    width: 100%;

	cursor:pointer;

	margin-top:10px;

}







.btn:hover{

/*

	background:#b70000;

	color:#FFEE25;*/

}





.form textarea{

	display:block;

	width:100%;

	height:354px;

	-webkit-box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);

	-moz-box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);

	box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);	

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	box-sizing: border-box;

	font-size:16px;	

	border:0;

	resize:none;

	font-family:"PermianSans";
	font-style: normal;
	font-weight: normal;	

	padding-left:20px;

	padding-top:10px;

}

.form input{

	font-family:"PermianSans";
	font-weight: normal;
	font-style: normal;
	font-size:16px;

	width:100%;

	text-indent:20px;	

	border:0;

	height:50px;

	background-color:#FFF;

	-webkit-box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);

	-moz-box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);

	box-shadow: 2px 2px 5px 0px rgba(182,197,205,0.44);	

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	box-sizing: border-box;

	

	transition: all 0.8s 0.1s ease;

	-moz-transition: all 0.8s 0.1s ease;

	-o-transition: all 0.8s 0.1s ease;

	-webkit-transition: all 0.8s 0.1s ease;

	-khtml-transition: all 0.8s 0.1s ease;

	-opera-transition: all 0.8s 0.1s ease;

	-ms-transition: all 0.8s 0.1s ease;

}





input.error, textarea.error{

	background: #FFD2D2 !important;

	color:#000 !important;

}



input[type="text"].success{

	background: #EDFFEF !important;

	color:#000 !important;

}



/*form styles*/







/*footer styles */



footer{

	position:relative;

	width:100%;

}





/*footer styles */



/* additional styles */



/* carusel */

.liquid {

	padding:10px 0;

	margin-top:20px;

}



.liquid .previous,.liquid .next{

	display:block;

	height:174px;

	width:37px;	

	margin-top:80px;

	padding:0;

	cursor:pointer;

	background-repeat:no-repeat;

}

.liquid .previous {



	background-image:url('../images/diplom/larr.png');

	float:left;

	padding-left:40px;

	

}

.liquid .next {



	background-image:url('../images/diplom/rarr.png');

	float:right;



}

.liquid ul li {

	width:236px;

	padding:0 2px;

	margin:0 5px !important;

	

}



/* carusel */



.clrfix:after {

    clear: both;

    content: "";

    display: block;

}



.center{

	text-align:center;

}



.red{

	color:#f10c0c;

}



.green{

	color: #66CC00;

}



.light-bold{

	font-weight: 600;

}

.bold{

	font-weight: bold;

}

.clear{

	clear:both;

}



.text-shadow{

	text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);;

}



.left{

	float:left;

}



.right{

	float:right;

}



/* additional styles */