/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

dl,
h3,
hr,
menu,
ol,
p,
pre,
ul {
    margin: 1em 0
}

hr,
img,
legend {
    border: 0
}

body,
fieldset,
figure,
form,
h1 {
    margin: 0
}

.links-bar ul.submenu>li ul,
ul {
    list-style-type: none
}

@font-face {
    font-family: etisalat;
    src: url(fonts/AM278_.TTF) format("truetype")
}

@font-face {
    font-family: etisalat1;
    src: url(fonts/AM282_.TTF) format("truetype")
}

.ir:before,
hr {
    display: block
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

button,
html,
input,
select,
textarea {
    font-family: etisalat, sans-serif;
    font-size: 12px;
    color: #222
}

h1 {
    font-weight: 400;
    font-size: 40px
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

body,
select {
    font-family: etisalat, Arial, "Sans Serif"
}

body {
    line-height: 1.4;
    font-size: 16px
}

body>div {
    width: 100%
}

body.ltr {
    direction: ltr
}

body.rtl {
    direction: rtl
}

a {
    color: inherit;
    text-decoration: none
}

p {
    margin: 30px 0
}

ul {
    margin: 0;
    padding: 0
}

select {
    border: 1px solid #ddd;
    height: 30px;
    padding: 4px 3px
}

.wrapper {
    margin: 0 auto;
    max-width: 940px
}


.image-button,
.image-button-black {
    cursor: pointer;
    transition: background-color .4s ease, color .4s ease, border-color .4s ease;
    background-color: #719e19;
    border-bottom: 2px solid #597f14;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 8px 20px
}

.image-button-black:hover,
.image-button:hover {
    background-color: #ccc;
    color: #fff;
    border-color: #aaa
}

.responsive {
    display: none
}

@media screen and (max-width:767px) {
    .responsive.r320 {
        display: block
    }
    .section-title {
        margin: 15px 0
    }
    .pagination {
        padding: 10px 0
    }
    .wrapper {
        max-width: 320px;
        min-width: 300px
    }
}

@media screen and (min-width:480px) and (max-width:767px) {
    .responsive.r480 {
        display: block
    }
    .wrapper {
        max-width: 480px
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .responsive.r640 {
        display: block
    }
    .wrapper {
        max-width: 640px
    }
}

@media screen and (min-width:768px) {
    .wrapper {
        max-width: 768px
    }
}

.float {
    float: right
}

.align-center {
    text-align: center
}