@import url('https://fonts.googleapis.com/css?family=Roboto');
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body { height:100%;  margin:0; padding:0; font-family:"Crimson Text"; }
body { overflow-x: hidden; font-smooth:always; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; }
h1, h2 { font-weight:600; }
h1, h2, h3, h4, h5, h6 { font-family:"Crimson Text"; padding:0; margin:0; font-weight:normal; margin-bottom:10px; color:#333; }

p { line-height:20px; color:#666; font-family:"Crimson Text"; font-size:15px;  }
li { line-height:24px; color:#666; font-size:13px; font-family:"Raleway"; font-weight:500;  }
a { color:#23313f; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; text-decoration:none;  }
a:hover,a:focus { text-decoration: none; outline: 0;  } 
.clear { clear:both }
.ie6,.ie7,.ie8,.ie9, img{ border:none; }
.brake { display:block; }

section { padding:50px 0; min-height:100%;  }
#home, .left_nav  { padding:0px; }
.container { /*border:1px solid#ddd;*/ }


@font-face {
    font-family: 'Crimson Text';
    src: url('../fonts/CrimsonText-Regular.eot');
    src: url('../fonts/CrimsonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CrimsonText-Regular.woff2') format('woff2'),
        url('../fonts/CrimsonText-Regular.woff') format('woff'),
        url('../fonts/CrimsonText-Regular.ttf') format('truetype'),
        url('../fonts/CrimsonText-Regular.svg#CrimsonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gold { color:#c49c67; }
.raleway { font-family:"Raleway"; font-weight:500; }
.crimson { font-family:"Crimson Text" !important; }
.listing { padding-left:20px; }
.listing li { line-height:28px; position:relative; list-style:none; }
.listing li:before { content:''; width:9px; height:9px; border-radius:50%; background:#c49c67; position:absolute; left:-20px; top:9px; }

.heading { margin-bottom:20px; }
.heading p { font-size:15px; text-align:center; text-transform:uppercase; }

.left_nav { background:#134375; min-height:100%; position:fixed; left:0px; z-index:99; overflow:hidden; }
.left_nav .col-md-12 { padding:0px; }
.left_nav .thumbnail { padding:0px; border:0px; background:none; }
.logo { width:180px; margin:40px 0 40px 24px; display:block; }

.left_nav .thumbnail .navigation { padding:0px; margin-top:100px; }
.left_nav .thumbnail .navigation li { list-style:none; }
.left_nav .thumbnail .navigation li a { font-family:"Raleway"; font-weight:500; color:#fff; font-size:13px; padding:6px 5px 6px 25px; display:block; text-transform:uppercase; /*border-bottom:1px solid#0e3b69; border-top:1px solid#164a80;*/ }
.left_nav .thumbnail .navigation li .active,
.left_nav .thumbnail .navigation li a:hover { color:#c49c67; }



.sub_menu { position:relative; }
.sub_menu a span { display:inline-block; border-left:1px solid#0e3b69; float:right; padding:1px 15px; cursor:pointer; height:38px; background: #0e3b69; margin-top:-7px; padding-top:7px; margin-right:-5px; }
.sub_menu ul { padding-left:20px; }
.sub_menu ul li { list-style:none; }
.sub_menu ul li a { font-family: "Crimson Text" !important; font-size:14px !important; text-transform:capitalize !important;
 padding:1px 0px 1px 5px !important; font-style:italic; }

.sub_menu .show_hide { position:absolute; background:#0e3b69; color:#fff; display:block; right:0px; padding:7px 15px; cursor:pointer; height:38px; top:0px; 
 font-size:16px; }


.navigation { display:none; }
.ser_nav { display:block; }
.logo { display:none; }
.ser_logo { display:block; }

.home_footer { position:absolute; bottom:30px; left:10px }
.home_footer a { font-family:"Raleway"; font-weight:500; display:block; color:#fff; font-size:13px; padding:5px 15px; }

.right_cont { padding:0px; height:100%; }
.right_cont .container { width:90%; }

.social { position:absolute; top:30px; right:50px; }
.social a { font-size:14px; color:#fff; margin:0 4px; }

#home { background:#38495b url(../img/slide_1.jpg) 50% 0 no-repeat; background-size:cover; position:relative; overflow:hidden; }
.banner_cont { position:absolute; width:662px; left:200px; top:30%; z-index:999; }
.banner_cont h1 { color:#fff; font-size:60px; } 
.banner_cont p { color:#fff; }
.banner_cont .banner_legacy { width:200px; }

.maharera {  position:absolute; top:31px; right:132px; border-right:2px solid#fff; height:20px; padding-right:10px; }
.maharera p { color:#fff; font-size:16px; }
.maharera p img { display:inline-block; width:30px; margin-right:5px; margin-top:-7px; }


.banner_circle { position:absolute; width:850px; right:-30px; bottom:0; z-index:999; }

/* Slide Toggle */
.slide-out-div { }
.slide-out-div h4 { margin-bottom:3px; font-size:16px; }
.slide-out-div form { margin-top:8px; }
.slide-out-div p { margin-bottom:0px; line-height:normal; font-size:11px; font-family:"Raleway"; font-weight:500; margin-bottom:3px; }
.slide-out-div .form-group p { text-align:left; margin:10px 0; font-size:11px; }
.slide-out-div .form-group { margin-bottom:3px; }
.slide-out-div .checkbox { margin-top:5px; margin-bottom:0px; }
.slide-out-div .form-group .form-control { background:#fff; border-radius:0px; box-shadow:none; /*border:none;*/ border-bottom:1px solid#ddd; height:30px;
 padding:1px 6px; font-family:"Roboto"; }
.slide-out-div .form-group textarea.form-control { min-height:120px; }
.slide-out-div .submit .btn { margin-bottom:0px; }

.slide-out-div .form-group .one { width:40px; float:left; }
.slide-out-div .form-group .two { width:176px; float:right; }

input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { display:inline; position:relative; padding-left:0px;  }
input[type="checkbox"] + label::before { display:inline-block; width:18px; height:18px; content:' '; border:2px solid #c4a464; border-radius:0px; vertical-align:middle; margin-right:6px; cursor:pointer; z-index:10; margin-top:-4px; }
input[type="checkbox"]:checked + label::after { content:"\f00c"; position:absolute; top:5px; left:3px; cursor:pointer; z-index:20; color:#af8b40;
font: normal normal normal 12px/1 FontAwesome; }


#slider { width:300px; position:fixed; top:200px; z-index:9999; }
#slide_bg { width:260px; height:236px; background:#fff; position:absolute; right:0;  padding:5px 15px 5px 20px; border-top:1px solid#ddd;  }
#sidebar,
#sidebar1 { position:absolute; top:0px; left:5px; cursor:pointer; font-size:12px; }
div#title { position:absolute; top:300px; left:260px }
#sidebar img,
#sidebar1 img { width:36px; }

#about { }
#about h1 { }
#about p,
#about img { margin-bottom:20px; }
#about ul { padding:0px; width:190px; margin:30px auto 0 auto; }
#about ul li { display:inline-block; width:40px; margin:0 10px; }

#services { background:#eceded; position:relative; }
#services .what_we_do { /*font-size:246px;*/ background:url(../img/what_we_do.png) no-repeat; height:250px; background-size:cover; position:absolute; top:45%; color:#e0e2e0; left:-50px; right:0px; margin:0 auto; }
#services .heading { margin-top:100px; margin-bottom:20px; } 
#services .services_img { position:absolute; width:800px; left:0px; top:0; z-index:999; }
#services .row .col-md-3 img { width:60%; margin:0px auto 20px auto; }
#services .row .col-md-3 h4 { text-transform:uppercase; font-weight:500; margin-top:20px; font-size:16px; position:relative; font-family:"Raleway"; font-weight:500; }

#services .row .col-md-3:hover h4:after { content:''; position:absolute; bottom:-20px; border-bottom:5px solid#333; width:76%; left:0px; right:0px;
 margin:0 auto; } 
 
@media (min-width: 992px) {
/*#services .row .col-md-2 { width:20%; }*/
}

/* Founder */

#founder { min-height:auto; }
#founder h1 { color:#bc9568; font-size:60px; }
#founder .col-md-6, #team .col-md-6 { margin-bottom:60px; }
#founder img,
#team img { width:60%; }
#founder img, #team img { margin-bottom:20px; -webkit-filter: sepia(50%);filter: sepia(0.5);
-webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;  }

#founder .col-md-6 img:hover, #team .col-md-6 img:hover {  -webkit-filter: sepia(0%);	filter: sepia(0);}

#founder p { text-align:center; font-family:"Raleway"; font-weight:500; font-size:15px; text-transform:uppercase; color:#333; }
#founder p span { color:#868686; }

#parallax { background:url(../img/parallax.jpg) 50% 0 no-repeat; background-size:cover; min-height:74%; position:relative; }
.parallax_cont { position:absolute; width:625px; left:200px; top:35%; z-index:999; }
.parallax_cont h1 { color:#fff; font-size:56px; } 
.parallax_cont p { color:#fff; } 
.parallax_img { position:absolute; /*width:70%;*/ width:800px; right:0px; bottom:0; z-index:999; }
 
.sepia img,.black img { -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }

/*.black img { 
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
 }
 */

/*.black:hover img {  
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}*/

 
/* Team */
#team { }
#team  h1 { color:#bc9568; font-size:60px; }
#founder .row .col-md-6 h4,
#team .row .col-md-6 h4 { font-size:18px; margin-bottom:2px; } 

#founder .row .col-md-6 a,
#team .row .col-md-6 a { font-size:16px; margin-bottom:5px; } 

#founder .row .col-md-6 h4 span,
#team .row .col-md-6 h4 span { display:block; } 
#team .row .col-md-6 p { text-align:center; font-family:"Raleway"; font-weight:500; font-size:15px; text-transform:uppercase; color:#333; }
#team .row .col-md-6 p span { color:#868686; }

/* Career */

#career { }
#career .heading h1 { color:#bc9568; font-size:60px; }
#career .col-md-8 { }
#career .col-md-8 p { font-size:16px; }


/* Contact */
#contacts { background:url(../img/contact.jpg) 50% 0 no-repeat; background-size:cover;  position:relative; } 
#contacts .contacts_img { position:absolute; /*width:65%;*/ width:800px; left:20px; top:0; z-index:999; }
#contacts .col-md-6 { }
#contacts .col-md-6 h2 { color:#fff; font-size:24px; margin:70px 0 40px 0; }  


#contacts .form-group { }
#contacts .form-group label { display:none; }
#contacts .form-group .form-control { background:#fff; border-radius:0px; border:none; height:40px; font-family:"Raleway"; font-weight:500; }
#contacts .form-group textarea.form-control { min-height:120px; }
 
.submit .btn { width:100%; border-radius:0px; border:none; outline:none; margin-bottom:30px; font-family:"Raleway"; font-weight:500;  background:#134375;
 padding:8px 15px; color:#fff;  }
.submit .btn:hover,
.submit .btn:focus { background:#134375; border:none; outline:none; color:#fff; }
 
#contacts p,
#contacts a { color:#fff; line-height:normal; font-family:"Raleway"; font-weight:500; font-size:15px; }
#contacts .small { font-size:9px; }

#contacts .cont { padding-left:40px; margin-bottom:15px; position:relative; font-family: "Roboto"; font-size:17px; }
#contacts .cont .pin { font-family: "Roboto"; position:relative; width:auto; height:auto; }
#contacts .cont span { width:30px; height:30px; display:inline-block; position:absolute; left:0px;  }
.mail    { background:url(../img/contact.png) no-repeat; top:2px; }
.phone   { background:url(../img/contact.png) 0 -31px no-repeat; top:-3px; }
.address { background:url(../img/contact.png) 0 -68px no-repeat; top:0px; height:35px !important; }
 
 
.service_detail { padding-top:140px; overflow:hidden;  }
.service_detail .row div img { width:250px; margin-top:100px; }
.service_detail .row .col-md-7 h1 { font-weight:500;  }
.service_detail .row .col-md-7 h4 { font-family:"Raleway";  font-weight:500; }
.service_detail .row .col-md-7 p { display:none; }
.service_detail .row .col-md-7 .listing li { text-transform:uppercase; }
.ser_top { position:absolute; /*width:75%;*/ width:900px; left:0px; top:-10px; z-index:999; }
.ser_bottom { position:absolute; /*width:75%;*/ width:900px; right:0; bottom:-30px; z-index:999; }


.key { position:absolute; left:-80px; top:100px;  }

.buying_selling { }
.buying_selling .key { position:absolute; top:200px;  }
.buying_selling .row div img { width:200px; margin-top:100px; }

.commercial_residential { }
.commercial_residential .key { position:absolute; top:200px; left:-410px; }
.commercial_residential .row div img { width:250px; margin-top:50px; }

.investment { }
.investment .key { position:absolute; top:400px; left:-100px; }
.investment .row div img { width:220px; margin-top:50px; }

.finance { }
.finance .key { position:absolute; top:400px; left:-100px; }
.finance .row div img { width:220px; margin-top:50px; }

.finance { }
.finance .key { position:absolute; top:340px; left:-130px; }
.finance .row div img { width:250px; margin-top:0px; }





/* ==== Left Side Toggle Nav ===== */

#showLeft { background:none; font-weight:500; color:#fff; font-size:16px; border:none; text-transform:uppercase; margin-top:10px;  }
#showLeft .fa { font-size:18px; margin-left:5px; } 
#showLeft:focus { border:none; outline:none; }

.res_menu { display:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.darkmenu { background:#134375; width:80px; height:80px; border-radius:50%; text-align:center; top:5px; left:5px; }
.darkmenu .fa { font-size:16px !important; margin-left:0px !important; } 

.res_menu { position:fixed; z-index:9897; /*background:#134375; width:100%;*/ padding:5px; }
.res_menu .logo { width:100px; float:left; margin:0px; margin-left:15px; }

.cbp-spmenu { background:#134375; position: fixed; }
.cbp-spmenu-vertical { width:240px; height:100%; top: 0; z-index:9999; }
.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }

/* Transitions */
.cbp-spmenu,.cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

#hide { border:none; outline:none; display:block; position:absolute; right:5px; background:none; padding:10px; width:50px;
 height:40px; top:0px; z-index:9999; }
 

.cbp-spmenu .col-md-12 { padding:0px; }
.cbp-spmenu .navigation { padding:0px; margin-top:70px; background:#134375; }
.cbp-spmenu .navigation li { list-style:none; }
.cbp-spmenu .navigation li a { color:#fff; padding:3px 5px 3px 25px; display:block; text-transform:uppercase; }
.cbp-spmenu .navigation li.active a,
.cbp-spmenu .navigation li a:hover { color:#c49c67; }
.cbp-spmenu .navigation .dropdown-menu { position:relative; }
 
 
 
 /* ===== Model box ===== */
 
.show { opacity:1; }
.modal-backdrop.fade { opacity: 0.5; }
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


/* ====== ===== */


.form-group ::-webkit-input-placeholder { color:#333; }
.form-group :-moz-placeholder           { color:#333; }
.form-group ::-moz-placeholder          { color:#333; }
.form-group :-ms-input-placeholder      { color:#333; }


::-webkit-scrollbar-track { background-color:#f1f1f2; }
::-webkit-scrollbar { width:2px; background-color:#f1f1f2; }
::-webkit-scrollbar-thumb { background-color:#2c3e50; }



/* ===== Footer ===== */

.lg_img { }
.sm_img { display:none; }



/* ===== Responsive Media Screens ===== */

@media (max-width:1920px) {
 .right_cont .container { /*width:80%;*/ width:1200px; }
/* section { padding:150px 0; }
 .heading { margin-bottom:80px; }*/
 #services .what_we_do { height:303px;  }
}

@media (max-width:1600px) {
 .right_cont .container { /*width:80%;*/ width:1150px; }
/*  section { padding:50px 0; }
  .heading { margin-bottom:50px; }*/
#services .what_we_do { height:250px;  } 
}

@media (max-width: 1400px) {
	
.right_cont .container { width:1050px; }
#services .what_we_do { height:219px;  }

.left_nav .thumbnail .navigation { margin-top:20px; }
.left_nav .thumbnail .navigation li a { padding:4px 5px 4px 25px; }

.home_footer { bottom:10px; z-index:-1; }

.banner_cont,
.parallax_cont { left:100px; }

.banner_circle,
#services .services_img,
.parallax_img,
#contacts .contacts_img { width:700px; }

#about .col-md-4 img { margin-top:82px; }
#team .row .col-md-4 h4 span { display:block; }

.service_detail { padding-top:100px; overflow:hidden; }
.key { position:absolute; left:-80px; top:100px; width:500px; }
.ser_top { width:65%; left:0px; top:-10px; }
.ser_bottom { width:65%; right:0; bottom:-30px; }

.service_detail .row div img { width:200px; margin-top:50px; }

.buying_selling .key { left:-40px; }
.commercial_residential .key { left: -341px;}
.investment .key { top: 352px; }
.service_detail .row div img { width:250px; margin-top:10px;}
.finance .key { top:302px; }

}


@media (max-width: 1100px) {

.left_nav { display:none; }
.res_menu { display:block; }

.social { top:18px; right:21px; }
.right_cont .container { width:94%; }
#services .what_we_do { height:189px;  }


}

@media (max-width: 800px) {

.banner_cont,
.parallax_cont { left:50px; }
#services .what_we_do { height:143px; }


}


@media (max-width: 768px) {


}


@media (max-width: 767px) {

.right_cont .container { width:100%; }
#about img.text { width:100px; margin-top:5px; }

.banner_cont,
.parallax_cont { left:10px; width:94%; top:25%; }

.banner_cont h1,
.parallax_cont h1 { font-size:34px; }

.banner_circle,
#services .services_img,
.parallax_img,
#contacts .contacts_img { width:90%; }

.maharera { right:97px; top:18px; }

#services .row .col-md-2 { margin-bottom:20px; }
#services .row .col-md-2 img { width:50%; margin:0px auto 20px auto; }
#services .what_we_do { height:120px; }

.ser_top {width:100%;left:0px;top:0px;}
.ser_bottom { width:100%; right:0; bottom:0px; }

#sideRightPushy { display:none; }



}


@media (max-width: 640px) {


}


@media (max-width:480px) {


.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 { width:100%;  }

#services .row .col-xs-6 { width:50%; min-height:290px; }
#services .row .col-md-3 img { width:80%; }

.service_detail { padding-top:37px; }
.service_detail .row .col-xs-6 { width:100% !important; }
.service_detail .row div img { width:200px; margin-top:0px; margin-bottom:10px; }



#services .what_we_do { height:80px; }
#founder img, #team img { width:86%; }
.maharera { right:0px; top:40px; border:0px; }

}

/* Light Box */
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../img/close_dark.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;background:#fff;width:100%}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{ font-family:"Raleway"; font-size:16px;color:#000;margin-bottom:5px;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:20px;height:20px;margin-right:2px;background:url(../img/close_dark.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}




/* Menu Appearance */

.black { width:36px; position:absolute; right:260px; z-index:9999; cursor:pointer; }
.pushy { position: fixed; width:260px; height:236px; top:200px; z-index: 9999; background:#fff;
-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
-webkit-overflow-scrolling: touch;  enables momentum scrolling in iOS overflow elements  }



.pushy-right{
    right:0px;
    -webkit-transform: translate3d(260px,0,0);
    -moz-transform: translate3d(260px,0,0);
    -ms-transform: translate3d(260px,0,0);
    -o-transform: translate3d(260px,0,0);
    transform: translate3d(260px,0,0);
}

.pushy-right-open{
    right:0px;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.container-right-push{
    -webkit-transform: translate3d(-200px,0,0);
    -moz-transform: translate3d(-200px,0,0);
    -ms-transform: translate3d(-200px,0,0);
    -o-transform: translate3d(-200px,0,0);
    transform: translate3d(-200px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.overlay-pushy { display: none; }
.overlay-pushy.overlay-active { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(0,0,0,0.5); 
-webkit-animation: fade 500ms;  -moz-animation: fade 500ms;  -o-animation: fade 500ms; animation: fade 500ms; }

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}