h1,h2,h3,h4{
    font-family: "byekan";
    text-align: right;
    direction: rtl;
    font-weight: normal;
}
.row{
    margin-left: 0;
    margin-right: 0;
}

 
#logo h1{
    background: url('../images/img-sprite.png') no-repeat 0 0;
    width: 124px;
    height: 51px;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}
#error{background-color:#fff3e3;border:1px solid #f9e1bf;color:#a10;border-radius:6px;text-align:center;padding:7px 3px;font-size:11px;width:80%;direction:rtl;}
#success{background-color:#E7FFC6;border:1px solid #4EAA2F;border-radius:6px;text-align:center;padding:7px 3px;font-size:11px;width:80%;direction:rtl; }
#att{background-color:#f5fd98;border:1px solid #FCD600;border-radius:3px;padding:7px 3px;font-size:11px; width:99%;direction:rtl;margin-top:15px;line-height:17px; }

form a:hover{
    color:#357DBF;
}

.logo{

}

.navbar-toggle{
    margin-right: 0 !important;
}

body{
    background:  #F2F3F5;
}

.navbar{
    margin-bottom: 0;
}

header{
    width: 100%;
	border-top: 3px solid #EAEAEA;
	border-bottom: 4px solid #FAFAFA;
	background: #FFF;
	filter: none;
	-webkit-box-shadow: 0 0px 0 2px rgba(0, 0, 0, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.025);
	-moz-box-shadow: 0 0px 0 2px rgba(0, 0, 0, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.025);
	box-shadow: 0 0px 0 2px rgba(0, 0, 0, 0.10), 0px 1px 1px rgba(0, 0, 0, 0.025);
 }

.navbar-default{
    background-color: transparent;
    border: 0 !important;
}

.navbar ul{
    direction: rtl;
    text-align: right;
}

.nav a , .dropdown-menu a{
    font: 15px "byekan",tahoma !important;
}

.navbar-nav>li{
    float: right !important;
}

.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 26px;
}

.navbar-default .navbar-nav>li>a{
    text-align: center;
    color: #616161;
    text-shadow: 0 1px 0 #FFF;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    font-size: 11px;
    -ms-transition: color 0.3s ease-in-out;
    font-family: "byekan";
    transition: color 0.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a:hover{
   color: #616161;
   background: #E5F5F9;
   border-top: 4px solid #60B0C8;
   margin-top: -4px;
   -webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}

.navbar-default .navbar-nav>.active>a, .navbar-default
.navbar-nav>.active>a:hover, .navbar-default
.navbar-nav>.active>a:focus{
    border-top: 2px solid #F60;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{
    border-top: 4px solid #F26722;
    background: #FAFAFA !important;
    color: #BFBFBF;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: -4px;
}

.nav>li>a{
    padding: 25px 11px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border:0;
}

.user-login ul li{
    list-style: none;
    font: 18px "byekan",tahoma;
    display: inline-block;
}

.user-login{
    float: left;
    margin-top: 9px;
}

.user-login ul{
    text-align: left;
    direction: rtl;
    padding-right: 0;
}

.button{
    padding: 2px 7px;

}

.login{
    border: 1px solid rgba(0,0,0,.16);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    background: url("../images/lock.png") 46px center no-repeat;
    padding-right: 22px;
    color:#959595;
}

.login:hover{
    background-color: #eee;
}

.register:hover{
    background-color: #0bb5da;
}

.login:hover{
    color:#959595;
}

.register{
    border: 1px solid #0e9dbd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #05bfe9;
    color:#fff;
    text-decoration: none;
    padding: 2px 7px;
}


a:hover, a:focus {
    color: #ecf1f5;
    text-decoration: none;
}

.navbar-toggle{
    margin-top: 19px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #A7A7A7;
}

ul.nav{
    padding-right: 0;
}


.navbar-ex1-collapse{
    padding-left: 0;
}

footer{
    background-color:#dbdbdb;
    direction:rtl;
    text-align:right;
	border-top:1px solid #B9B9B9;
}
footer a:hover{
    color:#05BFE9;
}

footer p, footer a{
    color:#636363;
    font: 11px tahoma,arial;
    margin: 1em 0;
}

footer p{
    margin-top:22px;
	text-align:right;
	float:left;
}

.menu-footer li{
    position:relative;
}

footer a{
    padding-bottom:2px;
}

.menu-footer li:after{
    content: "";
    position:absolute;
    left:-4px;
    top:14px;
    width:1px;
    background-color: #646464; /*ecf1f5*/
    height:12px;
}

.menu-footer{
    float:right;
}

.menu-footer li:last-child:after{
    background-color: transparent;
}


.custom-nav{
    display: block;
    width: 33px;
    height: 33px;
    background-color: #fff;
    border-radius: 2px;
    background-clip: padding-box;
    background: #FFF url('../images/img-sprite.png') no-repeat 8px -56px;
    box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.active .custom-nav{
    background-color: #22a7d4;
}

.bg-nav{
    border-radius: 6px;
    background-clip: padding-box;
    background-color: #c7d3db;
    box-shadow: 0 -1px 0 rgba(255,255,255,.51), inset 0 1px 4px #b1c0cd;
    padding: 8px;
    margin: 0 auto;
    width: 170px;
    height: 50px;
    position: relative;
    top: 26px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c8d3dc;
    position: absolute;
    bottom: -9px;
    left: 75px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -68px;
    z-index: 10;
}


.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{
    margin: 0 3px;
}

.nav-2{
    background-position: -34px -56px;
}

.nav-3{
    background-position: -74px -56px;
}

.nav-4{
    background-position: -74px -56px;
}

.active .nav-1{
    background-position:  8px -85px;
}

.active .nav-2{
    background-position:  -34px -85px;
}

.active .nav-3{
    background-position:  -74px -85px;
}

.active .nav-4{
    background-position:  -74px -85px;
}


.news a{
    font: 12px tahoma,arial;
    color:#7d7d7d;
    direction: rtl;
    position: relative;
    display: block;
    word-wrap: normal;
    word-spacing: normal;
    word-break: normal;
    height: 49px;
}

.news a:hover{
    color:#676767;
}

.news {
    text-align: center;
    margin-top: -20px;
}

.wrapper-news{
    background-color: #FFFFFF;
    height: 135px;
    clear: both;

}
.wrapper-slider{
    clear:both;
    /*margin-bottom:20px;*/
    overflow:hidden;
}

.news h3{
    text-align: center;
    color:#585858;
    margin-top:0;
}

#quote_wrap{
    width: auto;
    position: relative;
    margin: 0 auto;
    max-width: 600px;
}

.q{
    position: absolute;
    display: block;
    background: url('../images/img-sprite.png') no-repeat -57px -126px;
    width: 12px;
    height: 9px;
}

.q-left{
    left: 0;
    top: 3px;
}

.q-right{
    right: 0;
    top: 17px;
}

.content-slider{
    position: absolute;
}


@media (max-width: 768px) {
    .navbar-collapse.navbar-ex1-collapse{
    position: relative;
    z-index: 90;
    top: -5px;
    }

    .tp-simpleresponsive{
        height: 330px !important;
    }

    .nav>li>a {
        padding: 9px 11px !important;
        }

        .navbar-nav>li{
            width: 100% !important;
        }

    .sign-up:before{
        content: '';
        position: absolute;
        background-color: transparent;
        width: 1px;
        height: 100%;
        top: 0;
        right: -7px;
    }

    .sep{
        border-right: 0 !important;
    }
}


@media (min-width: 1200px){
.container {
width: 970px !important;

}
}

.slider img{
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
}


.slider{
    margin-top: 1em;
    text-align: center;
    overflow: hidden;
}


.heading_caption{
    font: 30px "byekan",tahoma;
    color:#fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.28);
    line-height: 29px !important;
    white-space: pre-wrap !important;
    width: 220px !important;
}

.heading_caption_content{
    color: #eb413b;
    font-family: "byekan";
    font-size: 20px;
}

.list-option{
    font:11px tahoma,arial;
}

.list-option p{
    line-height: 15px;
}

.bannercontainer-simple{
    overflow: visible;
    margin-top: 10px !important;
}

.sft a{
    /*font:11px tahoma,arial;*/
    color:#ec413c;
    background:  url("../images/more.png") left 4px no-repeat;
    padding-left:  12px;
}

.sft a:hover {
    color: #F00;
}

.inline > li{
    margin-left: 8px !important;
}

.list-option p{
    padding-right: 13px;
    background:  url("../images/circle.png") right center no-repeat;
}

.copyright p,.copyright a{
    color:#738599;
}

.tp-bullets{
    opacity: 1 !important;
}

.navbar-nav>li>.dropdown-menu{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.tparrows{
    top: 218px !important;
    opacity: 1 !important;
}

.tp-rightarrow{
    left: 1017px !important;

}

.tp-leftarrow{
    left: -116px !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #FFF;
    background-color: #F26722;
}

.lt-ie9 .navbar-nav >li > a{
    line-height: 31px !important;
}

.lt-ie9 .heading_caption{
    left: 630px !important;
}

.lt-ie9 .bold_red_text{
    left: 90px !important;
}

.lt-ie9 .heading_caption_content{
    left: 265px !important;
}

.navbar-header{
    width: 68px;
    float: right;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #999;
}

p,label{
    /*font-family: tahoma;
    font-size: 11px;
    line-height: 22px;*/
    text-align: justify;
    color:#616161;
    direction: rtl;
}

h1,h2,h3,h4{
    color:#616161;
}

input,textarea,select{
    /*font: 11px tahoma,arial;*/
    text-align: right;
    outline: 0;
    border: 1px solid #cfcfcf;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
}

input{
    padding: 2px 3px;
}

.contact-form input{
    width: 100%;
}

.sidebar h3{
    margin-bottom: 0;
}

.sidebar p{
    margin-top: 0;
    color: #969696;
}

.contact-info{
    list-style: none;
    text-align: right;
    font-family: tahoma;
    direction: rtl;
    padding-right: 0;
    font-size: 12px;
    float: right;
}

.contact-info li{
    line-height: 24px;
    float: right;
    text-align: right;
    width: 73%;
}

.row .row .col-md-4, .row .row .col-md-12,.row .row .col-xs-12{
    padding-right: 0;
}

textarea{
    width: 100%;
    padding: 6px;
    direction: rtl;
}

textarea,input,select{
    margin: 4px 0;
    direction: rtl;
}

select{
    font: 12px tahoma,arial;
}

.contact select{
    width: 100%;
    padding: 8px 6px;
}

input:focus{
    background-color: #F7F7F7;
}

.btn-blue{
    background-color:#00a0c6 !important;
    text-align: center;
    color:#fff;
    font:18px "byekan",tahoma;
    border:0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
    -webkit-box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
    box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
}

.btn-orange{
    background-color:#F26722 !important;
    text-align: center;
    color:#fff;
    font:18px "byekan",tahoma;
    border:0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
    -webkit-box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
    box-shadow: inset 0 -4px 0 rgba(1,1,1,.22);
}

.btn-orange:hover{
    background-color:#f56d29 !important;
}

.btn-blue:hover{
    background-color: #02aad2 !important;

}

.btn-blue:active{
    -moz-box-shadow: inset 0 0 0 rgba(1,1,1,.22);
    -webkit-box-shadow: inset 0 0 0 rgba(1,1,1,.22);
    box-shadow: inset 0 0 0 rgba(1,1,1,.22);
}

.contact-info li span{
    float: left;
}

.social{
    background: url('../images/social-icons-set.png') no-repeat -366px -86px;
    width: 30px;
    height: 30px;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.icon-social{
    list-style: none;
    width: 100%;
}

.rss:hover{
    background-position: -366px -126px;
    background-color: #f99d01;
}

.g{
    background-position: -365px -245px;
}

.g:hover{
    background-position: -365px -286px;
    background-color: #d43934;
}

.linkedin{
    background-position:  -6px -85px;
}

.linkedin:hover{
    background-position:  -6px -126px;
    background-color: #71B2D0;
}

.skyp{
    background-position: -246px -6px;
}

.skyp:hover{
    background-position: -246px -46px;
    background-color: #03b8ef;
}

.icons-social li{
    /*margin-left: 15px !impo*/rtant;
}

.login-box{
    padding: 15px;
    margin-bottom: 40px;
    background: #FFF;
    width: 100%;
    border: 4px solid #FAFAFA;
    -webkit-box-shadow: 0 0px 0 4px rgba(0, 0, 0, 0.025), 0px -1px 1px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: 0 0px 0 4px rgba(0,0,0,.025), 0px -1px 1px rgba(0,0,0,.025);
    box-shadow: 0 0px 0 4px rgba(0, 0, 0, 0.025), 0px -1px 1px rgba(0, 0, 0, 0.025);
}

.login-form .h2{
    text-align: center;
    color: #a4abba;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
    font-weight: normal;

}

@media (min-width: 992px){
.col-md-offset-2 {
    margin-right: 16.666666666666664%;
}
}

.login-box form .input{
    width: 90%;
}

form{
    text-align: center;
}

.sign-up{
}

label{
    font-weight: normal;
    float: right;
    margin-right: 10px;
    vertical-align: middle;
}

.full{
    width: 90%;
}

.login-box h3{
    font-weight: normal;
    text-align: right;
    margin-right: 17px;
}

.pass{
    margin-right: 15px;
    text-align: right;
}

.login-box form{
    padding: 0 22px;
}

.map{
    width: 100%;
}

.sep{
    border-right: 1px solid #ccc;

}

.user-ico{
    background:  url("../images/user.png") right -35px no-repeat;
    padding:  5px;
    padding-right:  34px;
}

.forget-user{
    background-position: right bottom;
}

.create-user{
    background-position: right top;
}

.wrapper-login{
    background: #F2F3F5  url("../images/bg-login.jpg") center center no-repeat;
}


.pass a{
    text-align: right;
}

.hide{
    display: none !important;
    visibility: hidden !important;
}

.show{
    display: block !important;
    visibility: visible !important;
}

.wrapper-slider a{
    /*font: 12px tahoma,arial;*/
}

.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
}
.st-accordion ul li{
    height: 75px;
    overflow: hidden;
    background: #E8ECED;
    border: 1px solid #C8D3DC;
    border-radius: 3px;
    margin: 20px 0;
}

ul{
    padding-right: 0;
}
.st-accordion ul li > a{
    font-family: 'tahoma',Georgia, serif;
    text-shadow: 1px 1px 1px #FFF;
    font-size: 25px;
    display: block;
    padding-right: 20px;
    position: relative;
    line-height: 71px;
    color: #616161;
    outline: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
.st-accordion ul li > a span{
    background: transparent url(../images/down.png) no-repeat center center;
    text-indent:-9000px;
    width: 26px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: -26px;
    margin-top: -7px;
    opacity:0;
    -webkit-transition:  all 0.2s ease-in-out;
    -moz-transition:  all 0.2s ease-in-out;
    -o-transition:  all 0.2s ease-in-out;
    -ms-transition:  all 0.2s ease-in-out;
    transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
    opacity:1;
    left: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    left:10px;
    opacity:1;
}
.st-content{
    padding: 0 20px 20px 0;
    float: right;
    width: 100%;
}
.st-content p{
    font-size:  12px;
    font-family:  tahoma, serif;
    line-height:  24px;
    padding: 0px 0 1px 4px;
    text-align: right;
    width: 80%;
    float: right;
    clear: both;
    margin-bottom: 5px;
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
    .st-accordion ul li > a{
        font-size:36px;
    }
}

ul{
    padding-left: 0;
    direction: rtl;
    text-align: right;
}

.text-slide{
    position: absolute;
    width: 400px;
    right: 0;
    top: 52px;
}

.fees-slide{
    position: absolute;
    width: 500px;
    right: 0;
    top: 52px;
}

.abs{
    width: 100%;
    position: relative;
}


@media (max-width: 922px ) {

 }

.st-accordion ul li:hover {
    background: #F0F3F3;
}

.st-accordion ul li{
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -ms-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
}

.st-open{
    background: #fff !important;
}


.head-plugin{
    width: 100%;
    clear: both;
}


.head-plugin .lab{
    float: right;
    background: url("../images/lab.png") right center no-repeat;
    padding-right: 20px;
    font-weight: normal;
}

.head-plugin input{
    float: left;
}

.clearfix{
    clear: both;
}

.search{
    background: #fafafa url("../images/search.png") 135px 9px no-repeat;
    padding-right: 27px;
}

hr{
    width: 100%;
    border-bottom: 1px solid #c8d3dc;
    height: 1px;
    margin: 10px 0;
}

.plugin{
    width: 98%;
    clear: both;
    padding-bottom: 10px;
    float: right;
    border-top: 1px solid #DFDFDF;
}

.plugin:first-child{
    border-top: 0 !important;
}

a{
    /*font-family: tahoma,arial;
    font-size: 11px;*/
    color:#2F9CD6;
}

a:hover{
    color:#2482B5;
}

p a:hover{
    border-bottom: 1px dotted  #2482B5;
}

.tuts,.download{
    font: 14px "byekan",tahoma,arial;
    color:#fff;
    padding: 5px 26px 5px 5px;
    border-radius: 3px;
}


.tuts{
    background: #21BBD7 url("../images/link-plugin.png") 47px -20px no-repeat;
}


.tuts:hover{
    background-color: #1badc8;
    color: #fff;
}

.download{
    background: #F60 url("../images/link-plugin.png") 40px 7px no-repeat;
}

.download:hover{
    background-color: #f06000;
    color: #fff;
}

.link{
    float: left;
    margin-top: 12px;
}

em{
    font-size: 12px;
    clear: both;
    text-align: right;
    direction: rtl;
    float: right;
    color: #C2C2C2;
    font-style: italic;
}

.plugin h3{
    font-family: sans-serif;
    font-weight: bold;
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
}

.p-lab{
    width: 400px !important;
    white-space: pre-line !important;
}
.lt-ie9 .container{
	width:970px !important;
}

.lt-ie9 .slider li{
	overflow:hidden !important;
}
.lists{
	clear:both;
	float:right;
	list-style-image:url('../images/dot-for-textss.png');
	line-height:28px;
	direction:rtl;
	text-align:right;
	font-size:11px;	
}
.arrow_slide{
    background:  url("../images/arrow.png") right center no-repeat;
    padding-right: 15px;
}
.arrow_slide_2{
    background:  url("../images/arrow-2.png") right center no-repeat;
    padding-right: 15px;
}

.orange{
    color:#ff6600;
}

.honor h1{
    color:#e94146;
}

.timeline-head{
    text-align: center;
    background: url('../images/line.png') 138px 29px no-repeat;
    width: 50%;
    line-height: 40px;
    margin: 0 auto;
    margin-bottom: 2em;
}

.timeline-head span{
    color:#ff6600;
}

.year-end{
    margin-bottom: 0 !important;
    background-color: #434343 !important;
}

.event img{
    margin-left:15px;
}

.event h3{
    color:#ff6600;
    margin-bottom: 10px;
    font-size: 18px;
}

.event p{
    margin-top: 0;
    font: 16px "b yekan",tahoma;
    line-height: 20px;
}

.event:nth-child(even):before{
    position: absolute;
    content: '';
    right: -9px;
    top: 18;
    width: 10px;
    height: 21px;
    background:  url('../images/arrow-time.png') 0 0 no-repeat;
}

.event:nth-child(odd):before{
    position: absolute;
    content: '';
    left: -9px;
    top: 18;
    width: 10px;
    height: 21px;
    background:  url('../images/arrow-time-left.png') 0 0 no-repeat;
}

.timeline, .timeline.v1 {
  margin: 0px auto;
  max-width: 850px;
  overflow: hidden;
  height: auto;
  position: relative;
  padding: 0px;
  list-style-type: none;
  background: url('../images/timeline-line.jpg');
  background-repeat: repeat-y;
  background-position: 50% 0;

  margin-bottom: 2em;
}

.timeline *, .timeline *:after, .timeline:after, .timeline *:before, .timeline:before, .timeline.v1 *, .timeline.v1 *:after, .timeline.v1:after, .timeline.v1 *:before, .timeline.v1:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.timeline .year, .timeline.v1 .year {
  background: #f38415;
  font-size: 18px;
  max-width: 4em;
  clear: both;
  margin: 1em auto;
  color: white;
  font-family: "b yekan";
  border-radius: 100%;
  text-align: center;
  line-height: 48px;
  margin-top: 50px;

  width: 52px;
  height: 52px;
}
.timeline .year:first-of-type, .timeline.v1 .year:first-of-type {
  margin-top: 0 !important;
}
.timeline .year + .event, .timeline.v1 .year + .event {
  margin-top: -1.5em;
}
.timeline .event, .timeline.v1 .event {
  position: relative;
  text-align: center;
  float: right;
  box-shadow: 0 1px 1px rgba(0,0,0,.18);
  clear: right;
  width: 45%;
  margin: 10px 2.5%;
  border-radius: 5px;
  list-style-type: none;
  display: block;
  padding: .4em;
  background: white;
  z-index: 15;
  color: #4d4d4d;
  text-decoration: none;
  -webkit-transition: background .15s linear;
  -moz-transition: background .15s linear;
  -ms-transition: background .15s linear;
  -o-transition: background .15s linear;
  transition: background .15s linear;
}
.timeline .event.featured, .timeline.v1 .event.featured {
  width: 95% !important;
}
.timeline .event.featured:after, .timeline .event.featured:before, .timeline.v1 .event.featured:after, .timeline.v1 .event.featured:before {
  display: none;
}
@media all and (max-width: 600px) {
  .timeline .event, .timeline.v1 .event {
    width: 85%;
  }
}
.timeline .event.offset-first, .timeline.v1 .event.offset-first {
  margin-top: -1.5em;
}
.timeline .event img, .timeline.v1 .event img {
  max-width: 100%;
  float: right;
}
.timeline .event:hover, .timeline.v1 .event:hover {
}
.timeline .event:hover:after, .timeline.v1 .event:hover:after {
  background: #e17a13;
}
.timeline .event:nth-of-type(2n), .timeline.v1 .event:nth-of-type(2n) {
  float: left;
  clear: left;
}
.timeline .event:nth-of-type(2n):after, .timeline.v1 .event:nth-of-type(2n):after {
  right: -8%;
  left: auto;
}
@media all and (min-width: 650px) {
  .timeline .event:after, .timeline.v1 .event:after {
    display: block;
    content: ' ';
    height: 18px;
    width: 18px;
    background: #E17A13 !important;
    border-radius: 50%;
    position: absolute;
    left: -8%;
    top: 1.5em;
    border: 5px solid #FFF;
  }
}
.timeline time, .timeline.v1 time {
  display: block;
  font-weight: bold;
}
.timeline.v2 .year, .timeline.v1.v2 .year {
  background: white;
  color: #505050;
  border: 2px solid #505050;
}
.timeline.v2 .event, .timeline.v1.v2 .event {
  border: none;
  background: #FAFAFA;
  border-bottom: 1px solid #cac4c4;
}

.timeline .event:nth-child(2n+1){
    margin-top: 160px !important;
}

.timeline .event:nth-child(2n+2){
    margin-top: 160px !important;
}

.timeline .event:nth-child(2){
    margin-top: 0 !important;

}


@media all and (max-width: 650px) {
  .timeline .event:before {display: none;}
  .timeline .event:nth-child(2n+2) {margin-top: 0 !important;}
  .timeline .event:nth-child(2n+1) {margin-top: 0 !important;}
  .timeline .event h3{clear: both;}
  .timeline .event img{float: none !important;text-align: center;}
  .timeline .event {float: right !important;}
  .text-slide img{max-width: 50% !important;}
}

@media all and (max-width: 800px) {
  .timeline-head{background: transparent !important;}
}