@font-face {
    font-family: 'futura_bookregular';
    src: url('../fonts/futurabt-book-webfont.woff2') format('woff2'),
         url('../fonts/futurabt-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, html{
    max-width: 100%;
    height:100%;
	background-color: #F3F3F0;
}
body{
    padding: 0;
    margin: 0;
    background: #f3f3f0;
    color: #6a6a6a;
     font-family:'calibri', Arial, sans-serif;
    font-style: normal;
    font-size:15px;
    line-height: 1.6;
    -webkit-text-size-adjust:none;
    -webkit-font-smoothing:antialiased;
}
ul, ol{
    margin: 0 0 3rem;
    padding: 0;
    list-style: none;
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
 
  border: 0 none;
  font-weight: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}
img{
    vertical-align: top;
    max-width: 100%;
}
a {
  text-decoration: none;
  vertical-align: baseline;
}
a.tel:link{
   color:#6a6a6a; 
}
b, strong {
  font-weight: bold;
}
button::-moz-focus-inner {
  border: 0;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
button {
  cursor: pointer;
  border: none;
    background-color: transparent;
    outline: 0;
}

html, body {
  min-height: 100%;
}

.video{
	position: relative;
	display: inline-block;
}
.video::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-style: solid;
      border-width: 20px 0 20px 30px;
      border-color: transparent transparent transparent white;
	
}

/*font */
h1{
    font-family: 'futura_bookregular';
    font-size: 1.5em;
    color:#848b94;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 120%;
    margin-bottom: 20px;
}
h2{
    font-family: 'futura_bookregular';
    font-size: 1.3em;
    color:#848b94;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 120%;
    
}
h3{
    font-size:1.4em;
    font-family: 'futura_bookregular';
    color:#848b94;
    text-transform: uppercase;
    letter-spacing: 1px;
}
h5{
     color:#31a4dd;
    text-transform: uppercase;
    font-size: 0.9em;
    display: inline-block;
    letter-spacing: 1px;
}
p{
     margin-bottom: 20px;
}
p, a:link{
    font-size: 1em;
   
}
a:link, a:visited{
    color:#31a4dd;
}
a:hover{
    color:#666666;
}

/* container */
.container{
    width:90%;
    max-width: 984px;
    margin-left:auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
}
.container.content{
    margin: 70px auto;
}
.col-sm-6{
    width: 50%;
}
.col-sm-5{
    width:40%;
}
.col-sm-4{
    width: 30%;
    display: inline-block;
}
.col-sm-8{
    width: 70%;
    display: inline-block;
}
.project .container{
    max-width: 700px;
    margin-left:auto;
    margin-right: auto;
}
/* navigation */

.apo-header{
    color: #666;
    position: relative;
    transition: all 0.4s ease-out;
    margin: 0 auto;
    border: 0;
    outline: 0;
    vertical-align: top;
    display: block;
    top: 0;
    width: 100%;
    top: 0;
    z-index: 998;
}

.apo-header:not(.apo-header-vertical) .apo-header-section{
    padding: 15px 0px;
    color: #666;
    background-color: transparent;
    display: table;
    table-layout: fixed;
      padding-left: 5%;
    padding-right: 5%;    
    width: 90%;
    max-width: 984px;
    margin: 0 auto;
}

.apo-header:not(.apo-header-vertical) [class|="apo-header-component"]{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}
.apo-header-component-first{
    z-index: 9999!important;
}
.apo-header:not(.apo-header-vertical) .apo-header-component-first{
    width:15%;
}
.apo-header:not(.apo-header-vertical) .apo-header-component-last{
    width:35%;
}
.apo-header:not(.apo-header-vertical) .apo-header-component-last .apo-header-items{
    float: right;
}
.apo-header:not(.apo-header-vertical).apo-header-items{
    display: inline-block;
    margin: -20px -20px 0 -20px;
}
.apo-header:not(.apo-header-vertical) .apo-header-item{
    display: inline-block;
    vertical-align: middle;
    margin:10px 0px 0;
}

.apo-navigation-container{
    display: inline-block;
}
.apo-navigations{
    position: relative;
    z-index: 1;
}
.apo-navigations > li{
    display: inline-block;
    vertical-align: middle;
    margin: 30px 0 0 8px;
}
.apo-navigations > li > a:link, .apo-navigations > li > a:visited{
    font-size: 1em;    
    letter-spacing: 2.5px;
    line-height: 18px;
    color: #333333;
    display: block;
    padding: 0 10px 9px;
    position: relative;
    text-transform: uppercase;
}
.apo-navigations > li > a:hover{  
    color: #999;
}
.apo-fullscreen-nav-pages li{
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
}
   
.apo-fullscreen-nav-pages li a:link,.apo-fullscreen-nav-pages li a:visited{
   color:#fff;
    margin-top: 10px;
    text-decoration: none;
}
.apo-fullscreen-nav-pages li a:hover{
   color:#31a4dd;
}

.apo-sub-menu {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  transition: all 0.4s ease-out;
}

.apo-sub-menu > li {
  margin-bottom: 10px;
}

.apo-sub-menu a {
  @extends %link-reset;
  display: block;
  color: #a9aaae;
  line-height: inherit;
}
.apo-sub-menu li:hover > a,
.apo-sub-menu .apo-tapped > a,
.apo-sub-menu .apo-selected > a,
.apo-sub-menu .apo-current > a,
.apo-sub-menu a:focus {
  color: #000000;
}

.apo-has-children > .apo-sub-menu {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  padding: 20px;
}

.apo-has-children > .apo-sub-menu > li {
  font-size: 16px;
  line-height: 30px;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}

.apo-has-children > .apo-sub-menu.apo-reverse {
  left: auto;
  right: -80px;
}

.apo-has-children > .apo-sub-menu::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 17px;
  margin-bottom: -1px;
}
.apo-has-children > .apo-sub-menu > li.apo-sub-menu .none{
    display: none;
}
.apo-csstransforms3d .apo-has-children > .apo-sub-menu {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

.apo-no-touchevents .apo-selected > .apo-sub-menu,
.apo-touchevents .apo-tapped > .apo-sub-menu {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.apo-no-touchevents.apo-csstransforms3d .apo-selected > .apo-sub-menu,
.apo-touchevents.apo-csstransforms3d .apo-tapped > .apo-sub-menu {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.apo-mobile-ntext-align: center;
  font-size: 36px;
  line-height: 1em;
  width: 60px;
  cursor: pointer;
  margin: 0 auto 5px;
  display: none;av-btn{
    
}

.apo-mobile-nav-btn {
  text-align: center;
  font-size: 36px;
  line-height: 1em;
  width: 30px;
  cursor: pointer;
  margin: 0 auto 5px;
  display: none !important;
 position: relative;
}

/* hide navi */
.apo-d-none {
  display: none;
}

/* ------------------------------------------------------
    12. Modal Windows
------------------------------------------------------ */
[class*="arcticmodal-container_"] {
  position: relative;
}

.apo-modal {
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 15px;
}

.apo-modal h1, .apo-modal h2, .apo-modal h3, .apo-modal h4, .apo-modal h5, .apo-modal h6 {
  color: #bdbdbd;
    margin-bottom: 15px;
}

.apo-modal .arctic-modal-close-container {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 10px 0 40px;
  z-index: 5;
}

.apo-modal .arcticmodal-close {
  opacity: .5;
  transition: opacity 0.4s ease-out;
    color:#fff;
}

.apo-modal .arcticmodal-close:hover, .apo-modal .arcticmodal-close:focus {
  opacity: 1;
}

.apo-modal .apo-oneline-form input[type="text"],
.apo-modal .apo-oneline-form input[type="email"],
.apo-modal .apo-oneline-form input[type="password"],
.apo-modal .apo-oneline-form input[type="number"],
.apo-modal .apo-oneline-form input[type="search"],
.apo-modal .apo-oneline-form input[type="url"],
.apo-modal .apo-oneline-form input[type="date"],
.apo-modal .apo-oneline-form input[type="datetime-local"],
.apo-modal .apo-oneline-form input[type="month"],
.apo-modal .apo-oneline-form input[type="tel"],
.apo-modal .apo-oneline-form input[type="time"],
.apo-modal .apo-oneline-form input[type="week"] {
  background-color: #000000;
  height: 60px;
  border-radius: 30px;
  border: none;
  padding-right: 30px;
  padding-left: 80px;
}

.apo-modal .apo-oneline-form button {
  font-size: 20px;
  line-height: 60px;
  right: auto;
  left: 25px;
}

.apo-modal.apo-modal-fullscreen-nav .apo-grid {
  margin-top: -60px;
}

.apo-modal.apo-modal-fullscreen-nav .apo-grid-col {
  padding-top: 60px;
}

.apo-modal.apo-modal-fullscreen-nav .apo-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.apo-modal.apo-modal-fullscreen-nav .apo-grid:not(:last-child) {
  margin-bottom: 90px;
}

.apo-modal.apo-modal-fullscreen-nav .apo-oneline-form {
  max-width: 570px;
  margin-left: auto;
  margin-right: auto;
}

.apo-page{
    position: relative;
    margin-top: 60px;
}

.apo-grid-col {
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding-top: 30px;
  padding-left: 0.5%;
  padding-right: 0.5%;
}
.apo-grid-col:nth-child(3n){
  padding-right: 0;
}
.apo-grid-col:nth-child(3n+1){
  padding-left: 0;
}
.apo-grid.apo-cols-3 .apo-grid-col{
    width: 32.3%;
}
.apo-grid.apo-cols-3 .apo-grid-col img{
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
}


/* home page */

.index {
    width: 100%;
    height: 100%;
    background: url('../images/home.jpg') no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
.index .container{
    height: 100%;
}
.index .container a:link, .index .container .middle,.index .container img{
    display: inline-block;
    vertical-align: middle;
    margin:0 0 0 20px;
}
.index .container a:link h2,.index .container a:visited h2{
    color:#ffffff;
}
.index .container a:hover h2{
    color:#bdbdbd;
}
.index .apo-footer{
    position: fixed !important;
    bottom: 0;
    width:100%;
}

/* portfilio content */
.apo-filter-wrap{
    display: inline-block;
}
.apo-filter > li{
    display: inline-block;
    vertical-align: baseline;
    letter-spacing: 1.5px;
    padding: 25px 20px 0;
}
.apo-filter > li{
    padding-left:0; 
}
.apo-filter a{
    padding: 5px 0;
    text-transform: uppercase;
    color:#bdbdbd;
    font-size: 0.9em;
}
.apo-filter a.apo-active{
    color:#333333;
}
.apo-isotope{
    transition: height .5s ease;
}
.apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item{
    width: 49%;
    margin-left:0.4%;
    margin-right:0.4%;
}
.apo-portfolio-container.apo-style-1.apo-isotope .apo-item{
    padding-top: 30px;
}
.apo-project{
    line-height: 130%;
    position: relative;
    
}

.apo-portfolio-container.apo-style-1 .apo-project-media:not(:last-){
    margin-bottom: 12px;
}
.apo-aligner-outer,.apo-aligner-inner{
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.apo-aligner-inner{
    text-align: left;
    vertical-align: top;
}
.apo-project-header{
    margin-top: 5px;
}
.apo-portfolio-container.apo-style-1 .apo-project-title{
    text-transform: uppercase;
    line-height: 120%;
}
.apo-portfolio-container.apo-style-1 .apo-project-title a{
    position: relative;
    display: block;
    transition-property:all;
    transition-duration:.2s;
    color:#848b94;
}
.apo-portfolio-container.apo-style-1 .apo-project-categories a{
    color:#333333;
    text-transform: uppercase;
    font-size: 0.8em;
    display: inline-block;
    letter-spacing: 1px;
}

.apo-project-media img{
    width: 100%;
}


/*project portfolio individual*/
.project .container img{
    padding-top: 5px;
    padding-bottom: 5px;
}
.vertical{
   
    width:49%;
    display: inline-block;
}
.project .vertical:nth-child(odd) {
    padding-right:1%;
    float:left;
}

.project .vertical:nth-child(even) {
    padding-left:1%;
    
}

.project .container:after{
    content: "";
  display: table;
    clear: both;
}
.project p.m40{
    margin-top: 30px;
}
.project .tag:after{
     content: "";
  display: table;
    clear: both;
}
.project .tag{
    margin-bottom: 15px;
}
.project .tag a:link, .project .tag a:visited{
    /* currently using for back btn */
    color:#31a4dd;
    font-size: 0.9em;
    float: right;
    text-decoration: none;
    margin-top: 20px;
    position: relative;
}
.project .tag a:before{
     display: inline-block;
    font:normal normal normal 0.7em FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:antialiased;
    position: absolute;
    left: -10px;
    top:50%;
    -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.4s ease-out;
}
.project .tag a:hover{
    color:#999999;
}
.project .tag a:hover::before{ 
    transition-timing-function: cubic-bezier(0, 3, 0.75, 1);
    left: -20px;
}

.project .tag .catergory{
    float: left;
    text-transform: uppercase;
    color:#31a4dd;
    font-size: 0.9em;
     margin-top: -20px;
}


/* about */
.about .profile{
    margin-top: 20px;
}
.about .profile{
    margin-bottom: 60px;
}
.about .profile.last{
    margin-bottom: 15px;
}
.about .profile h5{
   color:#848b94;
    font-weight: bold;
    font-family:'calibri', Arial, sans-serif;
    margin-top: -5px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.about p, .project p{
    text-align: justify;
    text-justify: inter-word;
}
.about .profile img{
    float:left;
    padding-right: 25px;
    padding-bottom: 15px;
}
.about .float-right{
    float: right;
}

.about .profile:after{
     content: "";
  display: table;
    clear: both;
}
.about h2{
    margin: 20px 0 10px 0;
}

.credentials img{
    margin-top: 20px;
    margin-right: 20px;
    vertical-align: middle;
}

/* servies */
.services li{
    margin-top:10px;
    margin-bottom: 10px;
}
.services h2{
    margin-top: 40px;
}

/* contact */
.contact .col-sm-6{
    padding-top: 20px;
    float: left;
}
.contact:after{
     content: "";
  display: table;
    clear: both;
}
.apo-contact-form {
    width: 90%;
}
.contact table,.contact table p,.contact table a:link{
    vertical-align: top;
}
.contact table{
margin-top:20px;
}
.contact table p,.contact table a:link{
    margin: auto;
}
.apo-contact-form ul > li:not(:last-child){
    margin-bottom:20px;
}
.apo-moved-label{
    position: relative;
    z-index: 1;
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding-top: 14px;
}

.apo-moved-label label {
  position: absolute;
  z-index: 2;
  bottom: 0;
    top: 14px;
  left: 0;
  font-size: 1em;
  line-height: 40px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .3s ease;
}

.apo-moved-label input[type="text"],
.apo-moved-label input[type="email"],
.apo-moved-label input[type="tel"],
.apo-moved-label textarea {
  padding: 0;
  min-height: 40px;
  line-height: 40px;
  border: none;
  background-color: transparent;
  position: relative;
  z-index: 3;
  width: 100%;
  font-family:'calibri', Arial, sans-serif;
    font-size: 1em;
}

.apo-moved-label input[type="text"]:focus ~ .apo-moved-label-border,
.apo-moved-label input[type="email"]:focus ~ .apo-moved-label-border,
.apo-moved-label input[type="tel"]:focus ~ .apo-moved-label-border,
{
  width: 100%;
  border-color: inherit;
}

.apo-moved-label input:focus, .apo-moved-label textarea:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
    outline: none;
    color: #6a6a6a;
}
.apo-moved-label.apo-label-up label {
 opacity: 0;
}

.apo-moved-label textarea {
  display: block;
}
.apo-btn{
    margin-top: 10px;
    line-height: 18px;
    background: none;
    position: relative;
    display: inline-block;
    border: none;
    padding: 5px 22px 5px 0;
    -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
    color:#31a4dd;
}
.apo-btn::after {
  font:normal normal normal 0.7em FontAwesome;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -1px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.4s ease-out;
}
.apo-btn:hover, .apo-btn:focus {
    outline: none;
    border: none;
    color: #999999;
}
.apo-csstransforms3d .apo-btn::after {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.apo-cssanimations .apo-btn:hover::after {
  transition-timing-function: cubic-bezier(0, 3, 0.75, 1);
  right: 0px;
}
.contact .map{
    margin-bottom: 30px;
}
/*press */
.press h5{
    margin: 5px 0;
}

/* footer */
.apo-footer{
    font-size: 0.9em;
    color: #bdbdbd;
    padding: 85px 0;
}
.index .apo-footer{
    color: #ffffff;
}
.apo-footer.apo-style-2{
    padding-top:20px;
    padding-bottom: 20px;
    line-height: 24px;
    position: relative;
    transition: all 0.4s ease-out;
}
.apo-table-row-sm{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.apo-table-row-sm > [class*="col-sm-"]{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.apo-table-row-sm > [class*="col-sm-"]:first-child:not(:only-child){
    float: right;
    text-align: right;
}

.apo-table-row-sm > [class*="col-sm-"]:last-child:not(:only-child){
    float: left;
    text-align: left;
}
.apo-footer .apo-social-networks{
    font-size: 18px;
    margin-right: -4px;
    margin-left: -4px;
    line-height: 1em;
}
.apo-social-networks > li{
    display: inline-block;
}
.apo-footer .apo-social-networks a{
    color: #bdbdbd;
    padding: 4px;
    background-position: 0 18px;
}
.index .apo-footer .apo-social-networks a{
    color: #ffffff;
}
.apo-footer .apo-social-networks a:hover{
    color: #bdbdbd;
}
.fa{
    display: inline-block;
    font:normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:antialiased;
}


.fancybox-slide--iframe .fancybox-content {
	width  : 500px;
	height : 500px;
  max-width: none;
  max-height: none;
	margin: 0;
  background: #191919;
}
.fancybox-slide--iframe{
    padding: 0px !important;
}

.forceWidth{
    width: 80% !important;
}

@media only screen and (max-width: 768px) {

    .apo-current.hamburger{
        padding: 15px 0;
    }
    .apo-header{
       /* position: relative;*/
    }
    .apo-navigations > li{
    display: none;
    }
    .col-sm-6{
        width: 100%;
    }
    /* navigation */
    .apo-header:not(.apo-header-vertical) .apo-header-section{
        padding:15px 0;
        width: 91%;
    }
    .apo-header:not(.apo-header-vertical) .apo-header-item{
        margin: 10px 0 0 0;
        width: 100%;
    }
    .apo-header:not(.apo-header-vertical) .apo-header-items{
        display: block;
        float:none !important;
    }
    .apo-header:not(.apo-header-vertical) .apo-header-component-first,
      .apo-header:not(.apo-header-vertical) .apo-header-component-middle,
      .apo-header:not(.apo-header-vertical) .apo-header-component-last{
        text-align: center;
        display: block;
        width: 100%;
          top: 10px;
      }
    .apo-header:not(.apo-header-vertical) .apo-header-component-first{
        position: absolute;
        width: auto;
    }
    .apo-header:not(.apo-header-vertical) .apo-header-component-last{
        position: relative;
        float: right;
        right: 0;
        display: inline-block;
        z-index: 999;
    }
    .apo-mobile-nav-btn{
      display: block!important;
    }
    .hamburger-box{
        display: none !important;
        height: 0;
    }
    .apo-sub-menu{
        box-shadow: none;
    }
    /* index*/
    .index .container h2{
        font-size: 1.2em;
    }
   
    /* footer */
    .apo-table-row-sm > [class*="col-sm-"]{
        display: inline-block;
    }
    .apo-table-row-sm > [class*="col-sm-"]:first-child:not(:only-child){
        text-align: left;
    }
    .apo-isotope.apo-cols-4 .grid-sizer, .apo-isotope.apo-cols-4 .apo-item{
    width: 100%;
    }
    .apo-filter > li{
    padding: 25px 10px 0;
    }
    .apo-filter > li:last-child{
        padding-right: 0;
    }
    img.vertical{
        min-width:48%;
    }
    img.vertical:nth-child(odd){
        float:right;
    }
   .apo-navigation-container {
    display: block;
  }
  .apo-navigation {
    margin-top: 0;
      position: relative;
      width: 100%;
  }
  .apo-navigation > li {
    display: block;
    text-align: center;
    margin-top: 0;
      width: 100%;
  }
  .apo-navigation > li > a {
    padding: 10px;
  }
  .apo-navigation > li > a::after {
    display: none;
  }
  .apo-has-children > .apo-sub-menu,
  .apo-has-children .apo-has-children > .apo-sub-menu {
    opacity: 1;
    visibility: visible;
    min-width: initial;
    width: 100%;
    position: static;
    -webkit-transform: none !important;
            transform: none !important;
    transition: none !important;
    padding: 20px 0 1px;
    margin: 0 !important;
  }
  .apo-has-children .apo-has-children > .apo-sub-menu {
    margin-top: 10px !important;
  }
  .apo-has-children > .apo-sub-menu > li {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .apo-has-children .apo-has-children > a {
    padding-left: 30px;
  }
  .apo-has-children .apo-has-children > a::after {
    content: "\e93a";
  }
  .apo-mobile-nav-btn {
    display: block;
  }
    .apo-current .apo-sub-menu{
        display: inline-block !important;
        visibility: visible !important;
    }
    .hamburger{
        position: relative;
        right: 0;
        float: right;
    }
}
@media only screen and (max-width: 480px) {
    .apo-mobile-nav-btn.hamburger{
        margin: -8px 0px 0 !important;
        z-index: 9998;
    }
    body{
        line-height: 1.6;
    }
    h1{
        margin-bottom: 18px;
    }
    .index .container a:link, .index .container .middle{
        margin: 0;
    }
    .index .container a:link{
        margin-right: 20px;
    }
 
    .index .container img{
        margin: 0 0 10px 0;
    }
    .apo-sub-menu .none{
        display: block;
    }
    .about .profile img{
        padding-right:0;
    }
	.apo-page{
		margin-top: 0;
	}
    .col-sm-8{
        width: 100%;
    }
     .col-sm-4{
        width: 100%;
    }
    .copyright{
        line-height: 1;
    }
    .credentials img{
        -ms-transform: scale(0.8); /* IE 9 */
        -webkit-transform: scale(0.8); /* Safari */
        transform: scale(0.8);
        transform-origin: top left;
        margin-top: 5px;
    }
    .owl-carousel .owl-nav .owl-prev{
        margin-left: -10%!important;
    }
    .owl-carousel .owl-nav .owl-next{
        margin-right: -10%!important;
    }
    .apo-grid.apo-cols-3 .apo-grid-col{
        width: 100%;
    }
    .hamburger-inner{
        right:0;
    }
}