/*

Theme Name: YAP

Author: Elya Mehdiyeva ( Frontend Developer ) - http://elya.dito-media.com/

*/

/***************************************************\

 -------   imported css --------

\**************************************************

@import url('normalize.css');

@import url('jcarousel.yap.css');

@import url('chosen.css');

@import url('odometer-theme-default.css');

@import url('flexnav.css');

@import url('inner-pages.css');

@import url('../mediaelement/mediaelementplayer.css');

*/

*:focus {outline: 0;}

textarea:focus, input:focus{outline: 0;}

body,html{height:100%; margin:0; padding:0; background:#eee;}

#body{min-height:100%; padding:0; position:relative; font-family:Arial, Helvetica, sans-serif;}

/* fonts */



@font-face {

    font-family: 'segoe';

    src: url('../fonts/segoe.eot');/* IE 5-8 */

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

    url('../fonts/segoe.woff') format('woff'),/* FF 3.6, Chrome 5, IE9 */

    url('../fonts/segoe.ttf') format('truetype'),/* Opera, Safari */

    url('../fonts/segoe.svg#requlyar') format('svg');/* iOS */

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'AzGothamMedium';

    src: url('../fonts/AzGothamMedium.eot');/* IE 5-8 */

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

    url('../fonts/AzGothamMedium.woff') format('woff'),/* FF 3.6, Chrome 5, IE9 */

    url('../fonts/AzGothamMedium.ttf') format('truetype'),/* Opera, Safari */

    url('../fonts/AzGothamMedium.svg#requlyar') format('svg');/* iOS */

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'calibri';

    src: url('../fonts/calibri.eot');/* IE 5-8 */

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

    url('../fonts/calibri.woff') format('woff'),/* FF 3.6, Chrome 5, IE9 */

    url('../fonts/calibri.ttf') format('truetype'),/* Opera, Safari */

    url('../fonts/calibri.svg#requlyar') format('svg');/* iOS */

    font-weight: normal;

    font-style: normal;

}







@font-face {

    font-family: 'HeliosCondAzBold';

    src: url('../fonts/HeliosCondAzBold.eot');/* IE 5-8 */

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

    url('../fonts/HeliosCondAzBold.woff') format('woff'),/* FF 3.6, Chrome 5, IE9 */

    url('../fonts/HeliosCondAzBold.ttf') format('truetype'),/* Opera, Safari */

    url('../fonts/HeliosCondAzBold.svg#requlyar') format('svg');/* iOS */

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'HeliosCondAzNormal';

    src: url('../fonts/HeliosCondAzNormal.eot');/* IE 5-8 */

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

    url('../fonts/HeliosCondAzNormal.woff') format('woff'),/* FF 3.6, Chrome 5, IE9 */

    url('../fonts/HeliosCondAzNormal.ttf') format('truetype'),/* Opera, Safari */

    url('../fonts/HeliosCondAzNormal.svg#requlyar') format('svg');/* iOS */

    font-weight: normal;

    font-style: normal;

}





/********** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: **********/





/*--------------------------------------------- container ---------------------------------------------*/

.main-page{}

.container{padding-bottom:50px; width:980px; margin:auto;}



/* header */

header{margin:auto; background:#fff;}

header .top{width:980px; margin:auto; position:relative;}

.flash{float:left; width:300px; height:130px; margin-left:-43px;overflow:hidden;}

.flash img{margin-left:43px;overflow:hidden;}

.row{float:left; width:550px; text-align:center; margin:9px 0 0 -20px;}

.logo{position:absolute; top:20px; right:77px;}

.logo span{display:block; background:url(../images/logo.fw.png) no-repeat; width:85px; height:80px;}

.language{float:right; padding:10px 0 0 0;}

.language a{color:#0B3A7F; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:2px; margin:0 0 0 5px;}

.language a:hover{background:#eee;}

.language a.active{background:#eee;}

.row h1{font-size:28px; font-family:'AzGothamMedium'; color:#0B3B7F; font-weight:normal; line-height:12px;}

.row section.descr{font-family:'GothamBook'; font-size:14px; color:#0B3B7F; font-style:italic;}

.row time{font-family:'calibri'; font-size:14px; color:#0B3B7F; padding:20px 0 0 0;}

.old-version{position:absolute; top:22px; right:0; font-family:'calibri'; font-size:12px;}

.old-version a{text-decoration:underline; color:#fff;}

.old-version a:hover{text-decoration:none;}



/* soc-and-email*/

.soc-and-email{background:url(../images/soc-share-bg.fw.png) no-repeat; height:82px; position:relative;}

.soc-and-email a{color:#fff;}

.soc-and-email .soc{padding:0 15px; position:absolute; top:18px; left:0;}

.soc-and-email .soc a{margin:0 3px;}

.soc-and-email .counter{position:absolute; top:22px; left:335px; width:219px; text-align:center; font-family:'AzGothamMedium'; font-size:12px; color:#555;}

.soc-and-email .counter strong{float:left; font-weight:normal; padding:6px;}

.soc-and-email .counter span.odometer {color:#DC0000; font-size:22px; width:97px; text-align:center; float:right;}

.soc-and-email .send-msg{position:absolute; top:22px; right:230px;}

.soc-and-email .send-msg a{background:url(../images/icon-e.png) no-repeat; padding:0 0 4px 25px; font-family:'AzGothamMedium';font-size:12px; text-decoration:none; color:#555;}

.soc-and-email .send-msg a:hover{text-decoration:underline;}

.soc-and-email .search{position:absolute; top:21px; right:20px;}

.soc-and-email .search input.txt{width:0; border:none; background:#eee; height:20px; padding:5px; display:none; position:absolute; right:25px; top:0; font-size:12px; font-family:'AzGothamMedium'; color:#666;}

.soc-and-email .search .search-btn{position:absolute; right:0; top:5px;}



/* projects */

.projects {padding:0 0 25px 0;width:100%}

.projects ul {width:100%;}

.projects h2{font-size:16px; font-family:'segoe'; font-style:italic; color:#D90000;}

.projects ul li{width:188px; height:170px; float:left; list-style:none; margin:0 5px 5px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}

.projects ul li a{width:188px; height:170px; display:block; text-align:center; background:#fff; font-size:13px; color:#133F79; font-family:'AzGothamMedium'; text-decoration:none;}

.projects ul li a span.img{width:188px; height:120px; display:block; overflow:hidden;}

.projects ul li a span.txt{

    overflow:hidden;  width: 188px;

    height: 49px;

    display: table-cell;

    vertical-align: middle;

}

.projects ul li a:hover{background:#E1E1E1;}



/* menu */

menu{margin:0; padding:0;}

menu li{float:left;   list-style:none; font-size:15px; color:#103D7D;

    font-family:'AzGothamMedium';}

menu li ul{padding:15px 0 0 0;}

menu li li{float:none; margin:0; padding:0 0 7px 0; font-size:13px; color:#444; font-family:'calibri';}

menu li:last-child{margin:0;}

menu li a{color:#103D7D; border-bottom: 1px dotted #000; max-width:184px; display:block;}

menu li li a{color:#444; border-bottom:none; max-width:184px; display:block;}

menu li a{text-decoration:none;}

menu li a:hover{border-bottom:none;}

menu li li a:hover{border-bottom: 1px dotted #000;}

menu .submenu{background:url(../images/chosen/menu-arrow_down.png) 1px 7px no-repeat;}

menu .submenu-open{background:url(../images/chosen/menu-arrow_up.png) 1px 7px no-repeat;}



/* column */

.column{padding:20px 0;}

.column h2{font-size:1.1em; font-family:'segoe'; font-style:italic; color:#D90000;

    padding:10px 5px 25px 5px; margin:0; position:relative;}

.column .left-column{float:left; width:312px;}

.column .right-column{float:right; width:644px;}

.column .right-column .another-news .another-list{float:left; padding:0 5px; width:311px ;}

.column .right-column .another-news .partiya-list{float:right; padding:0 5px; width:311px ;}

.column .right-column .another-news .box figure{text-align:center;}



/* another-list */

.another-news .another-list section.txt time{display:block; border:none; text-align:left;}

.another-news .another-list figure,

.another-news .another-list time{display:block;}

.another-news .another-list figure,.another-news .partiya-list figure{ overflow: hidden;}

.another-news .another-list .active time{display:block;}

.another-news .another-list .active figure{display:block;}

.another-news .another-list .item time.date{border-bottom:1px solid #ccc; height:20px; text-align:right;}

.another-news .another-list{background:none; border:none;}

.another-news .another-list h2{background:#fff; border-right:1px solid #ccc;}

.another-news .another-list .item{background:#fff; margin:0 0 3px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.another-news .another-list .item figure{position:relative;}



.another-list a,

.partiya-list a {color:#444 !important; font-size:14px; text-decoration:none; font-family:calibri;

    display: block;padding: 0;margin: 0;}







/* partiya-list */

.another-news .partiya-list section.txt time{display:block; border:none; text-align:left;}

.another-news .partiya-list figure,

.another-news .partiya-list time{display:none;}

.another-news .partiya-list .active time{display:block;}

.another-news .partiya-list .active figure{display:block;}

.another-news .partiya-list .item time.date{border-bottom:1px solid #ccc; height:20px; text-align:right;}

.another-news .box.partiya-list{background:none; border:none;}

.another-news .partiya-list h2{background:#fff; border-right:1px solid #ccc;}

.another-news .partiya-list .item{background:#fff;  border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.another-news .partiya-list .item figure{position:relative;}



/* block */

.column .right-column .block{margin:20px 0 20px 0; padding:0;}

.column .right-column .block h2{font-size:16px; font-family:'segoe'; color:#D90000;}

.column .right-column .block li{width:206px; float:left; list-style:none; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 8px 0 0; height: 449px;}

.column .right-column .block li:nth-child(3){margin:0;}

.column .right-column .block li.last{margin:0;}

.column .right-column .block li a{display:block; background:#fff; text-decoration:none; height: 449px; overflow:hidden; position:relative;}

.column .right-column .block li a span.blck{padding:10px; border-bottom:1px solid #ccc;}

.column .right-column .block li a span.blck:nth-child(3){border:none; line-height:17px;}

.column .right-column .block li a time{font-size:12px; font-family:'calibri'; color:#133F79; padding:0 0 5px 0;}

.column .right-column .block li a span{display:block; font-size:14px; font-family:'calibri';}

.column .right-column .block li a span.descr{color:#878787; font-size:14px;}

.column .right-column .block li a span.name{font-size:16px; color:#0E3D7A;}

.column .right-column .block li a span.txt{font-family:calibri; font-size:14px; color:#444;}

.column .right-column .block li a span.img{width:208px; height:208px; position:relative;}

.column .right-column .block li a span.img span.play{background:url(../images/play-icon.fw.png) no-repeat; height:50px; width:50px; position:absolute; bottom:10px; left:10px;}

.column .right-column .block li a:hover {background:#E1E1E1;}



/* box */

.box{width:313px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:0; margin:0 0 20px 0;}

.box h2,.linkeng h2,.nounseng h2,.mainblocken li> h2{font-size:16px; font-family:'segoe'; color:#D90000; padding:10px 5px; margin:0; position:relative;}

.box h2 a{position:absolute; text-transform:none; top:15px; right:10px; font-size:12px; color:#545454; text-decoration:underline; font-family:'AzGothamMedium'; font-weight:normal; font-style:normal;}



/* .box h2 a:hover{text-decoration:none;}  */

.box time{font-size:12px; color:#133F79; font-family:'calibri'; padding:5px 0;}

.box section.txt{color:#444; font-family:calibri; padding:0 0 18px 0; font-size:14px;}

.box section.txt a{color:#444; font-size:14px; text-decoration:none;}

.box .item{padding:5px;border-bottom:1px solid #ccc; }

.box .item figure{text-align:center;}



/* news-list */

.news-list section.txt{ font-family:"calibri";}

.news-list section.txt time{display:block; border:none; text-align:left;}

.news-list .item time.date{border-bottom:1px solid #ccc; height:20px; text-align:right;}



/* video-list */

.video-list section.txt time{display:block; border:none; text-align:left;}

.video-list .item time.date{height:20px; text-align:right;}

.box.video-list{background:none; border:none;float:right}

.box.video-list h2{background:#fff; border-right:1px solid #ccc;}

.box.video-list .item{background:#fff; margin:0 0 3px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

.box.video-list .item figure{position:relative; zoom:1;}

.box.video-list .item figure span.play{background:url(../images/play-icon.fw.png) no-repeat; height:50px; width:50px; position:absolute; bottom:15px; left:10px;  }



/* photo-list */

.photo-list section.txt time{display:block; border:none;}

.photo-list .item time.date{height:20px;}



/* common */

.common .left{float:left; width:313px;}

.common .right{float:right; width:313px;}



/* banner */

.banner{margin:0 0 20px 0;}



/* lists */

.lists{padding:0 10px 10px 10px;}

.lists li {list-style:none; padding:0 0 5px 0;}

.lists li a{text-decoration:none; color:#444; font-family:'calibri'; font-size:14px;}

.lists li a:hover{text-decoration:underline;}

/*form-select*/

.form-select{padding:10px;}





/* ----------------------------------------------- footer -------------------------------------------- */

footer{   width:100%; background:#0D3670; font-size:14px; text-align:center; color:#fff;height:95px }

footer section{width:980px; margin:auto; position:relative; /* height:50px; */ padding:20px 0 20px 0;}

footer .mhm{position:absolute; left:0; top:52px;}

footer .mhm a{display:block;width:168px; height:25px; color:#fff;}

footer .mhm a span{display:block; background:url(../images/rabita.fw.png) no-repeat; width:168px; height:25px;}

footer .copyright{float:left; font-family:'calibri'; font-size:14px; color:#fff; }

footer aside{float:left; text-align:left; font-family:'calibri'; font-size:14px; color:#fff; line-height:20px; margin:0 0 0 120px;}







/* hover box item */

.box .item:hover{ background:#E1E1E1;}











.ie7 .projects ul li a span.txt{

    overflow:hidden;  width: 188px;

    height: 49px;

    display:block;

    padding:15px 0 0 0;

}



#inline { display: none; width: 600px; font-size:12px; z-index:1000;}
#inline h2{font-size:20px; padding:0; margin:0 0 25px 0; }
#inline form div{float:right;}
label { margin-right: 12px; font-family: "calibri"; color: #646464; font-size:15px; display:block; float:left; width:80px;}

.email-txt {
    display: inline-block;
    color: #676767;
    width: 483px;
    font-family: Arial, Tahoma, sans-serif;
    margin-bottom: 10px;
    border: 1px dotted #ccc;
    padding: 5px 9px;
    font-size: 1.2em;
    line-height: 1.4em;
}

.txtarea {
    resize: none;
    color: #676767;
    font-family: Arial, Tahoma, sans-serif;
    margin-bottom: 10px;
    width: 483px;
    height: 95px;
    border: 1px dotted #ccc;
    padding: 5px 9px;
    font-size: 1.2em;
    line-height: 1.4em;
}

.email-txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send {
    color: #dee5f0;
    display: block;
    cursor: pointer;
    padding: 5px 11px;
    font-size: 1.2em;
    border: solid 1px #224983;
    border-radius: 5px;
    background: #1e4c99;
    background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d));
    background: -moz-linear-gradient(top, #2f52b7, #0e3a7d);
    background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
    background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
    background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
    background: linear-gradient(top, #2f52b7, #0e3a7d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d');
}
#send:hover {
    background: #183d80;
    background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b));
    background: -moz-linear-gradient(top,  #284f9d, #0c2b6b);
    background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
    background: -o-linear-gradient(top, #284f9d, #0c2b6b);
    background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
    background: linear-gradient(top, #284f9d, #0c2b6b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
    color: #8c9dc0;
    background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7));
    background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
    background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
    background: -o-linear-gradient(top, #0e387d, #2f55b7);
    background: -ms-linear-gradient(top, #0e387d, #2f55b7);
    background: linear-gradient(top, #0e387d, #2f55b7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}


.big-banner
{
    display:block;
    width:980px;
    margin:0 auto 0 auto;
    position:relative;
}


.big-banner img
{
    width:100%;
}

.poll-days
{
    font-size:16px;
    text-align:right;
    position:absolute;
    width:300px;
    top:44px;
    left:105px;
}

a .poll-days
{
    text-decoration:none;
    color:darkblue;
    text-align:center;
    line-height:18px;
}

.poll-days span
{
    background:#efefef;
    padding:0px 0 14px 0;
    border-radius:3px;
    font-size:17px;
    color:#d03100;
    font-family:azgotham;
    margin-right:1px;
    width:28px;
    display:inline-block;
    text-align:center;
}

.poll-days span:first-child
{

}

.poll-days span:last-child
{
    margin-right:5px;;
}

.poll-units
{
    height:55px;
    margin-top:-20px;
}

.poll-units span
{
    width:31px;
    display:inline-block;
    font-size:12px;
    height:0px;
    padding:0;
    background:none;
    text-align:center;

}
