/*
Site Name: SOUTHROCK
Site URL:
Version: 1.0
Support: Carlos Castillo (info@carloscastillo.com.au)


/*** RESET ***/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

body {
	margin-top: 94px; /* Main nav's height */
	background: url(/images/page_bg_18.0993e865.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #0c435a;
}
p, ul, ol {
	padding-bottom: 26px;
}
table {
	margin-bottom: 26px;
 }
li {
	padding-bottom: 5px;
	margin-left: 1em;
}
a {
	color: #5bc0c0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline
}
h2.section-head {
	padding: 40px 75px 46px;
	margin-bottom: 46px;
	border-bottom: 1px solid #7fccd0;
	font-size: 34px;
	line-height: 40px;
}
h3 {
	padding: 3px 0 5px;
	font-size: 24px;
	line-height: 29px;
	font-weight: 600;
}
img {
	display: block
}
.hover_fx {
	opacity: 1;
	transition: opacity 0.2s ease-in;
}
.hover_fx:hover {
	opacity: 0.6;
}
.border_green {
	border: 1px solid #bad49b;
}
#overview, #contact {
	background: url(/images/page_bg_EEF9F9_18.f7510805.png);
}
.inner { /* Fixes issue with the slides overlapping the top nav */
	position: relative;
	z-index: 1;
}
.match-bottom-border {
    border-bottom: 1px solid #7fccd0;
}
@media (max-width: 1200px) {
    h2.section-head {
        padding:30px;
    }
}
@media (max-width: 768px) {
    h2.section-head {
        line-height: 38px;
        font-size: 30px;
    }
}
@media (max-width: 480px) {
    body {
        font-size:16px;
        line-height:22px;
    }
    p, ul, ol {
        padding-bottom: 15px;
    }
    h2.section-head {
        line-height: 34px;
        font-size: 25px;
        padding: 20px 5px;
        margin-bottom:20px
    }
    h3 {
        font-size:20px;
    }
}


/*** MAIN NAV ***/
#main_nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 94px;
	background: #5bc0c0 url(/images/main_nav_bg.5eb725ff.png) bottom;
 	transition: all 0.2s ease-in;
}
#main_nav .inner {
 	transition: all 0.2s ease-in;
}
#header_logo {
	float: left;
	width: 284px;
	height: 94px;
	margin-right: 36px;
	overflow: hidden;
 	transition: all 0.2s ease-in;
}
#header_logo img { /* Width and height required for animations to work */
	width: 284px;
	height: 94px;
 	transition: all 0.2s ease-in;
}
#main_nav ul {
	float: left;
	width: auto;
	margin: 0 !important;
	padding: 0 !important;
	overflow: auto;
	list-style: none;
 	transition: all 0.2s ease-in;
}
#main_nav li {
	float: left;
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
 	transition: all 0.2s ease-in;
}
#main_nav li a {
	display: block;
	width: auto;
	padding: 0 8px;
	margin: 0 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	line-height: 94px;
	background: url(/images/header_but.c018077b.png) top center no-repeat;
 	transition: all 0.2s ease-in;
}
#main_nav li a:hover, #main_nav li a.current {
	background-position: bottom center;
}
#main_nav .try_demo {
	display: inline-block;
	float: right;
	width: auto;
	padding: 0 25px 0 75px;
	line-height: 94px;
	color: #ffffff !important;
	background: #0c435a url(/images/try_demo_but.0ac69bf9.png) 0 50% no-repeat;
	background-color: #0c435a;
 	transition: all 0.2s ease-in;
}
#main_nav .try_demo:hover {
	text-decoration: none !important;
	background-color: #266372;
}
#main_nav.small {
	height: 70px;
}
#main_nav.small #header_logo {
	margin-top: 6px;
	/*width: 55px;*/
	height: 60px;
}
#main_nav.small #header_logo img {
	width: 181px;
	height: 60px;
}
#main_nav.small li a, #main_nav.small .try_demo {
	line-height: 70px;
}
@media (max-width: 768px) {
    #main_nav, #header_logo {
        height:60px;
    }
    #header_logo {
        margin-top: 0;
    }
    #header_logo img {
        width: 181px;
        height: 60px;
    }
    body {
        margin-top: 60px;
    }
    #main_nav.small {
        height: 50px;
    }
    #main_nav.small #header_logo {
        margin-top:0;
        /*width: 55px;*/
        height: 50px;
    }
    #main_nav.small #header_logo img {
        width: 151px;
        height: 50px;
    }

}
/*** end MAIN NAV ***/



/*** SECTION: HOME ***/
#home {
	height: 598px;
	background: #0c435a url(/images/home_bg.ea5c89f2.png) top center no-repeat;
    background-size: cover;
	color: #ffffff;
	overflow: hidden;
}
#home .inner {
	/*width: 1080px;*/
	/*margin: 0 auto;*/
	padding: 70px 0 40px;
}
#home .slide {
	/*overflow: auto;*/
    width: 100% !important;
}
#home .slide_text {
	float: left;
	width: 440px;
	/*margin-left: 20px;*/
	font-size: 30px;
	line-height: 40px;
}
#home .slide_text a {
	text-decoration: underline !important;
}
#home .slide_image {
	float: right;
	width: 550px;
	margin-right: 20px;
}
#home .slide_image img {
	width: 100%;
	height: auto;
}
#home .checked, #home .checked-mobile {
	background: url(/images/checked_bg.9a9e3b43.png) top left no-repeat;
}
#home .checked {
    font-size: 48px;
    line-height: 55px;
    margin-top: 30px;
    margin-bottom: 26px;
    padding-left: 120px;
}
#home .checked-mobile {
    display:none;
}
#home .bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
}

#home .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}

@media (max-width: 1200px) {
    #home {
        height:490px;
    }
    #home .inner {
        padding-top:30px;
    }
    #home .slide_image {
        float: right;
        width: 450px;
    }
    #home .slide_text {
        font-size:25px;
        line-height:35px;
        width:375px;
    }
    #home .checked {
        font-size:35px;
        line-height:42px;
        min-height: 100px; /* for bg tick */
    }
}

@media (max-width: 992px) {
    #home {
        height:430px;
    }
    #home .inner {
        padding-top:30px;
    }
    #home .slide_image {
        float: right;
        width: 350px;
    }
    #home .slide_text {
        font-size:20px;
        line-height:30px;
        width:325px;
    }
    #home .checked {
        font-size:25px;
        line-height:35px;
        min-height: 100px; /* for bg tick */
        margin:15px 0 15px;
    }
}

@media (max-width: 768px) {
    #home {
        height:555px;
    }
    #home .inner {
        padding-top:30px;
    }
    #home .slide {
        text-align:center;
    }
    #home .slide_image {
        float: none;
        width:auto;
        height:300px;
        margin:10px auto;
    }
    #home .slide_image img {
        width:auto;
        height:100%;
        margin: 0 auto;
    }
    #home .slide_text {
        float:none;
        font-size:20px;
        line-height:30px;
        width:100%;
        text-align:center;
    }
    #home .slide_text p {
        padding-bottom:10px;
    }
    #home .checked {
        display:none;
    }
    #home .checked-mobile {
        display:inline-block;
        padding:13px 0 0 60px;
        background-size:55px;
        min-height: 60px
    }
    #home .bx-viewport {
        height:471px !important;
    }
}

@media (max-width: 480px) {
    #home {
        height:500px;
    }
    #home .inner {
        padding-top:10px;
    }
    #home .slide {
        text-align:center;
    }
    #home .slide_text {
        font-size:16px;
    }
    #home .slide_image {
        height:200px;
    }
    #home .bx-viewport {
        height:410px !important;
    }
}

/*** end SECTION: HOME ***/



/*** SECTION: FEATURES ***/
#features .inner {
	padding-bottom: 10px;
}
#features ul {
	overflow: auto;
	margin: 0 auto !important;
	padding: 0 75px 16px !important;
	list-style: none;
}
#features li {
	margin: 0 0 36px 0 !important;
	padding-left: 108px !important;
	min-height: 100px;
}
#features .col_left {
	float: left;
	width: 510px;
}
#features .col_right {
	float: right;
	width: 510px;
}
#features .web_based {
	background: url(/images/web_based_bg.320664cb.png) no-repeat;
}
#features .no_limitations {
	background: url(/images/no_limitations_bg.6b372180.png) no-repeat;
}
#features .flexible_secure {
	background: url(/images/flexible_secure_bg.64309da8.png) no-repeat;
}
#features .rapid_deployment {
	background: url(/images/rapid_deployment_bg.093c62a3.png) no-repeat;
}
#features .one_click {
	background: url(/images/one_click_bg.9faa82de.png) no-repeat;
}
#features .comprehensive_features {
	background: url(/images/comprehensive_features_bg.e949e3d4.png) no-repeat;
}

@media (max-width: 1200px) {
    #features ul {
        padding: 0 35px 16px !important;
    }
}
@media (max-width: 992px) {
    #features ul {
        padding: 0 30px !important;
    }
}
@media (max-width: 768px) {
    #features h2 {
        line-height: 38px;
        font-size: 30px;
    }
    #features .features-list li {
        background-size: 70px;
        padding-left:90px !important;
    }
}
@media (max-width: 480px) {
    #features h2 {
        line-height: 34px;
        font-size: 25px;
        padding: 20px 5px;
        margin-bottom:20px
    }
    #features ul {
        padding: 0 !important;
    }
    #features .features-list li {
        background-size: 55px;
        padding-left:75px !important;
        margin-bottom:16px !important;
    }
}
/*** end SECTION: FEATURES ***/



/*** SECTION: OVERVIEW ***/
#overview .inner {
	padding-bottom: 40px;
}
#overview .slide {
	overflow: auto;
}
#overview .slide_text {
	float: left;
	width: 500px;
	margin-left: 98px;
}
#overview .slide_image {
	float: right;
	width: 368px;
	margin-right: 98px;
}
#overview .slide_image img {
	width: 366px;
	height: auto;
}

@media (max-width: 1200px) {
    #overview {
        height:550px;
    }
    #overview .slide_image {
        float: right;
        width: 310px;
    }
    #overview .slide_text {
        width:375px;
    }
}

@media (max-width: 992px) {
    #overview {
        height:485px;
    }
    #overview .slide_image {
        float: right;
        width: 250px;
        margin-right: 75px;
    }
    #overview .slide_text {
        width: 300px;
        font-size:18px;
        margin-left: 75px;
    }
    #overview .slide_text h3 {
        font-size:22px;
    }
}

@media (max-width: 768px) {
    #overview {
        height:640px;
    }
    #overview .section-head {
        margin-bottom:10px;
    }
    #overview .slide {
        text-align:center;
    }
    #overview .slide_image {
        float: none;
        width:auto;
        height:300px;
        margin:10px auto;
    }
    #overview .slide_image img {
        width:auto;
        height:100%;
        margin: 0 auto;
    }
    #overview .slide_text {
        float:none;
        font-size:20px;
        line-height:30px;
        width:100%;
        margin:0;
        text-align:center;
    }
    #overview .slide_text p {
        padding-bottom:10px;
    }
    #overfiew .bx-viewport {
        height:471px !important;
    }
}

@media (max-width: 480px) {
    #overview {
        height:595px;
    }
    #overview .slide {
        text-align:center;
    }
    #overview .slide_text {
        font-size:16px;
    }
    #overview .slide_image {
        height:200px;
    }
    #overview .bx-viewport {
        height:420px !important;
    }
    #overview .bx-controls-direction {
        display:none;
    }
}

/*** end SECTION: OVERVIEW ***/



/*** SECTION: DETAILS ***/
#overview_table {
    border-collapse: collapse;
}

#overview_table, #overview_table th, #overview_table td {
   border: 1px solid #5bc0c0;
}
#overview_table th {
	padding: 18px 20px;
	font-weight: 600;
	color: #5bc0c0;
}
#overview_table th, #overview_table p.table_description {
	padding: 18px 20px;
}
#overview_table span.table_yes {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
	border-radius: 30px;
	border: 2px solid #5bc0c0;
	text-indent: -9999px;
	background-image: url(/images/table_yes.8f89a27e.png);
}
#details .full {
    display:inline;
}
#details .compact {
    display:none;
}

#details .panel-group .panel {
    border-radius:0px;
    border: none;
    margin-bottom: 40px;
}
#details .panel-default>.panel-heading {
    border:none;
    border-radius:0px;
    padding:0;

}
#details .panel-title div {
    height: 88px;
    padding: 33px 10px 33px 110px;
    background-image:url(/images/accordion_arrows.086b6000.png);
    background-repeat: no-repeat;
    background-position: 0 -88px;
    transition: background 0.2s ease-in;
    background-color:#0c435a;
}
#details .panel-title .collapsed div {
    background-position: 0 0;
    background-color: #5bc0c0;
}
#details .panel-title div:hover {
    background-color:#0c435a;
}

#details .panel-title {
    font-size:24px;
    color:#fff;
    margin:;
}
#details .panel-title a:hover,
#details .panel-title a:active,
#details .panel-title a:visited,
#details .panel-title a:link {
    text-decoration:none;
}
#details .panel-body {
    padding:25px 30px 10px 30px;
    border:solid 1px #0c435a;
}

@media (max-width: 480px) {
    #details .panel-title .collapsed div {
        background-position: -10px 0;
    }
    #details .panel-default>.panel-heading {
        height:60px;
    }
    .active-header {
        background-position: -10px -67px;
    }
    #details .panel-body {
        padding:15px;
    }
    #details .panel-title {
        font-size:18px;
    }
    #overview_table th, #overview_table p.table_description {
        padding: 10px;
    }
    #overview_table .full {
        display:none;
    }
    #overview_table .compact {
        display:inline;
    }
    #overview_table span.table_yes {
        display: block;
        width: 20px;
        height: 20px;
        margin: auto;
        border-radius: 0px;
        border: none;
        text-indent: -9999px;
        background-image: url(/images/table_yes_compact.11c51a7c.png);
        background-size:20px;
    }
    #details .panel-title div {
        height: 60px;
        padding: 20px 10px 20px 58px;
        background-size:60px;
        background-position: -10px -60px;
    }
}

@media (max-width: 320px) {
    #details .panel-title div#app_struct {
        padding: 13px 10px 13px 58px;
    }
}

/*** end SECTION: DETAILS ***/



/*** SECTION: LATEST NEWS ***/
#latest_news .inner {
	padding-bottom: 30px;
}
#latest_news .content_wrapper {
	width: 1040px;
	margin: 0 auto;
}
#latest_news .content_wrapper .article {
	float: left;
	width: 310px;
	margin-right: 55px;
}
#latest_news .content_wrapper .article:last-child {
	margin-right: 0;
}
#latest_news a {
	display: inline-block;
	width: auto;
	height: 44px;
	padding-right: 10px;
	font-size: 24px;
	line-height: 44px;
	color: #0c435a;
}
#latest_news p {
	margin-bottom: 18px;
	border-bottom: 1px solid #7fccd0;
}
#latest_news a span {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-right: 10px;
	background-image: url(/images/read_more_but.48b17d57.png);
	text-indent: -9999px;
	border-radius: 30px;
	border: 2px solid #0c435a;
 	transition: background 0.2s ease-in;
}
#latest_news a:hover span {
	background-color: #aac2cc;
}
/*** end SECTION: LATEST NEWS ***/



/*** SECTION: CONTACT ***/
#contact .inner {
	padding-bottom: 30px;
}
#contact label {
	display: block;
}
#contact form {
	/*width: 1040px;*/
	margin: 0 auto;
	overflow: auto;
}
#contact form input[type=text], #contact form input[type=email], #contact form select, #contact form textarea {
/*	float: left;*/
	display: inline-block;
	width: 100%;
    max-width:500px;
	height: 40px;
 	margin: 0 25px 22px 0;
	padding: 0 10px;
	background: #ffffff;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
 	line-height: 30px;
	color: #000000;
}
#contact form input[type=text]:nth-child(4) {
	margin-right: 0;
}
#contact form select {
	width: 330px !important;
	margin-right: 0 !important;
}
#contact form textarea {
    max-width: 1000px;
    height: 130px !important;
    margin-right: 0 !important;
    margin-bottom: 0;
}
#contact_form_fields input.has-error,
#contact_form_fields textarea.has-error {
    border-color: #9d0000 !important;
}
#contact form button.submit_button {
	display: block;
	float: left;
	width: auto;
	height: 44px;
	padding: 0 10px 0 50px;
	margin-bottom: 50px;
    margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 44px;
	color: #000000;
	background: url(/images/form_submit_but.046b55cc.png) no-repeat;
	cursor: pointer;
	outline: none;
	border: 0 none;
	-webkit-appearance: none;
}
#contact_btn_start {
    background-color: #5bc0c0;
    border-color: #61adad;
    color: white;
    outline: none;
}
#contact_btn_layer {
    margin-bottom: 30px;
}
#contact_btn_layer, #contact_form_fields, #contact_btn_turnstile, #contact_nhhi_link {
    padding: 0 75px;
}
#contact_form_fields, #contact_btn_turnstile, #contact_nhhi_link {
    display: none;
}
.turnstile-container {
    background-color: rgba(105, 193, 193, 0.2);
    padding: 15px 30px;
    margin-bottom: 30px;
}
.turnstile-container .close {
    position: relative;
    right: -10px;
    color: #23527c;
    font-size: 26px;
    opacity: 0.5;
}
 #contact_nhhi_link a {
    color: #118b8b;
}
/*** end SECTION: CONTACT ***/


/*** FOOTER ***/
#footer {
	color: #808080;
	background: url(/images/page_bg_EBEBEB_18.696e3103.png);
}
#footer .inner {
	padding-top: 30px;
}
#footer .contact {
    text-align:right;
}
#footer .search {
	width: 200px;
	overflow: auto;
	margin-bottom: 20px;
	background: #808080;
}
#footer .search input[type=text] {
	float: left;
	width: 132px;
	height: 44px;
	padding: 0 12px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 44px;
	color: #ffffff;
	background: #808080;
}
#footer .search input[type=button] {
	cursor: pointer;
	outline: none;
	border: 0 none;
	-webkit-appearance: none;
	float: left;
	width: 44px;
	height: 44px;
	text-indent: -9999px;
	background: url(/images/search_but.8d068c14.png) no-repeat;
}
#footer .social_media {
	list-style: none;
	overflow: auto;
	padding: 0 !important;
	margin-bottom: 20px !important;
}
#footer .social_media li {
	float: left;
	width: 44px;
	height: 44px;
	margin: 0 !important;
	padding: 0 10px 0 0 !important;
}
#footer .social_media li:last-child {
	padding-right: 0 !important;
}
#footer .contact_details {
	color: #808080 !important;
}
#footer .legal {
	float: left;
	padding-top: 28px;
	font-size: 14px;
}
#footer .legal a {
	color: #808080;
	text-decoration: underline;
 	transition: all 0.2s ease-in;
}
#footer .legal a:hover {
	color: #a9a9a9;
}
#footer .footer-detail-col {
    padding-top:50px;
}
@media (max-width: 768px) {
    #footer .contact {
        text-align:left;
    }
    #footer .footer-detail-col {
        padding-top:20px;
    }
}
/*** end FOOTER ***/
#accordion {
    font-size:30px;
    line-height: 40px;
}

/*** SHARE THIS ***/
#share_this {
	position: fixed;
	top: 40%;
	right: 0;
	width: 44px;
	padding: 12px;
	background: #5bc0c0;
	list-style: none;
}
#share_this li {
	float: left;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}
#share_this li:last-child {
	margin-bottom: 0 !important;

}
#share_this a img {
	opacity: 0.4;
 	transition: opacity 0.2s ease-in;
}
#share_this a img:hover {
	opacity: 0.8;
}
/*** end SHARE THIS ***/


/*** SCROLL NAV ***/
.smartscroll-controls {
	position: fixed;
	bottom: 30px;
	right: 30px;
    z-index:1000;
}
.smartscroll-controls a {
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	z-index: 9999;
	border-radius: 35px;
	border: 2px solid #808080;
	background: url(/images/arrow_down_808080.d9db08e5.png) no-repeat;
    background-color: rgba(180,180,180,0.4);
}

@media  (max-width: 768px) {
    .smartscroll-controls a {
        display:none !important;
    }
}
/*** end SCROLL NAV ***/

/*** SECTION: CONTACT ***/
#privacy .inner {
	padding-bottom: 30px;
}


.form_field_errors {  /* server side validation */
    color:#9d0000;
    background-color:#ffdada;
    margin-bottom: 5px;
    padding:3px;
    display:none;
}
.form_field_errors.active {
    display:block;
}