/*



Theme Name: icu2 - Inspiring the human spirit in a digital world



Theme URI: https://icu2.com.au/



Author: Dom Dedic | Dom Suto



Author URI: https://icu2.com.au/



Description: Our mission is to accelerate the growth of Australian scale-ups by providing world-class, evidence-based business development services and technologies.



Version: 1.0.0



License: icu2.com.au



License URI: icu2.com.au



Text Domain: icu2.com.au



Tags:



*/







/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



----------------------------------------------------------------



# Normalize



# Typography



# Elements



# Forms



# Navigation



	## Links



	## Menus



# Accessibility



# Alignments



# Clearings



# Widgets



# Content



	## Posts and pages



	## Comments



# Infinite scroll



# Media



	## Captions



	## Galleries



--------------------------------------------------------------*/







/*--------------------------------------------------------------



# Normalize



--------------------------------------------------------------*/







/*--------------------------------------------------------------



# Suto



--------------------------------------------------------------*/


@font-face {
	font-family: icu2_font;  
	src: url(https://icu2.com.au/wp-content/themes/wp-theme/icu2Font/futura-book.ttf);  
	font-weight: normal;  
}

@font-face {
	font-family: icu2_font;  
	src: url(https://icu2.com.au/wp-content/themes/wp-theme/icu2Font/futura-book.otf);  
	font-weight: normal;  
}




span.slider-header {
    font-size: 20px;
    width: 350px;
    left: 50%;
    position: relative;
    margin-left: -175px;
    text-align: center;
    line-height: 30px;
    color: white;
    float: left;
}

div#hover-people-item {
    width: 100%;
    height: 100%;
    float: left;
}


.tax-portfolio-categories div#people-box {
    float: left;
    width: 100%;
    padding: 0px 50px;
}


.tax-portfolio-categories a.permalink-people {
    padding: 20px;
    float: left;
    width: 33.33%;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: -5px;
}



.tax-portfolio-categories div#post-date, .tax-portfolio-categories div#post-text {
    display: none!important;
}

.tax-portfolio-categories .post-image img{
    margin-bottom: 0px;
}






.page-template-page-portfolio a.permalink-people, .tax-portfolio-categories  a.permalink-people{
    padding: 20px;
    float: left;
    width: 33.33%;
    display: inline-block;
}






.page-template-page-portfolio p.person-name, .tax-portfolio-categories p.person-name {
    color: #ffffff;
    font-size: 25px;
    padding: 6px;
    border-radius: 10px;
    margin: 0;
    /* border: 2px solid white; */
    /* background: white; */
}





.page-template-page-portfolio .people-item, .tax-portfolio-categories .people-item{
    float: left;
    width: 100%;
    display: inline-grid;
    position: relative;
    border: 1px solid #146aa3;
}



.page-template-page-portfolio div#people-box {
    float: left;
    width: 100%;
    padding: 25px 50px;
}





.soci-hello:hover {

    color: #dadada!important;

}



.people-item-img img{

	width: 100%;

}



img.featured-image-blog {

    float: left;

}

div#people-image img {

    width: 100%;

}



.blog div#post-date{

    margin-right: 0px;

}



.blog div#post-details {

    border-left: 7px solid #146aa3;

    padding-left: 20px;

}



.blog div#rm-post {

    margin-bottom: 50px;

}



.entry-meta a {

    text-decoration: none;

}



a.calltoaction {

    border: 2px solid #146aa3;

    color: #146aa3;

    width: 100%;

    float: left;

    text-align: center;

    padding: 5px;

    border-radius: 5px;

    margin-top: 25px;

}



a.calltoaction:hover {

    border: 2px solid #146aa3;

    background: #146aa3;

    color: white!important;

}



p.vision {

    font-size: 35px;

    color: white;

    text-align: center;

    margin: 85px 0px 10px;

}



div#icu2-line {

    border-bottom: 2px solid white;

    width: 760px;

    margin: 0 auto;

}



p.add-icu2 {

    text-align: center;

    font-size: 20px;

    color: white;

    margin: 20px 0px 0px;

}



div#other-con {

    text-align: center;

    color: white;

}



div#other-con span{

    color: white;

    font-size: 20px;

}



div#icu2-footer-right img {

    width: 250px;

    text-align: center;

    margin: 0 auto;

    padding: 50px 20px;

    position: relative;

    left: 50%;

    margin-left: -125px;

}



div#icu2-footer-left {

    float: left;

    width: 70%;

}



div#icu2-footer-right {

    float: left;

    width: 30%;

}



div#icu2-footer {

    padding-left: 250px;

    background: #515251!important;

}



div#icu2-footer {

    width: 100%;

    float: left;

}







.error404 div#icu2-footer {

    display: none;

}

aside#secondary a {

    color: #404040;

    text-decoration: none;

}



aside#secondary a:hover {

    color: #146aa3;

    text-decoration: none;

}



aside#secondary li {

    list-style-type: initial;

    margin-left: 6px;

}



.tax-portfolio-categories .current-cat a {
    /* background: #146aa3!important; */
    /* color: white; */
    border-bottom: 3px solid #146AA2!important;
}



.tax-portfolio-categories div#primary, .tax-people-categories div#primary{

    width: 100%!important;

}

.tax-portfolio-categories div#post-date{

    margin-bottom: 20px;

}



.tax-people-categories div#port-pad-box {

    margin-top: 50px;

}



.tax-portfolio-categories div#filter-portfolio {

    float: left;

    background: whitesmoke;

    width: 100%;

    padding-left: 60px;

    margin-bottom: 50px;

}



div#port-archive-box h2.title {

    margin-bottom: 0;

    line-height: 27px;

    font-size: 20px;

    text-align: left;

}



p.post-time {

    float: left;

    padding: 0;

    margin: 0;

    font-size: 10px;

    width: 100%;

}



div#port-archive-box a.post-readmore {

    margin-bottom: 10px;

}



div#port-archive-box h2.title {

    margin-top: 0;

    clear: inherit;

}



div#port-archive-box h2.title {

    margin-bottom: 0;

}



div#port-archive-box a.permalink {

    text-decoration: none;

}





div#port-archive-box div#rm-post {

    border: 0;

}



div#port-archive-box {

    float: left;

    width: 33.33%;

    padding: 0px 20px;

    margin-bottom: 50px;

}



div#port-archive-box .entry {

    float: left;

    padding: 10px;

    border: 2px solid #bfbcbd;

}



div#port-pad-box {

    float: left;

    width: 100%;

    padding: 0px 50px;

}



header.entry-header h2 {

    /* margin-bottom: 0pc; */

    margin-bottom: 0px;

}



.archive footer.entry-footer {

    display: none;

}








div#person-contact-details h2, div#person-contact-details h3 {

    margin-bottom: 0px!important;

    padding-bottom: 0px!Important;

}

div#person-contact-details {

    float: left;

    width: 100%;

    border-left: 5px solid #c2bfc0;

    padding-left: 20px;

    margin-top: 30px;

    padding-bottom: 25px;

}

.single-people .shareaholic-canvas  {

    display: none!important;

}



.single-people .entry-content {

    margin-top: 0px;

}

.single-people .entry-content p {

    padding: 0!important;

    margin: 0!important;

}

div#people-image {

    width: 50%;

    float: left;

    padding-right: 25px;

}

div#hover-people-item {

    position: absolute;

}

.people-template-default div#primary{

    padding:0;

    margin:0;

    width: 100%;

}



#people h1, h1.people-name {
    margin: 0;
    padding: 105px 70px 250px;
    font-size: 40px;
    background: #146aa3;
    color: #ffffff;
    background-image: url(https://icu2.com.au/wp-content/uploads/2018/01/our-work-web-design-and-development.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.page-template-page-people div#primary, .page-template-page-people .people-item {

    padding: 0!important;

    margin: 0!important;

}

.people-item {

    float: left;

    width: 33.33%;

    display: inline-grid;

    position: relative;

}

.page-template-page-people div#primary{

    width: 100%;

}





div#hover-people-item {

    opacity: 0;

    transition: 0.3s;

}



div#hover-people-item:hover {

    opacity: 1;

    transition: 0.3s;

    background: rgba(20, 106, 163, 0.8);

}





div#people-item-content {

    text-align: center;

    height: 70px;

    position: absolute;

    top: 50%;

    margin-top: 0px;

    left: 50%;

    width: 350px;

    margin-left: -175px;

    transition: .5s;

}



.people-item:hover div#people-item-content {
    margin-top: -35px;
    transition: .5s;
}



p.person-name {

    color: white;

    font-size: 25px;

    padding: 0;

    margin: 0;

}



p.person-role {

    font-style: italic;

    color: #bfbcbd;

    font-size: 20px;

    padding: 0;

    margin: 0;

}



.people-item-img {

    float: left;

    display: inherit;

}

























header.page-header, footer.entry-footer {

    padding-left: 0px!important;

}





header.page-header h1 {

    margin: 90px 50px;

    padding: 10px 20px 0px;

    border-left: 5px solid #c2bfc0;

    font-size: 40px;

    color: #146aa3;

}



.archive .entry-content, body.archive.category .entry-content {

    display: none!important;

}



.archive div#primary, body.archive.category div#primary {

    padding-top: 0px;

}



div#filter-portfolio {

    float: left;

    background: whitesmoke;

    width: 100%;

    padding-left: 60px;

}



div#filter-portfolio li {

    float: left;

    list-style-type: none;}



div#filter-portfolio a {
    /* border-radius: 5px; */
    float: left;
    list-style-type: none;
    padding: 1px 3px;
    margin: 15px 10px;
    border-bottom: 1px solid #146aa3;
    text-decoration: none;
}

li.active-ul a {
    border-bottom: 3px solid #146aa3!important;
}



div#filter-portfolio a:hover {
    border-bottom: 3px solid #146aa3!important;
}



div#error-page-box .page-content {

    padding: 0;

}



div#error-page-box {

    width: 500px;

    /* margin: 0 auto; */

    position: absolute;

    top: 50%;

    height: 200px;

    margin-top: -100px;

    left: 50%;

    margin-left: -125px;

}



.error404 div#primary {

    width: 100%!important;

    text-align: center;

}



.search header.entry-header, .search header.page-header {

    padding: 0;

}

.search section#primary {

    width: 70%;

    float: left;

    padding: 20px 70px;

}



.author-h1, .author-h2, dl.author-p, .author-list {

    text-align: center;

}

.author main#main ul {

    margin: 0!important;

    list-style-type: none!important;

    padding: 10px;

}

div#author-img {

    text-align: center;

}

dl.author-p {

    max-width: 600px;

    margin: 0 auto;

}

h2.author-h2 {

    margin-bottom: 0;

}

.author main#main {

    padding-bottom: 70px;

}

div#authors-box {

    float: left;

    width: 100.6%;

    border: 7px solid #146aa3;

    border-bottom: none;

    border-left: none;

}



div#authors-box-left {

    float: left;

    padding: 50px;

    width: 20%;

}



div#authors-box-right {

    float: left;

    padding: 50px 0px;

    width: 80%;

    text-align: left;

}



div#authors-box-right h1, div#authors-box-right dl {

    text-align: left!important;

    padding: 0px!important;

    margin: 0;

}



div#authors-box-right dd {

    margin: 0;

    width: 100%;

}



div#authors-box-right .author-p {

    width: 100%;

}

div#authors-box-right .author-p {

    width: 100%;

    max-width: 100%;

    padding-right: 70px!important;

}

h1.author-h1 a {

    text-decoration: none;

}







h1.author-h1 {

    padding-top: 88px;

}





.current-menu-item.internal-links a {

    background: white!important;

    color: #333333!important;

}



.current-menu-item.internal-links a:hover{

	color:#146aa3!important;

}



.current-menu-item a {

    background: #146aa3;

    color: white!important;

}





aside#secondary {

    border-left: 7px solid #146aa3;

    padding-left: 70px!important;

    padding-bottom: 111px

}



img.featured-image-blog {

    padding-bottom: 7px;

    position: relative;

    background: #146aa3;

}



body, #page a, #page p, #page ul, #page li, #page span, #page div, button, input, textarea, label, ul#filters {



	font-family: "icu2_font"!important;



}



div#footer-widgets {



    display: none;



}

span.edit-link {

    visibility: hidden;

}



div#featred-page-image {

    background: #146aa3;

}

div#badge {

    bottom: 60px!important;

    /* left: 40px; */

}



button.yikes-easy-mc-submit-button {

    background: white;

    height: 45px;

    border: 0px!important;

}



button.yikes-easy-mc-submit-button:hover{

    background: whitesmoke;

}





.archive.author .entry-content {

    display: none;

}



.single .entry-content {

    float: left;

}

.single-post .entry-meta {

    float: left;

    width: 260px;

    padding-bottom: 0px;

    margin-bottom: 15px;

    border-bottom: 2px solid #146aa3;

}





.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {

    /* padding: 0px; */

    margin: 15px 0px!important;

}





.error404 .page-content {



    padding-left: 35px;



}







p.home-p-middle {



    font-size: 16px;



}







a.link-section {



    text-decoration: none;



}



.vc_custom_1499993106135 {



    width: 80%!important;



    background-size: 80%!important;



}







.vc_custom_1499923141454 {



    padding-top: 0px !important;



    padding-right: 0px !important;



    padding-left: 0px !important;



    background-image: url(https://icu2.com.au/wp-content/uploads/2012/12/Technology-Integration-Melbourne.jpg?id=12387) !important;



    background-position: center !important;



    background-repeat: no-repeat !important;



    background-size: contain !important;



    background-size: 75%!important;



    background-position: bottom!important;



}



div#services-icons img {



    display: inline-block;



    width: 25%;



}



p.home-p-middle {



    text-align: center;



    margin-bottom: 15px;



}







h1.home-h1 {



    font-size: 45px!important;



    line-height: 1.3;



}







a.home-h2 {



    font-size: 35px;



    color: #c0bebe;



    line-height: 1.3;



    text-decoration: none;



}















a.home-h2:hover {



   cursor: pointer;



}







p.home-p {



    line-height: 1.7;



    font-size: 19px;



}







div#simplify-section h1 {



    font-size: 45px!important;



    margin-bottom: 0px;



    color: white;



}



div#simplify-section p {



	margin-top: 0px;



    font-size: 28px;



    line-height: 1.7;



    color: white;



}



.home a.vglnk {

    color: white;

    text-decoration: none;

}



.home a.vglnk span{

    color: white;

}























.stay-on-top {



    z-index: 99998!important;



}







div#simplify-section .vc_column-inner{



	padding-top: 0px!important;



}







.last-child {



    border-right: none!important;



}







div#simplify-section .vc_col-sm-4 {



    border-right: 4px solid #b1b4b7;



}







div#simplify-section .vc_col-sm-4::last-child {



    border-right: 0px solid;



}







div#home-sticky img {



    width: 110px;



    -ms-transform: rotate(45deg);



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



    top: -120px;



    position: relative;



    left: 96px;



}







span.close-request:hover{



	cursor: pointer;



}



span.close-request {



    position: absolute;



    right: -32px;



    top: -55px;



    font-size: 45px;



    color: #146aa3;



    -ms-transform: rotate(45deg);



    -webkit-transform: rotate(45deg);



    transform: rotate(45deg);



}



div#request-box div.wpcf7-response-output {



    margin: 0!important;



    padding: 0.2em 1em;



    background: #ffffff;



    color: #146aa3;



}







div#request-box span.wpcf7-not-valid-tip {



    position: relative;



    float: left;



    width: 440px;



    color: red!important;



}



.teltel {



    position: absolute;



    right: 12px;



    /* color: red!important; */



    top: 4px;



    font-size: 67px!important;



    color: white!important;



    z-index: 9999;



    -ms-transform: rotate(90deg);



    -webkit-transform: rotate(90deg);



    transform: rotate(90deg);



}







.teltel:hover{



    cursor: pointer;



}







div#request-box {



    display: none;



    position: absolute;



    margin-top: 300px;



    z-index: 999999;



    left: 50%;



    top: 50%;



    margin-left: -250px;



    margin-top: -225px;



}







div#request-form input.wpcf7-form-control.wpcf7-submit {



    padding: 9px 50px;



    position: relative;



    border-radius: 5px;



    top: 8px;



    width: 50%;



    left: -2px;



    outline: none;



    text-align: left;



}



div#request-form input.wpcf7-form-control.wpcf7-submit:hover{



    background:#f7f7f7;



    color: #146aa3;



}







#time-request{



    width: 49%;



    float: right;



    border:none;



}



#date-request {



    width: 49%;



    float: left;



    border:none;



}



div#request-form h1 {



    font-size: 37px;



    color: white;



}



div#request-form span {



    color: white;



}



div#request-form {



    width: 500px;



    background: #146aa3;



    padding: 20px 30px;



    height: 370px;



    box-shadow: 0px 0px 15px #146aa3;



}



div#request-form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {



    border: none;



    margin-bottom: 10px!important;



}







span.r-a-call {



    position: absolute;



    right: -10px;



    font-size: 19px;



    text-decoration: none;



    outline: none;



    border: none;



    width: 180px;



    top: -130px;



    z-index: 9999999;



    color: white!important;



    -webkit-transform: rotate(-316deg);



    -moz-transform: rotate(-316deg);



    -ms-transform: rotate(-316deg);



    -o-transform: rotate(-316deg);



    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);



}



div#call-request {



    -ms-transform: rotate(20deg);



    position: absolute;



    right: 0;



    offset-rotate: 100%;



    border-top: 200px solid #146aa3;



    border-left: 200px solid transparent;



    cursor: pointer;



}







div#icons-box {



    float: left;



    width: 100%;



    border-top: 2px solid #146aa3;



    border-bottom: 2px solid #146aa3;



    margin-top: 5px;



    margin-bottom: 30px;



    padding:10px 0px;



}



p.change-text2 {



    text-align: center;



    color: white;



    margin-top: 14px;



}



div#hello-main{



    background: #f7f7f7;



}



p.change-text {



    margin: 0;



    color: white;



}







div#hello-main h2 {



    margin-top: 0;



    color: grey;



}







div#hello-content h1{



    margin-bottom: 0px;



}







div#hello-left p {



    margin-top: 0px;



}







div#hello-content-inner {



    width: 100%;



    float: left;



}



div#hello-main {



   float: left;



    padding: 3% 20% 6% 20%;



    height: 100%;



    width: 100%;



    overflow: scroll;



}















div#third-box i, div#second-box i, div#first-box i{



    transition: 0.2s;



}







div#third-box:hover i, div#second-box:hover i, div#first-box:hover i{



    color: #c0bebe!important;



    transition: 0.2s;



}







div#first-box, div#second-box, div#third-box {



    width: 33%;



    float: left;



    text-align: center;



}



div#hello-main i.fa.fa-map-marker, div#hello-main i.fa.fa-phone, div#hello-main i.fa.fa-envelope {



    font-size: 80px;



    padding: 20px 0px 0px 0px;



    color: #146aa3;



}











ul#filters a:focus{



	background: #146aa3;



	color: white;



}



.hide-scroll-menu {



    overflow: hidden;



}



#call-mobile {



    -moz-box-shadow: 0px 0px 5px 2px #ccc;



    -webkit-box-shadow: 0px 0px 5px 2px #ccc;



    box-shadow: 0px 0px 5px 2px #ccc;



    background: #146aa3;



    position: fixed;



    bottom: 0px;



    height: 50px;



    width: 100%;



    z-index: 999999;



    text-align: center;



    transition: 0.3s;



}







#call-mobile:hover{



    -moz-box-shadow: 0px 0px 0px 0px transparent;



    -webkit-box-shadow: 0px 0px 0px 0px transparent;



    box-shadow: 0px 0px 0px 0px transparent;



    cursor: pointer;



    background: #146aa3;



    transition: 0.3s;



    color: whitesmoke;



}



#call-mobile span{



    position: relative;



    top: 14px;



    color: white;



}



div#call-mobile {



    color: white;



    padding: 13px;



}



div#call-mobile:hover span{



    position: relative;



    top: 14px;



    color: white;



}



#call-mobile, #git-box{



    display: none;



}



.soci-hello {



    text-decoration: none;



    width: 16.666666%;



    float: left;



    text-align: center;



    padding: 13px 20px;



}



.admin-bar div#social-media-hello {



    position: absolute;



    bottom: 30px;



    width: 100%;



    padding-right: 250px;



}



div#social-media-hello {



    position: absolute;



    bottom: -1px;



    width: 100%;



    padding-right: 250px;



}



div#social span {



    font-size: 20px;



    text-align: center;



    width: 100%;



    float: left;



    position: relative;



    top: 10px;



    color: whitesmoke;



}



div#hello-content {



    display: none;



    background: white;



    position: fixed;



    height: 100%;



    width: 100%;



    padding-left: 250px;



    z-index: 99998;



    overflow: hidden;



}



div#social:hover{



    cursor: pointer;



    color: #f7f7f7;



}



div#social:hover p{



    color: #f7f7f7;



}



.admin-bar div#social {



    transition: 0.3s;



    position: absolute;



    bottom: 30px;



    height: 50px;



    width: 100%;



    background: #146aa3!important;



}







div#social {



    transition: 0.3s;



    position: absolute;



    bottom: -1px;



    height: 50px;



    width: 100%;



    background: #146aa3;



}



.single .vc_column-inner {



    padding: 0px!important;



}



.page-template-page-fullwidth-php .vc_column-inner {



    padding: 0px 70px!important;



}



.page-template-page-fullwidth-php header.entry-header {



    padding-left: 70px!important;



}



.single header.entry-header {



    padding-left: 70px;



    padding-right: 70px;



}



div#rm-post {



    float: left;



    width: 100%;



    border-bottom: 2px solid #c0bdbe;



}



.blog .shareaholic-canvas {



    position: relative;



    top: -12px;



    left: -15px;



}



div#right-rm {



    font-size: 12px;



    margin-top: 6px;



    float: right;



}



div#left-rm {



    float: left;



    width: 123px;



}



div#data-info {



    margin-bottom: 5px;



    float: left;



    width: 100%;



}



div#post-details a {



    text-decoration: none;



}



div#month {



    text-transform: uppercase;



    font-size: 20px;



}



div#day {



    font-size: 30px;



}



div#post-date {

    margin-right: 20px;

    float: left;

    color: white;

    padding-left: 8px;

    width: 60px;

    padding-right: 0px;

    display: block;

    background: #146aa3;

}



div#post-details {



    max-width: 80%;



    float: left;



}



h1.blog-title {



    background: #fbfbfb;



    display: none;



    padding: 45px;



    float: left;



    width: 100%;



    margin-top: -7px;



}



div#post-text {



    text-align: justify;



}



.blog .entry {



    float: left;



}



.blog .wpb_text_column {



    margin: 0;



}



.single .entry-content {



    margin-top: 0px;



        padding: 0px 70px;



}







.vc_column-inner {



    padding: 0px;



}



a.post-readmore {



    padding: 5px 20px;



    float: left;



    border: 2px solid;



    border-radius: 5px;



    text-decoration: none;



    margin-top: 15px;



    margin-bottom: 20px;



    transition: 0.3s;



}



a.post-readmore:hover {



        border: 2px solid #146aa3;



    background: #146aa3;



    transition: 0.3s;



    color: white;



}



.blog h2.title {



    margin-bottom: 3px;



    margin-top: 0px;



    font-size: 30px;



    text-decoration: none;

    line-height: 44px;



}



.post-image img {

    background: #146aa3;

    float: left;

    margin-bottom: 15px;

    padding-bottom: 8px;

}



.blog p.meta {



    margin-bottom: 4px!important;



    margin-top: 0px!important;



}



.post-image img {



    width: 100%;



}



div#layerslider_3 {



    position: relative;



}







div#featred-page-image img {



    width: 100%;



}



.blog div#primary {



    padding-left: 70px;



    padding-right: 70px;



    padding-top: 30px;



}



.blog .vc_column-inner {



    padding-left: 0px!important;



    padding-right: 0px!important;



}



textarea {



    height: 160px!important;



}



a.facebook {



    background: #3b5998;



    color: white!important;



}







a.twitter {



    background: #0084b4;



    color: white!important;



}







a.googlep {



    background: #d34836;



    color: white!important;



}







a.pintrest {



    background: #bb0000;



    color: white!important;



}







a.instagram {



    background: #517fa6;



    color: white!important;



}







a.Linkedin {



    background: #007bb6;



    color: white!important;



}











.soci:hover {



    color: #c3c3c3!important;



}



div#cp-soci .vc_column-inner {



    padding: 0px!important;



}







.soci:hover{



	color: white;



}



.soci {



	text-decoration: none;



    width: 16.666666%;



    float: left;



    text-align: center;



    padding: 12px 20px;



}



h3.subscribe-title {



    float: left;



    display: block;



    margin-bottom: 5px!important;



    color: whitesmoke;



}









button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1.btn.btn-primary.submit-mailchimp.admin-logged-in {



    font-size: 16px;



    color: #146aa3;



    border-radius: 0px;



}













input#yikes-easy-mc-form-1-EMAIL {



    outline: none;



    border: none;



    background: whitesmoke;



    height: 45px;



    border-radius: 0px!important;



}







.page-template-page-contact-php div#footer-widgets {



    display: none;



}



div#cp-icon {



    float: left;



    width: 40px;



    font-size: 24px;



    padding-top: 0px;



    padding-top: 13px;



}



div#cf-info {



    float: left;



    width: 70%;



}







div#cp-icon-info {



    display: block;



    float: left;



    width: 100%;



}



input.wpcf7-form-control.wpcf7-submit {



    display: block;



    background: white;



    border: 2px solid #146aa3;



    box-shadow: none;



    color: #146aa3;



    font-size: 17px;



    padding: 6px 50px;



    transition: 0.3s;



    outline: none;



}







input.wpcf7-form-control.wpcf7-submit:hover {



    background: #146aa3;



    transition: 0.3s;



    box-shadow: none;



    border: 2px solid #146aa3;



    outline: none;



    color: white;



    text-shadow: none;



}



textarea {



    font-family: inherit;



    font-size: 15px!important;



    outline: none;



}



.wpcf7-text {



    margin-bottom: 3px;



    width: 100%;



    font-size: 15px;



    outline: none;



}



.page-template-page-contact h3 {



    margin-bottom: -15px;



}



div#contact-page-left {



    float: left;



    width: 30%;



    padding: 20px 0px 0px 70px;



}







div#contact-page-left i {



    color: #146aa3;



}



div#contact-page-right {



    float: left;



    width: 70%;



    padding: 20px 70px;



}



div#space {



    height: 134px;



}



div#text p {



    width: 100%;



    text-align: center;



    /* vertical-align: middle; */



    bottom: -42px;



    background: #146aa3;



    position: absolute;



    font-size: 29px;



    color: white;



    padding: 20px;



    transition: 0.3s;



}







div#text {



	visibility: hidden;



	opacity: 0;



    position: absolute;



    height: 100%;



    width: 100%;



    top: 0;



    background: rgba(245, 245, 245, 0.2);



    transition: 0.3s;



}







.portfolio-item:hover div#text {



	opacity: 1;



	visibility: visible;



	transition: 0.3s;



}











ul.sub-menu .current-menu-item a:hover {



    background: whitesmoke!important;



}



ul#mobile-menu a:hover {



    background: #fbfbfb;



}







ul#mobile-menu a {



    text-decoration: none!important;



}







ul#mobile-menu {



    padding: 0;



    margin: 0px;



}







ul#mobile-menu a {
    padding: 30px 12px;
    width: 100%;
    float: left;
    text-align: center;
}







.admin-bar div#mobile-navigation{



	top: 46px;



}







.admin-bar div#nav-mobile{



	top:116px;



}











nav.navigation.post-navigation {



    display: none;



}



.vc_row {



    margin-left: 0px!important;



    margin-right: 0px!important;



}



.page-template-page-portfolio-php footer#colophon {



    display: none;



}



div#portfolio-right p {



    margin-top: 5px;



}



div#portfolio-right h3 {



    margin-bottom: 0px;



}



.single-portfolio div#primary {



    padding: 0;



}







div#portfolio-right h1 {



    margin-bottom: 11px;



}







div#footer-widgets {



    float: left;



    width: 100%;



    padding-left: 250px;



    background: #fbfbfb;



}







div#portfolio-body {



    width: 100%;



    float: left;



    padding-bottom: 150px;



}





div#portfolio-featured-image {

    background: #146aa3;

}





div#portfolio-featured-image img {



    width: 100%;



}







div#portfolio-left {

	padding-top: 20px;

    width: 70%;



    float: left;



}





.single-post aside#secondary {

    padding-top: 45px;

}





div#portfolio-right {

	padding-top: 20px;

    width: 30%;

    float: left;

    padding-bottom: 20px;

    padding-right: 70px;

    padding-left: 70px;

    border-left: 7px solid #146aa3;

}







body::-webkit-scrollbar {



    width: 1em;



}



 



body::-webkit-scrollbar-track {



    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);



}



 



body::-webkit-scrollbar-thumb {



  background-color: #146aa3;



  outline: 1px solid #146aa3;



}







div#nav-mobile{



	display: none;



}







.ls-layers, .ls-fullwidth{



	left: 124px!important;



}



body {



    overflow-x: hidden;



}



html#ls-global {



    overflow-x: hidden;



}



.dark button {



    background: none!important;



    box-shadow: none;



    border: 2px solid whitesmoke!important;



    text-shadow: none;



    color: whitesmoke!important;



    font-weight: 100!important;



}







.dark button:hover {



    background: whitesmoke!important;



    border: 2px solid whitesmoke!important;



    color: #146aa3!important;



    box-shadow: none!important;



}







.light button {



    background: none!important;



    box-shadow: none;



    border: 2px solid #146aa3!important;



    text-shadow: none;



    color: #146aa3!important;



    font-weight: 100!important;



}







.light button:hover {



    background: #146aa3!important;



    border: 2px solid #146aa3!important;



    color: whitesmoke!important;



    box-shadow: none!important;



}







ul.sub-menu .current_page_item a {



    background: none;



    color: #146aa3!important;



}



.thread-even {



    background: whitesmoke;



    padding: 24px 15px;



    border-radius: 5px;



}



.thread-odd{



	 padding: 24px 15px;



    border-radius: 5px;



}







.even, .odd{



	padding: 24px 15px;



    border-radius: 5px;



}



div#comments {



    border-top: 2px solid #969696;



    padding-left: 70px;



    padding-right: 70px;



}







::selection {



    background: #146aa3;



    color: whitesmoke;



    /* padding: 5px; */



}







p, span{



	color: #333233;



}







.page-template-page-contact div#primary {



    width: 100%!important;



    padding: 0!important;



}







.widget-area .widget_search .search-field {



  color: #146aa3;



  font-size: 15px;



}



.widget-area .widget_search .search-field::-webkit-input-placeholder {



  color: #146aa3;



  font-size: 15px;



}



.widget-area .widget_search .search-field:-moz-placeholder {



  color: #146aa3;



  font-size: 15px;



  opacity: 1;



}



.widget-area .widget_search .search-field::-moz-placeholder {



  color: #146aa3;



  font-size: 15px;



  opacity: 1;



}



.widget-area .widget_search .search-field:-ms-input-placeholder {



  color: #146aa3;



  font-size: 15px;



}







input.search-submit {



    display: none;



}



aside#secondary ul {



    list-style-type: none;



    margin: 0;



    padding-left: 10px;



}







input#submit, button, a.comment-reply-link {



    background: transparent;



    box-shadow: none;



    text-shadow: none;



    color: #146aa3;



    padding: 10px 50px;



    font-size: 14px;



    border: 2px solid;



    transition: 0.3s;



}







input#submit:hover, button:hover, a.comment-reply-link:hover {



    background: #146aa3;



    color: white;



    transition: 0.3s;



    border: 2px solid #146aa3;



}







label {



    display: block;



}











textarea#comment, input#author, input#email, input#url, input.search-field {



    border: 2px solid #146aa3!important;



    outline: none!important;



}







aside#secondary h2 {



margin-bottom: 5px;



}







h2.widget-title {



    font-size: 18px;



}







aside#secondary a {



    font-size: 15px;



}







header#masthead {



    float: left;



    width: 250px;



    height: 100%;



    position: fixed;



    background: white;



    z-index: 99999;



    box-shadow: 3px 0 10px 0px rgba(132, 132, 132, 0.46);



}







div#content {



    width: 100%;



    padding-left: 250px;



}







div#primary {



    width: 70%;



    float: left;



}







.page-template-page-fullwidth div#primary {



    width: 100%;



}







.page-template-page-home div#primary {



    width: 100%;



    padding-left: 0px;



    padding-right: 0px;



}







.page-template-page-home-php {



    overflow-x: hidden;



}











.page-template-page-fullwidth .vc_column_container>.vc_column-inner{



	padding-left: 45px;



	padding-right: 45px;



}







aside#secondary {



    float: left;



    width: 30%;



    padding-left: 0px;



    padding-right: 70px;



    padding-top: 111px;



}







.main-navigation li {



    float: left;



    position: relative;



    width: 100%;



}







img.logo {



    display: block;



    width: 100%;



    margin: 0px auto;



    padding: 45px;



}







.main-navigation a {



    display: block;



    text-decoration: none;



    padding: 5px 0px 5px 30px;



}







div#primary-menu {



    padding-left: 30px;



    padding-right: 30px;



}







div#video-section {



    margin: 0;



}







div#main-services .vc_column-inner {



    padding-top: 0;



}







div#inline-services-small {



    max-width: 1400px;



    padding: 0px 100px;



    margin: 0 auto;



}







div#inline-services-small img{



    width: 25%;



     -webkit-filter: grayscale(1) brightness(1.8);



    filter: brightness(1.8%) grayscale(100%) opacity(40%);



}







div#inline-services-small img:hover{



    width: 25%;



        filter: grayscale(0%)!important;



    cursor: pointer;



}







.vc_column_container, .vc_row-o-columns-middle{



    z-index: 9999;



}







.home div#primary {



	padding-top: 0px;



}







div#primary {



	padding-top: 20px;



}







.vc_column_container>.vc_column-inner {



    box-sizing: border-box;







    width: 100%;



}







.page-template-page-home .vc_column_container>.vc_column-inner {



    box-sizing: border-box;



    padding-left: 0px!important;



    padding-right: 0px!important;



    width: 100%;



}







div#comments {



    padding-left: 70px;



    padding-right: 70px;



}







span.edit-link a{



    padding-left: 35px;



    padding-right: 35px;



    padding-top: 5px;



    padding-bottom: 5px;



    /* background: #146aa3; */



    /* color: white!important; */



    border: 2px solid #146aa3;



    text-decoration: none!important;



    border-radius: 5px;



    transition: 0.3s;



}







span.edit-link a:hover{



 	background: #146aa3;



 	transition: 0.3s;



 	color: white;



}







header.entry-header{



	padding-left: 50px;



    padding-right: 50px;



}







header.page-header, footer.entry-footer {



    padding-left: 35px;



}







.page-template header.entry-header {



    padding-left: 50px;



}















































































































/*--------------------------------------------------------------



# Suto



--------------------------------------------------------------*/











html {



	font-family: sans-serif;



	-webkit-text-size-adjust: 100%;



	-ms-text-size-adjust:     100%;



}







body {



	margin: 0;



}







article,



aside,



details,



figcaption,



figure,



footer,



header,



main,



menu,



nav,



section,



summary {



	display: block;



}







audio,



canvas,



progress,



video {



	display: inline-block;



	vertical-align: baseline;



}







audio:not([controls]) {



	display: none;



	height: 0;



}







[hidden],



template {



	display: none;



}







a {



	background-color: transparent;



}







a:active,



a:hover {



	outline: 0;



}







abbr[title] {



	border-bottom: 1px dotted;



}







b,



strong {



	font-weight: bold;



}







dfn {



	font-style: italic;



}







h1 {



	font-size: 2em;



	margin: 0.67em 0;



}







mark {



	background: #ff0;



	color: #000;



}







small {



	font-size: 80%;



}







sub,



sup {



	font-size: 75%;



	line-height: 0;



	position: relative;



	vertical-align: baseline;



}







sup {



	top: -0.5em;



}







sub {



	bottom: -0.25em;



}







img {



	border: 0;



}







svg:not(:root) {



	overflow: hidden;



}







figure {



	margin: 1em 40px;



}







hr {



	box-sizing: content-box;



	height: 0;



}







pre {



	overflow: auto;



}







code,



kbd,



pre,



samp {



	font-family: monospace, monospace;



	font-size: 1em;



}







button,



input,



optgroup,



select,



textarea {



	color: inherit;



	font: inherit;



	margin: 0;



}







button {



	overflow: visible;



}







button,



select {



	text-transform: none;



}







button,



html input[type="button"],



input[type="reset"],



input[type="submit"] {



	-webkit-appearance: button;



	cursor: pointer;



}







button[disabled],



html input[disabled] {



	cursor: default;



}







button::-moz-focus-inner,



input::-moz-focus-inner {



	border: 0;



	padding: 0;



}







input {



	line-height: normal;



}







input[type="checkbox"],



input[type="radio"] {



	box-sizing: border-box;



	padding: 0;



}







input[type="number"]::-webkit-inner-spin-button,



input[type="number"]::-webkit-outer-spin-button {



	height: auto;



}







input[type="search"]::-webkit-search-cancel-button,



input[type="search"]::-webkit-search-decoration {



	-webkit-appearance: none;



}







fieldset {



	border: 1px solid #c0c0c0;



	margin: 0 2px;



	padding: 0.35em 0.625em 0.75em;



}







legend {



	border: 0;



	padding: 0;



}







textarea {



	overflow: auto;



}







optgroup {



	font-weight: bold;



}







table {



	border-collapse: collapse;



	border-spacing: 0;



}







td,



th {



	padding: 0;



}







/*--------------------------------------------------------------



# Typography



--------------------------------------------------------------*/



body,



button,



input,



select,



textarea {



	color: #404040;



	font-family: sans-serif;



	font-size: 16px;



	font-size: 1rem;



	line-height: 1.5;



}







h1,



h2,



h3,



h4,



h5,



h6 {



	clear: both;



	color: #146aa3;



	font-weight: 100;



}







p {



	margin-bottom: 1.5em;



}







dfn,



cite,



em,



i {



	font-style: italic;



}







blockquote {



	margin: 0 1.5em;



}







address {



	margin: 0 0 1.5em;



}







pre {



	background: #eee;



	font-family: "Courier 10 Pitch", Courier, monospace;



	font-size: 15px;



	font-size: 0.9375rem;



	line-height: 1.6;



	margin-bottom: 1.6em;



	max-width: 100%;



	overflow: auto;



	padding: 1.6em;



}







code,



kbd,



tt,



var {



	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;



	font-size: 15px;



	font-size: 0.9375rem;



}







abbr,



acronym {



	border-bottom: 1px dotted #666;



	cursor: help;



}







mark,



ins {



	background: #fff9c0;



	text-decoration: none;



}







big {



	font-size: 125%;



}







/*--------------------------------------------------------------



# Elements



--------------------------------------------------------------*/



html {



	box-sizing: border-box;



}







*,



*:before,



*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */



	box-sizing: inherit;



}







body {



	background: #fff; /* Fallback for when there is no custom background color defined. */



}







blockquote:before,



blockquote:after,



q:before,



q:after {



	content: "";



}







blockquote,



q {



	quotes: "" "";



}







hr {



	background-color: #ccc;



	border: 0;



	height: 1px;



	margin-bottom: 1.5em;



}







ul,



ol {



	margin: 0 0 1.5em 3em;



}







ul {



	list-style: disc;



}







ol {



	list-style: decimal;



}







li > ul,



li > ol {



	margin-bottom: 0;



	margin-left: 1.5em;



}







dt {



	font-weight: bold;



}







dd {



	margin: 0 1.5em 1.5em;



}







img {



	height: auto; /* Make sure images are scaled correctly. */



	max-width: 100%; /* Adhere to container width. */



}







figure {



	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */



}







table {



	margin: 0 0 1.5em;



	width: 100%;



}







/*--------------------------------------------------------------



# Forms



--------------------------------------------------------------*/



button,



input[type="button"],



input[type="reset"],



input[type="submit"] {



	border: 1px solid;



	border-color: #ccc #ccc #bbb;



	border-radius: 5px;



	background: #e6e6e6;



	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);



	color: rgba(0, 0, 0, .8);



	font-size: 12px;



	font-size: 0.75rem;



	line-height: 1;



	padding: .6em 1em .4em;



	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);



}







button:hover,



input[type="button"]:hover,



input[type="reset"]:hover,



input[type="submit"]:hover {



	border-color: #ccc #bbb #aaa;



	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);



}







button:focus,



input[type="button"]:focus,



input[type="reset"]:focus,



input[type="submit"]:focus,



button:active,



input[type="button"]:active,



input[type="reset"]:active,



input[type="submit"]:active {



	border-color: #aaa #bbb #bbb;



	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);



}







input[type="text"],



input[type="email"],



input[type="url"],



input[type="password"],



input[type="search"],



input[type="number"],



input[type="tel"],



input[type="range"],



input[type="date"],



input[type="month"],



input[type="week"],



input[type="time"],



input[type="datetime"],



input[type="datetime-local"],



input[type="color"],



textarea {



	color: #666;



	border: 1px solid #ccc;



	border-radius: 5px;



	padding: 7px 0px 5px 7px;



}







select {



	border: 1px solid #ccc;



}







input[type="text"]:focus,



input[type="email"]:focus,



input[type="url"]:focus,



input[type="password"]:focus,



input[type="search"]:focus,



input[type="number"]:focus,



input[type="tel"]:focus,



input[type="range"]:focus,



input[type="date"]:focus,



input[type="month"]:focus,



input[type="week"]:focus,



input[type="time"]:focus,



input[type="datetime"]:focus,



input[type="datetime-local"]:focus,



input[type="color"]:focus,



textarea:focus {



	color: #111;



}







textarea {



	width: 100%;



}







/*--------------------------------------------------------------



# Navigation



--------------------------------------------------------------*/



/*--------------------------------------------------------------



## Links



--------------------------------------------------------------*/



a {



	color: #146aa3;



	transition: 0.3s;



}











a:hover,



a:focus,



a:active {



	color: #146aa3;



	transition: 0.3s;



}







a:focus {



	outline: none;



	transition: 0.3s;



}







a:hover,



a:active {



	outline: none;



	transition: 0.3s;



}







/*--------------------------------------------------------------



## Menus



--------------------------------------------------------------*/



nav#website-navigation ul {



    list-style-type: none;



    padding-left: 0px;



    margin-left: 0px;



}







nav#website-navigation ul a {



    width: 100%;



    display: block;



    padding: 8px 5px 8px 45px;



    color: #333333;



    font-size: 14px;



}







nav#website-navigation ul a:hover{



	color: #146aa3;



}







ul.sub-menu {



    position: absolute;



    opacity: 0;



    visibility: hidden;



    transition: 0.3s;



    left: 250px;



    background: whitesmoke;



    width: 100%;



    z-index: 999999;



}







li.menu-item-has-children:hover > ul.sub-menu {



    visibility: visible;



    opacity: 1;



    transition: 0.3s;



}







nav#website-navigation a {



    text-decoration: none;



}







ul#primary-menu ul li a {



    padding: 8px 5px 8px 15px;



}







ul#primary-menu ul li a:hover {



    padding: 8px 5px 8px 15px;



    color: #146aa3;



    background: whitesmoke;



}







ul#primary-menu ul li ul li a {



    padding: 8px 5px 8px 15px;







}







ul#primary-menu ul li ul li a:hover {



    padding: 8px 5px 8px 15px;



    color: #146aa3;



}







ul.sub-menu {



    margin-top: -37px;



    z-index: 99999;



    background: #fbfbfb;



}











div#inline-services img {



    width: 33.33%;



}















.menu-item-has-children::before {



    content: " ▸";



    position: absolute;



    margin-top: 3px;



    right: 0;



    margin-right: 30px;



}















/*--------------------------------------------------------------



# Accessibility



--------------------------------------------------------------*/



/* Text meant only for screen readers. */



.screen-reader-text {



	clip: rect(1px, 1px, 1px, 1px);



	position: absolute !important;



	height: 1px;



	width: 1px;



	overflow: hidden;



}







.screen-reader-text:focus {



	background-color: #f1f1f1;



	border-radius: 5px;



	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);



	clip: auto !important;



	color: #21759b;



	display: block;



	font-size: 14px;



	font-size: 0.875rem;



	font-weight: bold;



	height: auto;



	left: 5px;



	line-height: normal;



	padding: 15px 23px 14px;



	text-decoration: none;



	top: 5px;



	width: auto;



	z-index: 100000; /* Above WP toolbar. */



}







/* Do not show the outline on the skip link target. */



#content[tabindex="-1"]:focus {



	outline: 0;



}







/*--------------------------------------------------------------



# Alignments



--------------------------------------------------------------*/



.alignleft {



	display: inline;



	float: left;



	margin-right: 1.5em;



}







.alignright {



	display: inline;



	float: right;



	margin-left: 1.5em;



}







.aligncenter {



	clear: both;



	display: block;



	margin-left: auto;



	margin-right: auto;



}







/*--------------------------------------------------------------



# Clearings



--------------------------------------------------------------*/



.clear:before,



.clear:after,



.entry-content:before,



.entry-content:after,



.comment-content:before,



.comment-content:after,



.site-header:before,



.site-header:after,



.site-content:before,



.site-content:after,



.site-footer:before,



.site-footer:after {



	content: "";



	display: table;



	table-layout: fixed;



}F







.clear:after,



.entry-content:after,



.comment-content:after,



.site-header:after,



.site-content:after,



.site-footer:after {



	clear: both;



}







/*--------------------------------------------------------------



# Widgets



--------------------------------------------------------------*/



.widget {



	margin: 0 0 1.5em;



}







/* Make sure select elements fit in widgets. */



.widget select {



	max-width: 100%;



}







/*--------------------------------------------------------------



# Content



--------------------------------------------------------------*/



/*--------------------------------------------------------------



## Posts and pages



--------------------------------------------------------------*/



.sticky {



	display: block;



}







.hentry {



	margin: 0em;



}







.byline,



.updated:not(.published) {



	display: none;



}







.single .byline,



.group-blog .byline {



	display: inline;



}







.page-content,



.entry-content,



.entry-summary {



	margin: 1.5em 0 0;



}







.page-links {



	clear: both;



	margin: 0 0 1.5em;



}







/*--------------------------------------------------------------



## Comments



--------------------------------------------------------------*/



.comment-content a {



	word-wrap: break-word;



}







.bypostauthor {



	display: block;



}







/*--------------------------------------------------------------



# Infinite scroll



--------------------------------------------------------------*/



/* Globally hidden elements when Infinite Scroll is supported and in use. */



.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */



.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */



	display: none;



}







/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */



.infinity-end.neverending .site-footer {



	display: block;



}







/*--------------------------------------------------------------



# Media



--------------------------------------------------------------*/



.page-content .wp-smiley,



.entry-content .wp-smiley,



.comment-content .wp-smiley {



	border: none;



	margin-bottom: 0;



	margin-top: 0;



	padding: 0;



}







/* Make sure embeds and iframes fit their containers. */



embed,



iframe,



object {



	max-width: 100%;



}







/*--------------------------------------------------------------



## Captions



--------------------------------------------------------------*/



.wp-caption {



	margin-bottom: 1.5em;



	max-width: 100%;



}







.wp-caption img[class*="wp-image-"] {



	display: block;



	margin-left: auto;



	margin-right: auto;



}







.wp-caption .wp-caption-text {



	margin: 0.8075em 0;



}







.wp-caption-text {



	text-align: center;



}







/*--------------------------------------------------------------



## Galleries



--------------------------------------------------------------*/



.gallery {



	margin-bottom: 1.5em;



}







.gallery-item {



	display: inline-block;



	text-align: center;



	vertical-align: top;



	width: 100%;



}







.gallery-columns-2 .gallery-item {



	max-width: 50%;



}







.gallery-columns-3 .gallery-item {



	max-width: 33.33%;



}







.gallery-columns-4 .gallery-item {



	max-width: 25%;



}







.gallery-columns-5 .gallery-item {



	max-width: 20%;



}







.gallery-columns-6 .gallery-item {



	max-width: 16.66%;



}







.gallery-columns-7 .gallery-item {



	max-width: 14.28%;



}







.gallery-columns-8 .gallery-item {



	max-width: 12.5%;



}







.gallery-columns-9 .gallery-item {



	max-width: 11.11%;



}







.gallery-caption {



	display: block;



}







/**** Portfolio ****/



/**** Portfolio ****/



/**** Portfolio ****/



/**** Isotope Filtering ****/







ul#filters a, div#portfolio-back a {
    padding: 7px 0px;
    border-bottom: 1px solid #1e6ca1;
    border-radius: 0px;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}











ul#filters a:hover, div#portfolio-back a:hover {



    border-bottom: 3px solid #1e6ca1;



}







.isotope-item {



  z-index: 2;



}







.isotope-hidden.isotope-item {



  pointer-events: none;



  z-index: 1;



}







/**** Isotope CSS3 transitions ****/







.isotope,



.isotope .isotope-item {



  -webkit-transition-duration: 0.8s;



     -moz-transition-duration: 0.8s;



      -ms-transition-duration: 0.8s;



       -o-transition-duration: 0.8s;



          transition-duration: 0.8s;



}







.isotope {



  -webkit-transition-property: height;



     -moz-transition-property: height;



      -ms-transition-property: height;



       -o-transition-property: height;



          transition-property: height;



}







.isotope .isotope-item {



  -webkit-transition-property: -webkit-transform, opacity;



     -moz-transition-property:    -moz-transform, opacity;



      -ms-transition-property:     -ms-transform, opacity;



       -o-transition-property:      -o-transform, opacity;



          transition-property:         transform, opacity;



}







/**** disabling Isotope CSS3 transitions ****/







.isotope.no-transition,



.isotope.no-transition .isotope-item,



.isotope .isotope-item.no-transition {



  -webkit-transition-duration: 0s;



     -moz-transition-duration: 0s;



      -ms-transition-duration: 0s;



       -o-transition-duration: 0s;



          transition-duration: 0s;



}







ul#filters li {



    display: inline-block;



    padding-right: 5px;



    margin-top: 5px;



    margin-bottom: 5px;



}



.page-template-page-portfolio div#primary {



    width: 100%;



    padding: 0;



}







.all.portfolio-item.isotope-item {



    width: 33.33%;



}







img.portfolio-img.wp-post-image {



    width: 100%;



    height: auto;



}











img.portfolio-img.wp-post-image:hover {



    width: 100%;



    height: auto;



    background: #fdfdfd;



}







ul#filters {



    padding: 50px;



    margin: 0;



    background: #fbfbfb;



    position: fixed;



    width: 100%;



    z-index: 99;



}







.single-portfolio div#primary {



    width: 100%;



    /* padding-left: 50px; */



}







.single-portfolio .entry-content {



    padding: 0px 70px 0px 70px;



}







nav.navigation.post-navigation {



    padding: 0 35px;



}







div#portfolio-back {



    padding: 50px 70px;



    background: #fbfbfb;



    position: fixed;



    width: 100%;



    z-index: 99997;



}







div#portfolio {



    /* margin-top: 70px; */



    position: relative;



    top: 124px;



}







.single-portfolio div#primary {



    position: relative;



    top: 124px;



}







.single-portfolio h1.entry-title {



    margin-bottom: 0px;



    /* padding-bottom: 0px; */



}







.single-portfolio .entry-content {



    margin-top: -3px;



}











/**** Portfolio ****/



/**** Portfolio ****/



/**** Portfolio ****/











.page-template-page-contact div#primary {



    width: 100%!important;



    padding: 0!important;



}







div#mobile-navigation {



    height: 70px;



    background: #a2a2a2;



    display: none;



}







input.search-field {



    width: 100%;



}



p.home-p {



    text-align: justify;



}



span#lineup {



    color: #146aa3;



}



#simplify-section img {



    width: 180px;



}



img.logo-footer {



    width: 130px;



}







.column-left-se, .column-right-se {



    float: left;



    width: 50%;



}







.column-left-se{



    float: left;



    padding-right: 1.8%;



    border-right: 1px solid;



}







.column-right-se{



    float: left;



    padding-left: 1.8%;



}







a.home-h2 {



    float: left;



    padding-bottom: 35px;



}











div#seperator-section-three h1, div#seperator-section-three p {



    font-size: 35px!important;



    color: white;



    margin-top: 0px;



    margin-bottom: 0px;



}



div#seperator-section-three h1{







}







div#seperator-section h1 {



    font-size: 35px!important;



    margin-bottom: 5px;



    padding-bottom: 10px;



    color: white;



}







div#seperator-section p {



    color: white;



    font-size: 47px;



    margin-top: 10px;



}







div#seperator-section-two h1, div#seperator-section-two span {



    color: white!important;



    font-size: 35px;



}







div#seperator-section-two p {



    color: white;



    font-size: 30px;



}







div#section-footer-block img {



    width: 185px;



    padding-bottom: 30px;



    padding-top: 20px;



}



div#section-footer-block h1 {



    color: white;



    font-size: 35px;



    border-bottom: 1px solid white;



        padding-bottom: 10px;



}







div#section-footer-block p {



    color: white;



    font-size: 20px;



}











span#lineup {



    width: 100%;



    float: left;



}







h1.home-h1 {



    margin-bottom: 0;



}











.hide-logo{



	display: none;



}







div#section-footer-block .wpb_text_column {



    width: 1080px;



    margin: 0 auto;



}







span.line-fot {



    color: white;



}



a.chi-link {



    display: block;



    margin-top: 15px;



    text-decoration: none;



    color: #c1bfbf;



    transition: 0.2s;



}







a.chi-link:hover {



    color: #146aa3;



    transition: 0.2s;



}



























































































































/*1667px width responsive 1st section*/



/*1667px width responsive 1st section*/



/*1667px width responsive 1st section*/



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



div#section-footer-block img {



    width: 185px;



    padding-bottom: 40px;



    padding-top: 10px;



}



div#section-footer-block h1 {



    font-size: 35px;



}







div#section-footer-block p {



    font-size: 20px;



}



}




@media screen and (max-width: 1600px) {
.page-template-page-portfolio p.person-name, .tax-portfolio-categories p.person-name {
    font-size: 17px;
}
div#people-item-content {
    text-align: center;
    height: 42px;
    position: absolute;
    top: 50%;
    margin-top: -0px;
    left: 50%;
    width: 260px;
    margin-left: -130px;
}
.people-item:hover div#people-item-content {
    margin-top: -20px;
    transition: .5s;
}
}










@media screen and (max-width: 1450px) {
.page-template-page-portfolio a.permalink-people, .tax-portfolio-categories  a.permalink-people{
    padding: 20px;
    float: left;
    width: 50%;
    display: inline-block;
}
.admin-bar div#social {
    transition: 0.3s;
    position: absolute;
    bottom: 30px;
    height: 30px;
    width: 100%;
    background: #146aa3!important;
}

.soci-hello {

    padding: 3px 20px;

}

div#social {

    height: 30px;

}

p.change-text2 {

    margin-top: 3px;

}

div#icu2-footer-right img {

    width: 180px;

    text-align: center;

    margin: 0 auto;

    padding: 50px 20px;

    position: relative;

    left: 50%;

    margin-left: -125px;

}



p.vision {

    font-size: 25px;

    color: white;

    text-align: center;

    margin: 65px 0px 10px;

}

div#icu2-line {

    border-bottom: 2px solid white;

    width: 550px;

    margin: 0 auto;

}



p.add-icu2 {

    text-align: center;

    font-size: 16px;

    color: white;

    margin: 20px 0px 0px;

}

div#other-con span {

    color: white;

    font-size: 16px;

}









div#port-archive-box {

    float: left;

    width: 50%;

    padding: 0px 20px;

    margin-bottom: 50px;

}



nav#website-navigation ul a {

    padding: 4px 5px 4px 45px!important;

}

#people h1, h1.people-name {
    margin: 0;
    padding: 77px 70px 235px;
    font-size: 40px;
    background: #146aa3;
    color: #ffffff;
    background-image: url(https://icu2.com.au/wp-content/uploads/2018/01/our-work-web-design-and-development.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#authors-box-left {

    width: 30%;

}



div#authors-box-right {

    width: 70%;

}



div#authors-box {

    float: left;

    width: 101%;

    border: 7px solid #146aa3;

    border-bottom: 0px solid #146aa3;

    border-left: none;

}





img.logo {
    display: block;
    width: 80%;
    margin: 0px auto;
    padding: 45px;
}



p.home-p {



    line-height: 1.7;



    font-size: 16px;



}



div#section-footer-block .wpb_text_column {



    width: 870px!important;



    margin: 0 auto;



}



div#section-footer-block img {



    width: 140px!important;



    padding-bottom: 20px;



    padding-top: 0px;



}



div#section-footer-block h1, div#seperator-section h1 {



    font-size: 25px!important;



}







div#section-footer-block p {



    font-size: 16px;



}







div#seperator-section-two h1, div#seperator-section-two span {



    font-size: 25px;



}



div#seperator-section-two p {



    font-size: 20px;



}











div#seperator-section p {



    color: white;



    font-size: 27px;



    margin-top: 10px;



}











}




@media screen and (max-width: 1350px) {
.page-template-page-portfolio a.permalink-people, .tax-portfolio-categories a.permalink-people {
    padding: 20px;
    float: left;
    width: 50%;
    display: inline-block;
}
}










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



div#seperator-section-two h1, div#seperator-section-two span {



    font-size: 20px;



}



div#seperator-section-two p {



    font-size: 18px;



}



}











@media screen and (max-width: 650px) {
div#main-form input, div#main-form textarea {
    font-family: Open Sans!important;
}

div#people-image {

    width: 50%;

    float: left;

    padding-right: 25px;

}



div#seperator-section-three .wpb_text_column {



    width: 100%!important;



    padding-left: 20px!important;



    padding-right: 20px!important;



}



div#seperator-section .wpb_text_column, div#seperator-section-two .wpb_text_column {



    width: 100%;



    padding-left: 20px!important;



    padding-right: 20px!important;



}



div#seperator-section-three h1, div#seperator-section-two h1, div#seperator-section-two span, div#seperator-section h1, div#seperator-section p {



    font-size: 25px!important;



}



.column-left-se, .column-right-se {



    width: 100%;



    padding: 0;



    border-right: 0;



}



.column-left-se{



	border-bottom: 1px solid;



	padding-bottom: 30px;



}



}







































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







div#seperator-section-three h1, div#seperator-section-three p {



    font-size: 25px!important;



    color: white;



}



div#seperator-section-three h1{







}







div#section-footer-block img {



    width: 168px;



    padding-bottom: 30px;



    padding-top: 0px;



}



div#section-footer-block h1 {



    font-size: 30px;



}







div#section-footer-block p {



    font-size: 16px;



}



.wid {



    width: 25%;



    float: left;



    padding: 35px 30px!important;



}



h1.home-h1 {



    font-size: 30px!important;



}







a.home-h2 {



    font-size: 25px;



}



div#simplify-section h1 {



    font-size: 35px!important;



}



div#simplify-section p {



    font-size: 20px;



}



}















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



.people-item {

    float: left;

    width: 50%;

    display: inline-grid;

    position: relative;

}



h1.home-h1 {



    font-size: 25px!important;



}



a.home-h2 {



    font-size: 20px;



}



div#simplify-section h1 {



    font-size: 25px!important;



}



div#simplify-section p {



    font-size: 16px;



}



#simplify-section img {



    width: 140px;



}



}











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



span#lineup {



    width: 100%;



    float: inherit!important;



}



.vc_custom_1499915174749 {



    background-image: url(https://icu2.com.au/wp-content/uploads/2012/12/Business-Development-Melbourne.jpg?id=12371) !important;



    /* background-position: bottom !important; */



    background-repeat: no-repeat !important;



    background-size: contain !important;



    padding-top: 20px!important;



}



.sec1-content .wpb_text_column {



    padding-top: 50px!important;



}







div#simplify-section p {



    font-size: 16px;



}



#simplify-section img {



    width: 120px;



}



}











@media screen and (max-width: 1000px) {
span.call-mobile-m {
    padding: 25px 10px 21px 10px;
    /* top: 5px; */
    position: relative;
    float: right;
}
.tax-portfolio-categories div#people-box {
    float: left;
    width: 100%;
    padding: 0px;
}

.page-template-page-portfolio div#people-box {
    float: left;
    width: 100%;
    padding: 25px 0px;
}

.page-template-page-portfolio a.permalink-people, .tax-portfolio-categories a.permalink-people {
    padding: 10px;
    float: left;
    width: 50%;
    display: inline-block;
}

.blog div#post-details {

    padding-left: 10px;

}



h1.entry-title {

    margin-bottom: 0;

    font-size: 25px;

    line-height: 1.3;

}

div#filter-portfolio a {
    float: left;
    list-style-type: none;
    /* padding: 1px 20px; */
    margin: 15px 0px 15px 10px;
    /* border: 1px solid #146aa3; */
    /* border-radius: 5px; */
    text-decoration: none;
    /* background: white; */
    font-size: 12px;
}

div#filter-portfolio {

    float: left;

    background: whitesmoke;

    width: 100%;

    padding-left: 0px;

}

.tax-portfolio-categories div#filter-portfolio {

    float: left;

    background: whitesmoke;

    width: 100%;

    padding-left: 0px;

    margin-bottom: 50px;

}

div#port-pad-box div#post-date {

    display: block;

}

div#port-pad-box {

    float: left;

    width: 100%;

    padding: 0px;

}



div#port-archive-box {

    float: left;

    width: 50%;

    padding: 0px 10px;

    margin-bottom: 50px;

}

div#portfolio-body {



    padding-right: 10px;



    padding-left: 10px;





}

.single-people .entry-content p {

    padding: 0!important;

    margin: 0!important;

    text-align: justify;

}

.single-people .entry-content {

    margin: 0px!important;

    padding: 0px 10px!important;

}

#people h1, h1.people-name, header.page-header h1 {
    margin-top: 70px;
    margin: 0;
    padding: 165px 70px 150px;
    font-size: 40px;
    background: #146aa3;
    color: #ffffff;
    background-image: url(https://icu2.com.au/wp-content/uploads/2018/01/our-work-web-design-and-development.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

div#people-box {

    float: left;

}

div#error-page-box {

    width: 500px;

    /* margin: 0 auto; */

    position: absolute;

    top: 50%;

    height: 200px;

    margin-top: -100px;

    left: 50%;

    margin-left: -250px;

}

header.page-header {

    margin-top: 92px;

}

header.page-header, footer.entry-footer {

    padding-left: 10px;

}

img.featured-image-blog {

    position: relative;

    float: left;

    padding-bottom: 7px;

    position: relative;

    background: #146aa3;

    margin-top: 70px;

}

.current-menu-item a {

    background: #146aa3!important;

    color: white!important;

}



.error404 .page-content {



    padding-left: 10px;



    padding-right: 10px;



}



span#lineup {



    width: 100%;



    float: inherit;



}



img.hide-logo {



    display: block;



    text-align: center;



    margin: 0 auto;



}



div#services-icons img {



    width: 50%;



}



.sec1-image.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {



    display: none;



}



.sec1-content.wpb_column.vc_column_container.vc_col-sm-8 {



    width: 100%;



}



.sec1-content .wpb_text_column {



    padding-left: 10px!important;



    padding-right: 10px!important;



}







}















































/*END 1667px width responsive 1st section*/



/*END 1667px width responsive 1st section*/



/*END 1667px width responsive 1st section*/























































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

div#portfolio-right {

    width: 80%;

    float: left;

    padding-right: 70px;

    padding-left: 70px;

    margin-left: 70px;

    padding-top: 20px;

    border-left: 6px solid #146aa3;

}

div#portfolio-left {

    width: 100%;

    float: left;

    padding-top: 20px;

}

div#other-con {

    margin-bottom: 65px;

}

div#icu2-footer-right {

    display: none;

}

div#icu2-footer-left{

    width: 100%;

}

div#authors-box {

    float: left;

    width: 100%;

    border: 7px solid #146aa3;

    border-bottom: 7px solid #146aa3;

    border-left: none;

}

p.person-name {

    font-size: 20px;

}



p.person-role{

    font-size: 15px;

}

div#authors-box {

    border-right: none;

}



.search section#primary {

    width: 100%;

    float: left;

    padding: 20px 70px;

}



aside#secondary{

    margin-left: 70px;

    float: left;

    width: 100%;

    padding-left: 50px;

    padding-right: 138px!important;

    padding-top: 50px;

}



div#text p {



    width: 100%;



    text-align: center;



    /* vertical-align: middle; */



    bottom: -28px;



    background: #146aa3;



    position: absolute;



    font-size: 20px;



    color: white;



    padding: 10px;



    transition: 0.3s;



}



	div#primary {



    width: 100%;



    float: left;



}







aside#secondary {



    float: left;



    width: 100%;



    padding-left: 50px;



    padding-right: 50px;



    padding-top: 50px;



}



}







.wid {



    width: 25%;



    float: left;



    padding: 50px 70px;



}







h1.entry-title {



    margin-bottom: 0;



}



























@media screen and (min-width: 1000px) {





.page-template-page-contact main#main {



    padding-top: 20px;



}



.page-template-default header.entry-header {



    padding-left: 70px;



}







.page-template-page-contact .vc_column-inner {



    padding-left: 70px!important;



    padding-right: 70px!important;



}







.page-template-default .entry-content{



    margin-top: 0px!important;



    padding: 0px 70px;



}



div#nav-mobile{



	display: none!important;



}



}







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



    .wid {



    width: 100%;



    float: left;



    padding: 20px 45px 0px;



}







div#section-footer-block .vc_col-sm-10 {



    float: left;



    width: 100%;



}



div#section-footer-block .vc_col-sm-2{



	display: none;



}



}











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



div#request-box {



    display: none;



    position: absolute;



    margin-top: 300px;



    z-index: 999999;



    left: 50%;



    top: 50%;



    margin-left: -125px;



    margin-top: -225px;



}



div#hello-main {



    padding: 3% 15% 3% 15%;



}



.soci-hello {



    padding: 17px 20px;



}



div#social-media-hello {



    font-size: 10px;



}



.soci {



    font-size: 12px;



}







.page-template-default div#featred-page-image {



    margin-top: 0px;



}



header.entry-header, span.edit-link {



    padding-left: 35px;



    padding-right: 35px;



}



div#inline-services-small{



    padding-left: 30px!important;



    padding-right: 30px!important;



}



div#portfolio-left {



    width: 100%;



    float: left;



}



div#portfolio-right {



    width: 100%;



    padding-left: 35px;



    float: left;



}



}





.logo-icu2-footer{

    display: none;

}





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

.blog h2.title {

    margin-bottom: 3px;

    margin-top: 0px;

    font-size: 25px;

    text-decoration: none;

    line-height: 1.3;

}

div#icu2-footer-left {

    padding: 0px 10px;

}

div#other-con span {

    width: 100%;

    float: left;

}



div#other-con {

    margin-bottom: 120px;

}



img.logo-icu2-footer {

    width: 140px;

    text-align: center;

    position: relative;

    left: 50%;

    margin-left: -70px;

    margin-top: 80px;

}

.logo-icu2-footer{

    display: block;

}

div#icu2-footer {

    padding-left: 0px;

    background: #515251!important;

}

aside#secondary {

    margin-left: 12px;

    padding-right: 112px!important;

}



div#featred-page-image {



    margin-top: 70px;



}







footer#colophon {



    padding-bottom: 50px;



}



span.close-call:hover {



    cursor: pointer;



}



div#git-box .close-call {



    color: #006cbf;



    font-size: 19px;



    /* float: right; */



    right: 0;



    position: fixed;



    padding: 5px 10px;



}



div#git-box {



    width: 100%;



    height: 100%;



    position: fixed;



    background: #f7f7f7;



    z-index: 99999;



}



div#call-mobile{



    display: block;



}



div#hello-content{



    display: none!important;



}



.page-template-page-fullwidth-php header.entry-header {



    padding-left: 12px!important;



}



.page-template-page-fullwidth-php .vc_column-inner{



    padding: 0px 12px!important;



}



h3.subscribe-title {



    padding-left: 0px;



}



div#comments {



    padding-left: 20px;



    padding-right: 20px;



}



.single .entry-content {



    margin-top: 0px;



    padding: 0px 20px;



}



.single header.entry-header {



    padding-left: 20px;



    padding-right: 20px;



}



.single-portfolio header.entry-header{



    padding-left: 0px;



}



div#post-date {



    display: none;



}



div#post-details {



    width: 100%;



    max-width: 100%;



    float: left;



}



.page-template-page-contact .vc_column-inner {



    padding-left: 12px!important;



    padding-right: 12px!important;



}



h1.blog-title {



    padding: 20px;



}



.blog div#primary {



    padding-left: 12px;



    padding-right: 12px;



}



div#layerslider_3 {



    left: 0;



}



div#contact-page-left, div#contact-page-right{



		padding: 20px 20px;



	}



div#mobile-services img {



    width: 33.33333%;



}



div#mobile-services {



    float:left;



}



.container-menu {
    float: right;
    padding: 24px 20px 24px 10px;
}



.container-menu {



    display: inline-block;



    cursor: pointer;



}







.bar1, .bar2, .bar3 {



    width: 18px;



    height: 2px;



    background-color: #006cbf;



    margin: 4px 0;



    transition: 0.4s;



}







/* Rotate first bar */



.change .bar1 {



    -webkit-transform: rotate(-45deg) translate(-4px, 2px) ;



    transform: rotate(-45deg) translate(-4px, 2px) ;



}







/* Fade out the second bar */



.change .bar2 {



    opacity: 0;



}







/* Rotate last bar */



.change .bar3 {



    -webkit-transform: rotate(45deg) translate(-6px, -5px) ;



    transform: rotate(45deg) translate(-6px, -5px) ;



}







div#mobile-logo img {



    width: 50px;



    margin-left: 10px;



    margin-top: 10px;



    display: block;



    float: left;



    position: static;



}



div#mobile-logo {



    height: 70px;



    float: left;



    width: 50%;



}



.page-template-default header.entry-header {



    padding-left: 20px;



}







.page-template-default .entry-content{



    margin: 0px 20px!important;



}



div#primary {



    padding-top: 0px;



}







h1.entry-title {



    margin-bottom: 0;



}



.page-template header.entry-header {



    padding-left: 20px;



}



div#portfolio {



    margin-top: 0px!important;



    position: relative;



    top: 24px;



}



div#portfolio-right {

    width: 100%;

    padding-left: 70px;

    float: left;

    margin-left: 10px;

}



div#portfolio-featured-image {



    margin-top: 49px;



}



.single-portfolio .entry-content {



    padding: 0px 2px 0px 2px;



}



.single-portfolio div#primary {



    position: relative;



    top: 85px;



}



div#portfolio-back {



    padding: 18px 21px 20px 12px;



    background: #fbfbfb;



    position: fixed;



    margin-top: 70px;



    border-top: 2px solid #006cbf;



    width: 100%;



    z-index: 99997;



}



div#inline-services-small{



    padding-left: 60px!important;



    padding-right: 60px!important;



}



.wid {



    width: 50%;



    float: left;



    padding: 20px 12px 0px;



}



div#footer-widgets {



    padding-left: 0px;



}



header.entry-header, span.edit-link {



    padding-left: 10px;



    padding-right: 35px;



}







.hide-scroll-menu{



	overflow: hidden;



}



div#nav-mobile {



    overflow-y: scroll;



}



::-webkit-scrollbar {



    width: 0px;  /* remove scrollbar space */



    background: transparent;  /* optional: just make scrollbar invisible */



}



nav#website-mobile-navigation ul.sub-menu {



    position: relative;



    opacity: 1;



    left: 0;



    visibility: visible;



    margin: 0;



    padding: 0;



        background: whitesmoke;



}







.menu-item-has-children::before{



	display: none;



}







nav#website-mobile-navigation ul{



	list-style-type: none;



}







.ls-layers, .ls-fullwidth{



	left: 0px!important;



}



div#nav-mobile {



    position: fixed;



    height: 100%;



    width: 100%;



    top: 70px;



    background: white;



    z-index: 99998;



    overflow-x: hidden;



    padding-bottom: 100px;



}



div#video-section{



	display: none;



}











ul#filters {



    top: 24px;



    border-top: 2px solid #006cbf;



    margin-top: 46px;



    position: relative;



    padding: 12px;



}







div#portfolio{



	margin-top: 70px;



}



aside#secondary {



    padding-left: 20px;



    padding-right: 20px;



}



    header#masthead {



    display: none;



}







div#content {



    width: 100%;



    padding-left: 0;



}







div#mobile-navigation {



    display: block;



    height: 70px;



    width: 100%;



    z-index: 99999;



    position: fixed;



    background: white;



    top: 0;



    -moz-box-shadow: 0px 0px 5px 1px #ccc;



    -webkit-box-shadow: 0px 0px 5px 1px #ccc;



    box-shadow: 0px 0px 5px 1px #ccc;



}











ul#primary-menu ul li a {



    padding: 8px 5px 8px 40px;



}







ul#primary-menu ul li ul li a {



    padding: 8px 5px 8px 60px;



}







ul#primary-menu ul li a:hover {



    padding: 8px 5px 8px 40px;



}







ul#primary-menu ul li ul li a:hover {



    padding: 8px 5px 8px 60px;



}







}







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



div#simplify-section .vc_col-sm-4 {



    border-right: none!important;



   border-bottom: 4px solid #b1b4b7;



    padding-bottom: 35px;



    margin-bottom: 20px;



    width: 260px;



    margin: 0 auto;



}







.last-child{



	border-bottom: none!important;



}











}







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







div#section-footer-block .wpb_text_column {



    padding: 0px 30px 40px!important;



    width: 100%!important;



}



}











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



	div#contact-page-left, div#contact-page-right{



		width: 100%;



		padding: 20px 12px;



	}



}











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

.page-template-page-portfolio a.permalink-people, .tax-portfolio-categories a.permalink-people {
    width: 100%;
}

div#icu2-line {

    border-bottom: 2px solid white;

    width: 90%;

    margin: 0 auto;

}

.people-item {

    float: left;

    width: 50%;

    display: inline-grid;

}



.sec1-content .wpb_text_column {



    width: 100%;



    margin: 0 auto;



}



.soci {



    font-size: 10px;



}



div#text p {



    width: 100%;



    text-align: center;



    bottom: -15px;



    background: #146aa3;



    position: absolute;



    font-size: 10px;



    color: white;



    padding: 5px;



    transition: 0.3s;



}



div#inline-services-small{



    padding-left: 30px!important;



    padding-right: 30px!important;



}



div#inline-services-small img {



    width: 50%;



}



div#inline-services-small img:hover {



    width: 50%;



}



}







@media screen and (max-width: 550px) {
div#people-item-content {
    margin-top: -20px!important;
}

div#portfolio-right {

    width: 100%;

    padding-left: 10px;

    margin-left: 10px;

    float: left;

}

div#port-archive-box {

    float: left;

    width: 100%;

    padding: 0px 10px;

    margin-bottom: 50px;

}

div#portfolio-body {



    padding-right: 0px;



    padding-left: 0px;





}

div#people-image {

    width: 100%;

    float: left;

    padding-right: 0px;

}

div#people-item-content {

    text-align: center;

    height: 70px;

    position: absolute;

    top: 50%;

    left: 50%;

    width: 350px;

    margin-left: -175px;

}

div#hover-people-item {
    opacity: 1!important;
    transition: 0.3s;
    background: rgba(20, 106, 163, 0.8);
    height: 50px!important;
    padding: 20px;
    bottom: 0!important;
    margin: 0px;
}

div#error-page-box {

    width: 100%;

    /* margin: 0 auto; */

    position: relative;

    top: 0%;

    margin-top: 100px;

    left: 0;

    margin-left: 0;

    padding: 0px 10px;

}

.search section#primary {

    width: 100%;

    float: left;

    padding: 20px 10px;

}

div#authors-box-right .author-p {

    width: 100%;

    max-width: 100%;

    text-align: center!important;

    padding-right: 10px!important;

}

div#authors-box-right h1.author-h1, div#authors-box-right h1.author-p {

    text-align: center!important;

}

div#authors-box-right {

    width: 100%;

    padding: 0px 10px 50px 10px;

    text-align: center!important;

}

div#authors-box-left {

    width: 100%;

    padding: 50px 10px 20px 10px;

}

.single .entry-content {

    margin-top: 0px;

    float: left;

    padding: 0px 10px;

}

.single header.entry-header{

    padding-left: 10px;

    padding-right: 10px;

}



aside#secondary {

    margin-left: 10px!important;

    padding-left: 10px!important;

    padding-right: 0px!important;

    width: 94%!important;

}





p.home-p {



    line-height: 1.7;



    font-size: 15px;



}







a.home-h2 {



    font-size: 18px;



}











.yikes-easy-mc-form label.label-inline {



    float: left;



    width: calc( 100% - 0% )!important;



    padding-right: 0px!important;



}



.yikes-easy-mc-form .submit-button-inline-label {



    width: 100%!important;



    min-width: 90px;



    float: left;



}



h3.subscribe-title {



    text-align: center;



    width: 100%;



    padding-left: 0;



}



div#right-rm {



    float: left;



    width: 100%!important;



    text-align: center;



}



div#left-rm a {



    /* margin: 0 auto; */



    /* left: 50%; */



    text-align: center;



    /* position: relative; */



    /* margin-left: -62px; */



    width: 100%!important;



}



.soci {



    text-decoration: none;



    width: 33.333%;



    float: left;



    text-align: center;



    padding: 10px 20px;



}



div#text {



    visibility: visible;



    opacity: 1;



    background: rgba(245, 245, 245, 0);



}



div#text:hover {



    visibility: visible;



    opacity: 1;



    background: rgba(245, 245, 245, 0.2);



}



div#portfolio {



    overflow: visible!important;



    height: 100%!important;



}



.all.portfolio-item.isotope-item {



    width: 100%;



    display: block!important;



    clear: both!important;



    /* float: left; */



    /* margin-right: 17px; */



}



.wid {



    width: 100%;



    float: left;



    padding: 20px 20px 0px;



}



ul#filters a, div#portfolio-back a {



    padding: 5px 15px;



    border: 1px solid #1e6ca1;



    border-radius: 5px;



    font-size: 10px;



    text-decoration: none;



    cursor: pointer;



}



}







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

#people h1, h1.people-name, header.page-header h1 {
    margin-top: 70px;
    margin: 0;
    padding: 165px 70px 100px;
    font-size: 40px;
    background: #146aa3;
    color: #ffffff;
    background-image: url(https://icu2.com.au/wp-content/uploads/2018/01/our-work-web-design-and-development.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.people-item {

    float: left;

    width: 100%;

    display: inline-grid;

}



span.line-fot {



    color: white;



    display:block;



}



div#hello-main .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, div#hello-main .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {



    margin: 0;



    position: relative;



    top: -40px;



}



div#hello-main {



    padding: 3% 5% 15% 5%;



}



div#hello-main i.fa.fa-map-marker, div#hello-main i.fa.fa-phone, div#hello-main i.fa.fa-envelope {



    font-size: 40px;



    padding: 20px 0px 0px 0px;



    color: #146aa3;



}



div#icons-box p {



    font-size: 12px;



}



div#hello-main h1 {



    font-size: 25px;



    line-height: 1.5em;



}



}







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



div#icons-box {



    float: left;



    padding: 20px 0px;



    border-top: 2px solid #146aa3;



    border-bottom: 2px solid #146aa3;



    margin-bottom: 30px;



    margin-top: 5px;



}



div#inline-services img {



    width: 100%;



        display: block;



}



div#portfolio-back a {



    width: 100%!important;



    display: block;



    text-align: center;



}



}



button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1 {

    border-radius: 0px!important;

}