@charset "utf-8";
/*
Theme Name:  GSGT
Theme URI: https://dibapc.com
Version: 2.4
Description: Corporate template
Author:amir sheikhzadeh
Author URI: https://dibapc.com
*/
/* css rest   */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    background: #F8F8F8;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
    width: 100%;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
.rest{
    margin: 0 !important;
    padding: 0 !important;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 8px 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}
/****font***/



*{
    font-family: Tahoma;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*-----------------------------------------------------------------------------------*
/*Boot
/*-----------------------------------------------------------------------------------*/

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.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, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .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, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .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, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

/*-----------------------------------------------------------------------------------*
/*public
/*-----------------------------------------------------------------------------------*/


body {
    margin: 0px;
    background-color: #fff;
    background-position: center;
}


section {
    float: right;
    width: 100%;
    height: auto;
}

/*-----------------------------------------------------------------------------------*
/*menu
/*-----------------------------------------------------------------------------------*/

.menu {
    width: auto;
    float: left;
    margin-top: 20px;
}
.menu-container {
    width: 80%;
    margin: 0 auto;
    background: #e9e9e9;
}

.menu-mobile {
    display: none;
    padding: 10px;
    margin-top: 15px;
}

.menu-mobile:after {
    font-size: 2.5rem;
    content:"";
    padding: 0;
    width: 40px;
    display: block;
    position: relative;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Crect y='3' style='fill:%23556080;' width='50' height='2'/%3E%3Crect y='17' style='fill:%23556080;' width='50' height='2'/%3E%3Crect y='31' style='fill:%23556080;' width='50' height='2'/%3E%3C/svg%3E");
    height: 31px;
    background-repeat: no-repeat;
    margin: 0 auto;
    top: 10px;
}

.menu-dropdown-icon:before {
    content: "";
    display: none;
    cursor: pointer;
    float: left;
    padding: 2em 1em;
    /* background: #d3e7f7; */
    color: #807f7f;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216 v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}
.menu > ul > li.menu-dropdown-icon:after {
    float: right;
    padding: 0;
    margin: 0;
    content:"";
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.011 512.011' style='enable-background:new 0 0 512.011 512.011;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23fff' d='M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 20px;
}
.menu > ul > li a {text-decoration: none;padding: 1em 10px;display: block;color: #004225;font-size: 15px;font-weight: 600;}

.menu > ul > li:hover > a {

    color: #4c8c42;
    position:unset;
}
.menu > ul > li.menu-dropdown-icon:hover:after{display:none;}
.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: right;
}

.menu > ul > li > ul > li a {
    color: #000;
    padding: .4em 0;
    width: 95%;
    font-size: 0.8rem;
    display: block;
    border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}

@media only screen and (max-width: 959px) {
    .menu{width: auto;}
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:after {
    	display:none;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em 2em;
        width: 100%;
        display: block;
        padding-right: 0px;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        position: absolute;
        z-index: 100;
        background: #fff;
        right: 0px;
        top: 75px;
    }
}

/*-----------------------------------------------------------------------------------*
/*header
/*-----------------------------------------------------------------------------------*/
.flag{
    position: absolute;
    right: 0px;
    top: -10px;
}
.flag a{
  background: #6f9d33;
  margin-right: 5px;
  padding: 4px;
  float: left;
  border-radius: 0px 0px 5px 5px;
  color: #fff;
  font-size: 12px;
}
.flag img{width: 34px;}
.header {width:100%;position: relative;}
header {
    float: right;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    background: #fff;
}
header.topbar-scrolled{position:fixed;z-index:9999;border-bottom:1px solid #ccc;box-shadow:1px 0px 5px #Ccc;padding: 5px 0px 0px 0px;}
header.topbar-scrolled .logo img{height: 40px;}
header.topbar-scrolled .slogo img{height: 40px;}
header.topbar-scrolled .menu{margin-top:0px;}
header.topbar-scrolled .menu > ul > li a{padding: 10px 8px;}
header .logo {
    float: left;
    min-width: 230px;
    width: auto;
    /* padding: 10px 0px; */
    margin-right: 20px;
}
header .logo img{height: 80px;}
header .slogo{float: left;margin-left: 10px;}
header .slogo img{height: 80px;}
/*-----------------------------------------------------------------------------------*
/*wwd
/*-----------------------------------------------------------------------------------*/
.wwd{
    width: 100%;
    float: right;
    background: #fff;
    padding-top: 20px;
}
.wwd .wwd-box{
    width: 100%;
    float: left;
}
.wwd .wwd-box .wwd-img{
    width: 100%;
    float: left;
    height: auto;
}
.wwd .wwd-box .wwd-img img{
    display: block;
    margin: 0 auto;
}
.wwd .wwd-box .title{
    text-align: center;
}
.wwd .wwd-box .title span{
    width: 100%;
    display: block;
    color: #4c8c42;
    font-size:17px;
}
.wwd .wwd-box .title samp{font-size:24px;font-weight:600;}
.wwd .wwd-box .title h2{font-size: 24px;font-weight:400;}
.wwd .wwd-box .list{width: 100%;float: right;}
.wwd .wwd-box .list ul{
    list-style: none;
}
.wwd .wwd-box .list ul li{
    width: 25%;
    float: left;
    height: auto;
    position: relative;
    padding: 15px;
}
.wwd .wwd-box .list ul li a{
  position:relative;
    display: block;
    width: 100%;
    float: right;
    text-align: center;
    color: #fff;
    font-weight: 400;
}
.wwd .wwd-box .list ul li img{width: 100%;height: auto;float: left;}
.wwd .wwd-box .list ul li h3{background: #4c8c42;height: 70px;line-height: 1.5;padding: 10px;width: 100%;float: left;}
/*-----------------------------------------------------------------------------------*
/*about
/*-----------------------------------------------------------------------------------*/
.about{
  width:100%;
  float:right;
  background: #f3f3f3;
  /* border-top: 5px solid #4c8c42; */
  padding-top: 40px;
  padding-bottom: 40px;
}
.about .about-img{width:100%;float:left;border-radius: 0px 5px 5px 0px;}
.about .about-img img{width:100%;float:right;border-radius: 0px 5px 5px 0px;}
.about .title{background: #4c8c42;color: #fff;width: 200px;text-align: center;padding: 5px;margin-left: -70px;font-size: 30px;margin-top: 45px;}
.about .about-text{
    width: 100%;
    padding: 10px 50px 30px 40px;
    text-align: justify;
    line-height: 2;
    font-size: 14px;
    }
   .about .about-text .readmore{color:#fff;background:#ff9000;float: right;padding: 10px;margin-bottom: 20px;}
/*slide*/
.main-slide {
    background-color: #fff;
    width: 100%;
    height: auto;
    float: right;
}
/*-----------------------------------------------------------------------------------*
/*startup
/*-----------------------------------------------------------------------------------*/
.startup{
        background-image: url(images/bg1.jpg) !important;
        background-position: top;
        background-repeat: no-repeat !important;
        background-size: cover;
        width: 100%;
        float: left;
        background-attachment: fixed;
        padding: 90px 0px;
}
.startup-box {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.startup h2{    font-size: 32px;
    color: #ff9000;
    margin-bottom: 20px;}
.startup p{    color: #fff;
    font-size: 23px;
    margin-bottom: 30px;
    line-height: 2;
}
.startup a{    background: #ff9000;
    padding: 10px;
    color: #fff;}
/*-----------------------------------------------------------------------------------*
/*strategy
/*-----------------------------------------------------------------------------------*/
.strategy{
  width:100%;
  float:right;
  background: #f3f3f3;
  padding: 40px 0px;
}
.strategy .strategy-img{width:100%;float:left;}
.strategy .strategy-img img{width:100%;float:right;border-radius: 0px 5px 5px 0px;}
.strategy .title{background: #4c8c42;color: #fff;width: auto;text-align: center;padding: 5px;margin-left: -70px;font-size: 30px;margin-top: 40px;display: inline-block;}
.strategy .strategy-text{
    width: 100%;
    padding: 10px 30px 15px 20px;
    text-align: justify;
    line-height: 1.8;
    font-size: 14px;
    font-family: tahoma;
    }
/*-----------------------------------------------------------------------------------*
/*customers
/*-----------------------------------------------------------------------------------*/
.customers{
  width:100%;
  float:right;
  background: #f3f3f3;
  padding: 40px 0px;
}
.customers .customers-img{width:100%;float:left;}
.customers .customers-img img{width:100%;float:right;}
.customers .title{background: #4c8c42;color: #fff;width: auto;text-align: center;padding: 5px;/* margin-left: -70px; */font-size: 30px;padding-left: 30px;margin-top: 45px;display: inline-block;}
.customers .customers-text{
    width: 100%;
    padding: 20px 40px 30px 40px;
    text-align: justify;
    line-height: 2;
    font-size: 16px;
    }
    .customers .customers-list{
    list-style-position: inside;
    width: 100%;
    float: left;
    }
        .customers .customers-list ul{width:100%;float:left;background: #4c8c42d4;padding: 35px;color: #fff;font-size: 16px;line-height: 2;}
/***************اطلاعات مطلب************/
.info {
    width: auto;
    height: 40px;
    font-family: byekan;
    font-size: 14px;
    line-height: 2;
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
}
.info .author{background: #e7f27c;}
.info .cat{background: #ccc;}
.info .clock{
    background: #b3dbee;
}
.info samp {
    margin-left: 8px;
    font-family: byekan;
    font-size: 12px;
    float: right;
    font-weight: 400;
    padding: 0px 5px;
    border-radius: 5px;
}
.info samp i {
    float: right;
    font-size: 20px;
    margin-left: 5px;
    margin-top: 5px;
    color: #1EA9AC;
}
.info samp a {
    color: #000;
    text-decoration: none;
}
/*-----------------------------------------------------------------------------------*
/*single
/*-----------------------------------------------------------------------------------*/
.single-box {
    width: 100%;
    font-family: Byekan;
    font-size: 14px;
    float: left;
    height: auto;
}
.single-page {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    float: right;
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
    -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.64);
}
.single-page-text {
    width: 100%;
    height: auto;
    float: right;
    background-color: #fff;
}
.single-box .title {
    width: 100%;
    height: 210px;
    float: right;
    line-height: 7;
    font-size: 17px;
    font-family: Tahoma;
    border-bottom: 0px;
    direction: ltr;
    color: #4f4f4f;
    text-align: center;
    padding-top: 35px;
    background: #f5f5f5;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
.single-box .title h1 {
    width: 100%;
    float: right;
    height: auto;
    line-height: 3;
    font-family: Tahoma;
    font-size: 26px;
}
.single-box .title h2 {
    width: 100%;
    float: right;
    height: auto;
    line-height: 2;
    font-family: Tahoma;
    font-size:19px;
}
.single-box .text h1{font-size:19px;}
.single-box .text h2{font-size:19px;margin:10px 0px;line-height: 2;color: #00b566;}
.single-box .text h3{font-size:17px;margin:10px 0px;line-height: 2;color: #ff8100;}
.single-box .text h4{font-size:15px;margin:10px 0px;color: #01b6c8;}
.single-box .text ul{
    list-style-position: inside;
}
.single-box .text ol{
     list-style-position: inside;
}
.single-box .img-box {
    width: 100%;
    height: 100%;
    float: right;
    padding: 1%;
    border-radius: 3px 3px 0px 0px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}
.single-box .img-box img {
    border-radius: 3px 3px 0px 0px;
    display: block;
    width: 100%;
    max-width: 470px;
    margin: 1px auto;
}
.single-page .text {
    width: 100%;
    float: right;
    height: auto;
    line-height: 25px;
    font-family: Tahoma;
    direction: ltr;
    font-size: 14px;
    box-sizing: border-box;
    padding: 2%;
}
.single-page .text img {
    display: block;
    margin: 15px auto;
    max-width: 100%;
    height: auto;
    border: 1px solid #efefef;
    padding: 5px;
}
.single-page .text a {
    color: #F00;
    margin: 0px 5px;
}

/*****************بخش دسته بندی مقالات و اخبار *******************/
.taxonomy-description{width:100%;float:left;margin-bottom: 20px;font-size: 14px;line-height: 2;}
.article {
    margin-bottom: 20px;
    background-color: #fff;
    float: left;
    width: 49%;
    height: auto;
    border-radius: 0;
    padding: 0 1%;
    overflow: hidden;
    margin-right: 2%;
    border: 1px solid #e0dfdf;
    height: 335px;
    border-radius: 10px;
    box-shadow: 0px 1px 5px #c3c3c3;
}
.article:hover .articalbox{top: -270px;transition:0.5s all ease-in-out;background: #343434cc;}
.article:hover .articalbox h2 a{color:#ff9000;}
.article .articalbox{width:100%;float:right;background: #ffffff;position:relative;transition:0.3s all ease-in-out;top:0px;height: 315px;}
.article:nth-child(2n){margin-right: 0px;}
.article .article-img {
    width: 100%;
    padding-top: 5px;
    float: right;
    height: 280px;
    position: relative;
}
.article h2 a{color: #111010;width: 100%;float: left;padding: 10px;}
.article .article-img img {
    width: auto;
    max-height: 100%;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.article h2 {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #040404;
    line-height: 2;
    text-align: right;
    direction: ltr;
    height: 65px;
    text-align: center;
}
.article .info-cat{text-align: right;float: right;width: 100%;}
.article .info-cat a{color: #cccccc;font-size: 12px;}
.article .info-art{width:100%;float:right;font-size: 13px;font-family: Tahoma;color: #b1b1b1;}
.article .info-art samp{float:right;font-family: Tahoma;}
.article .info-art time{float:left;}
.article .text {
    line-height: 1.5;
    width: 100%;
    float: left;
    text-align: left;
    margin: 5px 0px;
    font-size: 14px;
    overflow: hidden;
    height: 190px;
    padding: 0px 10px;
    color: #fff;
}
.article .more {
    float: left;
    margin-left: 0px;
    height: 30px;
    line-height: 2.4;
    text-decoration: none;
    margin-bottom: 10px;
    background: #ff9000;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.article .more a {
    text-decoration: none;
    color: #ffffff;
    width:100%;
    float:right;
    text-align:center;
    font-size: 13px;
}
.more-link {
    display: none;
}

.breadcrumbs {padding: 15px 15px;margin: 0px;list-style: none;border-radius: 4px;float: right;width: 100%;background: #fff;margin-top: -26px;height: auto;margin-bottom: 30px;border: 1px solid #e5e5e5;}
.breadcrumbs>li {
    display: inline-block;
}
.breadcrumbs a {
    color: #337ab7;
    text-decoration: none;
}

.slider{float: right;width: 100%;overflow: hidden;border-top: 1px solid #528134;border-bottom: 1px solid #528134;min-height: 140px;}


footer{
    height: auto;
    position: relative;
    width: 100%;
    float: left;
    padding-top: 70px;
    background: #fff;
}
footer .copyright{width:100%;float:left;background:#fff;text-align:right;height: 50px;font-size: 14px;padding-top: 15px;}
footer .copyright p{float:right;}
footer .copyright a{float:right;color:#ff9015;margin-left: 10px;}
footer .footer{
  background: #444444;
  width: 100%;
  float:left;
}
footer .form-contact{background: #111111;padding: 40px 40px 0px;margin: -50px 50px -50px -15px;width: 100%;float: left;}
footer .form-contact .form-box{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
footer .form-contact .form-box input[type="text"]{
    width: 100%;
    padding: 5px;
}
footer .form-contact .form-box input[type="email"]{    width: 100%;
    padding: 5px;}
footer .form-contact .form-box textarea {
    width: 100%;
    padding: 10px;
    height:150px;
    }
footer .form-contact .form-box input[type="submit"]{
    background: #ff9000;
    border: 0px;
    width: 120px;
    padding: 10px;
    margin: 0 auto;
    display: block;
    color: #fff;
}
footer .footer .info-contact{
    width: 100%;
    float: left;
    color: #fff;
    margin-top: 25px;
}
footer .footer .info-contact .title{
  color:#ff9000;
  font-size:23px;
}
footer .footer .info-contact .info-box{}
footer .footer .info-contact .info-box ul{    list-style-position: inside;list-style: none;}
footer .footer .info-contact .info-box li{
    line-height: 2.5;
    font-size: 14px;
}
footer .footer .info-contact .info-box li a{}



/**************end command**********/
/* =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: 10px 2%;
}

.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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

@media (max-width: 480px) {
    header{padding: 0px 10px;padding-top: 10px;position: relative;padding-bottom: 10px;}
    header .logo{margin-bottom: 0px;min-width: 170px;margin-right: 15px;}
    header .logo img{
    height: 60px;
}
header.topbar-scrolled{
    top: 0px;
}
.menu-dropdown-icon:before{
    padding: 19px 1em;
}
.menu{margin-top: 10px;}
header .slogo{
    margin-left: 10px;
}
header .slogo img{
    height: 60px;
}
.menu-mobile{margin-top:0px;}
    .single-box .title{background:#f8f6ef;}
    .article{width:100%;margin-left:0px;height: 340px;}
    .article .article-img{height: 160px;overflow: hidden;}
    .article h2{line-height:2;font-size:15px;}
  .about{}
  .about .about-img img{border-radius:0px;}
  .about .title{
    margin-left: 0px;
}
.about .about-text{
    padding: 10px 20px;
}
.wwd{}
.wwd .wwd-box .list ul li{width:50%;}
.wwd .wwd-box .list ul li h3{font-size:14px;}
.strategy{}
.strategy .strategy-img img{border-radius:0px;}
.strategy .title{margin-left:0px;}
footer .footer{}
footer .form-contact{margin:0px;}
.startup{
    padding: 50px 15px;
}

.startup h2{
    font-size: 23px;
}
.startup p{
    font-size: 17px;
}
.customers{padding: 0px;}
}
footer{padding-top:20px;}
/*
Default style for WP-PageNavi plugin

*/

.wp-pagenavi {
    width: 100%;
    float: right;
    margin-bottom: 15px;
    margin-top: 15px;
    background: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 1px 5px #c3c3c3;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 5px 13px !important;
    float: right;
}
.wp-pagenavi span.current {
    border: 1px solid #66dcc9 !important;
}
.wp-video {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
ul.lightgallery li{border: 0px !important;}