* {
    margin: 0;
    padding: 0;
    outline: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
il,
a,
input {
    direction: rtl;
}

ul,
ol,
dl {
    list-style-position: inside;
    font-weight: normal;
}

::-moz-selection {
    background: #6d5276;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #6d5276;
    text-shadow: none;
    color: #fff;
}

@font-face {
    font-family: Calibri;
    font-style: normal;
    font-weight: normal;
    src: local('Calibri Regular'), url('fonts/CALIBRI.woff') format('woff');
}

@font-face {
    font-family: droid;
    src: url('fonts/DroidKufi-Regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/DroidKufi-Regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/DroidKufi-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/DroidKufi-Regular.svg#svgFontName') format('svg');
    /* Legacy iOS */
}


/*=========================================
            start code
==========================================*/

body {
    font-family: droid, Calibri, verdana, tahoma;
    background: url(image/pattern.jpg);
    min-width: 300px;
}

.container {
    background: url(image/pa.jpg) repeat;
}

.rightcontent p {
    padding: 4px;
}

.header {
    background: url(image/header-bg.png) no-repeat top;
    min-height: 265px;
}

.logo {
    direction: rtl;
    width: 200px;
    height: 170px;
    position: relative;
    right: -150px;
    top: 60px;
}

.contacts {
    color: #e5b933;
    opacity: 0.5;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    width: 200px;
    direction: rtl;
}

.contacts i {
    display: block;
    color: #fff;
    direction: rtl;
    font-size: 14px;
    display: inline-block;
}

.contacts span {
    color: #71cfff;
}

.bnr {
    margin-top: 100px;
}


/*=========================================
            news
==========================================*/

.news {
    position: relative;
    direction: rtl;
}

.arrows .news-prev {
    background: url(image/newsw.png) no-repeat left;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 40px;
    top: 30px;
    cursor: pointer;
}

.arrows .news-next {
    background: url(image/newsw.png) no-repeat right;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    left: 13px;
    top: 30px;
    cursor: pointer;
}

.newsticker {
    line-height: 63px;
    direction: rtl;
    list-style: none;
    background: #f7f8f8;
    padding: 0 10px;
    margin: 15px 0;
    padding-left: 55px;
}

.newsticker li {
    height: 63px;
}

.newsticker li h3 {
    color: #707070;
    font-family: droid, verdana, tahoma;
    font-weight: normal;
    font-size: 14px;
    margin: 0 5px;
    line-height: 63px;
}

.newsticker li h3:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 15px;
    margin: 0 5px;
    background: #e5b933;
    line-height: 63px;
}


/*=========================================
            slinks
==========================================*/

.slinks {
    width: 100px;
    margin: 15px auto;
}

.slinks a {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 4px 3px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.slinks a i {
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.slinks a.fb {
    background: #3f67c0;
}

.slinks a.tw {
    background: #2daae1;
}

.slinks a.rss {
    background: #6d5276;
}

.slinks a.google {
    background: #eb5b4c;
}

.slinks a:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: .7
}

form {
    border: #CCCC33 1p dotted !important;
}


/*=========================================
            menu
==========================================*/

#nav {
    position: relative;
    z-index: 99999999;
}

#nav ul,
#nav ul ul {
    list-style: none;
    padding: 0;
    width: 100%;
}

#nav ul ul {
    position: relative;
}

#nav ul li {
    position: relative;
    z-index: 1000000;
}

#nav ul ul li {
    margin-top: -45px;
    -webkit-transition: 0.4s linear 0.4s;
    transition: 0.4s linear 0.4s;
}

#nav ul li a,
#nav ul ul li a {
    width: 80px;
    background: url(image/t.png) repeat;
    color: #e5b933 !important;
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    line-height: 44px;
    outline: 0;
    text-decoration: none;
    border-bottom: 1px solid #fcf29e;
}

#navs ul li a {
    background: url(image/t.png) repeat;
    color: #e5b933;
    display: block;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    outline: 0;
    text-decoration: none;
    border-bottom: 1px dotted #666;
    padding: 13px 40px;
}

#navs ul li a:hover {
    background: url(image/patternpoint.png) repeat;
    text-shadow: 2px 2px 4px #fff38a;
    color: #000;
}

#nav ul ul li a {
    background-color: #fcf29e;
    border-bottom: 1px solid #e5b933;
    color: #e5b933;
    font-size: 14px;
    line-height: 44px;
    color: #666;
}

#nav ul ul li a:hover {
    background: url(image/pattern.jpg) repeat;
    text-shadow: 2px 2px 4px #fff38a;
}

#nav ul li.menu-item-has-children a:hover {
    background: #e5b933;
    color: #fff;
    outline: 0;
}

#nav ul li.menu-item-has-children>a:before {
    content: " +";
    text-indent: 5px;
    margin: 0 2px;
}

#nav ul li.menu-item-has-children a:hover:before {
    content: " -";
}

#nav ul a:hover~ul li {
    margin-top: 0;
    -webkit-transition: 0.4s linears;
    transition: 0.4s linear;
}

#nav ul a:active~ul li {
    margin-top: 0;
}

#nav ul ul:hover li {
    margin-top: 0;
}

.navbar-default .navbar-toggle {
    border: 1px#e5b933 dotted;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: #e5b933;
}


/*=========================================
            contacts
==========================================*/

.contact {
    overflow: hidden;
    padding: 10px;
    color: #666;
    direction: rtl
}

.contact input,
.contact textarea {
    width: 100%;
    background: #CCCCCC;
    min-height: 35px;
    margin: 2px 0;
    padding: 5px;
    border: 1px solid #333333 -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.contact input:focus,
.contact textarea:focus {
    border: 1px solid #707070;
}

.contact textarea {
    margin: 10px 0;
}

.contact input[type=submit] {
    border: 0
}

.contact input[type=submit]:hover {
    background: #CC9966;
}

.contact .invalid {
    border: 0 !important
}


/*=========================================
            newsletter
==========================================*/

.newsletter {
    background: #fff38a;
    min-height: 150px;
    padding: 5px 10px;
    margin: 5px;
}

h3 {
    text-shadow: 2px 2px 4px #bab9b0;
    background: url('image/f.jpg') repeat;
    border-bottom: 1px #fff38a dotted;
}

.newsletter h2 {
    color: #fff;
    font-size: 16px;
}

.newsletter h2 i {
    color: #fff;
}

.newsletter input[type=email] {
    border: 0;
    height: 35px;
    background: #e1e2e9;
    padding: 5px;
    width: 100%;
}

.sectors input[type=submit] {
    display: block;
    border: 0;
    background: #CC9900;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    padding: 15px 35px;
    text-shadow: 2px 2px 4px #000000;
    float: right;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sectors input[type=submit]:hover {
    background: url(image/patternpoint.png) repeat;
}

.newsletter input[type=submit] {
    display: block;
    border: 0;
    background: #838383;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 7px 25px;
    margin: 10px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.newsletter input[type=submit]:hover {
    background: #fcf29e;
    color: #838383;
}


/*=========================================
            content
==========================================*/

.content h1.title {
    color: #e5b933;
    font-size: 18px;
    padding: 5px;
    margin-top: 45px;
}

.content .bb {
    width: 45px;
    height: 2px;
    background: #211d69;
    float: right;
    margin-right: 85px;
}

.content a.more-works {
    display: block;
    background: #e5b933;
    width: 100px;
    height: 30px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    line-height: 30px;
    font-size: 14px;
    text-decoration: none;
    margin: 45px 10px 10px 10px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.content a.more-works:hover {
    background: #201c69;
}

.content .item {
    padding: 5px;
    margin: 10px 2px;
    border: 1px solid #e3e3e3;
}

.content .item .item-img {
    cursor: pointer;
    margin-bottom: 5px;
}

.content .item .item-img img {
    height: 125px;
    width: 100%;
    position: relative;
}

.content .item .caption {
    position: absolute;
    top: 0;
    height: 125px;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 125px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.content .item .caption i {
    display: block;
    width: 43px;
    height: 43px;
    background: #0079fd;
    border-radius: 50%;
    line-height: 43px;
    margin: 40px auto 0 auto;
}

.content .item:hover .caption {
    opacity: 1;
}

.content .item h2 {
    color: #838383;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

.content .item a.more {
    background: #e5b933;
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    width: 60px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 29px;
}

.content .item:hover a.more {
    background: #999999;
}

.content .item .rate .img {
    display: inline-block
}

.content .item .rate {
    font-size: 10px;
    text-align: center;
    margin-top: 28px;
}


/*=========================================
            footer
==========================================*/

.footer {
    background: url(image/pa.jpg);
}

.footer a.afkar {
    display: block;
    width: 210px;
    color: #7e99bb;
    text-decoration: none;
    text-align: left;
}

.footer a.afkar span {
    line-height: 50px;
    float: right;
}


/*=========================================
            page
==========================================*/

.page {
    direction: rtl;
}

.page .page-title {
    background: #fcf29e;
    color: #333333;
    text-align: right;
    height: 60px;
    font-weight: normal;
    padding: 0 10px;
}

.page .page-title h1 {
    font-size: 18px;
    line-height: 60px;
    margin: 0;
}

.page .page-content {
    background: #fff;
}

.page .page-content img {
    max-width: 100%;
    padding: 5px;
}

.page .page-content p {
    font-size: 14px;
    #333333: #fcf29e;
    text-align: justify;
    padding: 10px;
    direction: rtl
}

.page ul {
    padding: 10px;
}

.page ul li {
    #333333: #fcf29e;
    font-size: 16px;
    font-weight: normal;
}


/*=========================================
            media query
==========================================*/

@media only screen and (max-width: 767px) {
    .container {
        background: #fff;
    }
    .header {
        background: url(image/x.jpg);
    }
    .newsticker {
        max-width: 100%;
        padding-left: 10px;
    }
    .contacts {
        float: right;
        margin: 10px;
    }
    .slinks {
        width: auto;
        margin: 10px;
    }
    #nav {
        margin: 10px auto;
    }
    .content h1.title {
        text-align: center;
    }
    .content .bb {
        float: none;
        margin: 0 auto;
    }
    .content a.more-works {
        margin: 20px auto 10px auto;
    }
    /* navbar toggle */
    .navbar-default .navbar-nav>li>a {
        border-bottom: 1px dotted #666;
        text-align: center
    }
    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        background: url(image/patternpoint.png) repeat;
        text-shadow: 2px 2px 4px #fff38a;
        color: #000;
    }
    .dropdown-menu {
        text-align: right;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav {
        float: none;
    }
    .navbar-collapse {
        background: #fcf29e;
    }
    .navbar-header {
        background: url(image/t.png) repeat;
    }
    .navbar-toggle {
        margin: 15px 10px;
        background: url(image/patternpoint.png) repeat;
        text-shadow: 2px 2px 4px #fff38a;
        color: #000;
        ;
        border: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
    .navbar-default {
        background: #fcf29e;
    }
    .navbar-toggle:hover .icon-bar,
    .navbar-toggle:focus .icon-bar {
        background-color: #fcf29e;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        #333333: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        #333333: #fff;
        background: #fcf29e;
    }
}

@media only screen and (max-width: 397px) {
    .slinks {
        width: 100px;
    }
}


/*=========================================
            bootstrap
==========================================*/

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
    float: right
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
    float: right
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
    float: right;
}


/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.newsletter {
    background: #e5b933;
}

.bramzi {
    display: block;
    border: 0;
    background: #838383;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 7px 25px;
    margin: 10px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.bramzi:hover {
    background: #fcf29e;
    color: #838383;
}

#contactForm {
    color: #666;
    padding: 25px 0;
    background: url(image/pattern-2.png);
}

.mobile_rmz {
    background: url(image/pattern.jpg);
}

.mobile_rmz ul li {
    border-bottom: #fcf29e 1px solid;
}

.mobile_rmz ul li ul li {
    border-bottom: #333333 1px dotted;
    color: #666666;
}

.clear {
    clear: both
}


/*here popup stile */


/* end of popup stile */