@media only screen and (max-width: 768px) {
  .end {
    padding-left: 0;
  }
}
.group {
  zoom: 1;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
section {
  zoom: 1;
}
section:before,
section:after {
  content: "";
  display: table;
}
section:after {
  clear: both;
}
.padder {
  padding: 40px 0;
}
#pre-header {
  height: 2.25em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: 5px solid #05535e;
  background: #222;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #pre-header {
    display: none;
  }
}
#pre-header .container-m {
  height: 2.25em;
}
#pre-header #company-nav {
  float: right;
  height: 2.25em;
}
#pre-header #company-nav a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.8em;
  color: #eeeeee;
  text-decoration: none;
  display: block;
  float: left;
  height: 2.85em;
  line-height: 2.85em;
  border-right: 1px solid #333333;
  padding-left: 1em;
  padding-right: 1em;
  letter-spacing: .025em;
}
#pre-header #company-nav a:hover {
  color: #ffffff;
  background: #05535e;
}
#pre-header #company-nav a:first-of-type {
  border-left: 1px solid #333333;
}
header {
 height: auto;
    /*background-color: #113479; */
}
header .logo {
  float: right;
/*  background: url('logo-menu-bar.png');*/
  background-size: 100%;
  display: block;
 
  background-repeat: no-repeat;
  direction: rtl;
 
  overflow: hidden;
  margin-top: 0px;
}
header #main-nav {
  float: right;
  margin-top: 2.55em;
}
@media only screen and (max-width: 1024px) {
  header #main-nav {
    display: none;
  }
}





header #main-nav a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Arimo', sans-serif;
  font-size: 1.2em;
  display: inline-block;
  margin-right: 1em;
  color: #333;
  font-weight: bold;
    font-family: iran , verdana,tahoma;
    color: white;
}
header #main-nav a:hover {
  color: #1a717d;
}
header #responsive-menu-button {
  display: none;
  font-size: 3em;
  color: #333;
  float: right;
  margin-top: .50em;
    height: 50px;
    width: 50px;
}
@media only screen and (max-width: 1024px) {
  header #responsive-menu-button {
    display: block;
  }
}
header #responsive-menu-button:hover {
  color: #16656f;
  cursor: pointer;
}
.container-m {
  margin: 0 auto;
  zoom: 1;
}
.container-m:before,
.container-m:after {
  content: "";
  display: table;
}
.container-m:after {
  clear: both;
}
@media only screen and (min-width: 1025px) {
  .container-m {
    
  }
    .mega-menu{
        
        height: 300px;
    }
}
@media only screen and (max-width: 1024px) {
  .container-m {
    padding: 0 0px;
  }
    
    
    header #main-nav a
     {
        font-size: 1.1em
    }
    
}

@media only screen and (max-width: 1204px) {
 
    header #main-nav a
     {
        font-size: 15px;
    }
    .mega-menu ul{
        min-width: 175px;
    }
    
}

@media only screen and (min-width: 1205px) {
 
    
    .mega-menu ul{
        min-width: 210px;
    }
    
}

h1 {
  font-family: 'iran', sans-serif;
  font-size: 1.75em;
}
h4 {
  font-family: 'Arimo', sans-serif;
  font-size: 1.25em;
  line-height: 1.3;
}
h4 a{color: white;}
h5 {
  font-family: 'Arimo', sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  color: #16646f;
}
h6 {
  font-family: 'Arimo', sans-serif;
  font-size: 1.25em;
  display: inline-block;
}
p {
  margin: 25px 25px 25px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: .91em;
  color: #555555;
  line-height: 1.5;
}
p a {
  color: #16646f;
  font-weight: bold;
}
#page-header {
  padding: 40px 0;
  border: 1px solid #00313c;
  zoom: 1;
  background: #04444c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #04444c 0%, #05535e 50%, #04444c 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #04444c), color-stop(50%, #05535e), color-stop(100%, #04444c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #04444c 0%, #05535e 50%, #04444c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #04444c 0%, #05535e 50%, #04444c 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #04444c 0%, #05535e 50%, #04444c 100%);
  /* IE10+ */
  background: linear-gradient(to right, #04444c 0%, #05535e 50%, #04444c 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04444c', endColorstr='#04444c', GradientType=1);
  /* IE6-9 */
  z-index: 0;
}
#page-header:before,
#page-header:after {
  content: "";
  display: table;
}
#page-header:after {
  clear: both;
}
#page-header h1 {
  color: white;
  float: left;
}
@media only screen and (max-width: 768px) {
  #page-header h1 {
    float: none;
    dispaly: block;
    width: auto;
    text-align: center;
  }
}
#page-header #breadcrumb {
  float: right;
  color: white;
  font-family: 'Arimo', sans-serif;
  font-size: .85em;
  letter-spacing: .5px;
  margin-top: 8px;
}
@media only screen and (max-width: 768px) {
  #page-header #breadcrumb {
    float: none;
    display: block;
    width: auto;
    text-align: center;
  }
}
#page-header #breadcrumb a {
  text-decoration: none;
  color: #c0ffff;
  font-family: 'Arimo', sans-serif;
  font-size: 1em;
}
#page-header #breadcrumb a:hover {
  text-decoration: underline;
  color: white;
}
main {
  zoom: 1;
}
main:before,
main:after {
  content: "";
  display: table;
}
main:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  main {
    text-align: center;
  }
}
.full {
  float: left;
  display: block;
  width: 100%;
}
.one-half {
  float: left;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .one-half {
    width: 100%;
  }
}
.one-fourth {
  float: left;
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .one-fourth {
    width: 100%;
  }
}
.three-fourths {
  float: left;
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .three-fourths {
    width: 100%;
  }
}
.one-third {
  float: left;
  width: 33.333%;
}
@media only screen and (max-width: 768px) {
  .one-third {
    width: 100%;
  }
}
.two-thirds {
  float: left;
  width: 66.667%;
}
@media only screen and (max-width: 768px) {
  .two-thirds {
    width: 100%;
  }
}
.one-fifth {
  float: left;
  width: 20%;
}
@media only screen and (max-width: 768px) {
  .one-fifth {
    width: 100%;
  }
}
.two-fifths {
  float: left;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .two-fifths {
    width: 100%;
  }
}
.three-fifths {
  float: left;
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .three-fifths {
    width: 100%;
  }
}
.four-fifths {
  float: left;
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .four-fifths {
    width: 100%;
  }
}
.ghost-button {
  font-family: 'Arimo', sans-serif;
  font-size: .85em;
  font-weight: bold;
  color: white;
  background: #16646f;
  text-decoration: none;
  border: 1px solid #16646f;
  padding: 10px 25px;
  display: inline-block;
  border-radius: 2px;
  border-bottom: 4px solid #05535e;
}
.ghost-button:hover {
  background: #277580;
}
.cta {
  border: 1px solid #ddd;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 25px;
  margin: 25px 0;
  text-align: center;
  border-bottom: 4px solid #ddd;
}
.cta h4 {
  font-size: 1em;
}
.cta a {
  color: #16646f;
}
.cta strong {
  color: #16646f;
  font-weight: bold;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 15px;
}
.mailing-list-box {
  border: 1px solid #ddd;
  border-bottom: 4px solid #ddd;
  padding: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  zoom: 1;
}
.mailing-list-box:before,
.mailing-list-box:after {
  content: "";
  display: table;
}
.mailing-list-box:after {
  clear: both;
}
.mailing-list-box .mailing-list-box-lead {
  font-family: 'Arimo', sans-serif;
  font-size: .85em;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.mailing-list-box .mailing-list-email {
  float: left;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ddd;
  border-right: 0;
  padding: 10px;
  width: 70%;
  font-family: 'Arimo', sans-serif;
  color: #555;
  border-bottom: 4px solid #ddd;
}
.mailing-list-box .mailing-list-submit {
  width: 30%;
  float: left;
  padding: 10px;
  border: 1px solid #1a717d;
  background: #1a717d;
  color: white;
  font-family: 'Arimo', sans-serif;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 4px solid #09606c;
}
.mailing-list-box .mailing-list-submit:hover {
  background: #2b828e;
}
.standard-bullets {
  margin: 25px 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  font-size: .9em;
  color: #555;
}
.standard-bullets strong {
  font-weight: bold;
  color: #16646f;
}
.standard-bullets li {
  list-style-position: inside;
  margin: 25px 0;
}
.boxed-benefits {
  font-family: 'Open Sans', sans-serif;
  font-size: .8em;
  line-height: 1.5;
  margin: 25px 0;
}
.boxed-benefits li {
  text-align: center;
  display: block;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 4px;
  background: #f0f4fe;
  margin: 15px 0;
}
.boxed-benefits li strong {
  font-weight: bold;
}
.price-box {
  border: 1px solid #dddddd;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom: 4px solid #ddd;
  margin-bottom: 25px;
  padding: 30px;
  line-height: 1.5;
  text-align: center;
}
.price-box .price-box-lead {
  font-family: 'Arimo', sans-serif;
  font-size: .85em;
  font-weight: bold;
}
.price-box .price-box-price {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  color: #16646f;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.price-box .ghost-button {
  margin-top: 10px;
}
#content-types ul {
  margin: 25px 0;
  line-height: 1.5;
  zoom: 1;
}
#content-types ul:before,
#content-types ul:after {
  content: "";
  display: table;
}
#content-types ul:after {
  clear: both;
}
#content-types ul li {
  display: block;
  float: left;
  width: 50%;
}
@media only screen and (max-width: 480px) {
  #content-types ul li {
    float: none;
    display: block;
    width: auto;
  }
}
#content-types ul li:before {
  font-family: 'Ionicons';
  margin-right: .75em;
  font-size: 36px;
  color: #16646f;
  vertical-align: middle;
}
#content-types ul li.blog:before {
  content: "\f23d";
}
#content-types ul li.whitepaper:before {
  content: "\f471";
}
#content-types ul li.infographic:before {
  content: "\f2e4";
}
#content-types ul li.website:before {
  content: "\f20a";
}
#content-types ul li.newsletter:before {
  content: "\f474";
}
#content-types ul li.briefcase:before {
  content: "\f3ed";
}
#big-nav {
  background: #f5f5f5;
  padding: 30px 0;
  border-top: 1px solid #ddd;
  border-bottom: 4px solid #ddd;
}
@media only screen and (max-width: 768px) {
  #big-nav {
    text-align: center;
  }
}
#big-nav h5 a {
  color: #16646f;
  text-decoration: none;
}
#big-nav h5 a:hover {
  color: #277580;
}
#big-nav nav {
  margin: 15px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: .82em;
  line-height: 1.5;
}
#big-nav nav a {
  text-decoration: none;
  color: #555;
  display: block;
  font-weight: 400;
}
#big-nav nav a:hover {
  color: #888888;
}
footer {
  border-bottom: 5px solid #16646f;
  padding: 30px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: .85em;
  color: #555;
}
@media only screen and (max-width: 768px) {
  footer {
    text-align: center;
  }
}
footer #footer-nav {
  float: right;
}
@media only screen and (max-width: 768px) {
  footer #footer-nav {
    float: none;
    display: block;
    width: auto;
  }
}
footer #footer-nav a {
  color: #16646f;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0 10px;
  border-right: 1px solid #ddd;
}
@media only screen and (max-width: 768px) {
  footer #footer-nav a {
    float: none;
    display: inline-block;
    width: auto;
  }
}
footer #footer-nav a:hover {
  text-decoration: underline;
}
footer #footer-nav a:first-of-type {
  padding-left: 0;
}
footer #footer-nav a:last-of-type {
  padding-right: 0;
  border-right: 0;
}
footer .copyright {
  float: left;
}
@media only screen and (max-width: 768px) {
  footer .copyright {
    float: none;
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}



.mega-menu {
 /* padding: 15px 0;
  background: #f5f5f5;*/
  text-align: center;
  display: none;
    color: white;
   width:99% !important;
    background-color: #113479;
}




.mega-menu ul{float:right;width:24%;  padding:0 9px}


.mega-menujoz{display: inline-block; border-radius: 0.2rem; position: relative; z-index: 9999999; padding-top: 10px ; margin: 0px !important; list-style: none; width: 100%;}
.mega-menujoz ul{width: 20%; float: right; padding: 0px 10px; line-height: 2.3}
.mega-menujoz li{list-style: none; text-align: justify;}
.mega-menujoz ul li a{ color: #b4f0f7 !important;}




@media only screen and (max-width: 768px) {
  
    .mega-menu ul{width:100%;padding:0 10px}
    .mega-menujoz li{list-style: none; text-align: center;}

}



@media only screen and (max-width: 1024px) {
  .mega-menu ul{float:right;width:100%; min-width: 350px; padding:0 10px}
}



.mega-menu .close-menu {
  text-align: center;
  
  border-top: 1px dotted #bbb;
  border-bottom: 1px dotted #bbb;
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  
  margin-top: 5px;
  font-weight: bold;
    float: left;
    width:25px;
    margin-left: 23px;
    height: 15px;
    
    
    
}
.mega-menu .close-menu:hover {
  background: #eeeeee;
  cursor: pointer;
}
.mega-menu .close-menu i {
  font-size: 2.5em;
}
.mega-menu h5 {
  color: black;
}
.mega-menu .service {
  margin: 15px 0;
}
.mega-menu .service i {
  font-size: 42px;
  color: #16646f;
  border: 2px solid #16646f;
  height: 84px;
  width: 84px;
  line-height: 84px;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 15px;
  background: white;
}
.mega-menu .service i:hover {
  background: #16646f;
  color: white;
}
#responsive-menu {
/*  background: #1a717d;*/
  display: none;
}
@media only screen and (min-width: 1025px) {
  #responsive-menu {
    display: none !important;
  }
}
#responsive-menu a {
  display: block;
  border: 1px solid #fff;
  padding: 15px;
  color: white;
  font-family: 'iran', sans-serif;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  border-radius: 8px;
    margin: 5px;
}
#responsive-menu a:hover {
  background: #333;
}