@charset "utf-8";

/* CSS Document */



body{

	background:url(../../../images/back2.jpg) repeat-y;

	font-size:110%;

	font-family:'SuisseCondNo-Conflict','Arial Narrow',Helvetica,Arial,sans-serif;

}

p{

	margin-bottom:10px;

}

a{

	color:#900;

	font-weight:bold;

}

.clear{

	clear:both;

}

.body_wrapper{

}

#to_top{

	position: fixed;

	right:30px;

	bottom:100px;

	width:45px;

	cursor:pointer;

	display:none;

	z-index:100;

}

#to_top img{

	width:100%;

}

.container{

	width:960px;

	margin:60px auto;

	background:rgba(255,255,255,0.0);

	position:relative;

}

header{

	position:relative;

	padding:20px;

	height:80px;

}

header .social{

	float:right;

	position:relative;

	top:-50px;

}

header .logo{

	width:350px;

	float:left; 

	position: absolute;

	top:-45px;

	left:-35px;

	z-index:100;

}

header h1{

	font-size:230%;

	position: absolute;

	font-weight:normal;

	left:380px;

	top:45px;

	color: #F80;

	color: #036;

}

header h4{

	position: absolute;

	left:340px;

	top:-30px;

	color: #036;

	font-size:100%;

	border-bottom:1px solid #036;

	padding-bottom:16px;

	color:#000;

}

header h3{

	position: absolute;

	right:0px;

	top:45px;

	font-size:110%;
	text-align:right;
	color: #036;

}

.topmenu{

	margin-bottom:20px;

	background: #09C;

	top:120px;

	position:absolute;

	width:960px;

	

}

.topmenu a{

	font-weight:bold;

	display:inline-block;

	font-size:120%;

	text-transform:uppercase;

	color:#fff;

	padding:15px;

}

.topmenu a:hover{

	background: rgba(255,255,255,0.9);

	color:#09C;

}



/*---main---*/

.greatings{

	width:350px;

	padding:20px;

	text-align: center;

	margin-left:10px;

	margin-top:80px;

	font-size:100%;

}

.greatings h1{

	margin-bottom:20px;

	text-transform:uppercase;

	color: #036;

	text-align:center;

}

.make_deal{

	display:block;

	padding:10px;

	color:#fff;

	box-shadow:1px 1px 5px 0px #000;

	width:200px;

	background:#080;

	text-transform:uppercase;

	font-size:100%;

	font-weight:bold;

	border-radius:5px;

	margin:30px auto 0px;

}

.make_deal:hover{

	

	box-shadow: inset 1px 1px 5px 0px #333333;

}

.offers{

	width:500px;

	height:360px;

	margin-right:30px;

	background: url(../../../images/laptop.png) no-repeat;

	background-size:100%; 

	float:right;

	position:relative

}

.offer{

	width:466px;

	height:265px;

	position: absolute;

	top:19px;

	left:17px;

}

.offer img{

	width:100%;

	height:100%;

}

.offer h2{

	position:absolute;

	top:10px;

	left:-1px;

	padding:10px 20px;

	width:428px;

	text-align:center;

	color:#fff;

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

}

h2.block_title{

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	margin-bottom:20px;

	background: #F80;

	font-size:130%;

	padding:5px;

}

/*---main portfolio---*/

.portfolio{

	background: rgba(255,255,255,0.0);

	position:relative;

	overflow:hidden;

	text-align:center;

}

.portfolio_wrapper{

	width:10000px;

	text-align:left;

}

.portfolio_item{

	display:inline-block;

	vertical-align: top;

	text-align:center;

	width:237px;

	position:relative;

}

.portfolio_item:hover{

	border-bottom:3px solid #F60;

}

.portfolio_item .image_wrapper{

	height:250px;

	width:100%;

	position:relative;

	overflow:hidden;

}

.portfolio_item .image_wrapper img{

	width:90%;

}

.portfolio_item a{

	color: #333;

}

.portfolio_item h4{

	margin-top:5px;

	padding:5px 0px;

}

.portfolio_item:hover h4{

	padding-bottom:2px;

}



.support{

	padding:30px 0px;

}

.support h1, .order h1{

	text-transform:uppercase;

	color: #036;

	text-align:center;

	margin-bottom:20px;

}

.support_desc{

	width:350px;

	padding:20px;

	text-align: center;

	margin-right:30px;

	float:right;

	background:rgba(255,255,255,0.5);

	border-radius:10px;

	font-size:110%;

}

.support_item{

	width:500px;

	margin-left:30px;

	position:relative

}

.support_item img{

	width:100%;

	margin-top:25px;

}





.partners{

	text-align:center;

	padding-bottom:30px;

}

.partners a{

	color:#000;

}

.partners h2{

	color:#fff;

	background: #9966CC;

}

.partner_item{

	display:inline-block;

	padding:5px 15px;

}

.partner_item .image_wrapper{

	width:200px;

	height:200px;

	border-radius:50%;

	overflow:hidden;

	border:3px solid #9966CC;

	box-shadow:0px 0px 15px 3px #FFFFFF;

	background:#FFF;

	transition:all ease-out 0.3s;

	margin-bottom:5px;

}

.partner_item .image_wrapper:hover{	

	border-radius:20px;

}

.partner_item img{

	width:100%;

}



/*---*/

.page_wrapper{

	margin-top:70px;

}
.page_wrapper ul{
	padding-left:30px;
	margin-bottom:10px;
}

/*--articles--*/

.article_item{

	background:rgba(255,255,255,0.5);

	margin-bottom:15px;

	padding:15px;

}

.article_item h2{

	text-transform: uppercase;

    color: #036;

    text-align: left;

    margin-bottom: 20px;

	

}

.article_item_creation_date, .article .article_data{

	color:#900;

	font-size:90%;

	font-weight:bold;

	position:relative;

	left:25px;

	margin-bottom:20px;

	width:300px;

}

.article_item img{

	float:right;

	margin:0px 10px 10px 0px;
	max-width:200px;

}

.article_item_readmore{

	clear:both;

	text-align:right;

}

.article_item_readmore a{

	color:#900;

	font-weight:bold;

}

.article_item_readmore a:hover{

	text-decoration:underline;

}

.article{

	padding:20px;

	background:rgba(255,255,255,0.5);

}

.article .image_wrapper{

	float:right;

	width:250px;

}
.article .image_wrapper img{
	width:100%;
}

.article h1{

	text-transform: uppercase;

    color: #036;

    text-align: left;

    margin-bottom: 20px;

}
.article_content div{
	margin-bottom:15px;
}



/*-pagination-*/

.pagination{

	text-align:center;

	margin-bottom:15px;

}

.pagination li{

	display:inline;

	margin:0px 10px;

}

.pagination li a{

	color:#900;

	font-weight:bold;

}

.pagination li a:hover{

	text-decoration:underline;

}





/*---portfolio---*/

.portfolio_list{

	text-align:center;

}

.list_item{

	display:inline-block;

	width:30%;

	height:200px;

	vertical-align:top;

	margin:10px;

	position:relative;

	overflow:hidden;

	transition:all ease-out 0.15s;

}

.list_item img{

	position:absolute;

	top:0px;

	width:100%;

	z-index:10;

	left:0px;

	transition:all ease-out 0.15s;

	

}

.list_item:hover img{

	transform:scale(1.05,1.05);

}

.list_item .description{

	color: #fff;

	width:258px;

	padding:0px 10px;

	position:absolute;

	top:50px;

	height:100px;

	overflow:hidden;

	z-index:20;

}

.portfolio_list_title{

	position:absolute;

	background-position:center top !important;

	bottom:0px;

	padding:5px;

	background: rgba(0,153,204,0.8);

	color: #fff;

	width:278px;

	text-align:center;

	font-size:100%;

	z-index:20;

}

.portfolio_list .readmore{

	position: absolute;

	bottom:0px;

	width:278px;

	text-align:center;

	background:rgba(255,255,255,0.5);

	padding:5px;

	z-index:20;

}

.portfolio_list .readmore a{

	color:#900;

	font-weight:bold;

}

/*---portfolio_item---*/

.item{

	text-align:right;

}

.item h1{

	text-transform:uppercase;

	margin-bottom:20px;

	border-bottom:2px solid #000;

	width:650px;

}



.item .image_wrapper{

	float:right;

	width:300px;

	margin:0px 0px 10px 20px;

	min-height:200px;

}

.item .image_wrapper img{

	width:100%;

}

.item .image_resize{

	position:fixed;

	left:50%;

	width:500px !important;

	margin:0px auto;

	

}

.item .item_data{

	font-weight:bold;

}

.item a{

	color:#900;

}

.item a:hover{

	text-decoration:underline;

}

.item .description{

	margin-top:20px;

	text-align:left;

	padding:10px;

	min-height:175px;

}

/*--services--*/

.service_item, .tarif_item{

	clear:both;

	margin-bottom:10px;

	position:relative;

}

.service_item_top, .tarif_item_top{	

	border:1px solid #999;

	border-top-left-radius:10px;

	border-top-right-radius:10px;

	border-bottom:none;

	background: rgba(255,255,255,0.8);

	padding:15px 15px 30px;

	cursor:pointer;

}

.service_item_bottom, .tarif_item_bottom{	

	background: rgba(255,255,255,0.8);

	border:1px solid #999;

	border-top:none;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

	height:10px;

}

.service_item .iter, .tarif_item .iter{

	float:left;

	width:50px;

	color: #900;

	font-weight:bold;

	text-align:center;

	font-size:120%;

}

.service_item .price, .tarif_item .price{

	float:right;

	width:150px;
	color: #900;

	font-weight:bold;

	text-align: right;

	font-size:120%;

}

.service_item .service_item_description, .tarif_item .tarif_item_description{

	padding:10px 15px 10px 30px ;

	background: rgba(153,153,204,0.3);

	margin:0px 50px;

}

.service_item h3, .tarif_item h3{

	position: absolute;

	left:70px;

}

.tarifs h1, .services h1{

	margin-top:20px;

    text-transform: uppercase;

    color: #036;

    text-align: center;

}

.tarifs h4{

	color: #900;

    text-align: center;

	margin-bottom:10px;

}

.click{

	text-align:center;

	color:#666;

	margin:10px;

	margin-bottom:20px;

}

.tarif_item .text{

	margin-bottom:20px;

}



.tarif_item .service_list{

	width:40%;

	float:right;

	padding:10px;

	border-radius:10px;

	background:rgba(255,255,255,0.5);

	text-align:center;
	margin:0px 0px 10px 10px;
	font-weight:bold;

}


.tarif_item .service_list th{
	border-bottom:1px solid #000;
}

.tarif_portfolio{

}

.tarif_portfolio_item{

	display:inline-block;

	width:140px;

	text-align:center;

	vertical-align:top;

	padding:5px;

}

.tarif_portfolio_item img{

	width:100%;

}

.tarif_portfolio_item a{

	color:#000;

}

.tarif_portfolio_item h5{

	margin-top:5px;

	font-weight:normal;

}

.tarif_portfolio_item_wrapper{	

	height:150px;

	overflow:hidden;

}





/*--order--*/

.order{

	text-align:center;

	padding:20px 50px;

}

.pretitle{

	font-size:110%;

	color:#900;

	font-weight:bold;

	margin:30px 10px;

	text-align:center;

}

.order select.input{

	border-radius:10px;

	padding:10px;

	width:100%;

	font-size:100%;

	font-weight:bold;

	margin-bottom:15px;

}

.order textarea.input{

	border-radius:10px;

	padding:10px;

	width:838px;

	font-size:90%;

	margin-bottom:15px;

	font-family:'SuisseCondNo-Conflict','Arial Narrow',Helvetica,Arial,sans-serif;

}

.order textarea::-webkit-input-placeholder {font-size:130%;padding-left:5px;}

.order textarea::-moz-placeholder          {font-size:130%;padding-left:5px;}/* Firefox 19+ */

.order textarea:-moz-placeholder           {font-size:130%;padding-left:5px;}/* Firefox 18- */

.order textarea:-ms-input-placeholder      {font-size:130%;padding-left:5px;}

:focus::-webkit-input-placeholder {color: transparent}

:focus::-moz-placeholder          {color: transparent}

:focus:-moz-placeholder           {color: transparent}

:focus:-ms-input-placeholder      {color: transparent}



.order input.input{

	border-radius:10px;

	padding:10px;

	width:80%;

	font-size:100%;

	margin-bottom:15px;

	box-shadow:none;

	border:1px solid #999;

}

.order input#ch_other{

	width:100%;

}

.order .modules{

	text-align:left;

}

.order .contacts table{

	width:90%;

	margin:0px auto;

}

.order .anketa{

	text-align:left;

}

.order .anketa .hidden{

	float:right;

}

.order .other{

	width:618px !important;

	margin-left:20px;

}

.order .modules table{

	width:100%;

}

.order .modules table td{

	padding:20px;

	vertical-align:top;

}

.order input.checkbox{

	display:none;

}

.order label.check{

	display:inline-block;

	cursor:pointer;

	font-weight:bold;

	font-size:110%;

	vertical-align:middle;

	position:relative;

	padding-left:50px;

	height:42px;

	line-height:18px;

}

.order label.check:before {

    content: "";

	display: inline-block;

    width: 40px;

    height: 40px;

	border-radius:22px;

    background-color: #fff;

	border:1px solid #999;

	position:absolute;

	left:0px;

	bottom:12px;

}

.order input.checkbox:checked + label:before{

	content: "\2713";

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

    font-size: 30px;

    color: #900;

    text-align: center;

    line-height: 40px;

}

.submit{

	padding:10px;

	color:#fff;

	background:#080;

	text-transform:uppercase;

	font-size:100%;

	font-weight:bold;

	border-radius:5px;

	margin:30px auto 0px;

	cursor:pointer;

}

.tarif{

	padding:20px;

	border-radius:20px;

	background:rgba(255,255,255,0.5);

	margin-bottom:30px;

}

.tarif table{

	width:100%;

	border-bottom:1px solid #036;

}

.tarif table th{

	padding-bottom:10px;

	border-bottom:1px solid #036;

}





/*---footer---*/

footer{

	font-weight:bold;

	padding:30px 20px 0px;

	color: #036;

	border-top: 3px solid #09C;

	margin-top:20px;

}

footer .left{

	float:left;

}

footer .right{

	float:right;

	text-align:right;

}

footer .center{

	margin:0px auto;

	text-align:center;

}

footer h1{

	font-size:230%;

	font-weight:normal;

	position:relative;

	top:-5px;

}