/*
Theme Name: Riton.it
Theme URI: http://www.Riton.it/
Description: این پوسته به صورت سفارشی توسط تیم ریتون طراحی و کدنویسی شده است.
Version: 1
Author: Mehrdad Nateghi - Nateghi@riton.it
Author URI: http://www.Riton.it/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue,white,gray,silver
*/

/*************************** Common ***********************************/
body {
    background: #fff;
    font-family: Vazir, Tahoma, Arial;
    color: #333;
    font-size: 17px;
    overflow-x: hidden !important;
    line-height: 2;
}

@font-face {
    font-family: Vazir;
    src: url('fonts/Vazir-Light-FD.eot');
    src: local('Vazir-Light-FD'), url('fonts/Vazir-Light-FD.woff') format('woff'), url('fonts/Vazir-Light-FD.ttf') format('truetype');
    font-style: normal !important;
}
p{
    margin-bottom: 0px;
}
/*************************** Layout ***********************************/
.riton_toolbar{
    background: #00b4ff;
    color: #fff;
    padding: 10px 0px;
}
.riton_header{
    background: #4900ff;
    color: #fff;
    min-height: 110px;
    padding: 10px 0px;
}
.search{
    padding-top: 30px;
}
.riton_menu{
    background: #ffca00;
}
.riton_product{
    background: #f7f7f7 url("images/bg-product.jpg") 10% bottom;
    background-repeat: no-repeat;
    padding: 50px 0px;
}
.product_right p{
    color: #8d98a1;
}
.product_right h2{
    margin-bottom: 20px;
}
.product_left{
    padding-top: 55px;
}
.product_left li {
    background: url('images/arrow.png') no-repeat right 10px;
    list-style: none;
    text-indent: 22px;
}
.riton_contact{
    background: url("images/men.png") top right;
    background-repeat: no-repeat;
    height: 500px;
    margin-top: -100px;
}
.contact{
    margin-top: 180px;
    text-align: center;
}
.contact p {
    color: #8d98a1;
    background: #fff;
    display: table;
    margin: 0px auto 0px auto;

}
.contact h2{
    background: #fff;
    padding: 10px;
    display: table;
    margin: auto;
}
.contact strong{
    background: #ffca00;
    color: #333;
    padding: 20px 60px;
}
.riton_customer{
    padding: 50px 0px;
    background: #f7f7f7;
}
.riton_article{
    padding: 50px 0px;
}
.article h2{
    margin-bottom: 20px;
}
.riton_agency{
    background: #00b4ff;
    padding: 90px 0px 60px 0px;
    color: #fff;
}
.riton_agency a:hover{
    text-decoration: none;
    opacity: 0.7;
}
.agency_right{
    padding-top: 10px;
}
.agency_left a{
    background: #ffca00;
    color: #333;
    padding: 20px 60px;
    display: table;
}
.riton_footer{
    background: #333;
    padding: 50px;
    color: #f7f7f7;
}
.riton_footer h2{
    color: #00b4ff;
}
.riton_footer ul{
    padding-right: 5px;
}
.riton_footer ul li{
    list-style: none;
    color: #f7f7f7;
}
.riton_footer ul li a{
    color: #f7f7f7;
}
.footer_left{
    margin-bottom: 20px;
}
.footer_bottom{
    padding-top: 10px;
    border-top: 1px solid #817878;
}
.riton_main{
    padding: 50px 0px;
}
.social{
    text-align: center !important;
}
.riton_video{
    margin-top: 50px;
}
.riton_video h2{
    margin-bottom: 30px;
}
@media screen and (max-width: 800px) {
    .logo {
        text-align: center !important;
    }
}



/*************************** Mega Menu ***********************************/
.mega-menu-wrap{
    background: rgba(0,0,0,0) !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-flyout ul.mega-sub-menu{
    background: #ffca00 !important;
    width: 310px !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu{
    background: rgba(0,0,0,0) !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu , #mega-menu-wrap-btmmenu #mega-menu-btmmenu > li.mega-menu-item > a.mega-menu-link{
    text-align: right !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item > a.mega-menu-link:focus {
    color: #fff !important;
    background: #00b4ff !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item > a.mega-menu-link {
    text-align: right !important;
    font-size: 17px !important;
    font-family:vazir !important;
    padding:0px 20px !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    text-align: right !important;
    font-size: 17px !important;
}
a.mega-menu-link {
    background: rgba(0,0,0,0) !important;
    font-family: vazir !important;
    color: #333 !important;
    text-align: center !important;
}
ul.mega-sub-menu a.mega-menu-link{
    border-bottom: 1px solid #fff !important;
}
a.mega-menu-link:hover {
    background: #00b4ff;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}
#mega-menu-wrap-topmenu .mega-menu-toggle #mega-toggle-block-1::before, #mega-menu-wrap-topmenu .mega-menu-toggle .mega-toggle-block-1::after,
#mega-menu-wrap-btmmenu .mega-menu-toggle #mega-toggle-block-1::before, #mega-menu-wrap-btmmenu .mega-menu-toggle .mega-toggle-block-1::after {
    color: #fff !important;
}
#mega-menu-wrap-topmenu .mega-menu-toggle, #mega-menu-wrap-btmmenu .mega-menu-toggle{
    background: rgba(0,0,0,0) !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu{
    right:100% !important;
    left: 0% !important;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-item:hover{
    background: #00b4ff;
}
.mega-sub-menu ul.mega-sub-menu {
    border:none !important;
}
#mega-menu-wrap-btmmenu #mega-menu-btmmenu > li.mega-menu-item > a.mega-menu-link{
    color: #fff !important;
    background: #00b4ff;
}
#mega-menu-wrap-topmenu .mega-menu-toggle #mega-toggle-block-1::after {
    font-size: 17px;
    font-weight: normal !important;
    float: right;
}
#mega-menu-wrap-topmenu #mega-menu-topmenu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: 0%;
    right: 100%;
}
/*************************** Testimonials ***********************************/
.figure.style2 div.blockquote::after, .figure.style2 div.blockquote::before {
    display: none !important;
}
.figure.style2{
    font-family: Vazir !important;
    text-align: center !important;
}
.title_link, .excerpt {
    text-align: right !important;
}
.title_link a{
    color: #333 !important;
}
.post-grid .item .layer-media img{
    margin-bottom: 10px;
}