/* general colors */

@PrimaryColor: #FFF;
@SecondaryColor: #252528;
@BackgroundImage: url(//cdn-west.sqhk.co/51a8bb471563b50b609f8ce3/body_bg.jpg) repeat left top;
@FontFamily: 'Helvetica Neue',
Helvetica,
Arial,
sans-serif;
@BodyFont: 'Helvetica Neue',
Helvetica,
Arial,
sans-serif;
/* header less settings */

@HeaderBackgroundColor: rgba(0,
0,
0,
0);
@HeaderHeight: auto;
@HeaderSiteTopMargin: 0px;
@HeaderSiteBottomMargin: 0px;
/* site name less settings */

@SiteNameColor: #FFF;
@SiteNameBackgroundColor: transparent;
@SiteNameTopMargin: 10px;
@SiteNamePadding: 0em;
@SiteNameFontSize: 1.5em;
@SiteNameLineHeight: auto;
@SiteNameLetterSpacing: 0em;
@SiteNameFontFamily: @FontFamily;
@SiteNameFontBold: normal;
@SiteNameFontItalic: normal;
@SiteNameFontUnderline: none;
/* tag line less settings */

@TagLineColor: #FFF;
@TagLineBackgroundColor: transparent;
@TagLineTopMargin: 0;
@TagLinePadding: 0.5em;
@TagLineFontSize: 1em;
@TagLineLineHeight: 1.5em;
@TagLineLetterSpacing: 1em;
@TagLineFontFormat: none;
@TagLineFontFamily: 'Rokkitt';
/* menu less settings */

@MenuBackgroundColor: transparent;
@MenuTextColor: #000000;
@MenuHoverBackgroundColor: transparent;
@MenuHoverTextColor: @PrimaryColor;
@MenuActiveBackgroundColor: #ffffff;
@MenuActiveTextColor: #000000;
@MenuRoundCorners: 0px;
@MenuItemSpacing: 0px;
@MenuItemVerticalPadding: 0;
@MenuItemHorizontalPadding: 0;
@MenuTopSpacing: 0;
@MenuBottomSpacing: 0;
/* footer less settings */

@FooterBackgroundColor: @SecondaryColor;
@FooterTextColor: @PrimaryColor;
@FooterLinkColor: @PrimaryColor;
@FooterLinkHoverColor: @PrimaryColor - #111111;
@FooterTopSpacing: 140px;
/* Home Banner Less Settings */

@HomeBannerBackgroundImage: transparent;
@HomeBannerBackgroundColor: transparent;
@HomeBannerTextAlign: center;
@HomeBannerTopSpacing: 0;
@HomeBannerBottomSpacing: 0;
@HomeBannerHeight: 300px; //add this to the settings
/* Header Text Less Settings */

@HeaderTextColor: @SecondaryColor;
@HeaderTextFontSize: 1em;
@HeaderTextTopMargin: 0px;
@HeaderTextLineHeight: auto;
@HeaderTextLetterSpacing: auto;
@HeaderTextBackgroundColor: transparent;
@HeaderTextPadding: 5px;
@HeaderTextFontFormat: auto;
@HeaderTextFontFamily: @TagLineFontFamily;
/* Header Description Less Settings */

@HeaderDescriptionColor: #FFF;
@HeaderDescriptionFontSize: 1.25em;
@HeaderDescriptionTopMargin: 10px;
@HeaderDescriptionLineHeight: 1em;
@HeaderDescriptionLetterSpacing: 0;
@HeaderDescriptionBackgroundColor: transparent;
@HeaderDescriptionPadding: 3px;
@HeaderDescriptionFontFormat: normal;
@HeaderDescriptionFontFamily: @FontFamily;
/* Default Paragraph Less Settings */

@DefaultFontFamily: @FontFamily;
@DefaultFontSize: inherit;
@DefaultLineHeight: inherit;
@DefaultLetterSpacing: normal;
@DefaultFontBold: normal;
@DefaultFontItalic: normal;
@DefaultFontUnderline: none;
/* Header Less Settings */

@HeaderFontBold: normal;
@HeaderFontItalic: normal;
@HeaderFontUnderline: none;
@HeaderLetterSpacing: normal;
@HeaderFontFamily: @FontFamily;


body {
	padding: 0!important;
  	padding-left: 0!important;
  	padding-right: 0!important;
}

#showcase {
	 margin-top: 100px!important;
}

.navbar-inner.sticky [data-rel="logo"] {
    width: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navbar-inner {
    box-shadow: none!important;
}
.txtC {
    text-align: center!important;
}
.marginAuto {
    margin: 0 auto 0 auto !important;
}
.homeIcon {
    border-color: #d3b371;
    background-color: #d3b371;
    border-radius: 18px;
}
.btn {
    display: inline-block;
    padding: 18px 50px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle!important;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary:hover {
    background-color: #f2f2f2;
    color: #337ab7;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-large {
    padding: 18px 60px;
    font-size: 25px;
    font-family: Lato;
    text-transform: uppercase;
    color: white;
}
.btn-med {
    padding: 20px 45px;
    font-size: 25px;
    font-family: Lato;
    text-transform: uppercase;
    color: white;
}
.btn-round {
    border-radius: 40px;
}
.wdS2 {
    word-spacing: 2px;
}
.wdS4 {
    word-spacing: 4px;
}
.wdS7 {
    word-spacing: 7px;
}
.sbsTop .span12 {
    background-color: rgba(0, 0, 0, 0.5);
    border: solid white 2px;
    border-radius: 40px;
    padding: 40px 0px 30px 0px;
    text-align: center;
    color: white;
    margin: 130px 0 130px 0;
}
.sbsMid {
    background-color: rgba(0, 0, 0, 0.5);
    border: solid white 2px;
    border-radius: 40px;
    padding: 60px 10px 60px 10px;
    text-align: center;
    color: white;
}
.sbsTop h1 {
    font-family: lato;
    font-weight: 300;
    font-size: 45px;
}
.lineH30 {
    line-height: 30px!important;
}
body {
    position: static !important;
}
.navbar .brand {
    margin-top: 0px !important;
}
.pt10 {
    padding-top: 10px;
}
.pt20 {
    padding-top: 20px;
}
.pt40 {
    padding-top: 40px;
}
.pt60 {
    padding-top: 60px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}
.pb40 {
    padding-bottom: 40px;
}
.pb60 {
    padding-bottom: 60px;
}
.uC {
    text-transform: uppercase;
}
.nav li a {
    font-family: raleway;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
}
.navbar .container {} .navbar-inner .brand {
    margin-top: 0px;
}
.navbar-inner .brand img {
    max-height: 80px;
}
.canvas {
    background-color: transparent;
}
.sticky li a {
    color: white;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/********************
        Small Screen
*********************/

@media screen and (max-width: 520px) {
    .btn {
        padding: 10px 20px;
        font-size: 12px;
    }
    .sbsTop .span12 {
        border-radius: 20px;
        padding: 60px 10px 60px 10px;
        text-align: center;
        color: white;
        margin: 100px 0 100px 0;
    }
}


/********************
        END CUSTOM
*********************/

html {
    margin: 0;
}
body {
    position: relative;
    background: #DDDCE2 @BackgroundImage;
    -webkit-font-smoothing: antialiased;
    font-family: @FontFamily !important;
}

@media (max-width: 979px) {

    body{
      padding: 0!important;
      padding-left: 0!important;
      padding-right: 0!important;
	}

    a:hover {
        text-decoration: none;
        transform: none;
    }

    input[type="text"],
    input[type="password"],
    input[type="submit"],
    textarea {
    	font-family: @FontFamily;
	}
}

p {
    font-family: @BodyFont;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: @DefaultLetterSpacing;
    font-weight: @DefaultFontBold;
    font-style: @DefaultFontItalic;
    text-decoration: @DefaultFontUnderline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: @HeaderFontBold;
    font-style: @HeaderFontItalic;
    text-decoration: @HeaderFontUnderline;
    letter-spacing: @HeaderLetterSpacing;
    font-family: @BodyFont;
}
.body-contents {
    margin-top: 100px;
}



/* Navbar
-------------------------------------------------- */

body.pull_top {
    padding-top: 0px !important;
  
}
header {
    background: @HeaderBackgroundColor;
}
.nav.pull-right {
    padding-top: 20px;
}
.sticky .pull-right {
    padding-top: 0px;
}
.sticky .pull-right a {
    color: white!important;
}
.navbar.transparent.navbar-inverse .navbar-inner {
    height: @HeaderHeight;
    margin-top: @HeaderSiteTopMargin;
    margin-bottom: @HeaderSiteBottomMargin;
}
.navbar.transparent.navbar-inverse .navbar-inner .container {
    margin: 0 auto;
    -webkit-transition: margin .2s ease-in-out;
    -moz-transition: margin .2s ease-in-out;
    transition: margin .2s ease-in-out;
}
.navbar.navbar-inverse .navbar-inner {
    background-color: rgba(0, 0, 0, 0)!important;
    background-image: none!important;
}
.navbar.navbar-inverse .navbar-inner.sticky {
    background: green;
    border-bottom: 1px solid @SecondaryColor;
}
.navbar-inverse .navbar-inner.sticky .container {
    width: 1100px;
    margin: 0 auto;
}
.navbar-inverse .brand {
    color: black;
    margin-top: 0px;
}
.navbar-inverse .nav > li {
    margin-right: @MenuItemSpacing;
    padding: @MenuItemVerticalPadding @MenuItemHorizontalPadding;
    margin-top: @MenuTopSpacing;
    margin-bottom: @MenuBottomSpacing;
}
/*
.navbar-inverse .nav > li > a {
    /*color: rgb(177, 177, 177);
    font-size: 24px;
    font-family: lato;
    font-weight: 300;
    color: #403F3F;
    background:@MenuBackgroundColor;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    border-radius:@MenuRoundCorners;
}
*/

.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a.active {
    color: #333333;
    opacity: 1;
    background-color: @MenuHoverBackgroundColor;
    filter: alpha(opacity=100);
}
.navbar-inverse .dropdown-menu {
    background: @SecondaryColor;
}
.navbar-inverse .nav > li > .dropdown-menu::after {
    border-bottom: 6px solid @SecondaryColor;
}
.navbar-inverse .dropdown-menu li > a {
    color: @PrimaryColor;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration: none;
}
.section_header {
    width: 100%;
    margin-bottom: 60px;
}
.section_header h3 {
    color: rgb(100, 100, 100);
    font-weight: 300;
    font-style: italic;
    font-size: 27px;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 0px;
    display: inline-block;
    margin: 0;
}
.navbar-inner .brand {
    color: @SiteNameColor;
    background: @SiteNameBackgroundColor;
    padding: @SiteNamePadding;
    font-size: @SiteNameFontSize;
    line-height: @SiteNameLineHeight;
    letter-spacing: @SiteNameLetterSpacing;
    font-style: @SiteNameFontItalic;
    font-family: @SiteNameFontFamily;
    font-weight: @SiteNameFontBold;
    text-decoration: @SiteNameFontUnderline;
}
.navbar-inner .brand:hover {
    color: @SiteNameColor;
}
/* Footer
-------------------------------------------------- */

#footer {
    min-height: 260px;
    margin-top: @FooterTopSpacing;
    background-color: @FooterBackgroundColor;
    color: @FooterTextColor;
    padding-top: 35px;
}
#footer .footer_header {
    color: rgb(196, 196, 196);
    font-style: italic;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 40px;
    margin-left: 15px;
}
#footer a {
    color: @FooterLinkColor;
}
#footer a:hover {
    color: @FooterLinkHoverColor;
}
/* recent posts */

#footer .recent_posts {
    margin-left: 0px;
}
#footer .recent_posts .post {
    margin-bottom: 70px;
    width: 93%;
}
#footer .recent_posts .post img {
    float: left;
    margin-right: 20px;
}
#footer .recent_posts .post .date {
    font-weight: bold;
    font-style: italic;
}
#footer .recent_posts .post .title {
    display: block;
    color: #b5b5b6;
    font-size: 14px;
}
/* testimonials */

#footer .testimonials .wrapper {
    margin: 0 auto;
    width: 82%;
}
#footer .testimonials .footer_header {
    margin-left: 30px;
}
#footer .testimonials .quote {
    color: rgb(191, 191, 192);
}
#footer .testimonials .quote span {
    font-size: 32px;
    font-style: italic;
    position: relative;
    top: 5px;
    font-family: Georgia !important;
    float: left;
    margin-right: 8px;
}
#footer .testimonials .author {
    margin-top: 40px;
}
#footer .testimonials .author img {
    float: left;
    margin-right: 15px;
    position: relative;
    top: -6px;
}
#footer .testimonials .name {
    font-size: 13px;
    font-weight: bold;
}
#footer .testimonials .info {
    font-style: italic;
    color: #ccc;
}
/* contact */

#footer .contact {
    text-align: right;
    margin-left: 35px;
}
#footer .contact .footer_header {
    text-align: left;
    margin-left: 35px;
}
#footer .contact input[type="text"],
#footer .contact textarea {
    border: none;
    background-color: #1f1f21;
    padding: 8px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-family: Lato !important;
    width: 80%;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#footer .contact input[type="text"]:focus,
#footer .contact textarea:focus {
    border: none;
    box-shadow: none;
    background-color: #000;
}
#footer .contact input[type="text"]:-moz-placeholder,
#footer .contact textarea:-moz-placeholder {
    color: #868687;
}
#footer .contact input[type="text"]::-webkit-input-placeholder,
#footer .contact textarea::-webkit-input-placeholder {
    color: #868687;
}
#footer .contact input[type="text"]:-ms-input-placeholder,
#footer .contact textarea:-ms-input-placeholder {
    color: #868687;
}
#footer .contact input[type="submit"] {
    background-color: #3e3e40;
    border: none;
    color: @PrimaryColor;
    border-radius: 4px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: bold;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#footer .contact input[type="submit"]:hover {
    background-color: #2190DB;
}
#footer .credits {
    border-top: 1px solid #343437;
    padding: 10px 0px 60px 0px;
}
#footer .credits .social {
    margin-top: 30px;
    text-align: center;
}
#footer .credits .social a {
    margin: 10px;
}
#footer .credits .copyright {
    color: #a6a6a7;
    font-style: italic;
    text-align: center;
    margin-top: 30px;
}
#footer .credits .social a {
    margin: 10px;
}
#footer .credits .social a span {
    display: inline-block;
    width: 33px;
    height: 33px;
}
#footer .credits .social span.ico1,
#footer .credits .social span.ico1h {
    background-position: 0px 0px;
}
#footer .credits .social span.ico2,
#footer .credits .social span.ico2h {
    background-position: -37px -1px;
}
#footer .credits .social span.ico3,
#footer .credits .social span.ico3h {
    background-position: -75px 0px;
}
#footer .credits .social span.ico4,
#footer .credits .social span.ico4h {
    background-position: -112px -1px;
}
#footer .credits .social span.ico5,
#footer .credits .social span.ico5h {
    background-position: -151px 0px;
}
#footer .credits .social span.ico6,
#footer .credits .social span.ico6h {
    background-position: -188px -1px;
}
#footer .credits .social span.ico7,
#footer .credits .social span.ico7h {
    background-position: -226px -1px;
}
#footer .credits .social span.ico8,
#footer .credits .social span.ico8h {
    background-position: -262px 0px;
}
#footer .credits .social span.ico9,
#footer .credits .social span.ico9h {
    background-position: -308px 0px;
}
#footer .credits .social span.ico10,
#footer .credits .social span.ico010h {
    background-position: -335px 0px;
}
#footer .credits .social a:hover span.socialicons {
    display: none;
}
#footer .credits .social a:hover span.socialicons_h {
    display: inline-block !important;
}
#footer .credits .social span.socialicons_h {
    display: none;
}
.socialicons {
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/socialicons.png') no-repeat;
    width: 265px;
    height: 36px;
}
.socialicons_h {
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/socialicons_h.png') no-repeat;
    width: 265px;
    height: 36px;
}
/*Inner Footer*/

#footer .info {
    margin-bottom: 10px;
    margin-left: 0;
}
#footer .info .residence {
    margin-left: 0;
}
#footer .info ul {
    margin: 0;
    padding: 0;
}
#footer .info ul li {
    list-style: none;
    font-size: 16px;
    color: #777E83;
    line-height: 23px;
}
#footer .info ul a {
    color: #777E83;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}
#footer .info ul a:hover {
    color: #A9B4BB;
}
#footer .info .touch {
    float: right;
}
#footer .info .touch ul li {
    display: inline-block;
    margin-left: 30px;
}
/* Global
-------------------------------------------------- */

.page_header {
    background-color: #000;
    color: @PrimaryColor;
    font-size: 23px;
    display: inline-block;
    padding: 0px 18px;
}
.social_icon {
    background: transparent;
    width: 110px;
    height: 18px;
}
.contact_social {
    background: transparent;
    width: 180px;
    height: 34px;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {
    #footer .sections .contact > * {
        /*margin-left: 80px;*/
        
        ;
    }
}
@media (min-width: 980px) {} @media (max-width: 979px) {
    .navbar.transparent.navbar-fixed-top,
    .navbar.home.navbar-fixed-top {
        margin-bottom: 0px;
    }
    .navbar-inverse .nav-collapse .nav > li > a,
    .navbar-inverse .nav-collapse .dropdown-menu a {
        color: @PrimaryColor;
        opacity: 0.7;
    }
    .navbar-inner .brand {
        margin-left: 50px;
    }
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    .navbar.transparent.navbar-fixed-top,
    .navbar.home.navbar-fixed-top {
        margin-bottom: -70px;
        position: relative;
        top: 999;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    footer {
        margin-right: -20px;
        margin-left: -20px;
    }
    #footer {
        margin-right: -20px;
        margin-left: -20px;
    }
    #footer .container {
        padding: 0px 20px;
    }
    /*Index Footer*/
    
    #footer .footer_header {
        margin-left: 0;
    }
    #footer .footer_header h3 {
        margin-left: 0;
    }
    #footer .testimonials {
        overflow: hidden;
        margin-bottom: 40px;
    }
    #footer .testimonials .footer_header {
        margin-left: 0;
    }
    #footer .testimonials .wrapper {
        float: left;
        width: 100%;
    }
    #footer .contact {
        margin: 0;
    }
    #footer .contact .footer_header {
        margin-left: 0;
    }
    #footer .contact input[type="text"],
    #footer .contact textarea {
        float: left;
        width: 92%;
    }
    /*Inner Footer*/
    
    #footer .info .touch ul li {
        margin: 0 30px 0 0;
    }
    #footer .info .touch ul {
        margin: 15px 0 15px;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {}
/*===============================================
Blog.css 
=================================================*/

#blog {
    margin-top: 70px;
}
#blog .header {
    margin-left: 0;
    margin-bottom: 56px;
    margin-top: 30px;
}
#blog .section_header input[type="text"] {
    float: right;
    margin-top: 9px;
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/search.png') #fff no-repeat 5px;
    padding-left: 28px;
    width: 18%;
    border-radius: 5px;
}
#blog .post_row {
    margin-left: 0;
    margin-bottom: 40px;
    height: 495px;
}
#blog .lastpost_row {
    margin-bottom: 0;
}
#blog .post_row .post {
    background: #fff;
    margin-left: 0;
    margin-right: 20px;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px #E0E0E0;
    height: 450px;
}
#blog .post_row .last {
    margin-right: 0;
}
#blog .post_row .post .img {
    position: relative;
}
#blog .post_row .post .img .date {
    background: #E8554E;
    position: absolute;
    padding: 2px 5px;
    top: 0;
    left: 11px;
}
#blog .post_row .post .img .date p {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}
#blog .post_row .post .img img {
    min-height: 186px;
}
#blog .post_row .post .text {
    margin: 18px auto 0;
    width: 83%;
    height: 300px;
    overflow: hidden;
}
#blog .post_row .post .text h5 {
    margin: 0 0 8px 0;
    font-size: 20px;
    line-height: 23px;
}
#blog .post_row .post .text h5 a {
    color: #333;
}
#blog .post_row .post .text span.date {
    color: #9F9F9F;
    display: block;
    margin-bottom: 12px;
    font-style: italic;
    font-size: 13px;
}
#blog .post_row .post .text p {
    margin: 0;
    line-height: 21px;
    font-size: 14px;
}
#blog .post_row .post .author_box {
    margin: 12px auto 20px;
    border-top: 1px solid #EDEDED;
    overflow: hidden;
    text-align: left;
    width: 85%;
    padding-top: 12px;
}
#blog .post_row .post .author_box h6 {
    margin: 0 0 3px 0;
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
    font-weight: normal;
    color: #B2B2B2;
}
#blog .post_row .post .author_box p {
    color: #B2B2B2;
    font-style: italic;
    font-size: 13px;
    line-height: 14px;
    margin: 0;
}
#blog .post_row .post .author_box img {
    float: right;
}
#blog .post_row .post a.plus_wrapper {
    width: 99%;
    text-align: center;
    background: #fff;
    display: none;
    border-radius: 0px 0px 4px 4px;
    padding: 6px 0px 2px;
    margin: 0 auto 1px;
}
#blog .post_row .post a.plus_wrapper span {
    color: #1189D9;
    font-size: 30px;
    font-weight: bold;
}
/*#blog .post_row .post a.plus_wrapper,
#blog .post_row .post a.plus_wrapper span{
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear; 
}*/

#blog .post_row .post:hover a.plus_wrapper {
    display: block;
}
/*#blog .post_row .post a.plus_wrapper:hover{
    background: #1189D9;
}
#blog .post_row .post a.plus_wrapper:hover span{
    color: #fff;
}*/

#blog .post_row .post:hover {
    box-shadow: 0px 1px 5px 1px rgb(216, 216, 216);
}
#blog .post_row .post:hover .text h5 a {
    color: #1189D9;
}
/*pagination*/

#blog .pagination {
    margin: 35px auto 0;
    width: 26%;
    padding-bottom: 100px;
}
[id^=___plusone] {
    width: 60px !important;
}
.twitter-share-button {
    width: 75px !important;
}
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
    width: 100% !important;
}
/* ubounce blog styling */

.blog-content {
    background-color: #FFF;
    border: solid 1px #CCC;
    border-radius: 5px;
    padding: 3em;
    margin-bottom: 2em;
}
.blog-sidebar {
    border: 1px solid rgb(207, 217, 229);
    background: none repeat scroll 0% 0% rgb(239, 246, 253);
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.blog-sidebar > h4 {
    font-weight: 400;
}
.blog-sidebar ul {
    list-style: none;
    margin: 0px;
}
.blog-sidebar ul > li a {
    display: block;
    font-weight: 200;
    border-bottom: 1px dotted #aaa;
    padding: 10px 0px;
}
.blog-sidebar ul > li a:hover {
    text-decoration: underline;
}
.blog-sidebar ul > li:last-child a {
    border-bottom: none;
}
ul.blog-tags {
    list-style: none outside none;
    margin: 0px 0px 25px;
    float: left;
}
ul.blog-tags li {
    float: left;
    display: inline-block;
}
ul.blog-tags a {
    display: block;
    float: left;
    margin: 0px 20px 0px 0px;
    font-size: 12px;
    color: rgb(51, 51, 51);
    text-decoration: none;
    text-transform: uppercase;
    height: 30px;
    font-style: normal;
    font-weight: 500;
}
ul.blog-tags a:hover {
    text-decoration: underline;
}
ul.blog-tags li.active a {
    font-weight: bold;
    color: rgb(73, 175, 205);
}
.post h4 {
    margin-bottom: 0.5em;
}
.post .date {
    color: #9F9F9F;
}
.post .date a {
    color: #9F9F9F;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #blog .pagination {
        width: 36%;
    }
    #blog .post_row {
        height: 545px;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #blog .post_row {
        height: auto;
        margin-bottom: 0;
    }
    #blog .post_row .post {
        width: 65%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    #blog .post_row .post .img {
        float: left;
        margin-bottom: 16px;
    }
    #blog .post_row .post .author_box {
        display: none;
    }
    #blog .post_row .post .text {
        overflow: hidden;
        width: 81%;
        margin: 0 auto 20px;
        margin-top: 7px;
    }
    #blog .post_row .post a.plus_wrapper {
        display: inline-block;
        margin: 0;
        width: 100%;
    }
    /*#blog .post_row .post:hover a.plus_wrapper{
        display: inline-block;
        background: #1189D9;
    }
    #blog .post_row .post:hover a.plus_wrapper span{
        color: #fff;
    }*/
    
    #blog .pagination {
        width: 55%;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {
    #blog .post_row {
        height: auto;
        margin-bottom: 0px;
    }
    #blog .post_row .post {
        margin: 0 auto 50px;
        width: 72%;
    }
    #blog .post_row .post .img {
        float: none;
        margin: 0;
    }
    #blog .post_row .post .text {
        float: none;
        margin: 24px auto 0;
        width: 86%;
    }
    #blog .post_row .post .author_box {
        margin: 30px auto 15px;
    }
    #blog .post_row .post a.plus_wrapper {
        display: block;
        padding: 10px 0 8px;
    }
    #blog .pagination {
        width: 72%;
    }
    .pagination ul > li {
        display: none;
    }
    .pagination ul > li.prev,
    .pagination ul > li.next {
        display: block;
    }
}
/*==================================
Blogpost.css
====================================*/

#blog_post {
    margin-top: 70px;
}
#blog_post .section_header input[type="text"] {
    float: right;
    margin-top: 9px;
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/search.png') #fff no-repeat 5px;
    padding-left: 28px;
    width: 18%;
    border-radius: 5px;
}
#blog_post .post_pic {
    border: 7px solid #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0px rgb(207, 207, 207);
}
#blog_post .post_content {
    margin-top: 40px;
    padding-bottom: 90px;
    border-bottom: 1px solid rgb(202, 202, 202);
    box-shadow: 0px 1px 0px 0px white;
}
#blog_post .post_content h2 {
    font-size: 32px;
    color: #3F3F3F;
    margin-bottom: 15px;
}
#blog_post .post_content span.date {
    width: 100%;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 42px;
    display: block;
    color: #9C9C9C;
}
#blog_post .post_content p {
    line-height: 24px;
    margin-bottom: 15px;
}
#blog_post .post_content .author_box {
    margin-top: 50px;
}
#blog_post .post_content .author_box .author {
    margin-top: 45px;
    font-weight: bold;
    font-size: 15px;
    color: #1189D9;
}
#blog_post .post_content .author_box .area {
    font-size: 15px;
    font-style: italic;
    margin-top: 5px;
    color: #9C9C9C;
}
#blog_post .comments {
    margin-top: 3px;
    padding-top: 50px;
    border-bottom: 1px solid rgb(202, 202, 202);
    box-shadow: 0px 1px 0px 0px white;
    padding-bottom: 3px;
}
#blog_post .comments h4 {
    font-size: 23px;
    margin-top: 0;
    margin-bottom: 25px;
}
#blog_post .comments .comment {
    margin-bottom: 60px;
    margin-top: 30px;
}
#blog_post .comments .comment.reply_to {
    margin-top: -10px;
}
#blog_post .comments .comment .author_pic {
    max-width: 55px;
    float: right;
}
#blog_post .comments .comment .name {
    font-weight: bold;
    color: #3F3F3F;
    font-size: 14px;
}
#blog_post .comments .comment a.reply {
    color: #1189D9;
    text-decoration: underline;
    margin-left: 20px;
    font-size: 14px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}
#blog_post .comments .comment a.reply:hover {
    color: #252528;
}
#blog_post .comments .comment .date {
    font-size: 13px;
    font-weight: bold;
    color: #747B85;
}
#blog_post .comments .comment .response {
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
}
/* new comment */

#blog_post .new_comment {
    padding-top: 30px;
    margin-top: 3px;
}
#blog_post .new_comment h4 {
    font-size: 23px;
    color: #3F3F3F;
}
#blog_post .new_comment form {
    margin-top: 35px;
}
#blog_post .new_comment form input[type="text"] {
    height: 25px;
    border-radius: 3px;
    width: 95.7%;
}
#blog_post .new_comment form textarea {
    margin-top: 10px;
    width: 97.9%;
}
#blog_post .new_comment form a.send {
    float: right;
    color: #fff;
    border: 0 none;
    background: #187CCC;
    text-shadow: none;
    padding: 4px 15px 4px;
    box-shadow: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-top: 8px;
    -webkit-transition: background linear .2s, box-shadow linear .2s;
    -moz-transition: background linear .2s, box-shadow linear .2s;
    -o-transition: background linear .2s, box-shadow linear .2s;
    transition: background linear .2s, box-shadow linear .2s;
}
#blog_post .new_comment form a.send:hover {
    background: #252528;
}
#blog_post .sidebar {
    margin: 0;
    padding: 40px 19px 40px 28px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgb(207, 207, 207);
    float: right;
}
#blog_post .sidebar .box {
    padding-bottom: 30px;
    overflow: hidden;
    margin-bottom: 40px;
    border-bottom: 1px solid rgb(216, 216, 216);
}
#blog_post .sidebar .last {
    border: 0 none;
    padding: 0;
    margin-bottom: 0;
}
#blog_post .sidebar .box .recent {
    width: 100%;
    margin-bottom: 20px;
    float: left;
}
#blog_post .sidebar .box .recent span img {
    float: left;
    margin-right: 10px;
}
#blog_post .sidebar .box .recent p {
    margin: 0;
    line-height: 18px;
    font-size: 14px;
}
#blog_post .sidebar .sidebar_header {
    margin-bottom: 20px;
}
#blog_post .sidebar .sidebar_header h4 {
    font-size: 19px;
    margin: 0;
}
#blog_post .sidebar .sidebar_menu {
    list-style-type: none;
    margin-left: 0px;
}
#blog_post .sidebar .sidebar_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#blog_post .sidebar .sidebar_menu li {
    margin-bottom: 6px;
}
#blog_post .sidebar .sidebar_menu li a {
    color: #333;
    font-size: 14px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}
#blog_post .sidebar .sidebar_menu li a:hover {
    color: #1187D8;
}
#blog_post .sidebar .recent_posts {
    list-style-type: none;
    margin-top: 30px;
    margin-left: 0px;
}
#blog_post .sidebar .recent_posts li {
    margin-bottom: 20px;
    font-size: 15px;
}
#blog_post .sidebar .recent_posts .thumb {
    border: 3px solid #fff;
    box-shadow: 0px 0px 1px 1px #bdbdbd;
}
#blog_post .sidebar .recent_posts a.link {
    color: #333;
    display: block;
    margin-top: 10px;
}
#blog_post .sidebar .recent_posts a:hover {
    color: #87a46e;
    text-decoration: underline;
}
#blog_post .sidebar ul.recent_photos {
    list-style-type: none;
    margin-left: 0px;
    padding-top: 18px;
}
#blog_post .sidebar ul.recent_photos li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 11px;
}
#blog_post .sidebar ul.recent_photos li a img {
    max-width: 55px;
    margin-right: 9px;
    border-radius: 3px;
}
/* Responsive
-------------------------------------------------- */
/* Landscape phones and down */

@media (max-width: 480px) {}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #blog_wrapper .header hr {
        width: 70%;
    }
    #blog_wrapper .post .main_pic {
        display: block;
        margin: 0 auto;
    }
    #blog_wrapper .sidebar .recent_posts .thumb {
        max-width: 100px;
    }
}
@media (min-width: 768px) {
    #blog_wrapper .sidebar .search-query {
        width: 85%;
    }
    #blog_post .sidebar .box .recent p {
        font-size: 13px;
    }
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {} @media (max-width: 979px) {} @media (min-width: 980px) {}
/* Large desktop */

@media (min-width: 1200px) {
    #blog_wrapper .post .info {
        width: 420px;
    }
}
/*=================================================
index.css
====================================================*/
/* Main Slider
-------------------------------------------------- */

#feature_slider {
    height: 100vh;
    background: #262626;
    z-index: 1;
}
#feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%;
}
#feature_slider h1 strong {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 20px;
}
#pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: none;
}
#pagination li {
    text-indent: -99999em;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}
#pagination li a {
    width: 7px;
    height: 7px;
    box-shadow: 0px 0px 1px 2px #ccc;
    background: rgb(0, 0, 0);
    border-radius: 10px;
    display: block;
    /*border: 1px solid #fff;*/
    
    opacity: .7;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#pagination li.active a {
    background: rgb(46, 92, 177);
    box-shadow: none;
    width: 8px;
    height: 8px;
}
#pagination li:hover a {
    opacity: 1;
}
.iconHome i {
    display: inline-block;
    font-size: 38px;
    line-height: 60px;
    background-color: #FF8D00;
    color: white;
    width: 60px;
    height: 60px;
    text-align: center;
    vertical-align: bottom;
    border-radius: 45px;
}
.gray i {
    background-color: #3E4043!important;
}
.drkGray i {
    background-color: #121214!important;
}
.slide {
    width: 45%;
  	margin-left:auto;
  	margin-right:auto;
    display: none;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.slide.previous {
    z-index: 1;
}
.slide.active {
    z-index: 2;
}
.slide.hiddden {
    display: none;
}
/* Custom styles for each slide */
/* Default Slide */

.slide .info {} .slide .info h2,
.slide .info p {
    color: @PrimaryColor;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
}
/* Slide 1 */

.slide#showcasing .info {
    position: absolute;
    top: 160px;
    left: 13%;
    width: 30%;
    display: none;
    z-index: 10;
}
.slide#showcasing .info h2 {
    color: @PrimaryColor;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
}
/* Slide 2 */

.slide#ideas .info {
    position: relative;
    top: 110px;
    text-align: center;
}
.slide#ideas .info h2 {
    color: @PrimaryColor;
    font-weight: normal;
}
/* Slide 3 */

.slide#tour .info {
    position: absolute;
    top: 150px;
    right: 6%;
    width: 24%;
}
.slide#tour .info h2 {
    color: @PrimaryColor;
    font-size: 45px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 57px;
}
.slide#tour .info a {
    color: @PrimaryColor;
    font-weight: bold;
    background-color: #2a205d;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
.slide#tour .info a:hover {}
/* Slide 4 */

.slide#responsive .info {
    position: absolute;
    top: 170px;
    right: 9%;
    width: 25%;
}
.slide#responsive .info h2 {
    color: #fff;
    font-size: 47px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 56px;
}
.slide#responsive .info h2 strong {
    font-size: 42px;
}
.slide .info {
    z-index: 10;
}
.slide .info a:hover {
    opacity: .8;
}
.asset,
.fade {
    position: absolute;
    display: none;
}
#slide-left,
#slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 250px;
    left: 0;
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/leftright-arrows.png') no-repeat;
    opacity: .5;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2;
}
#slide-right {
    left: auto;
    right: 0;
    background-position: -31px 0;
}
#slide-left:hover,
#slide-right:hover {
    opacity: 1;
}








/* Call to Action
-------------------------------------------------- */

#call_action {
    margin-top: 50px;
    text-align: center;
}
#call_action p {
    font-size: 24px;
    color: #3F3F3F;
    font-style: italic;
    display: inline-block;
}
#call_action a {
    background-color: #282828;
    color: @PrimaryColor;
    padding: 9px 17px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 17px;
    margin-left: 20px;
    position: relative;
    top: -5px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#call_action a:hover {
    background-color: rgb(103, 118, 177);
}
#call_action a:active {
    box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.95) 0 1px 4px;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {
    #showcase .features_op1_row .feature .img_box span.circle {
        top: 35%;
    }
}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #in_pricing .plan a.order {
        width: 64%;
    }
    .slide .info h2,
    .slide .info h2 * {
        font-size: 30px !important;
    }
    .slide#responsive .info {
        position: absolute;
        top: 170px;
        right: 6%;
        width: 25%;
    }
    .slide#responsive .info .slide#tour .info a {
        font-size: 15px;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #partner-slider,
    #feature_slider {
        display: none;
    }
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last {
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box {
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6 {
        text-align: center;
    }
    #showcase .features_op1_row .feature .img_box span.circle {
        top: 38%;
        left: 48%;
    }
    #showcase .features_op1_row .feature:hover .img_box {
        box-shadow: none;
    }
    #in_pricing .charts_wrapp {
        margin-left: 0;
    }
    #in_pricing .charts_wrapp .plan {
        margin: 0 auto 30px;
        width: 95%;
    }
    #in_pricing .plan .wrapper {
        margin: 0 auto;
        text-align: center;
    }
    #in_pricing .pro .plan {
        top: 0;
        width: 95%;
    }
    #in_pricing .standar .plan {
        float: none;
    }
    #in_pricing .start p {
        margin-bottom: 20px;
    }
    #in_pricing .start a {
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    #clients .row {
        text-align: center;
    }
    #clients .client {
        text-align: center;
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
        width: auto;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last {
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box {
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6 {
        text-align: left;
    }
    #showcase .features_op1_row .feature .img_box span.circle {
        left: 44%;
    }
    #showcase .features_op1_row .feature:hover .img_box {
        box-shadow: none;
    }
}
/*======================================================
Portfolio.css
========================================================*/

#portfolio {
    margin-top: 60px;
}
#portfolio #filters {
    list-style-type: none;
    height: 30px;
    margin-bottom: 40px;
    text-align: center;
    margin-top: -20px;
}
#portfolio #filters li {
    display: inline-block;
    font-size: 20px;
    margin: 0px 6px;
}
#portfolio #filters li.separator {
    color: #c0c0c0;
    font-weight: lighter;
}
#portfolio #filters li a {
    color: #3f3f3f;
    font-style: italic;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}
#portfolio #filters li a:hover,
#portfolio #filters li a.active {
    color: #1189d9;
}
#portfolio #gallery_container {
    margin-bottom: 50px;
}
#portfolio #gallery_container .photo {
    width: 285px;
    margin: 5px;
    float: left;
    position: relative;
}
#portfolio #gallery_container .photo:hover .mask {
    display: block;
    opacity: 1;
}
#portfolio #gallery_container .photo img {} #portfolio #gallery_container .photo .mask {
    position: absolute;
    opacity: 0;
    box-shadow: 0px 1px 6px 2px #b1b1b1;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    height: 100%;
    padding: 0px 20px;
    width: 245px;
    background: rgba(17, 137, 217, 0.5);
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
#portfolio #gallery_container .photo .mask h3 {
    color: @PrimaryColor;
    font-size: 22px;
    position: relative;
    top: 39%;
}
#portfolio #gallery_container .photo .mask small {
    color: rgb(240, 240, 240);
    font-size: 15px;
    font-style: italic;
    position: relative;
    top: 35%;
    display: block;
}
#portfolio #gallery_container .photo .mask .more {
    color: @PrimaryColor;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    bottom: 7%;
    left: 47%;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {}
/* Landscape phones and down */

@media (max-width: 480px) {
    #portfolio #filters li {
        margin: 0px 4px;
    }
    #portfolio #filters li a {
        font-size: 18px;
    }
    #portfolio #gallery_container .photo {
        margin-left: 35px;
    }
    #portfolio #gallery_container .photo img {
        left: 10%;
    }
}
/*=======================================================
Portfolioitem.css
========================================================*/

#portfolio_tem {
    margin-top: 70px;
}
#portfolio_tem .left_box {
    margin-left: 0;
}
#portfolio_tem .left_box .big {
    margin-bottom: 40px;
    position: relative;
    height: 431px;
}
#portfolio_tem .left_box .big img {
    position: absolute;
    border-radius: 5px;
}
#portfolio_tem .thumbs .thumb {
    float: left;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    margin-bottom: 10px;
}
#portfolio_tem .thumbs .thumb.last {
    margin: 0;
}
#portfolio_tem .thumbs .thumb:hover .mask {
    display: block;
    opacity: 1;
}
#portfolio_tem .thumbs .thumb .mask {
    position: absolute;
    opacity: 0;
    box-shadow: 0px 1px 6px 2px #b1b1b1;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    background: rgba(17, 137, 217, 0.5);
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
#portfolio_tem .thumbs .thumb .mask .more {
    color: @PrimaryColor;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    bottom: 40%;
    left: 43%;
}
#portfolio_tem .right_box {
    float: right;
    margin-top: 14px;
}
#portfolio_tem .right_box h2 {
    font-size: 28px;
    line-height: 27px;
    margin: 0 0 25px 0;
}
#portfolio_tem .right_box p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
    color: #3F3F3F;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #portfolio_tem .left_box .big {
        height: 372px;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #portfolio_tem .left_box {
        margin-bottom: 50px;
    }
    #portfolio_tem .left_box .thumbs {
        overflow: hidden;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {
    #portfolio_tem .left_box .big {
        max-height: 350px;
    }
    #portfolio_tem .left_box .big img {
        margin-bottom: 10px;
        max-height: 350px;
    }
    #portfolio_tem .thumbs .thumb {
        margin-right: 5px;
    }
}
/*=====================================================
contact.css
========================================================*/

#contact {
    margin-top: 70px;
}
#contact .contact {
    margin: 40px 0 100px 0;
}
#contact .contact p {
    color: #939394;
    font-size: 19px;
    margin-bottom: 47px;
    font-style: italic;
    line-height: 24px;
}
#contact .form {
    margin: 0;
}
#contact .contact form {
    margin: 0;
}
#contact .form .box {
    margin: 0;
}
#contact .form .box input[type="text"] {
    padding-left: 39px;
    margin-bottom: 10px;
    color: black;
    height: 29px;
    border-radius: 3px;
    width: 89%;
}
#contact .form .box_r {
    float: right;
}
#contact .form .box textarea {
    padding: 11px;
    width: 94%;
    margin: 0;
    border-radius: 3px;
    height: 113px;
}
#contact .contact .submit {
    margin: 0;
}
#contact .contact .submit .box {
    margin: 0;
}
#contact .contact .submit label.checkbox {
    color: #394350;
    font-style: 14px;
}
#contact .contact .submit .right {
    float: right;
}
#contact .contact .submit .right input[type="submit"] {
    float: right;
    text-transform: uppercase;
    color: @PrimaryColor;
    background: #187CCC;
    font-size: 15px;
    padding: 4px 12px;
    border: 0 none;
    border-radius: 3px;
    -webkit-transition: background linear .2s, box-shadow linear .2s;
    -moz-transition: background linear .2s, box-shadow linear .2s;
    -o-transition: background linear .2s, box-shadow linear .2s;
    transition: background linear .2s, box-shadow linear .2s;
}
#contact .contact .submit .right input[type="submit"]:hover {
    background: #252528;
}
#contact .map {
    margin: 0;
    position: relative;
}
#contact .map iframe {
    display: block;
}
#contact .map .box_wrapp {
    position: absolute;
    margin: 0;
    box-shadow: 0 0 7px 0 rgba(26, 26, 26, 0.4);
    padding: 33px 0 33px;
    background: white;
    top: 41%;
    border-radius: 4px;
}
#contact .map .box_wrapp .box_cont {
    margin: 0 auto;
    width: 76%;
}
#contact .map .box_wrapp .head {
    width: 100%;
    margin-bottom: 17px;
    overflow: hidden;
}
#contact .map .box_wrapp .head h6 {
    font-size: 24px;
    margin: 0;
    font-style: italic;
    float: left;
    padding-bottom: 2px;
    border-bottom: 1px solid;
    font-weight: normal;
}
#contact .map .box_wrapp ul.street {
    list-style: none;
    margin: 0;
    padding: 0;
}
#contact .map .box_wrapp ul.street li {
    color: #777777;
    font-size: 14px;
}
#contact .map .box_wrapp ul.street li.icon {
    margin-top: 3px;
}
#contact .map .box_wrapp ul.street li.icon span.ico1 {
    float: left;
    height: 20px;
}
#contact .map .box_wrapp ul.street li.icon span.ico2 {
    float: left;
    height: 20px;
    background-position: 0px -23px;
}
#contact .map .box_wrapp ul.street li.icon .text {
    font-size: 15px;
    color: #777777;
    margin-left: 6px;
}
#contact .map .box_wrapp ul.street li.icon a:hover {
    color: #187CCC;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
}
#contact .map .box_wrapp ul.street li.icontop {
    margin-top: 13px;
}
#contact .map .box_wrapp .headbottom {
    margin-top: 42px;
}
#contact .map .box_wrapp p {
    color: #777777;
    font-size: 14px;
    margin-bottom: 32px;
}
#contact .map .box_wrapp a.btn {
    text-transform: uppercase;
    color: @PrimaryColor;
    font-size: 15px;
    background: #187CCC;
    text-shadow: none;
    padding: 6px 0 6px;
    font-weight: bold;
    border: 0 none;
    box-shadow: none;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
    width: 56%;
    -webkit-transition: background linear .2s, box-shadow linear .2s;
    -moz-transition: background linear .2s, box-shadow linear .2s;
    -o-transition: background linear .2s, box-shadow linear .2s;
    transition: background linear .2s, box-shadow linear .2s;
}
#contact .map .box_wrapp a.btn:hover {
    background: @SecondaryColor;
}
.contacticos {
    background: url('//cdn-west.sqhk.co/51b753fd1563b51308c381b3/contact_icos.png') no-repeat;
    width: 24px;
    height: 44px;
}
.theme-form-success,
.form-success {
    background: #fff;
    color: rgb(100, 100, 100);
    font-weight: 300;
    font-style: italic;
    line-height: 1.25em;
    font-size: 24px;
    padding-bottom: 0px;
    margin: 0px;
    padding: 10px;
    border: 1px solid rgb(179, 179, 179);
    border-radius: 5px;
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #contact .contact .submit .box {
        margin: 10px 0 24px;
    }
    #contact .form .box input[type="text"] {
        width: 87%;
    }
    #contact .contact .submit .right input[type="submit"] {
        margin: 0 auto;
        float: none;
        width: 53%;
        display: block;
        padding: 7px;
    }
    #contact .map .box_wrapp {
        width: 90%;
        position: relative;
        margin: 0 auto 80px;
    }
    #contact .map .box_wrapp .box_cont {} #contact .map iframe {
        display: none;
    }
    #contact .map .box_wrapp a.btn {
        width: 65%;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {
    #contact .contact .submit .right input[type="submit"] {
        width: 60%;
    }
    #contact .map .box_wrapp {
        width: 100%;
    }
}
/*=====================================================
about.css
=======================================================*/

#aboutus {
    margin-bottom: 90px;
    margin-top: 70px;
}
#aboutus .intro h6 {
    font-size: 21px;
    font-style: italic;
    color: #252526;
    line-height: 29px;
    font-weight: normal;
    margin: 0 0 16px 0;
}
#aboutus .intro p {
    color: #3F3F3F;
    line-height: 24px;
}
#aboutus .flexslider {
    float: right;
    box-shadow: none;
    margin: 0;
    border: 0 none;
}
#aboutus .flex-control-paging li a {
    background: #666666;
    box-shadow: none;
    width: 5px;
    height: 5px;
    border: 3px solid #E6E6E6;
}
#aboutus .flex-control-paging li a.flex-active {
    box-shadow: none;
    background: #2894DC;
    border-color: #2894DC;
}
#aboutus .flex-control-nav {
    bottom: -30px;
}
#team {
    padding: 35px 0 25px;
    margin: 0;
    background: #252528;
    margin-bottom: 90px;
}
#team .section_header {
    margin-bottom: 60px;
}
#team .section_header h3 {
    color: #9D9D9E;
    border-color: #9D9D9E;
    margin: 0;
}
#team .people {
    margin: 0;
}
#team .people .row1 {
    margin: 0 0 50px 0;
}
#team .people .bio_box {
    margin: 0;
}
#team .people .bio_boxr {
    float: right;
}
#team .people .bio_box img {
    float: left;
}
#team .people .bio_boxr img {
    margin-left: 38px;
}
#team .people .bio_box .info {
    float: left;
    margin: 38px 0 0 30px;
}
#team .people .bio_box .info p {
    margin-bottom: 0;
}
#team .people .bio_box .info p.name {
    color: @PrimaryColor;
    font-style: italic;
    margin-bottom: 4px;
    font-size: 21px;
}
#team .people .bio_box .info p.area {
    color: #98989A;
    font-style: italic;
    font-style: 16px;
    margin-bottom: 18px;
}
#team .people .bio_box .info a {
    margin-right: 10px;
}
#team .people .bio_box .info a span {
    display: inline-block;
    width: 33px;
    height: 33px;
}
#team .people .bio_box .info span.ico1,
#team .people .bio_box .info span.ico1h {
    background-position: 0px 0px;
}
#team .people .bio_box .info span.ico2,
#team .people .bio_box .info span.ico2h {
    background-position: -37px 0px;
}
#team .people .bio_box .info span.ico3,
#team .people .bio_box .info span.ico3h {
    background-position: -75px 0px;
}
#team .people .bio_box .info span.ico4,
#team .people .bio_box .info span.ico4h {
    background-position: -112px -1px;
}
#team .people .bio_box .info span.ico5,
#team .people .bio_box .info span.ico5h {
    background-position: -151px 0px;
}
#team .people .bio_box .info span.ico6,
#team .people .bio_box .info span.ico6h {
    background-position: -188px -1px;
}
#team .people .bio_box .info span.ico7,
#team .people .bio_box .info span.ico7h {
    background-position: -226px 0px;
}
#team .people .bio_box .info a:hover span.socialicons {
    display: none;
}
#team .people .bio_box .info a:hover span.socialicons_h {
    display: inline-block !important;
}
#process {
    min-height: 350px;
}
#process .section_header {
    margin-bottom: 60px;
}
#process .section_header h3 {
    margin: 0;
}
#process .description {
    position: relative;
}
#process .description .text {
    position: absolute;
    display: none;
}
#process .description .text.active {
    display: block;
}
#process .description h4 {
    font-size: 31px;
    line-height: 35px;
    margin-bottom: 20px;
}
#process .description p {
    font-size: 15px;
    color: #3F3F3F;
    line-height: 26px;
}
#process .areas {
    margin-left: 0;
    float: right;
}
#process .areas .circle {
    height: 210px;
    cursor: pointer;
    float: left;
    margin-right: -45px;
    text-align: center;
    width: 210px;
    background: rgba(37, 37, 40, 0.9);
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
#process .areas .first {
    margin-left: 0;
}
#process .areas .circle img {
    margin-top: 56px;
}
#process .areas .circle span {
    font-weight: 700;
    font-size: 22px;
    color: @PrimaryColor;
    display: block;
    margin-top: 21px;
}
#process .areas .circle:hover,
#process .areas .circle.active {
    background: rgba(17, 137, 217, 1);
}
/* Responsive
-------------------------------------------------- */
/* Large desktop */

@media (min-width: 1200px) {} @media (min-width: 980px) {} @media (max-width: 979px) {}
/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) {
    #team .people .bio_box {
        text-align: center;
    }
    #team .people .bio_box img {
        float: none;
        margin-bottom: 25px;
        margin-left: 0;
    }
    #process .areas {
        text-align: center;
    }
    #team .people .bio_box .info {
        margin: 0;
        float: none;
    }
    #process .areas .last_circle {
        float: none;
        display: inline-block;
        margin-left: -75px;
        margin-top: -54px;
    }
}
/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
    #team {
        margin-right: -20px;
        margin-left: -20px;
    }
    #team .container {
        padding: 0px 20px;
    }
    #team .people .row1 {
        margin: 0;
    }
    #team .people .bio_box {
        overflow: hidden;
        margin-bottom: 35px;
    }
    #team .people .bio_boxr img {
        margin: 0;
    }
    #aboutus .intro {
        margin-bottom: 45px;
    }
    #aboutus {
        margin-bottom: 75px;
    }
    #process .areas {
        margin-top: 193px;
        margin-bottom: 0px;
        text-align: center;
    }
    #process .areas .circle {
        float: none;
        display: inline-block;
        margin: 0;
    }
    #process .areas .last_circle {
        margin-top: -23px;
    }
}
/* Landscape phones and down */

@media (max-width: 480px) {
    #team .people .bio_box {
        text-align: center;
    }
    #team .people .bio_box img {
        float: none;
        margin-bottom: 18px;
    }
    #aboutus .intro {
        margin-bottom: 30px;
    }
    #team .people .bio_box .info {
        float: none;
        margin: 0;
    }
    #process .areas {
        margin-top: 250px;
    }
    #process .areas .circle {
        width: 100px;
        height: 100px;
    }
    #process .areas .last_circle {
        margin-top: 0;
    }
    #process .areas .circle img {
        margin-top: 22px;
    }
    #process .areas .circle span {
        display: none;
    }
}
/* eCommerce theme styling 
=============================  */

.products-container {
    margin-top: 120px;
}
.products-product-wrapper {
    border: 1px solid rgb(207, 217, 229);
    background: none repeat scroll 0% 0% rgb(239, 246, 253);
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    border-radius: 6px;
    box-shadow: 2px 2px 2px -1px rgb(214, 214, 214);
    background-color: @PrimaryColor;
}
.products-label .label {
    background: transparent;
    color: @SecondaryColor;
    margin-top: 5px;
    font-size: 1.25em;
    font-weight: 400;
}
.products-label button {
    background: @SecondaryColor;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    color: @PrimaryColor;
}
.products-label button:hover {
    background: #000;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    color: @PrimaryColor;
}

.product-information {
    margin: 0px;
    padding: 40px 19px 40px 28px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px rgb(207, 207, 207);
}
.product-information button {
    background: @SecondaryColor;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    color: @PrimaryColor;
}
.product-information button:hover {
    background: #000;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    color: #fff;
}
.sh-cart-btn a,
.sh-cart-btn a i {
    color: @MenuTextColor;
    margin-top: 12px;
    margin-left: 10px;
}
.sh-cart-btn a:hover {
    color: @MenuHoverTextColor;
}@charset "UTF-8";
/*
Animate.css - //daneden.me/animate
Licensed under the ☺ license (//licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated.hinges {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}

.animated.slow {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration: 3s;
	        animation-duration: 3s;
}

.animated.snail {
	-webkit-animation-duration: 4s;
	   -moz-animation-duration: 4s;
	     -o-animation-duration: 4s;
	        animation-duration: 4s;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-moz-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@-o-keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

@keyframes flash {
	0%, 50%, 100% {opacity: 1;}	
	25%, 75% {opacity: 0;}
}

.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); }
}

@-moz-keyframes wobble {
  0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); }
}

@-o-keyframes wobble {
  0% { -o-transform: translateX(0%); }
  15% { -o-transform: translateX(-25%) rotate(-5deg); }
  30% { -o-transform: translateX(20%) rotate(3deg); }
  45% { -o-transform: translateX(-15%) rotate(-3deg); }
  60% { -o-transform: translateX(10%) rotate(2deg); }
  75% { -o-transform: translateX(-5%) rotate(-1deg); }
  100% { -o-transform: translateX(0%); }
}

@keyframes wobble {
  0% { transform: translateX(0%); }
  15% { transform: translateX(-25%) rotate(-5deg); }
  30% { transform: translateX(20%) rotate(3deg); }
  45% { transform: translateX(-15%) rotate(-3deg); }
  60% { transform: translateX(10%) rotate(2deg); }
  75% { transform: translateX(-5%) rotate(-1deg); }
  100% { transform: translateX(0%); }
}

.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }	
	50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1); }	
	50% { -moz-transform: scale(1.1); }
    100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1); }	
	50% { -o-transform: scale(1.1); }
    100% { -o-transform: scale(1); }
}
@keyframes pulse {
    0% { transform: scale(1); }	
	50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out;
	}
	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out;
	}
	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
	}
	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in;
	}
}
@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) rotateY(0);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}
}

.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInY {
    0% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -moz-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -moz-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInY {
    0% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        -o-transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        -o-transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -moz-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        -o-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
	100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

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

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

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

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
  }
}.chairs {
  background: url('//cdn-west.sqhk.co/eventlab/2015/10/hgcjd48/chairs.png') no-repeat fixed 50% 0 / cover rgba(0, 0, 0, 0);
  background-size: cover;
}

.fish {
  background: url('//cdn-west.sqhk.co/eventlab/2015/11/Qutiijh/fishbowl.png') no-repeat fixed 50% 0 / cover rgba(0, 0, 0, 0);
  background-size: cover;
}

.event {
  background: url('//cdn-west.sqhk.co/eventlab/2016/4/hhejgeK/Parallax-Background-1.jpg');
  background-size: cover;
}

.couple {
  background: url('//cdn-west.sqhk.co/sbs/2015/9/gIi1Ycw/couplebanner.jpg') no-repeat fixed 50% 0 / cover rgba(0, 0, 0, 0);
  background-size: cover;
}
.nav .container {
  display:flex; 
}

#aboutus{
    margin-bottom:0px!important; 
}


.navbar .nav>li>a {
    color:black;
}
.bgvid {
    max-height: 89%;
    overflow: hidden;
}
.bgvid video {
    position:relative;
    top:-40px;
    min-width: 100vw;
}
.home-tile
{
  margin-top:15px;
  min-height:10px !important;
  border-radius:3px;
  background-color:none;
  text-align:center;
}

.home-tile p
{
  margin-top:-10px;
  margin-bottom:0px;
  padding-left:5px;
  padding-right:5px;
  
}
.home-tile img
{
  margin:0px 0px px 0px; 
  max-height: 90%:
    overflow:hidden;
  max-width: 92%;
}

.home-tile .tile-title
{
  /*background-color: rgba(0,0,0, 0.8);*/
  height:40px;
  width:100% !important;
  display: block;
  position:relative;
  top: -120px;
  z-index:800;
  color:white;
  text-align:center;
  line-height:30px;
  font-size:20px;
}

.event
{
 max-width:100% !important; 
}


.white-overlay
{
    background-color:rgba(255, 255, 255, 0.6); 
    margin-left:-1000px;
    margin-right:-1000px;
    margin-top:-10px;
    padding-top:30px;
    padding-bottom:30px;
}

.event
{
    overflow:hidden !important;
}

/*********************home services list icons & descriptions **************/
@media (min-width: 980px) {

  .hover-appear
  {
      max-height:0px;
      overflow:hidden;
      transition: max-height 0.5s ease-in;
      transition: max-height: 0.1s ease-out;
  }

  .nav .external:hover {
      -webkit-transform: scale(1.2);
      transition: all 0.5s ease,
                padding 0.8s linear;
  }
  
  .hover-parent:hover .hover-appear
  {
      max-height:400px;
      margin-bottom:20px;
  }

  .hover-parent:hover
    {
        margin-bottom:0px;
    }

  .services-holder
    {
        min-height:630px;
        padding-top:30px;
    }
}

.hover-parent
{

    margin-bottom:30px;
}

.hover-appear p
{
    font-size:16px;
  
}






/*********************** nav ************************/

.nav.pull-right
{
  margin-right:30px !important;  
}
.navbar .brand {
  margin-top:25px;
  margin-left:10%; 
}
.navbar .brand a
{
    font-family:lato !important; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    opacity: .6;
}

.nav li.external a.active
{
    font-size:16px;
}

.navbar.transparent
{
  background-color: rgba(255, 255, 255, 255); /*background-color: rgba(243, 243, 243, 0);*/
}

.navbar-inverse .nav > li > a:hover
{
    color:#F7941E !important;  
}

.navbar.transparent.navbar-inverse .navbar-inner{
  border:none;
  margin 0px 0px 0px 0px;
}

.navbar
{
    margin-bottom:0px;
    position:relative;
    top: 0px;
    z-index:100;
    width:100%;
}

/***********************************************/



article.slide
{
  text-align:center;
  width:100%;
  height:100vh;
}
#expanded-description{
 background:none!important; 
}
#expanded-image {
 min-height:0px!important; 
}
.slide .info {
    padding:50px;
    background:rgba(0, 0, 0, 0.4)
}
.content
{
  font-size:16px;
}
#portfolio .fa-times {
    color:#F7941E!important;
    border: 1px solid #F7941E!important;
}


#slide-left, #slide-right
{
  display:none;
  height:0px;
}


.abs {
    position:absolute!important; 
}


.article
{
    transition-property: opacity;
    transition-duration:33s;
}

#feature_slider
{
    z-index:0;
}
.services-holder {
    min-height:0px!important; 
}
footer
{
  position: relative;
  background-color:#333333;
  margin-left: auto;
  margin-right: auto;
  padding-left:10px;
  color:white;
  padding: 20px 0 20px 0;
}

.ftr-padded
{
  padding-left:100px;
}

footer ul
{
  padding-top: 10px;
  list-style-type: none; 
  font-size: 14px;
}

.sh-create
{
  visibility: hidden;
}

footer spantitle1
{

  font-weight: 400px;
  margin-right: 5px;
  font-size: 24px;
}

footer spantitle2
{
 

  font-weight: 400px;
  margin-right: 5px;
  font-size: 20px;
}

.social-network li
{
  background-color:#57585A;
  padding: .3em .3em;
  margin-right: 5px;
  border-radius: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.floating-span
{
  margin: 0;
  position: fixed;
  bottom: 20px;
  right: 10px;
  width: 50px;
  height: 50px;
  z-index: 100;
  color: #57585A;
  background-color: #FFFFFF;
  border-radius: 50px;
  text-align: center;
}

.floating-span:hover
{
  background-color: #57585A;
}

.floating-span i
{ 
  margin-top: 10px;
  font-size: 30px;
}


footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer a, footer address, footer p {
  color: white;
}

footer li
{
 line-height: 25px; 
}
  
/*======================================================
Portfolio.css
========================================================*/
#portfolio {
	margin-top:120px;
}
#portfolio #filters {
	list-style-type: none;
	height: 30px;
	margin-bottom: 40px;
	text-align: center;
	margin-top: -20px;
}
#portfolio #filters li {
	display: inline-block;
	font-size: 20px;
	margin: 0px 6px;
}
#portfolio #filters li.separator {
	color: #c0c0c0;
	font-weight: lighter;
}
#portfolio #filters li a {
	color: #3f3f3f;
	font-style: italic;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	transition: color .2s;
}
#portfolio #filters li a:hover,
#portfolio #filters li a.active {
	color: #1189d9;
}

#portfolio .section_header {
  color:#789e9b;  
  margin-top:0px;
  margin-bottom:20px;
  margin-right:20px;
}

#portfolio .work-header {
  margin-bottom:60px;
}

#portfolio .work-header p {
  width:100%; 
}

#portfolio #gallery_container {
	margin-bottom: 50px;
}
#portfolio #gallery_container .photo {
	width: 260px;
	margin: 15px;
	float: left;
	position: relative;
}
#portfolio #gallery_container .photo:hover .mask {
	display: block;

}

#portfolio #gallery_container .photo-expanded
{
	z-index:100000;
  	opacity:1;
}



#portfolio #gallery_container .photo:hover img
{
  	-webkit-transition: transform .35s ease-out;
    -moz-transition: transform .35s ease-out;
    transition: transform .35s ease-out;
	transform:scale(1.2, 1.2);
}

#portfolio #gallery_container .photo
{
	overflow:hidden;
}

#portfolio #gallery_container .photo img { }

#portfolio #gallery_container .photo .mask {
	position: absolute;
	opacity: 0;

	box-shadow: 0px 1px 6px 2px #b1b1b1;
	top: 0px;
	left: 0px;
	border-radius: 5px;
	height: 100%;
	padding: 0px 20px;
	width: 220px;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
#portfolio #gallery_container .photo .mask h3 {
	color: #FFF;
	font-size: 22px;
	position: relative;
	top: 20%;
}
#portfolio #gallery_container .photo .mask small {
	color: rgb(240, 240, 240);
	font-size: 15px;
	font-style: italic;
	position: relative;
	top: 15%;
	display: block;
}
#portfolio #gallery_container .photo .mask .more {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	bottom: 7%;
	left:10%;
}



/*
#expanded-image
{
	
  	position:fixed;
  	top:10%;
  	left:10%;
  	z-index:1000;
  background:black;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.7);
}
*/

#expanded-image {

    min-height: 70vh;
	background:black;
    z-index: 1000;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.7);
}


#expanded-description
{
	
  	display:inline-block;
  	position:absolute;
  	bottom:10px;
  	left:10px;
 	background:black;
  	padding:5px 15px 5px 15px;
  	color:white;
  	height:50px;
}



.modal.portfolio {
  width:800px !important;
  margin-left:-400px !important;
}

.portfolio .linkPDF a{
  margin-top:5px;
}

#expanded-image img
{
	max-height:600px;
}


#portfolio .fa-times
{
	font-size:30px;
  	border:1px solid #0088cc;
  	
  	position:absolute;
  	right:15px;
  	top:15px
}

#portfolio .fa-arrow-left
{
	font-size:30px;
  	border:1px solid #F7941E;
  	color:#F7941E;
  	position:absolute;
  	left:15px;
  	top:50%;
}

#portfolio .fa-arrow-right
{
	font-size:30px;
  	border:1px solid #F7941E;
  	color:#F7941E;
  	position:absolute;
  	right:15px;
  	top:50%;
}

#portfolio .fa-times:hover, #portfolio .plus:hover, 
#portfolio .fa-arrow-left:hover, #portfolio .fa-arrow-right:hover
{
	cursor:pointer;
  	color:white;
}

#portfolio .fa-times:hover
{
	border-color:white;
}
#portfolio .plus
{
  padding:120px 50px 30px 100px; 
  font-size:30px;
}




/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {

	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	

}
/* Landscape phones and down */
@media (max-width: 480px) {
	#portfolio #filters li{
		margin: 0px 4px;
	}
	#portfolio #filters li a{
		font-size: 18px;
	}	
	#portfolio #gallery_container{
		margin-top: 30px;
	}
	#portfolio #gallery_container .photo{
		margin-left: 35px;
	}
	#portfolio #gallery_container .photo img{
		left: 10%;
	}

}
/*=======================================================
Portfolioitem.css
========================================================*/
#portfolio_tem{
	margin-top: 70px;
}
#portfolio_tem .left_box{
	margin-left: 0;
}
#portfolio_tem .left_box .big{
	margin-bottom: 40px;
	position: relative;
	height: 431px;
}
#portfolio_tem .left_box .big img{
	position: absolute;
	border-radius: 5px;
}
#portfolio_tem .thumbs .thumb{
	float: left;
	position: relative;
	margin-right: 30px;
	cursor: pointer;
	margin-bottom: 10px;
}
#portfolio_tem .thumbs .thumb.last{
	margin: 0;
}
#portfolio_tem .thumbs .thumb:hover .mask {
	display: block;
	opacity: 1;
	
}
#portfolio_tem .thumbs .thumb .mask {
	position: absolute;
	opacity: 0;
	
	box-shadow: 0px 1px 6px 2px #b1b1b1;
	top: 0px;
	left: 0px;
	border-radius: 5px;
	height: 100%;
	width: 100%;
	background: rgba(17, 137, 217, 0.5);
	-webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}
#portfolio_tem .thumbs .thumb .mask .more {
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	bottom: 40%;
	left: 43%;
}
#portfolio_tem .right_box{
	float: right;
	margin-top: 14px;
}
#portfolio_tem .right_box h2{
	font-size: 28px;
	line-height: 27px;
	margin: 0 0 25px 0;
}
#portfolio_tem .right_box p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 18px;
	color: #3F3F3F;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#portfolio_tem .left_box .big{
		height: 372px;
	}
}	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	#portfolio_tem .left_box{
		margin-bottom: 50px;
	}
	#portfolio_tem .left_box .thumbs{
		overflow: hidden;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#portfolio_tem .left_box .big {
		max-height: 350px;
	}
	#portfolio_tem .left_box .big img {
		margin-bottom: 10px;
		max-height: 350px;
	}
	#portfolio_tem .thumbs .thumb{
		margin-right: 5px;
	}
}



#profile-modal {
  display:none;
  width:50%;
  top:80%;
   background: url("//cdn-west.sqhk.co/5222778a1563b512943aee97/nav_bg.jpg") 0 0 repeat;
  color:#fff;
  padding:10px 30px;
}

#profile-modal img {
	max-width:300px;
  height:auto;
  float:left;
  margin-right:25px;
  margin-bottom:15px;
}

#profile-modal .plainmodal-close {
  text-align:center;
  position:absolute;
  bottom:10px;
  right:10px;
  background:#ff0000;
  width:25px;
  cursor:pointer;
}/*Buttons */

.clean-white
{
  background-image:none;
  background-color:rgba(255, 255, 255, 0.0);
  border-radius:3px;
  border: 1px solid white;
  color:white;
  padding:10px 40px 10px 40px;
  
}

.clean-white:hover, .clean-white:active, .clean-white a:hover, .clean-white a:focus
{
  color:white;
  background-color:rgba(255, 255, 255, 0.3);
}

.clean-black
{
  background-image:none;
  background-color:transparent;
  border-radius:3px;
  border: 1px solid black;
  color:black;
  padding:10px 40px 10px 40px;
  
}

.clean-black:hover, .clean-black:active, .clean-black a:hover, .clean-black a:focus
{
  color:black;
  background-color:rgba(0, 0, 0, 0.3);
}
.nav li a {
    font-family:helvetica!important; 
}

/* Offerings - Body */

.call-now
{
  text-decoration:none !important;
  right: 1rem;
  bottom: 6rem;
  height: 42px;
  width:auto;
  overflow:hidden;
  z-index:33;
  -webkit-border-radius:21px;
  -moz-border-radius:21px;
  border-radius:21px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  -moz-transition-duration:.6s;
  -webkit-transition-duration:.6s;
  transition-duration:.6s;
  position:fixed;
  -ms-transform-origin:100% 100%;
  -webkit-transform-origin:100% 100%;
  transform-origin:100% 100%;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  transform:rotate(0deg);
}
.call-now span.phone-icon
{
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  transform:rotate(0deg)
}
.call-now span.number
{
  font-family:EncorpadaClassic-Bold;
  font-size:20px;
  width:0;
  -moz-opacity:0;
  -khtml-opacity:0;
  -webkit-opacity:0;
  opacity:0;
  color: black;
  display:none;
}
.call-now.expanded,.call-now:hover
{
  background:#ddd;
  width:auto;
}
.call-now.expanded span.number,.call-now:hover span.number
{  
  padding:0 2px 0 12px;
  display:inline-block;
  -moz-opacity:1;
  -khtml-opacity:1;
  -webkit-opacity:1;
  opacity:1;
  width:110px;
}
.call-now span.phone-icon
{
  background:url(//cdn-west.sqhk.co/eventlab/2016/3/KmIdf35/phoneicon.png)50% 50% no-repeat #fff;
  display:inline-block;
  width:40px;
  height:40px;
  border: 1px solid #bbb;
  -webkit-border-radius:21px;
  -moz-border-radius:21px;
  border-radius:21px;
  -moz-background-clip:padding;
  -webkit-background-clip:padding-box;
}
.call-now
{
  -moz-transition-duration:.6s;
  transition-duration:.6s;
  -webkit-transition-duration:.6s;
}
.call-now span.number
{
  overflow:hidden;
  height:40px;
  line-height:40px;
  /*margin:0 0 0 8px;*/
  vertical-align:top;
  -moz-transition-duration:.6s;
  -webkit-transition-duration:.6s;
  transition-duration:.6s
}
.call-now span.number:hover {
    color: #F26522;
}/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.fadeBackImage {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

/*
	Invoked by jQuery to transition
	into one element while another is transitioning out
*/

/* 

.carousel.vertical .item {
  -webkit-transition: 1.3s ease opacity;
     -moz-transition: 1.3s ease opacity;
      -ms-transition: 1.3s ease opacity;
       -o-transition: 1.3s ease opacity;
          transition: 1.3s ease opacity;
}
*/

.landingPageImage{
    min-height: calc(100vh - 100px);
  	max-height: calc(100vh - 100px);
    overflow: hidden;
}

.landingPageImage img {
    min-width: 100vw;
  	min-height: 100vh;
  	max-width: none;
  
}

#myCarousel {
  position: absolute;
  height: 15vh;
  width: 50vw;
  margin-left: 25vw;
  top: 45vh;
  text-align: center;
  border-color: gray;
  border-width: 2px;
  border-style: solid;
}

#inner-block{
	height: 100%;
  	width: 100%;
  	vertical-align: middle;
  	position: relative;
  	
}

.dynamic-item {
  	position: absolute;
  	margin: 0!important;
  	height: 100%;
  	width: 100%;
  	
    color: #818285;
    line-height: 15vh;
    font-size: 4vw;
  	font-weight: 700;
  	font-family: raleway, sans-serif;
  
  	opacity:0;
  	-webkit-transition: opacity 2s ease-in-out 0s;
  	   -moz-transition: opacity 2s ease-in-out 0s;
        -ms-transition: opacity 2s ease-in-out 0s;
         -o-transition: opacity 2s ease-in-out 0s;
    		transition: opacity 2s ease-in-out 0s;
}

#fresh-events-item, #smart-style-item, #on-budget-item {
  font-weight:300;
  font-family:raleway, sans-serif;
}


@media (max-width: 979px) {

	#showcase .container{
  		padding-top: 30px;
	}	

    body{
      padding: 0!important;
      padding-left: 0!important;
      padding-right: 0!important;
	}

    a:hover {
        text-decoration: none;
        transform: none;
    }

    input[type="text"],
    input[type="password"],
    input[type="submit"],
    textarea {
    	font-family: @FontFamily;
	}

	body{
      padding: 0;
      padding-left: 0;
      padding-right: 0;
	}
	
	.landingPageImage img {
        margin-top: -150px;
        margin-left: -150px;
    }

	#myCarousel{
  		width: 80vw;
  		height: 24vh;
  		margin-left: 10vw;
	}
	
	.dynamic-item {
  		line-height: 24vh;
    	font-size: 7vw;
	}
}

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	body{
      padding: 0;
      padding-left: 0;
      padding-right: 0;
	}
	
	.hover-appear{
  		height: 0;
    	opacity: 0;
	}

    .landingPageImage img {
        margin-top: -200px;
        margin-left: -300px;
    }

	#myCarousel{
  		width: 101vw;
  		height: 24vh;
  		margin-left: -1vw;
	}
	
	.dynamic-item {
  		line-height: 24vh;
    	font-size: 8vw;
	}
}
/* Landscape phones and down */

@media (max-width: 480px) {

	body{
      padding: 0;
      padding-left: 0;
      padding-right: 0;
	}
	
	.hover-appear{
  		height: 0;
    	opacity: 0;
	}

	.landingPageImage img {
        margin-top: -200px;
        margin-left: -300px;
    }

    #myCarousel{
  		width: 101vw;
  		height: 20vh;
  		margin-left: -1vw;
	}
	
	.dynamic-item {
  		line-height: 24vh;
    	font-size: 9vw;
	}
	
}