@charset "utf-8";


/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,400italic,700,700italic,900,900italic,300italic);


/*  @import url(https://fonts.googleapis.com/css?family=Open+Sans);



   @import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,100,300,100italic,300italic);



   @import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/


/*@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);   font-family: 'Oswald', sans-serif;*/


@font-face {

    font-family: 'FontAwesome';

    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');

    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');

    font-weight: normal;

    font-style: normal;

}


.fa {

    display: inline-block;

    font: normal normal normal 13px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    transform: translate(0, 0);

}


@font-face {

    font-family: "B Yekan";

    src: url(../fonts/BYekan.otf) format("Open Type");

    src: local('BYekan'), local('Yekan-Bold'), url(../fonts/BYekan.woff) format("woff");

    font-weight: normal;

    font-style: normal

}


body {

    font-family: "B Yekan", lato, sans-serif;

    margin: 0;

    padding: 0;

    font-size: 13px;

    line-height: 20px;

    color: #000;

    background: #fff url(../images/icons/body-pattern.png);

}


data-sr {

    background: transparent

}


li {

    line-height: 28px;

}


a,
a:hover {

    text-decoration: none;

}


* {

    outline: none !important

}


a {

    /*font-family:"B Yekan",lato,sans-serif;*/

    text-decoration: none;

    color: #000;

    outline: none

}


a:hover {

    text-decoration: none;

}


p {

    /* font-family:"B Yekan",lato,sans-serif;*/

    font-size: 13px;

    margin: 0 0 7px;

    line-height: 20px;

}


.text-muted {

    color: #000;

    font-size: 1.1em;

}


ul {

    margin: 2px 0px 5px;

}


img {

    max-width: 100%

}


#main {

    padding: 0;

}


h3.h3-title {

    color: #ff0000;

    font-size: 3.07em;

    font-weight: bold;

    line-height: 40px;

    text-align: center;

    margin: 10px auto 10px

}


p.p-title {

    font-size: 1.55em;

    color: #000;

    padding: 0 0 20px;

    text-align: center;

    font-weight: bold

}


h3.title1 {

    color: #0e2b3e;

    font-size: 2.15em;

    font-weight: normal;

    background: url(../images/line-header.png) bottom center no-repeat;

    text-align: center;

    margin: 10px auto 25px;

    padding: 0 0 15px;

}


h3.title1 span {

    font-size: 1.5em;

    font-weight: bold;

    color: #000;

    padding: 0 0 20px;

}


.page-header {

    border-bottom: none;

    margin: 0 0 5px

}


.page-header h1 {

    color: #2290d6;

    font-size: 3.23em;

    margin: 15px auto;

}


a.read-more {

    color: #00a8ff;

    text-align: right;

    float: right;

    margin-right: 5px;

}


a.read-more:hover {

    color: #ff0000;

}


#main-page {

    position: relative;

}


#main-content {

    padding: 10px 0 30px;

    min-height: 100px;

    clear: both

}


a:hover {

    text-decoration: none

}


.red-title {

    margin-top: 10px;

    color: #ff0000;

    font-size: 1.84em;

    font-weight: normal;

    line-height: 35px;

    padding: 0 0 5px;

}


.wow {

    visibility: hidden;

    -ms-visibility: visible;

}


/*header--------------------------------------------------------------------------------------**/


#p-header,
#E-header {

    position: relative;

    padding-top: 40px;

}


#menu-div {

    width: 100%;

}


#logo {

    width: 176px;

    position: absolute;

    z-index: 1000;

}


#p-top {

    position: absolute;

    top: 20px;

    left: 15px;

}


#E-top {

    position: absolute;

    top: 20px;

    right: 15px;

}


#p-header #menu {

    margin-right: 120px;

    margin-top: 32px;

}


#E-header #menu {

    margin-left: 137px;

    margin-top: 32px;

}


.header-div {

    background: #fff

}


#E-header .navbar-right {

    margin-right: 0

}


.header select {

    -webkit-appearance: none;

    /*Removes default chrome and safari style*/

    -moz-appearance: none;

    /* Removes Default Firefox style*/

    background: url(../images/icons/arow-select.jpg) no-repeat;

    /*Adds background-image*/

    background-position: left;

    /*Position of the background-image*/

    text-indent: 0.01px;

    /* Removes default arrow from firefox*/

    text-overflow: "";

    /*Removes default arrow from firefox*/

    cursor: pointer;

    width: 110px;

    height: 26px;

    border: 1px solid #7dc5ba;

    color: #666666;

    padding: 0 5px;

}


#E-top select {

    background-position: right;

}


#language-div {

    float: left;

}


#p-contact {

    float: right;

    margin-left: 10px;

}


#p-contact p {

    background: url("../images/icons/tel.png") no-repeat scroll right 2px;

    padding-right: 20px;

    margin: 0 10px;

    display: inline-block;

}


#p-contact p.manager {

    background: url("../images/icons/m2.png") no-repeat scroll right 2px

}


/*start menu style*/


@font-face {

    font-family: "B Yekan";

    src: url(../fonts/BYekan.otf) format("Open Type");

    src: local('BYekan'), local('Yekan-Bold'), url(../fonts/BYekan.woff) format("woff");

    font-weight: normal;

    font-style: normal;

}


#menu .navbar-default .navbar-collapse,
.navbar-default .navbar-form {

    background: none

}


div#maximenuck ul.maximenuck {

    background: none;

    border: none;

    box-shadow: none;

    margin-bottom: 1px

}



.navbar-default {

    min-height: 30px;

    border: none;

    box-shadow: none;

    -webkit-border-radius: 25px;

    -webkit-border-top-left-radius: 0px;

    -webkit-border-top-right-radius: 0px;

    -moz-border-radius: 25px;

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright: 0px;

    border-radius: 25px;

    border-top-left-radius: 0px;

    border-top-right-radius: 0px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a88e+0,00a88e+56,048773+57,048773+100 */

    background: #00a88e;

    /* Old browsers */

    background: -moz-linear-gradient(top, #00a88e 0%, #00a88e 54%, #048773 55%, #048773 100%);

    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #00a88e 0%, #00a88e 54%, #048773 55%, #048773 100%);

    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #00a88e 0%, #00a88e 54%, #048773 55%, #048773 100%);

    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a88e', endColorstr='#048773', GradientType=0);

    /* IE6-9 */

}


div#maximenuck {

    padding-right: 40px

}


#footer div#maximenuck {

    padding-right: 0

}


#E-header div#maximenuck {

    padding-right: 25px

}


div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

    background: none;

    color: #fff;

    text-shadow: none;

    font-family: "B Yekan", sans-serif;

    box-shadow: none;

    border: none;

    font-size: 16px;

    min-height: 20px

}


div#maximenuck ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck ul.maximenuck li.maximenuck.level1.active {

    background: none;

    box-shadow: none;

    border: none

}


div#maximenuck ul.maximenuck li.maximenuck.level1:hover a,
div#maximenuck ul.maximenuck li.maximenuck.level1.active a,
div#maximenuck ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck ul.maximenuck li.maximenuck.level1.active > span.separator {

    color: #f0ff00;

    text-shadow: none;

    font-family: "B Yekan", sans-serif

}


#menu div.maximenuckh li.maxiFancybackground {

    bottom: 0;

    top: auto;

    background: #f0ff00

}


div#maximenuck .maxiFancybackground .maxiFancycenter {

    border-top: 2px solid #f0ff00;

}


div#maximenuck ul.maximenuck li.maximenuck.level1 {

    margin-right: 6px;

    border: none;

    padding: 1px 3px 4px;

    margin-top: 1px;

    margin-left: 0

}


#E-header div#maximenuck ul.maximenuck li.maximenuck.level1 {

    padding: 1px 6px 4px;

}


#footer div#maximenuck ul.maximenuck li.maximenuck.level1 {

    margin: 5px 5px 0;

    padding: 0;

}


#footer div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
#footer div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

    border-left: 1px solid #fff;

    padding: 0 6px 0 15px;

    font-size: 14px;

    line-height: 16px

}


#footer div#maximenuck ul.maximenuck li.maximenuck.level1.last > a {

    border-left: none;

}


div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck ul.maximenuck2 li.maximenuck {

    margin: 6px 0;

    padding: 0;

}


div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck.first,
div#maximenuck ul.maximenuck2 li.maximenuck.first {

    padding-top: 7px;

}


div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 a,
div#maximenuck ul.maximenuck2 a {

    color: #ffffff !important;

    border-bottom: 1px solid #03917b;

    font-size: 13px;

    text-shadow: none;

    margin: 0 5px 1px;

    padding: 0 5px 5px;

}


div#maximenuck li a {

    text-shadow: none;

}


div#maximenuck ul.maximenuck li.maximenuck.level1 li:hover a,
div#maximenuck ul.maximenuck li.maximenuck.level1 li.active a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > li:hover > a span.titreck,
div#maximenuck ul.maximenuck li.maximenuck.level1 > li.active a span.titreck,
div#maximenuck ul.maximenuck li.maximenuck.level1 > li:hover span.separator,
div#maximenuck ul.maximenuck li.maximenuck.level1 > li.active span.separator {

    color: #f0ff00 !important;

    text-shadow: none;

    font-family: "B Yekan", sans-serif;

}


div#maximenuck ul.maximenuck li.maximenuck.level1 li:hover a,
div#maximenuck ul.maximenuck li.maximenuck.level1 li.active a {

    background: url(../images/li-bg.png) no-repeat bottom right !important;

}
div#maximenuck ul.maximenuck li.level1.parent > a:after, div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {
    border-width: 3px 3px 0 3px;
    border-color: #EEEEEE transparent transparent transparent;
    top: 16px;
    left: -6px;
}
#E-header div#maximenuck ul.maximenuck li.level1.parent > a:after,#E-header div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {
    border-width: 3px 3px 0 3px;
    border-color: #EEEEEE transparent transparent transparent;
    top: 16px;
    left: auto;
   right: -6px;
}
#E-header div#maximenuck ul.maximenuck li.maximenuck.level1 li:hover a,
#E-header div#maximenuck ul.maximenuck li.maximenuck.level1 li.active a {

    background: url(../images/li-bg.png) no-repeat 5px bottom !important;

}


div#maximenuck ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

    padding: 0 6px !important;

}


div#maximenuck ul.maximenuck li.level1.parent:hover > a,
div#maximenuck ul.maximenuck li.level1.parent:hover > span.separator {

    background: none !important;

}


div#maximenuck ul.maximenuck li.level1.item170 > a {

    color: #f23e3e;

    font-weight: bold;

}

#footer div#maximenuck ul.maximenuck {

    text-align: center;

    padding: 0;


}


div#maximenuck ul.maximenuck li.maximenuck ul.maximenuck2 li.last a,
div#maximenuck ul.maximenuck2 li.last a {

    border-bottom: none;

    background: none

}


#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1 > a {

    border-left: 0;

    border-right: 1px solid #fff;

    padding: 0 6px 0 15px;

    font-size: 14px;

    font-family: lato, sans-serif

}


#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1.last > a {

    border-right: none;

}


#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1 > a:hover,
#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1 > a:hover span.titreck {

    font-family: lato, sans-serif;

}


#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1 {

    margin: 5px 3px 0;

    padding: 0;

}


#En-footer div#maximenuck {

    padding-left: 120px

}


#En-footer ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1.active > a span.titreck,
#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1:hover > span.separator,
#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1.active > span.separator {

    font-family: lato, sans-serif

}


#E-header a #E-header span,
#E-header p {

    font-family: lato, sans-serif !important

}


#En-footer ul.maximenuck > a,
#En-footer ul.maximenuck > span {

    font-family: lato, sans-serif !important

}


#footer div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

    background: none;

    border-left: 1px solid #fff

}


#En-footer div#maximenuck ul.maximenuck li.maximenuck.level1 > span.separator {

    background: none;

    border-left: none;

    border-right: 1px solid #fff

}


div#maximenuck li.maximenuck.level1 div.floatck {

    background: none;

    border: none;

    box-shadow: none;

    width: 290px !important;

    max-width: 300px;

}


#E-header div#maximenuck li.maximenuck.level1 div.floatck {

    background: none;

    border: none;

    box-shadow: none;

    width: 270px !important;

}


div#maximenuck ul.maximenuck li div.floatck ul.maximenuck2,
div#maximenuck ul.maximenuck2 {

    background: #048773;

    border: 1px solid #03917b;

    -webkit-border-top-right-radius: 15px;

    -webkit-border-bottom-left-radius: 15px;

    -moz-border-radius-topright: 15px;

    -moz-border-radius-bottomleft: 15px;

    border-top-right-radius: 15px;

    border-bottom-left-radius: 15px;

    -webkit-box-shadow: 5px 5px 2px 0px rgba(4, 135, 115, 0.3);

    -moz-box-shadow: 5px 5px 2px 0px rgba(4, 135, 115, 0.3);

    box-shadow: 5px 5px 2px 0px rgba(4, 135, 115, 0.3);

}


div#maximenuck ul.maximenuck li div.floatck:before {

    background: url(../images/su-m.png) no-repeat top;

    display: block;

    content: "";

    position: absolute;

    width: 10px;

    height: 10px;

    margin-top: 0px;

    margin-right: 25px

}


div#maximenuck ul.maximenuck li.level1.parent > a,
div#maximenuck ul.maximenuck li.level1.parent > span.separator {

    padding-left: 21px;

    background: url("../images/drop.gif") no-repeat left 8px;

}


.navbar-toggle {

    color: #fff;

    font-size: 14px;

    font-weight: bold

}


.navbar-toggle:hover,
.navbar-toggle:focus {

    color: #f0ff00;

    background-color: transparent !important

}


#p-header .navbar-toggle {

    float: left;

    margin-left: 20px;

}


#E-header div#maximenuck ul.maximenuck li a,
#E-header div#maximenuck ul.maximenuck li span,
#E-header div#maximenuck span.titreck,
#E-header div#maximenuck ul.maximenuck li div#maximenuck span.titreck {

    font-family: lato, Arial, sans-serif !important;

}


#menu div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 {

    width: auto !important;

    min-width: 210px;

}


#E-header #menu div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 {

    width: auto !important;

    min-width: auto;

}


#E-header #menu div#maximenuck ul.maximenuck li div.floatck div.maximenuck2 li a {

    line-height: 20px;

}


/*end menu style*/


#slider {

    background: #720346 url(../images/slider-bg.jpg) no-repeat center top / cover;

    -webkit-box-shadow: 9px 5px 18px 0px rgba(234, 234, 234, 0.75);

    -moz-box-shadow: 9px 5px 18px 0px rgba(234, 234, 234, 0.75);

    box-shadow: 9px 5px 18px 0px rgba(234, 234, 234, 0.75);

}


#css3 {

    left: 80px

}


#html5 {

    left: 10px;

}


#plugin {

    top: 80px;

    right: 120px

}


#license {

    top: 20px;

    right: 85px;

}


.anim-slide h3 {

    text-align: right;

    color: #00a88e;

    font-size: 3.07em;

    height: 44px;

    top: 20px;

    right: 70px

}


.anim-slide h2 {

    text-align: right;

    color: #2a71cd;

    font-size: 2.3em;

    height: 44px;

    top: 50px;

    right: 100px;

}


#fade {

    right: 60px;

    top: 10px;

}


#fadeDown {

    right: 210px;

    top: 80px;

}


#todo {

    right: 100px;

}


.slide2 #fade {

    right: 426px;

    top: 215px;

}


.slide2 #fadeDown {

    right: 400px;

    top: 150px;

}


.slide2 #fadeUp {

    right: 370px;

    top: 50px;

}


#home-slider {

    overflow: hidden;

    position: relative;

}


#home-slider img {

    height: 100%;

    width: 100%;

}


#home-slider .caption {

    color: #fff;

    font-family: "B Yekan", sans-serif;

    position: absolute;

    text-align: center;

    z-index: 15;

    font-weight: bold;

}


#home-slider .caption p {

    font-size: 1.929em;

    line-height: 45px;

    margin: 0 auto;

    text-align: right;

}


#home-slider .caption.blue-text {

    color: #2aa2da;

}


#home-slider .caption h2,
#home-slider .caption h1 {

    color: #fff;

    margin: 0 auto;

    color: #fff;

    /*font-size: 3.5em;*/

    font-weight: 700;

    line-height: 75px;

    margin-bottom: 5px;

    padding: 10px;

}


#home-slider .caption {

    color: #fff;

    top: 10%;

    right: 10%;

    max-width: 39%;

}


#home-slider.en-slider .caption {

    color: #fff;

    top: 8%;

    right: 1%;

    max-width: 30%;

}


#home-slider .caption img {

    width: auto;

    height: auto;

}


#home-slider .caption h3 {

    color: #048773;

    margin: 0 auto;

    /*max-width: 60%;*/

    font-size: 5em;

    font-weight: bold;

    text-shadow: 2px 2px 0px #fff, 5px 4px 0px rgba(255, 555, 255, 0.9);

}


#home-slider h4 {

    color: #4cbeff;

    font-size: 1.7em;

    font-weight: 700;

    line-height: 45px;

    margin-top: 5px;

    padding: 10px;

}


#home-slider.en-slider h4 {

    line-height: 35px;

}


.go-down-arrow:before {

    display: block;

    text-align: center;

    font: 2.6em "FontAwesome";

    color: #2aa2da;

    content: "\e914";

}


.carousel-fade .carousel-inner .item {

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    transition-property: opacity;

}


.carousel-fade .carousel-inner .active {

    opacity: 1;

}


.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

}


.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {

    opacity: 1;

}


.carousel-fade .carousel-control {

    z-index: 2;

}


.left-control,
.right-control {

    color: #fff;

    font-size: 1.714em;

    height: 51px;

    line-height: 48px;

    position: absolute;

    text-align: center;

    top: 47.5%;

    transition: all 0.5s ease 0s;

    width: 51px;

    z-index: 20;

}


.left-control {

    left: -51px;

}


.right-control {

    right: -51px;

}


.left-control:hover,
.right-control:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #fff;

}


.left-control i::after,
.right-control i::after {

    display: block;

    font: 2.857em "FontAwesome";

    text-align: center;

}


.left-control i::after {

    content: "\f104";

}


.right-control i::after {

    content: "\f105";

}


#home-slider:hover .left-control {

    left: 30px;

}


#home-slider:hover .right-control {

    right: 30px;

}


#home-slider .go-down-arrow {

    animation: 3000ms ease 0s normal none infinite running bounce;

    bottom: 50px;

    color: #fff;

    display: inline-block;

    font-size: 1.714em;

    left: 50%;

    line-height: 24px;

    margin-left: -12px;

    position: absolute;

    width: 24px;

    z-index: 999;

}


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


#footer {

    background: #720346 url(../images/footer-bg.jpg) no-repeat top center / cover;

    min-height: 135px;

    margin-bottom: 0;

    padding: 15px 0 5px;

}


#footer p,
#footer a {

    font-size: 13px;

    font-family: "B Yekan", lato, sans-serif;

    margin: 10px auto;

    line-height: 15px;

    text-align: center;

}


p.link-tayyeb {

    color: #c3c3c3;

}


#footer .link-tayyeb a {

    color: #fcff00;

}


p.copy-right {

    color: #fff;

}


.social {

    margin: 30px auto;

    display: inline-block;

    text-align: center;

    width: 100%;

}


.social li {

    display: inline-block;

    margin: 10px 0px 0;

    padding: 0px 5px;

}


#footer .social-d,
#footer .f-d {

    float: right;

}


#footer .social-d {

    padding-left: 50px;

}


#footer .social li a {

    position: relative;

    background: #fff;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    padding: 4px 2px;

    color: #720346;

    border: 2px solid #fff;

    float: left;

    width: 26px;

    height: 26px;

    font-size: 1.15em;

}


.social li a img {

    display: none

}


.facebook-icon a:before {

    content: "\f09a";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}


.linkedin-icon a:before {

    content: "\f0e1";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}


.twitter-icon a:before {

    content: "\f099";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}


.gplus-icon a:before {

    content: "\f0d5";

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}
.instagram-icon a:before{content: "\f16d";
    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;}

#footer .social li a:hover {

    background: none

}


.social li a:hover:before {

    color: #fff

}


/*main----------------------------------------------------------------------------------------*/


.ns2-title {

    background: #009cff;

    padding: 10px;

    margin: 0

}


.ns2-title::after {

    background: url(../images/icons/arow-title.png) no-repeat;

    position: absolute;

    display: block;

    width: 30px;

    height: 18px;

    content: "";

    margin-top: 9px

}


.ns2-title a {

    color: #fff;

    font-weight: normal;

    text-decoration: none;

    font-size: 1.38em

}


#top1 .ns2-title a {

    font-family: lato, sans-serif;

    font-size: 1.38em;

}


.ns2-readmore {

    background: url(../images/icons/read-more.png) no-repeat;

    width: 132px;

    height: 26px;

    float: left;

    margin-top: -26px;

    text-align: center;

    padding: 3px;

}


#top1 .ns2-readmore {

    background: url(../images/icons/read-more2.png) no-repeat;

    float: right;

    font-family: lato, sans-serif;

}


a.ns2-readmore span {

    background: url(../images/icons/flesh-readmore.png) left center no-repeat;

    color: #227fd6;

    font-size: 1em;

}


#top1 a.ns2-readmore span {

    background: none;

    font-family: lato, sans-serif;

    color: #227fd6;

}


#top1 a.ns2-readmore span:after {

    background: none;

    color: #227fd6;

    display: inline-block;

    font-family: 'FontAwesome';

    content: "\f054";

    margin-left: 5px;

}


#top,
#top1 {

    margin: 20px auto 10px;

}


#top img.ns2-image,
#top1 img.ns2-image {

    border: 1px solid #d4d4d4;

    transition: all .2s ease-in-out;

}


#top .ns2-inner,
#top1 .ns2-inner {

    overflow: hidden

}


#top img.ns2-image:hover,
#top1 img.ns2-image:hover {

    transform: scale(1.05);

}


#position1 {

    background: #0e2b3e;

    min-height: 100px;

    margin-top: 40px;

}


.sprocket-tabs-nav {

    background: #2290d6;

    border: 1px solid #009cff;

    border-bottom: none;

    -webkit-border-top-left-radius: 5px;

    -webkit-border-top-right-radius: 5px;

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright: 5px;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}


.layout-top .sprocket-tabs-nav {

    padding: 0 !important;

}


.sprocket-tabs {

    margin-top: -47px;

    float: left;

    width: 100%;

}


.sprocket-tabs-nav li {

    float: right;

    border: 1px solid #007fd0;

    border-bottom: none;

    text-align: center;

    width: 25%;

    font-size: 1.38em;

    color: #fff;

    padding: 5px;

    margin-bottom: 0px;

}


.sprocket-tabs-nav li.active,
.sprocket-tabs-nav > li.active > .sprocket-tabs-inner {

    background: #0e2b3e;

    border: none;

    border-bottom: none;

    color: #f0ff00;

    border-bottom: 2px solid #0e2b3e;

}


.sprocket-tabs .ns2-title {

    background: none

}


.animation-slideandfade .sprocket-tabs-panel.active {

    padding: 30px 5px;

}


.sprocket-tabs .ns2-readmore {

    background: #fff;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    margin-top: 0px;

    width: auto;

    padding: 3px 17px;

    margin-left: 16px

}


.sprocket-tabs .En-tab .ns2-readmore {

    float: right;

    margin-right: 16px;

}


.ns2-created {

    background: url("../images/icons/calander.png") right top no-repeat;

    padding-right: 25px;

    color: #fff;

    padding-bottom: 4px;

}


.sprocket-tabs .ns2-introtext {

    min-height: 70px;

    color: #fff;

    margin-top: 7px;

}


.sprocket-tabs .ns2-title::after {

    display: none;

}


.sprocket-tabs .ns2-title a {

    color: #f9ff4a;

    font-size: 1.15em;

}


.sprocket-tabs .ns2-image {

    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.44);

    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.44);

    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.44);

    border: 2px solid #A9ABAD;

}


/*carousel*/


#carousel {

    width: 100%;

    height: 220px;

    position: relative;

    clear: both;

    overflow: hidden;

}


#carousel img {

    visibility: hidden;

    /* hide images until carousel can handle them */

    cursor: pointer;

    /* otherwise it's not as obvious items can be clicked */

}


/*English*/


#E-contact {

    float: left;

    margin-right: 20px;

    font-family: lato, sans-serif;

}


#E-contact p {

    color: #959595;

    background: url("../images/icons/tel.png") left 2px no-repeat;

    padding-left: 20px;

    font-family: lato, sans-serif;

    display: inline-block;

    margin: 0 10px;

}


#E-contact p.manager {

    background: url("../images/icons/m2.png") no-repeat scroll left 2px

}


.En-tab a.ns2-readmore span:after {

    background: none;

    color: #227fd6;

    display: inline-block;

    font-family: 'FontAwesome';

    content: "\f054";

    margin-left: 5px;

}


.En-tab a.ns2-readmore span {

    background: none;

    font-family: lato, sans-serif;

    color: #227fd6;

}


.En-tab .ns2-created {

    background: url("../images/icons/calander.png") left top no-repeat;

    padding-left: 25px;

    color: #fff;

    font-family: lato, sans-serif;

    padding-bottom: 5px;

}


.sprocket-tabs-nav li .sprocket-tabs-inner {

    padding: 10px 15px 4px

}


/*subpage*/


.subpage-persian {

    background: #fff;

    border: 3px solid #eeeeee;

    margin: 50px auto 20px;

    padding: 30px;

    display: inline-block;

    width: 100%

}


.subpage-persian:before {

    display: block;

    background: url(../images/Parsianteb-logo.png) no-repeat center top;

    width: 100%;

    height: 76px;

    content: "";

    margin-top: -62px;

}


#aboutus {

    display: table

}


.b-l {

    text-align: center

}


.centeral-logo ul {

    margin: 0 auto;

    list-style: none;

    display: inline-table;

}


.centeral-logo li {

    margin: 10px;

    list-style: none;

    padding: 0;

    float: left;

    display: inline

}


.title1 {

    color: #2290d6;

    font-size: 2.8em;

    font-weight: bold;

    margin: 15px auto;

}


.hr {

    padding: 5px 20px 10px

}


#icons-product li img {

    margin-top: 25px

}


.subpage-English {

    display: ltr;

    font-family: lato, sans-serif !important;

    background: #fff;

    border: 3px solid #eeeeee;

    margin: 50px auto 20px;

    padding: 30px;

}


.subpage-English:before {

    display: block;

    background: url(../images/Parsianteb-En-logo.png) no-repeat center top;

    width: 100%;

    height: 76px;

    content: "";

    margin-top: -62px;

}


.subpage-English p,
.subpage-English a {

    font-family: lato, sans-serif !important;

}


#icons-product {

    text-align: center

}


/*product*/


.products-list {

    margin: 10px auto

}


.sub-product {

    border: 1px solid #00c353;

    margin-top: 20px;

}


.product-info {

    position: relative;

    border-bottom: 1px solid #00c353;

}


.product-img {

    background: url(../images/pattern-product.png);

    width: 100%;

}


.product-name {

    position: absolute;

    background: url(../images/Products-name.png) no-repeat left top /cover;

    width: 30%;

    right: 0;

    height: 100%;

    top: 0;

    padding: 20px 10px 10px 50px;

    color: #fff;

    text-align: center;

    font-size: 1.53em;

}


.product-name p {

    line-height: 24px

}


.product-txt {

    padding: 10px 15px;

    text-align: right

}


/*maps*/


/*for hide gmap api info*/


.gmnoprint a,
.gmnoprint span {

    display: none;

}


.gmnoprint div {

    background: none !important;

}


#GMapsID div div a div img {

    display: none;

}


/* remove ugly google report-a-bug button from maps */


.gmnoprint:last-child {

    display: none !important;

}


img[src=http:

/
/
maps.gstatic.com /mapfiles/ api-3 /images/ google_white2.png

]


{

    display: none

}


a[href^="http://maps.google.com/maps"] {

    display: none !important

}


.gmnoprint a,
.gmnoprint span {

    display: none;

}


.gmnoprint div {

    background: none !important;

}


/*remove the wrapping container*/


.gm-style-cc:last-child {

    display: none !important;

}


a[title="Report a errors in the road map or imagery to Google"] {

    display: none !important;

}


/*forms*/


p.chrono_credits {

    display: none

}


#contact-frm #chronoform-ContactUs_Persian .form-group {

    /*height:30px*/

}


#contact-frm #chronoform-ContactUs_Persian .gcore-input {

    width: 74% !important;

    float: left

}


#contact-frm #chronoform-ContactUs_Persian label {

    color: #000;

    font-size: 13px;

    font-weight: normal;

}


#contact-frm #chronoform-ContactUs_Persian .form-control {

    width: 100% !important;

    background: ffffff;

    font-size: 13px;

    border-radius: 0;

    -o-border-radius: 0;

    -ms-border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    height: 30px !important;

    margin: 0px 0 0;

    border: 1px solid #00d22c;

    -webkit-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    background: rgba(235, 235, 235, 1);

    background: -moz-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 235, 235, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));

    background: -webkit-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);

}


#contact-frm #chronoform-ContactUs_Persian textarea.form-control {

    height: auto !important

}


#contact-frm #chronoform-ContactUs_Persian textarea.form-control {

    min-height: 84px !important

}


#contact-frm #chronoform-ContactUs_Persian .gcore-input {

    width: 70%;

    margin-bottom: 0px !important

}


#contact-frm #chronoform-ContactUs_Persian #fin-fld6 {

    width: 100% !important

}


#contact-frm .chronoform .fa {

    color: #000 !important;

    font-size: 6px !important

}


#contact-frm #form-row-fld5 {

    width: 100%;

    float: left;

}


#contact-frm #form-row-submit6 {

    width: 100%;

    float: left;

    margin-top: 10px

}


#contact-frm #chronoform-ContactUs_Persian .gcore-label-left {

    min-width: 130px !important;

    max-width: 160px !important

}


#contact-frm #chronoform-ContactUs_Persian #fin-submit6 {

    width: 100px !important;

    float: left;

}


#contact-frm #submit6 {

    background: #00d22c !important;

    color: #fff;

    font-size: 15px;

    border: none

}


#contact-frm #gcaptcha_4 {

    height: 29px

}


#fitem7 {

    width: 32%;

    float: right;

}


#fitem9 {

    width: 30%;

    float: left;

}


#contact-frm #fin-fld6 {

    width: 70% !important;

}


#contact-frm #fin-fld6 input {

    width: 45% !important;

    margin-top: 10px

}


#contact-frm #chronoform-ContactUs_Persian #fin-fld6 {

    width: 90%

}


/*#contact-frm-English*/


#contact-frm #chronoform-ContactUs .form-group {

    /* height: 30px*/

}


#contact-frm #chronoform-ContactUs .gcore-input {

    width: 72% !important;

    float: right;

}


#contact-frm #chronoform-ContactUs label {

    color: #000;

    font-size: 13px;

    font-weight: normal;

}


#contact-frm #chronoform-ContactUs .form-control {

    width: 100% !important;

    background: #ffffff;

    font-size: 13px;

    border-radius: 0;

    -o-border-radius: 0;

    -ms-border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    height: 30px !important;

    margin: 0px 0 0;

    border: 1px solid #00d22c;

    -webkit-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    background: rgba(235, 235, 235, 1);

    background: -moz-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 235, 235, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));

    background: -webkit-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);

}


#contact-frm #chronoform-ContactUs textarea.form-control {

    height: auto !important

}


#contact-frm #chronoform-ContactUs textarea.form-control {

    min-height: 84px !important

}


#contact-frm #chronoform-ContactUs .gcore-input {

    width: 70%;

    margin-bottom: 0px !important

}


#contact-frm #form-row-fld5 {

    width: 100%;

    float: right;

}


#fin-fld5 {

    width: 100% !important

}


#recaptcha_privacy,
#recaptcha_logo {

    display: none

}


#recaptcha_table,
#recaptcha_widget_div,
#recaptcha {

    width: 100%

}


.recaptchatable a img {

    max-width: none

}


.recaptchatable *:hover {

    background: none;

    box-shadow: none;

}


.recaptchatable #recaptcha_response_field {

    padding: 5px;

    border: 1px solid #00d22c;

}


#contact-frm #form-row-submit6 {

    width: 100%;

    float: right;

    margin-top: 0px

}


#contact-frm #chronoform-ContactUs .gcore-label-left {

    min-width: 130px !important;

    max-width: 145px !important

}


#contact-frm #chronoform-ContactUs #fin-submit6 {

    width: 100px !important;

    float: right;

}


#contact-frm #submit6 {

    background: #00d22c !important;

    color: #fff;

    font-size: 15px;

    border: none

}


#contact-frm #gcaptcha_4 {

    height: 29px;

}


#contact-frm #chronoform-ContactUs#fitem7 {

    width: 40%;

    float: right;

}


#contact-frm #chronoform-ContactUs#fitem9 {

    width: 30%;

    float: left;

    margin-top: 10px

}


#contact-frm #fin-fld6 {

    width: 70% !important;

    margin-top: 10px

}


#contact-frm #fin-fld6 input {

    width: 45% !important;

    margin-top: 10px

}


#contact-frm #chronoform-ContactUs #fin-fld6 {

    width: 90%

}


#contact-frm #fitem9 {

    width: 30%;

    float: left;

    margin-top: 10px

}


/*order-form----------------*/

.order-form-wrap {

    background: #fff;

    border: 3px solid #eeeeee;

    margin: 20px auto 20px;


    padding: 30px 30px 10px;

}


.order-form-wrap #chronoform-OrderForm_Persian .gcore-input {

    width: 70%;

    margin-bottom: 0px !important

}


.order-form-wrap #chronoform-OrderForm_Persian label {

    color: #000;

    font-size: 13px;

    font-weight: normal;

}


.order-form-wrap #chronoform-OrderForm_Persian .form-control {

    width: 100% !important;

    background: ffffff;

    font-size: 13px;

    border-radius: 0;

    -o-border-radius: 0;

    -ms-border-radius: 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    height: 30px !important;

    margin: 0px 0 0;

    border: 1px solid #00d22c;

    -webkit-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    -moz-box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    box-shadow: inset -1px -1px 0px 0px rgba(255, 255, 255, 1), inset 1px 1px 0px 0px rgba(255, 255, 255, 1);

    background: rgba(235, 235, 235, 1);

    background: -moz-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235, 235, 235, 1)), color-stop(30%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));

    background: -webkit-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -o-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: -ms-linear-gradient(top, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    background: linear-gradient(to bottom, rgba(235, 235, 235, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);

}


.order-form-wrap #chronoform-OrderForm_Persian textarea.form-control {

    height: auto !important;


    min-height: 84px !important

}


.order-form-wrap .chronoform .fa {

    color: #000 !important;

    font-size: 6px !important

}


.order-form-wrap #chronoform-OrderForm_Persian #form-row-submit6 {

    width: 100%;

    /*  float: left;*/

    margin-top: 10px

}


.order-form-wrap #chronoform-OrderForm_Persian .gcore-label-left {

    min-width: 130px !important;

    max-width: 160px !important

}


.order-form-wrap #chronoform-OrderForm_Persian #fin-submit6 {

    width: 100px !important;

    text-align: center;

    margin: 10px auto 0

}


.order-form-wrap #chronoform-OrderForm_Persian #submit6 {

    background: #00d22c !important;

    color: #fff;

    font-size: 15px;

    border: none

}


.order-form-wrap #chronoform-OrderForm_Persian #gcaptcha_4 {

    height: 29px

}


/*#fitem7 {

    width: 32%;

    float: right;

}



#fitem9 {

    width: 30%;

    float: left;

}*/


.order-form-wrap .gbs3 .form-horizontal .form-group {

    margin-left: -15px;

    margin-right: -15px;

    width: 50%;

    display: inline-block;

}


/*.order-form-wrap .gbs3 .form-horizontal .form-group#form-row-message {



    width: 100%;

    display: inline-block;

}



.order-form-wrap .gbs3 .form-horizontal .form-group#form-row-recaptcha {



    width: 100%;



}



.order-form-wrap .gbs3 .form-horizontal .form-group#form-row-message#fin-message {

    width: 85%;

}*/


.order-form-wrap #chronoform-OrderForm_Persian #fin-recaptcha {

    direction: ltr;

    width: 94%;

    /*  width: 300px;

    margin: 0 auto*/

}


.OrderForm {

    margin-top: 35px

}


.order-form-wrap .title {

    font-size: 2em

}


/*pagination--------------------------------------------------*/


#main-content .pagination {

    width: 100%;

    text-align: center;

}


#main-content .pagination ul {

    background: #0e2b3e;

    padding: 0;

}


#main-content li.pagination-end,
#main-content li.pagination-start {

    display: none;

}


#main-content .pagination ul > li > a {

    border: none;

    background: none;

    color: #fff;

    font-size: 15px;

}


.pagination ul > li > span {

    border: none;

    background: none;

    color: #fff;

    padding: 10px 11px;

    font-size: 15px;

}


.pagination ul > li {

    float: left;

    list-style: none;

    line-height: 34px;

}


#main-content li span.pagenav {

    background: url(../images/icons/active-a.png) no-repeat center;

    /* Skew */

    /* -webkit-transform: skew(-28deg);

     -moz-transform: skew(-28deg);

     -o-transform: skew(-28deg);

     transform: skew(-28deg);*/

}


#main-content .pagination-next a,
#main-content .pagination-prev a,
#main-content .pagination-next span,
#main-content .pagination-prev span {

    font-size: 0px !important;

    background: none !important;

    padding: 0 !important;

    line-height: 30px;

    color: #fff;

    display: block;

    outline: 0;

}


#main-content li.pagination-next {

    background: url(../images/icons/p-next.png) no-repeat top center

}


#main-content li.pagination-prev {

    background: url(../images/icons/p-prev.png) no-repeat top center

}


#main-content li.pagination-prev a:after,
#main-content li.pagination-prev span:after {

    content: "\f053 ";

    /*f054*/

    font: normal normal normal 13px/1 FontAwesome;

    font-size: 13px;

    color: #fff;

    display: inline-block;

    padding: 9px 17px 0;

    width: 48px;

    /*height: 42px;*/

}


#main-content li.pagination-next a:after,
#main-content li.pagination-next span:after {

    content: "\f054 ";

    font: normal normal normal 13px/1 FontAwesome;

    font-size: 13px;

    color: #fff;

    padding: 9px 17px 0;

    display: inline-block;

    width: 48px;

    /*height: 42px;*/

}


/*Articles*/


.Fa-Articles {

    background: #fff;

    border: 3px solid #eeeeee;

    margin: 50px auto 20px;

    padding: 10px 30px 20px;

    display: table;

}


.Fa-Articles:before {

    display: block;

    background: url(../images/Parsianteb-logo.png) no-repeat center top;

    width: 100%;

    height: 76px;

    content: "";

    margin-top: -41px;

}


.Fa-Articles .items-row .item {

    margin: 20px auto 30px;

    min-height: 150px;

}


.Fa-Articles .item-image {

    float: right !important;

    width: 25%;

}


.Fa-Articles .items-row .page-header {

    float: left;

    width: 75%;

}


.Fa-Articles .page-header h2,
.Fa-Articles .page-header a {

    color: #00c353;

    font-size: 1.5em;

    margin: 0;

}


.Fa-Articles .page-header h2:before {

    border: 3px solid #00c353;

    padding: 3px 4px;

    content: "\f04d";

    font: normal normal normal 0.55em/1 FontAwesome;

}


.Fa-Articles .article-info {

    float: left;

    width: 75%;

}


.Fa-Articles p {

    float: left;

    width: 75%;

}


.Fa-Articles .readmore {

    float: left;

    text-align: right;

}


.Fa-Articles .readmore a {

    float: left;

    background: #00c353;

    color: #fff;

    font-size: 1.1em;

    padding: 2px 10px;

    text-shadow: none;

}


.Fa-Articles .readmore a span {

    display: none;

}


.Fa-Articles .readmore a:after {

    content: "\f053 ";

    /*f054*/

    font: normal normal normal 13px/1 FontAwesome;

    font-size: 0.6em;

    color: #fff;

}


.Fa-Articles .item-image img {

    -webkit-box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

    margin-top: -35px;

}


.blog .article-info-term {

    display: none

}


.published {

    color: #18a5ff;

    border-bottom: 1px solid #e2f4ff;

    float: right;

    width: inherit;

    margin: 0;

}


.Fa-Articles dl,
.En-Articles dl {

    margin-bottom: 7px;

}


.icon-calendar {

    background: url(../images/icons/blue-clock.png) no-repeat center top;

    width: 18px;

    height: 21px;

}


.item-page.Fa-Articles .page-header h2 {

    float: left;

    width: 75%;

    margin: 0 10px 10px;

}


.Fa-Articles .cat-children,
.En-Articles .cat-children {

    display: none;

}


/*En articles*/


.En-Articles {

    background: #fff;

    border: 3px solid #eeeeee;

    margin: 50px auto 20px;

    padding: 10px 30px 20px;

    display: table;

    font-family: lato, sans-serif;

}


.En-Articles:before {

    display: block;

    background: url(../images/Parsianteb-En-logo.png) no-repeat center top;

    width: 100%;

    height: 76px;

    content: "";

    margin-top: -41px;

}


.En-Articles .items-row .item {

    margin: 20px auto 30px;

    min-height: 150px;

}


.En-Articles .item-image {

    float: left !important;

    width: 25%;

}


.En-Articles .items-row .page-header {

    float: right;

    width: 75%;

}


.En-Articles .page-header h2,
.En-Articles .page-header a {

    color: #00c353;

    font-size: 1.3em;

    margin: 0;

    vertical-align: middle;

}


.En-Articles .page-header h2:before {

    border: 3px solid #00c353;

    padding: 3px 4px;

    content: "\f04d";

    font: normal normal normal 0.55em/1 FontAwesome;

}


.En-Articles .article-info {

    float: right;

    width: 75%;

}


.En-Articles p {

    float: right;

    width: 75%;

}


.En-Articles .readmore {

    float: right;

    text-align: left;

}


.En-Articles .readmore a {

    float: right;

    background: #00c353;

    color: #fff;

    font-size: 1.1em;

    padding: 2px 10px;

    text-shadow: none;

}


.En-Articles .readmore a span {

    display: none;

}


.En-Articles .readmore a:after {

    content: "\f054 ";

    font: normal normal normal 13px/1 FontAwesome;

    font-size: 0.6em;

    color: #fff;

}


.En-Articles .item-image img {

    -webkit-box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: 5px 5px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

    margin-top: -35px;

}


.item-page.En-Articles .page-header h2 {

    float: right;

    width: 75%;

    margin: 0 10px 10px;

}


.En-Articles .published {

    float: left;

}


/*new product design*/


#img-product {

    margin: 15px 0 10px;

    text-align: center

}


.list3 li {

    list-style: url("../images/icons/list3.png");

    color: #00c152;

    font-size: 1.2em;

    margin: 0 -15px

}


#product h4 {

    color: #00c152;

    font-size: 1.5em

}


#about-pic {

    padding: 0;

    text-align: center

}


/*product guid*/


#product-g {

    display: table;

}


#product-g h4 {

    color: #00c152;

    font-size: 1.5em

}


.img-product-g {

    float: left;

    width: 27%;

    margin: 15px 10px 10px;

    text-align: center;

}


.img-product-g img {

    max-width: 100%;

    -webkit-box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

}


.img-product-g p {

    margin: 10px;

    color: #18a5ff;

}


.subpage-English #img-product {

    float: right

}


/*new product guid */


.list4 li {

    list-style: url("../images/list3.png");

}


#ProductGuid {

    float: left

}


#ProductGuid .title1 {

    margin: 30px auto;

}


#ProductGuid div {

    float: right

}


.steps-list li {

    width: 48%;

    margin: 10px 1%;

    list-style: none;

    float: right;

    position: relative;

    border: 2px solid #8cd5ff;

    max-width: 295px;

    padding: 2px;

}


.steps-list li img {

    float: left

}


.steps-list .traiangle {

    /* background:url(../images/banfsh.png) no-repeat top  left;*/

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 83px 83px 0 0;

    border-color: #720346 transparent transparent;

    position: absolute;

    top: 0;

    left: 0px;

    z-index: 10;

}


.traiangle p {

    color: #f6ff00;

    text-align: center;

    left: 10px;

    margin-top: -71px;

    position: absolute;

}


.logo-ul {

    width: 50%;

    margin: 0 auto;

}


.logo-ul li {

    list-style: none;

    display: block;

    margin-top: 30px;

}


.logo-ul li img {

    display: inline;

    margin: 0 auto;

}


#ProductGuid.subpage-English div {

    float: left;

}


.subpage-English .steps-list li {

    float: left;

}


#form-login-username,
#form-login-password {

    margin-bottom: 10px;

}


.userdata label {

    margin-left: 30px;

}


.userdata input {

    padding: 3px;

    direction: ltr;

}


#form-login-remember input {

    margin-left: 10px;

}


.userdata .btn-primary {

    margin: 10px;

}


.logout-button {

    margin: 10px;

}


.fa-d-pdf .readon {

    background: url(../images/dwnloadPDF-fa.png) no-repeat;

    width: 100px;

    height: 21px;

    float: left;

    margin-left: 20px;

}


.EN-d-pdf .readon {

    background: url(../images/dwnloadPDF.png) no-repeat;

    width: 118px;

    height: 21px;

    float: right;

    margin-right: 20px;

}


.fa-d-pdf .readon {

    background: url(../images/dwnloadPDF.png) no-repeat;

    width: 118px;

    height: 21px;

    float: left;

    margin-left: 20px;

}


.EN-d-pdf .readon span {

    display: none;

}


.fa-d-pdf .readon span {

    display: none;

}


.EN-d-pdf .sprocket-strips-s-item img {

    float: left;

    max-width: 100%;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

    margin-right: 20px;

}


.fa-d-pdf .sprocket-strips-s-item img {

    float: right;

    max-width: 100%;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: -2px 2px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

    margin-left: 20px;

}


.EN-d-pdf .sprocket-strips-s-title a {

    color: #00c152;

}


.fa-d-pdf .sprocket-strips-s-title a {

    color: #00c152;

}


.personalcontact {

    border-top: 3px solid #eeeeee;

    padding: 20px 10px;

    margin-top: 20px;

}


h4.user {

    color: #2290d6;

    font-size: 15px;

    width: 80%;

    background: url(../images/icons/user.png) no-repeat right 0px;

    padding: 3px 0;

    padding-right: 25px;

    margin-bottom: 6px;

}


.pc-en h4.user {

    background: url(../images/icons/user.png) no-repeat left 0px;

    padding: 3px 0;

    padding-left: 25px;

    font-size: 14px;

    width: 100%;

}


.personalcontact p {

    color: #000;

    font-size: 15px;

    width: 80%;

    padding: 3px 0;

    margin-bottom: 6px;

}


.personalcontact .pc-en p {

    width: 100%;

    font-size: 14px;

}


p.c2 {

    padding-right: 25px;

}


p.c3 {

    background: url(../images/icons/m.png) no-repeat right 5px;

    padding-right: 25px;

    direction: ltr;

    text-align: right;

}


p.c4 {

    padding-left: 25px;

}


p.c5 {

    background: url(../images/icons/m.png) no-repeat left 5px;

    padding-left: 25px;

    direction: ltr;

    text-align: left;

}


.personalcontact .fa-user {

    color: #2290d6;

    font-size: 20px;

    margin-left: 20px;

    float: right;

}


.personalcontact .fa-mobile {

    font-size: 23px;

    float: right;

}


.personalcontact .fa-mobile-phone::before,
.personalcontact .fa-mobile::before {

    margin-left: 20px;

    color: #2290d6;

    float: right;

}


.pc {

    float: right;

}


.list2 {

    list-style-image: url(../images/icons/list2.png);

}


.list5 {

    text-align: center;

    display: inline-table;

    width: 100%;

    margin: 0 auto;

}


.list5 li {

    list-style: none;

    display: inline;

    margin: 10px 30px;

}


.list5 li a {

    color: #009cff;

    line-height: 25px;

    background: url(../images/icons/list4.png) no-repeat right 5px;

    padding-right: 25px;

    font-family: 16px;

    font-weight: bold;

    padding-bottom: 5px;

}


h2.title-3 {

    background: url(../images/title4.png) no-repeat center bottom;

    text-align: center;

    padding-bottom: 14px;

    margin: 20px auto;

    color: #009cff;

}


.rezume2 {

    background: #eeeeed;

    padding: 2px 0 25px;

}


#rezume {

    margin-bottom: 0

}


.en-dir {

    direction: ltr;

}


.en-dir li {

    font-family: lato, sans-serif;

    color: #000;

}


.rzm {

    margin: 15px auto 20px;

}


.sahamdar-img {

    float: right;

    margin-left: 35px;

    margin-right: 20px;

}


.img-style2 {

    -webkit-box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    -moz-box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    box-shadow: 2px 2px 0px 0px rgba(191, 191, 191, 1);

    border: 1px solid #d5d5d5;

}


p.beit {

    margin-right: 155px

}


/*map--------------------------*/


#chartdiv {

    width: 100%;

    height: 855px;

    font-size: 11px;

    margin-top: 30px;

    margin-bottom: 50px;

}


.ammapDescriptionWindow {

    background: rgba(255, 255, 255, 0.8);

    padding: 10px;

    border-radius: 4px;

    border: 1px solid rgb(0, 168, 142);

}


.ammapDescriptionTitle {

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 15px;

    text-align: right;

}


.ammapDescriptionText {

    max-height: 200px;

    overflow: auto;

}


.subpage-English .ammapDescriptionTitle {

    font-size: 13px;

    font-weight: bold;

    margin-bottom: 15px;

    text-align: left;

    padding-left: 10px

}


.subpage-English .ammapDescriptionText {

    max-height: 200px;

    overflow: auto;

    text-align: left;

    padding-left: 10px

}


.subpage-English .ammapDescriptionText p {

    text-align: left;

}


.ammapDescriptionText img,
.ammapDescriptionText p {

    max-width: 95%;

    text-align: right;

}


/*table--------------------------------------------------------------------------------------**/


.box-shadow--2dp {

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)

}


.box-shadow--3dp {

    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)

}


.box-shadow--4dp {

    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)

}


.box-shadow--6dp {

    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)

}


.box-shadow--8dp {

    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)

}


.box-shadow--16dp {

    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)

}


.table > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {

    text-align: center;

}


#chartdiv table > thead > tr {

    background-color: #00a88e;

    color: #fff;

}


#chartdiv table > thead > tr:hover {

    background-color: #048773;

    color: #fff;

}


#chartdiv tr:hover {

    background-color: rgb(80, 46, 242);

    color: #fff;

    -webkit-box-shadow: 0 6px 6px -6px #0E1119;

    -moz-box-shadow: 0 6px 6px -6px #0E1119;

    box-shadow: 0 6px 6px -6px #0E1119;

    cursor: pointer;

}


.q-sgn {

    padding-left: 10px;

    top: 5px;

    padding-top: 40px;

    color: #048773;

}


.q-sgn:hover {

    color: #1253a9;

    cursor: pointer;

}


.title-1 {

    font-size: 21px;

    font-style: normal;

    color: #00a88e;

}


.fa-table td span.adad {

    direction: ltr;

    float: left;

    width: 100%;

    text-align: center;

}


.product-table {

    background: #fff
    border: 1px solid #ccc;

    direction: rtl;

    text-align: center

}


.product-table table {


    border: 1px solid #ccc;

    direction: rtl;

    text-align: center

}


.product-table tr {

    background: #f7f7f7

}


.product-table tr:nth-child(odd) {

    background: #eeeeed;

    text-align: center

}


.product-table td {

    /*border: 1px solid #ccc*/


    padding: 0px 0;

    text-align: center

}


.product-table table th {

    background: #00a88e;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    padding: 10px 15px 10px 10px;

    text-align: right;

    border: 1px solid #ccc

}


.product-table table td {


    color: #000;

    font-weight: bold;

    font-size: 16px;

    padding: 10px 15px 10px 10px;

    text-align: right;

    border: 1px solid #ccc

}


.product-table img {

    max-width: 100%;

    min-width: 120px;

    min-height: 100px;

    padding: 5px

}