/*
Theme Name: Zerif PRO Child
Template: zerif-pro
Author: Child Theme Configurator
Version: 1.0.1440500258
Updated: 2015-08-25 11:57:38
*/

@charset "UTF-8";

body, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table,
ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, a, b, cite,
dfn, em, i, span, strong, sub, sup, legend, fieldset, input, select, textarea,
article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {
  font-family: "Arimo", sans-serif !important;
  line-height: 1.5em !important;
}
#wpadminbar .ab-icon, #wpadminbar .ab-item::before, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon {
  font: 400 20px/1 dashicons !important;
}
.social-icons, .social, .fa {
  font-family: FontAwesome !important;
  line-height: 1em !important;
}
ul.simple-list {
  list-style: none;
}
ul.simple-list li {
  margin-bottom: .8em;
  padding-left: 15px;
  line-height: 1.4em;
  background: url(../../uploads/2015/08/simple_dot.png) no-repeat 0 7px;
}
#content .container {
  position: relative;
}
ul#subnav {
  position: absolute;
  top: 15px;
  left: 0;
  margin: 0 0 0 15px;
  list-style: none;
}
ul#subnav, ul#subnav li, ul#subnav li a {  
  font: 12px/1 "Arimo", sans-serif !important;
}
ul#subnav li {
  float: left;
  margin-right: 25px;
}
ul#subnav li:last-of-type {
  margin-right: 0;
}
ul#subnav li a {
  color: #999;
}
ul#subnav li a:hover {
  color: #e96656;
}
ul#subnav li a.active {
  color: #f08c80;
  text-decoration: underline;
}
.col-lg-4.zerif-rtl-big-title, .col-lg-4.zerif-rtl-skills {
  display: none;
}
.col-lg-4.zerif_about_us_center {
  width: auto;
}
#aboutus .col-lg-12 {
  float: none;
  max-width: 900px;
  margin: 0 auto;
}
#aboutus.about-us {
  padding-bottom: 0;
}
#aboutus div.section-header {
  padding-bottom: 10px;
}
#aboutus.about-us .column {
  margin-bottom: 40px;
}
#aboutus.about-us, #aboutus.about-us p, 
#pricingtable.packages, #pricingtable.packages p {
  color: #666;
}
#aboutus.about-us p, #pricingtable.packages p {
  line-height: 1.5em;
}
#pricingtable.packages .row {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#pricingtable.packages {
  background: url(../../uploads/2015/09/light_bg.png);
}
#pricingtable.packages a {
  color: #921;
  text-decoration: none;
}
#pricingtable.packages a:hover {
  color: #e65;
}
#pricingtable.packages div.section-header {
  padding-bottom: 40px;
}
#pricingtable.packages h3 {
  text-align: left;
}
#pricingtable.packages .section-header h2, #pricingtable.packages .section-header h6 {
  color: #404040;
}
#pricingtable.packages ul.simple-list {
  text-align: left;
}
#pricingtable.packages ul.simple-list li {
  font-size: 10pt;
  margin-bottom: 4px;
  color: #666;
}
.lefted {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.righted {
  float: right;
  width: 48%;
  margin-left: 2%;
}
#pricingtable.packages .lefted {
  width: 60%;
  margin-right: 3%;
}
#pricingtable.packages .righted {
  width: 34%;
  margin-left: 3%;
}
#pricingtable.packages ul.simple-list {
  margin-left: 1.6em;
}
#pricingtable.packages .col-lg-3.focus-box {
  display: inline-block;
  float: none;
}
#pricingtable.packages .focus-box h5 {
  white-space: nowrap;
}
#pricingtable.packages .focus-box .service-icon {
  margin-bottom: 10px;
}
.two-col {
  columns: 300px 2;
  -webkit-columns: 160px 2;
  -moz-columns: 160px 2;
  transition: all .3s ease 0s;
}


/********** Change Language **********/

#home .container {
  position: relative;
}

#site-navigation {
  margin-top: 34px;
}
#menu-main-menu.navbar-nav > li {
  margin-top: 0;
}
#home .navbar-toggle {
  margin: 35px 0 12px 50px;
}

#lang {
  position: absolute;
  top: 8px;
  right: 15px;
  width: 75px;
  height: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 101;
}
#lang li {
  float: left;
  width: 30px;
  height: 15px;
  margin: 0;
  padding: 0;
}
#lang li:first-of-type {
  margin-right: 15px;
}
#lang li a {
  display: block;
  width: 30px;
  height: 15px;
  opacity: 0.7;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
#lang li a:hover {
  opacity: 1;
  box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}
#lang li a.en {
  background: url(../../uploads/sites/3/2015/08/uk_flag.png) no-repeat;
}
#lang li a.bg {
  background: url(../../uploads/sites/3/2015/08/bg_flag.png) no-repeat;
}
#lang li a span {
  display: none;
}
#testimonials .feedback-box .client-image {
  display: none !important;
}
#testimonials .feedback-box .client-info {
  max-width: 78%;
  max-width: calc(100% - 60px);
}
.entry-content h3 {
  margin: 40px 0 10px;
}
.entry-content h4 {
  margin: 15px 0;
  font-size: 20px;
}




/********** Footer **********/

#footer, div.footer-box.company-details {
  color: #ccc;
}
#footer div.footer-box.company-details {
  margin: 0 4%;
  padding: 20px 0 30px;
}
#footer div.footer-box.company-details, 
#footer div.footer-box.company-details p, 
#footer div.footer-box.company-details a {
  font-size: 13px;
  line-height: 1.4em;
}
#footer div.footer-box.company-details h3 {
  font-size: 20px;
  text-align: left;
  color: #ccc;
}
#footer div.footer-box.company-details p {
  margin-bottom: 2px;
  text-align: left;
  color: #bbb;
}
.copyright {
  padding-top: 76px !important;
}
.cleaner {
  display: block;
  clear: both;
  height: 0;
  content: '.';
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}


/********** Media Queries **********/

@media (max-width: 1200px) {

  #site-navigation {
    margin-top: 0;
  }

}

@media (max-width: 1024px) {

  #footer div.footer-box.company-details {
    margin: 0;
    padding: 10px 10% 30px;
    box-sizing: border-box;
  }

}

@media screen and (max-width: 620px) {

  ul#subnav {
    display: none;
  }
  .lefted, .righted, #pricingtable.packages .lefted, #pricingtable.packages .righted {
    float: none;
    width: 100%;
  }
  .two-col {
    columns: auto 1;
    -webkit-columns: auto 1;
    -moz-columns: auto 1;
  }

}

@media screen and (max-width: 480px) {

  #home .navbar-toggle {
    margin: 10px 0 0;
  }
  #lang {
    top: 10px;
    right: auto;
    left: 15px;
  }
  .menu-align-center .responsive-logo > a {
    float: none !important;
    clear: both;
    margin: 0 auto;
  }

}



