/*
Theme Name: tyrizm_theme
Theme URI: http://itua.com.ua
Description: Тема "tyrizm_theme"
Author: bershadmt
Author URI: http://itua.com.ua
Template:
Version: 0.0.1
.
Лицензия
.
*/
@/* CSS Document */
@font-face {
    font-family: 'Bolero script';
    src: url('fonts/Bolero script.ttf');}
@font-face {
    font-family: 'ArialNarrow';
    src: url('fonts/ArialNarrow.ttf');}
@font-face {
    font-family: 'MyriadPro';
    src: url('fonts/MyriadPro-Regular.otf');}		
html, body {
height: 100%;
}

*{margin:0; 
  padding:0;}

body{overflow-x: hidden;
background:#fff;
font-family: 'Arial';
font-size: 14px;
color: #3e454c;
}
body.mainpage {
	overflow: hidden;
	width: 100%;
	height: 100%
}
.slider{
margin: 0 auto;
width: 100%;
overflow: hidden;
position: absolute;
height: 100%;}

#slidebox{position:relative;  margin:0px auto;overflow:hidden;
height: 100%;}
#slidebox, #slidebox ul {width:100%;height:auto;}
#slidebox, #slidebox ul li{width:100%;height:auto;} #slidebox ul li img {width: 100%}
#slidebox ul li{
min-height: 2000px;position:relative; left:0; background:#eee; float:left;list-style: none; padding:0px 0px;  font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:41px; height:41px;top:350px;}
#slidebox .next{right:0; margin-right:10px; background:url(img/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(img/slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(img/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(img/slidebox_previous_hover.png) no-repeat left top;}

#contact-box input.wpcf7-text, .wpcf7-textarea {
	font-weight: normal;
font-style: normal;
text-decoration: none;
margin-top: -1px;
line-height: 40px;
text-align: left;
font-family: 'Arial';
font-size: 14px;
color: #ddd;
letter-spacing: 0px;
margin-top: 0;
padding: 0px 10px;
width: 400px;
height: 40px;
border: 1px solid #ddd
}
input.wpcf7-submit {
	float: right;
}
.wpcf7-textarea {
	width: 595px;
	height: 200px;
}
.wraper{
position: relative;
width: 940px;
margin:0 auto;
height: auto;
z-index: 2;
}

.header{
min-height:275px;
overflow:hidden;
position: absolute;
width: 100%;
z-index: 100;}

.bg_header{
background: #151b1b;
position:relative;
margin-bottom: -275px;
}

#bg_1{
position: relative;
overflow:hidden;
width:1950px;
height:275px;
margin:0 auto;
left:-300px;
}

.home .content {
margin: -100px 0 0 0;}


.home{
background-color: #da5c2a;
display: table-cell;
vertical-align: middle;
height: 100%;
width: 55px;
float:left;}

.home:hover{
display: table-cell;	 
background-color: #d0431f;}

#img_home{
margin-left:15px;
margin-top: 15px;}

#navigation{
height: 55px;
}

#navigation ul{

background:url(img/separator.jpg) repeat-x;	
overflow:hidden;	
list-style:none;}



#navigation li{
text-transform:uppercase; 
height: 100%;
background:#da5c2a; 
margin-left: 3px;
width: 24.6%;
height: 55px;
float:left;
text-align:center;}

#navigation a{
text-decoration:none;
font-family:Arial;
font-size: 14px;
color:#FFF;}



#navigation li:hover{
background-color: #d0431f;}

#navigation li a {
	display: block;
height: 55px;
line-height: 55px;
}
#home{
position:relative;
top: 120px;
text-align: center;
}

#home a{
text-decoration:none;
font-family:'Bolero Script';
font-size:60px;
color:#fff;}

.image-wrap{
margin-bottom: 30px;
overflow:hidden;

}

#img1:first-child{
margin-left:0;
}
#v_content h4, #sidebar .title{
	font-size: 40px;
	text-transform: uppercase;
	font-family: MyriadPro;
	margin: 0 0  20px;
	padding-top: 35px;
	font-weight: normal;
}	

#img1{
margin-left: 20px;
width:300px;
height:300px;	
background:url(img/page1_pic1.jpg) center no-repeat;
float:left;
text-align:center;

}

#img2{
margin-left: 20px;
width:300px;
height:300px;	
background:url(img/page1_pic2.jpg) center no-repeat;
float:left;
text-align:center;

}

#img3{
margin-left: 20px;
width:300px;
height:300px;	
background:url(img/page1_pic3.jpg) center no-repeat;
float:left;
text-align:center;

}

#img1 h2, #img2 h2, #img3 h2{
margin-top: 80px;
font-family: Arial;
font-weight: normal;
font-size: 2.5em;
text-transform:uppercase;
color:#fff;	
}

.content{
overflow:hidden;
margin: -100px 0 0 0;

}

.left, .center, .right{
width:31.91%;
height:auto;
margin-left: 20px;	
float:left;
overflow:hidden;
}

.left{ 
margin-left:0;	
}

.center{
}

.right{
float:right;
}

#recent-posts-2{
list-style-type: none;
}
.content h3{
text-transform:uppercase;	
font-family: 'ArialNarrow';
font-size:2.2em;	
color:#222a31;
font-weight:normal;
margin-bottom: 35px;
}

.content h4{
text-transform:uppercase;	
font-family: 'ArialNarrow';
font-size:1.25em;	
color:#222a31;
font-weight:normal;
margin-bottom: 15px;
}

.content a{
color:#222a31;
text-decoration:none;
}

.content h4 span, .content a:hover{
color:#f2aa26;
}

.content p{
font-family:Arial;
font-size: 0.875em;
color:#a2a2a2;
}

#pic4{
margin-bottom: 30px;
}

#more_inf, input.wpcf7-submit, .timgtext>div>a{
background:url(img/more-1.jpg) repeat-x;
width: 215px;
height: 45px;
text-align:center;
font-family:Arial;
font-weight:bold;
color: #fff;
margin-top: 35px;
line-height: 45px;
text-transform: uppercase;
border: none;
}

#more_inf:hover, input.wpcf7-submit:hover, .timgtext>div>a:hover{
cursor:pointer;
background:url(img/more-1_hov.jpg) repeat-x;
}

#img_id1{
float:left;
margin-right:10px;}

#info{
margin-left:70px;}

#id1{
margin-bottom:60px;}

#id1:last-child{
margin-bottom:0;
}

#news_id1{
margin-left: 100px;
margin-bottom: 24px;
min-height:100px;}

#img_left{
position: absolute;
margin-left: -100px; 	
width: 90px;
}

#date{
width:60px;	
height: 50px;
background:#f2ac29;
text-align:center;
padding:10px;	
}

#date p{
font-family: Arial;
font-size:2.5em;
line-height: 0.8;
color:#fff;
}

#date span{
font-size:0.5em;
}

#comments{
width:80px;	
height:34px;	
background:url(img/bg-bage.jpg) repeat-x;
}

#img_comments{
margin-top:10px;	
margin-left:30px;
}
#img_badge_arr{
position: absolute;
right: 0px;
top: 10px;}

.right h2{
font-family: 'ArialNarrow';
font-size:1.875em;
color:#5a5a5a;
font-weight:normal;
margin-bottom:20px;
line-height: 0.8;}

.right a{
text-transform:uppercase;
color:#5a5a5a;
text-decoration:none;
}

.right h2 span{
font-family: 'ArialNarrow';
font-size:0.64em;
color:#f2aa26;

} 


.footer{
position: relative;

background:url(img/comp_bg.jpg) repeat;}

.bloks{
display: flex;
height:125px;
position: relative;
background:url(img/comp_bg.jpg) repeat-x;}



#blok{
margin: 0 auto; 
overflow:hidden;
width:940px;
height:125px;
margin:0 auto;
}

#blok a{ float:left;
width:235px;}

#bottom_pic{
width:234px;	
border-right: 1px solid #c6c6c6;}

#last-child{
border-right: none;}

#copyright{
overflow:hidden;
height:80px;
margin:0 auto;
background:#30363b;	
}

#copyright_cont{
position:relative;
overflow:hidden;
width:940px;
height:80px;
margin:0 auto;
font-family: 'MyriadPro';
text-transform:uppercase;
color:#646464;
font-size:0.875em;
}

#copyright_cont a{
margin-top:40px;
text-decoration:none;
color:#646464;
}

#copyright_cont a:hover{
text-decoration:underline;}

#itua{
margin-top:30px;
float:left;}

#soc_seti{
position:relative;
top: -20px; 	
float:right;
width:180px;	
height:80px;}


a.fb{
position:absolute; 
background:url(img/soc_icon1.png) no-repeat; 
width: 34px; 
height:34px;}

a.rss{
position:absolute; 
left: 37px; 
background:url(img/soc_icon2.png) no-repeat; 
width: 34px; 
height:34px;}

a.tw{
position:absolute; 
left: 74px; 
background:url(img/soc_icon3.png) no-repeat; 
width: 34px;
height:34px;}

a.g{
position:absolute; 
left: 111px; 
background:url(img/soc_icon4.png) no-repeat; 
width: 34px; 
height:34px;}



a.fb:hover{
position:absolute; 
background:url(img/soc_icon1_hov.png) no-repeat; 
width: 34px; 
height:34px;}

a.rss:hover{
position:absolute; 
left: 37px; 
background:url(img/soc_icon2_hov.png) no-repeat; 
width: 34px; 
height:34px;}

a.tw:hover{
position:absolute; 
left: 74px; 
background:url(img/soc_icon3.png) no-repeat; 
width: 34px;
height:34px;}

a.g:hover{
position:absolute; 
left: 111px; 
background:url(img/soc_icon4.png) no-repeat; 
width: 34px; 
height:34px;}

.post-meta-key {
display:none;}

ul.post-meta{
list-style:none;}

#more_inf a{
text-decoration: none;
color: #fff;
display: block;
}

.wp-post-image{
margin-bottom:20px;}
#lon{ 
position: absolute; 
top: 500px; 
left:500px;
color: #fff;
font-family: 'Calibri';
font-size: 60px; 

}

#v_content {
margin:30px 0;
margin-top: 275px;
}
#v_content p {	
    font-family: 'Arial';
    font-size:14px;	
    color:#222a31;
    font-weight:normal;
    line-height: 18px;
    margin: 0 0 10px 0;
}
#sidebar{
    float: right;
    width: 25%;
}
.logos {
	width: 940px;
	margin: 0 auto;
	height: 100px;
}
.logos a {
    float: left;
    border-right: 1px solid #ccc;
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    text-align: center;
    height: 80px;
    padding-top: 20px
}
.logos a img {
    max-width: 80%;
}
.logos a:last-child {
	border: none;
}
#sidebar ul li {
    background: url('img/marker.png') no-repeat center left;
    padding: 0px 0px 0px 16px;
    list-style: none;
}
#sidebar ul li a {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    margin-top: -1px;
    line-height: 22px;
    text-align: left;
    font-family: 'Arial';
    font-size: 14px;
    color: #3e454c;
    letter-spacing: 0px;
}
#sidebar ul li a:hover 
{

color: #f2ac29;
}
#cat_content {
	width: 75%;
	float: left;
}
#cat_content h3{
text-transform:uppercase;	
font-family: 'ArialNarrow';
font-size:2.2em;	
color:#222a31;
font-weight:normal;
margin-bottom: 35px;
}

#news_is h2{
text-transform:uppercase;	
font-family: 'ArialNarrow';
font-size:1.250em;
color: #a0a2aa;
font-weight:normal;
}
#news_is span{
text-transform:uppercase;	
font-family: 'ArialNarrow';
font-size:1.250em;
color: #f3a933;
font-weight:normal;

}

#news_is p{
color:#a0a2aa;
}

#img_news{
margin-top:20px;}


#news_is{
margin-bottom:30px;}

.menu{
height:55px;}

#info h4 a{
font-family: 'ArialNarrow';
font-size: 20px;
color: #5A5A5A;
font-weight: normal;
line-height: 0.8;}

#info h4 a:hover{
color: #f2aa26;}

#info span{
font-family: 'ArialNarrow';
font-size: 20px;
color: #f2aa26;
font-weight: normal;
}

#info  p{
text-transform:none;	
font-family: 'Arial';
font-size: 14px;
color: #a2a2a2;
font-weight: normal;
}

.size-full{
margin: 4px 4px;}



.footer, .push {
clear: both;
}
.fullwrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -205px;
}
.footer, .push {
height: 205px;
}
.lang {
	float: right;
}
#navigation .lang {
	border-bottom: 1px solid #da5c2a
}
#navigation .lang li {
display: block;
float: none;
width: 25px;
margin: 0;
height: 27px;
line-height: 27px;
}
#navigation .lang li a {
line-height: 27px;
height: 27px;
display: table-cell;
vertical-align: middle;
text-align: center;
width: 25px;}
.timgtext {
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
}
.timgtext:nth-child(3n) {
	margin-right: 0;
}
.timgtext>div {
position: absolute;
top: 70px;
color: #fff;
width: 244px;
text-align: center;
padding: 0 30px;
font-size: 38px;
font-family: MyriadPro;
}
.timgtext>div>a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	margin: 35px  auto 0
}
.formc {

float: right;
margin-top: -68px;
}
.formc h2{
font-size: 40px;
text-transform: uppercase;
font-family: MyriadPro;
margin: 0 0 4px;
font-weight: normal;}

.logos > div {
width: 720px;
margin: 0 auto;}
.offer {
	width: 300px;
}
ol {
    counter-reset:li; /* Инициализируем счетчик */
    padding:0; /* Удаляем  установленное по умолчанию левое поле*/
    list-style:none; /* Отменяем нумерацию установленную по умолчанию */
}
ol li {
    position:relative; /* Создаем контекст для позиционирования элементов */
    margin:0 0 6px 5em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
    padding:4px 8px;
    min-height: 5em;
    color: #aaadb1
}
ol li:before {
    content:counter(li); /* В качестве данных используем счетчик */
    counter-increment:li; /* Увеличиваем значение счетчика на 1 */
    /* Позиционируем и стилизируем цифры */
    position:absolute;
    left:-65px;
    width:65px;
    height: 65px;
    line-height: 65px;
    padding:0;
    font-size: 40px;
    color: #fff;
    background:rgb(242, 172, 41);
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

ol li strong {
    font-weight: normal;
    color: #3e454c
}