/*
Theme Name: PrincipalEdge
Author: Company Name
Description: Dedicated Wordpress theme for Company Name
*/

html {
    overflow-x: hidden;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: 'Avenir LT W02_55 Roman', 'Raleway', sans-serif;
    background-color: #20313a;
}

#boxy1x, #boxy2x {
    display: none;
}

a:focus {
    outline: none;
}

input::-moz-focus-inner {
    border: 0;
}

a img {
    border: none;
}

.content.held {
    display: none;
}

.alignleft,
.fl {
    float: left !important;
    margin: 0 20px 20px 0 !important;
}

.alignright,
.fr {
    float: right !important;
    margin: 0 0 20px 24px !important;
}

.alignnone {
    margin: 0 auto !important;
    display: block !important;
}

.aligncenter {
    display: block !important;
    float: none !important;
    text-align: center !important;
    clear: both !important;
    margin: 0 auto !important;
}

body {
    margin: 0;
    font-family: 'Avenir LT W02_55 Roman', 'raleway', arial, tahoma, sans-serif;
    font-size: 14px;
}

:before, :after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

a {
    text-decoration: none;
    color: #fff;
}

#page {
    margin: 0 auto;
}

.container {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

header nav#main ul li.held {
    display: none
}

img {
    border: none;
}

a {
    outline: none;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    color: #000;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

#basic .sub-menu {
    display: none;

}

.held {
    display: none;
}

#basic li.menu-item-has-children {
    position: relative;
    padding: 2px 0;
}

#basic li.menu-item-has-children:hover > .sub-menu {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 210000000;
    background: rgba(32, 49, 58, 0.9);
    padding: 10px 15px 15px 15px;
}

#basic li.menu-item-has-children > .sub-menu li {
    display: block;
    padding: 4px 8px;
    float: left;
    clear: both;
    margin-left: 0;
}

#basic li.menu-item-has-children > .sub-menu li a {
    color: #fff;
    text-decoration: none;
    clear: both;

}

header {
    background: #fafafa;
    display: block;
    min-height: 133px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    width: 100%;
}

header .logo {
    margin-top: 0;
    margin-left: -30px;
    float: left;
    position: relative;
    display: inline;
}

#mobile {
    display: none;
}

header nav#basic {
    margin-top: 70px;
    float: left;
    position: relative;
    display: inline;
    margin-left: 86px;
}

header nav#basic ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

header nav#basic ul li {
    display: inline;
    margin-left: 24px;
}

header nav#basic ul li a {
    font-size: 11.5px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a4a4a4;
}

header nav#basic ul li a:hover {
    color: #00aef0;
}

header nav#basic ul li:first-child {
    margin-left: 0;
}

header nav#basic ul li ul li a:hover {
    color: #00aef0 !important
}

header .right {
    float: right;
    position: relative;
    margin-right: -27px;
    margin-top: 29px;
}

header .right .social {
    margin-right: 0;
}

header .right .social a {
    display: block;
    margin-left: 7px;
    cursor: pointer;
    float: left;
}

header .right .social a.lin {
    background: url(img/lin.png) no-repeat;
    width: 21px;
    height: 21px;
    background-size: 100%;
}

header .right .social a.fb {
    background: url(img/fb.png) no-repeat;
    width: 21px;
    height: 21px;
    background-size: 100%;
}

header .right .social a.twit {
    background: url(img/twit.png) no-repeat;
    width: 21px;
    height: 21px;
    margin-top: 0;
    background-size: 100%;
}

header .right p.phone {
    font-size: 11.5px;
    color: #00aef0;
    margin-top: 44px;
    /* margin-right: 61px; */
    clear: both;
    font-weight: 600;
    position: relative;
    right: 67px;
    letter-spacing: 1px;
}

header nav#main {
    position: absolute;
    bottom: -172px;
    right: 161px;
    z-index: 90;
}

header nav#main #boxs1 {
    background: #20313a;
    padding: 20px 20px;
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    border-top: 1px solid #fff;
}

header nav#main #boxs1 h4 {
    font-size: 14.5px;
    color: #fff;
    line-height: 21.5px;
    text-transform: uppercase;
    font-weight: 700;
}

header nav#main #boxs1 .color {
    text-transform: uppercase;
    color: #00aef0;
    font-size: 14.5px;
    line-height: 20px;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    margin-bottom: -14px;
}

header nav#main #boxs1 p {
    color: #fff;
    font-size: 14.5px;
    line-height: 20px;
    font-weight: 700;
}

header nav#main #boxs2, header nav#main #boxs3 {
    background: transparent;
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
}

header nav#main #boxs2 ul, header nav#main #boxs3 ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

header nav#main #boxs2 ul li, header nav#main #boxs3 ul li {
    width: 157px;
    display: block;
    clear: both;
    float: none;
    margin-left: 0;
}

header nav#main #boxs2 ul li a, header nav#main #boxs3 ul li a {
    background: rgba(0, 171, 235, 0.9);
    border-top: 1px solid #fff;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    padding: 15px 10px;
    color: #fff;
    width: 100%;
    display: block;
    font-weight: 700;
}

header nav#main #boxs2 ul li a:hover, header nav#main #boxs3 ul li a:hover {
    background: rgba(0, 110, 150, 0.9);
}

header nav#main #boxs2 h4, header nav#main #boxs3 h4 {
    font-size: 17px;
    color: #fff;
    line-height: 21.5px;
    text-transform: uppercase;
    font-weight: 700;
}

header nav#main #boxs3 {
    left: auto;
    right: 0;
}

header nav#main #boxs3 ul li a {
    background: rgba(0, 110, 150, 0.9);
}

header nav#main #boxs3 ul li a:hover {
    background: rgba(0, 171, 235, 0.9);
}

header nav#main ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

header nav#main ul li {
    display: inline;
    margin-left: 1px;
    float: left;
    position: relative;
}

header nav#main ul li:first-child {
    margin-left: 0;
}

header nav#main ul li .button {
    display: block;
    position: relative;
    width: 157px;
    height: 40px;
    line-height: 40px;
    font-size: 14.5px;
    color: #fff;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

header nav#main ul li .button.item1 {
    background: #20313a;
}

header nav#main ul li .button.item2 {
    background: #00aef0;
}

header nav#main ul li .button.item3 {
    background: #00729c;
}

.nav-main .item1:hover #box1.held, .nav-main .item2:hover #box2.held, .nav-main .item3:hover #box3.held {
    display: block;
}

#content {
    width: 100%;
    position: relative;
    float: left;
}

#content .bxslider {
    float: left;
    width: 100%;
}

#content .bxslider ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#content .bxslider ul li {
    float: left;
    height: 684px;
    width: 100% !important;
    background-size: cover;
    display: block;
    background-position: center;
}

#content .bxslider .motto {
    font-size: 44px;
    line-height: 50px;
    color: #20313a;
    margin-top: 100px;
    margin-left: 132px;
    float: left;
    letter-spacing: 1px;
    position: absolute;
    top: -1px;
    z-index: 20;
    left: 10px;
    font-family: 'Avenir LT W01_45 Book', arial, tahoma, sans-serif;
}

#content .bxslider .motto p {
    margin-top: 0;
    margin-bottom: 30px;
}

#content .bxslider .motto a {
    display: block;
    font-size: 16px;
    line-height: 30px;
}

#content .bxslider .motto a:hover {
    color: #00aef0;
}

#content .bxslider .motto .color {
    color: #00729c;
    margin-left: 0;
    margin-top: 0;
}

footer {
    background: #20313a;
    display: block;
    min-height: 80px;
    border-top: 1px solid #7a8281;
    position: relative;
    width: 100%;
    clear: both;
    float: left;
}

footer .logo {
    margin-top: 5px;
    margin-left: -30px;
    float: left;
    position: relative;
    display: inline;
}

footer .copyright {
    float: left;
    margin-top: 20px;
    margin-left: 2px;
}

footer .copyright p {
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    margin-left: 5px;
    margin-top: 8px;
}

footer nav#footer {
    float: right;
    margin-right: 35px;
    margin-top: 26px;
}

footer nav#footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

footer nav#footer ul li {
    display: inline;
    margin-left: 17px;
}

footer nav#footer ul li:first-child {
    margin-left: 0;
}

footer nav#footer ul li a {
    font-size: 10.6px;
    font-family: 'PT Sans', sans-serif;
    color: #00aef0;
    font-weight: bold;
    text-transform: uppercase;
}

footer nav#footer ul li a:hover {
    color: #00aef0;
}

#authors {
    width: 100%;
    position: relative;
    float: left;
    padding-top: 58px;
    background-image: url('img/bg4.jpg');
    background-size: cover;
}

.privacy #authors, .disclaimer #authors, .sitemap #authors, .faqs #authors {
	background-image: none;
	background-color: #f2f2f2;
}

#authors .container {
    width: 960px;
}

#authors h1 {
    color: #20313a;
    font-size: 31.5px;
    line-height: 34px;
    margin-bottom: 32px;
    font-weight: 800;
}

#authors p {
    font-size: 14.5px;
    line-height: 17px;
    font-weight: 500;
    width: 87%;
    margin-bottom: 17px;
}

#authors .team-left {
	float: left;
	width: 715px;
}

#authors .team-right {
	float: left;
    width: 229px;
	margin-top: 60px;
}

#authors .team-right img {
	max-width: 100%;
}

#authors .team {
    margin-top: 35px;
    width: 100%;
    margin-left: 1px;
    padding-bottom: 26px;
    float: left;
}

#authors .team .worker {
    width: 229px;
    height: 207px;
    display: block;
    float: left;
    margin: 3.5px 3.5px;
    position: relative;
}

#authors .team .worker:hover .overlay {
    display: block !important;
}

#authors .team .worker .overlay {
    background: rgba(14, 159, 154, 0.88);
    color: #fff;
    position: relative;
    display: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 5px 15px;
}

#authors .team .worker .overlay h3 {
    font-size: 20px;
    line-height: 20.5px;
    font-weight: 600;
}

#authors .team .worker .overlay p {
    font-size: 20px;
    line-height: 20.5px;
    font-weight: 400;
    position: relative;
    top: -10px;
}

#authors .team .worker .overlay a {
    color: #fff;
}

#authors .team .worker .overlay a:hover {
    color: #fff;
}

#authors .team .worker .overlay .more {
    font-size: 13.5px;
    line-height: 13.5px;
    font-weight: 400;
    position: absolute;
    right: 16px;
    bottom: 12px;
    letter-spacing: 1px;
}

#author, #advice {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 58px;
    background: #ebeced;
}

#author .container, #advice .container {
    width: 960px;
}

#author .header, #advice .header {
    background-repeat: no-repeat;
    width: 100% !important;
    height: 216px;
    margin-top: -58px;
    display: block;
    background-position: center;
    background-size: cover;
}

#author .header .back, #advice .header .back {
    font-size: 31.5px;
    margin-top: 80px;
    margin-left: 72px;
    color: #fff;
    float: left;
    position: relative;
}

#author .header .back:before, #advice .header .back:before {
    content: '';
    background: url(img/arrow-back.png) no-repeat;
    width: 8.5px;
    height: 20.5px;
    display: block;
    position: absolute;
    left: -20px;
    top: 7px;
    background-size: 100%;
}

#author .header .back:hover, #advice .header .back:hover {
    color: #00aef0;
}

#author .author, #advice .author {
    clear: both;
    width: 100%;
    margin-top: 14px;
}

#author .author .image, #advice .author .image {
    width: 117.5px;
    height: 109px;
    display: block;
    float: left;
    margin-right: 20px;
}

#author .author .image img, #advice .author .image img {
    width: 100%;
    height: auto;
}

#author .author .right, #advice .author .right {
    float: left;
    position: relative;
    margin-top: -3px;
}

#author .author strong, #advice .author strong {
    font-size: 17.5px;
    line-height: 20.5px;
    font-weight: 500;
    color: #20313a;
}

#author .author p, #advice .author p {
    font-size: 17.5px;
    line-height: 20.5px;
    font-weight: 400;
    position: relative;
    top: -17px;
    color: #20313a;
}

#author .author-container, #advice .author-container {
    float: left;
    clear: both;
    position: relative;
    padding-bottom: 38px;
    margin-top: 38px;
    margin-left: 0;
    width: 70%;
}

#author .right-container, #advice .right-container {
    width: 25%;
    float: right;
    margin-top: 38px;
    margin-bottom: 38px;
}

#author .author-container .ezcol, #advice .author-container .ezcol {
    width: 47%;
    margin-right: 10px;
    float: left;
    display: inline;
}

#author .author-container .ezcol p, #advice .author-container .ezcol p {
    font-size: 12.5px;
    line-height: 16.5px;
    color: #20313a;
}

#author .movie, #advice .movie {
    float: right;
    display: block;
    margin-top: 14px;
    margin-right: 0;
    clear: both;
    margin-bottom: 14px;
    width: 100%;
    height: 33%;
}

#advice .advice-logo {
	width: 100%;
	margin-top: 46px;
	margin-bottom: 14px;
}

#author .worker-contact p {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
}

#exp, #different {
    width: 100%;
    position: relative;
    float: none;
    margin-top: 0;
    background-repeat: repeat-y;
    background-size: cover;
}

#exp h1, #different h1, #blog h1 {
    color: #20313a;
    font-size: 31.5px;
    line-height: 35px;
    margin-bottom: 32px;
    font-weight: 400;
    margin-top: 85px;
    margin-left: 2px;
}

#exp .desc, #different .desc {
    font-size: 14.5px;
    color: #20313a;
    line-height: 17px;
    font-weight: 500;
    margin-top: -2px;
    margin-bottom: 39px;
    max-width: 840px;
}

#exp .container, #different .container {
    width: 960px;
}

#exp .box-container, #different .box-container {
    float: left;
    margin-top: 3px;
    margin-left: 0;
    padding-bottom: 150px;
}

#exp .box-container .play:after, #different .box-container .play:after {
    content: '';
    display: block;
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 18.5px;
    height: 18.5px;
    background: url(img/play.png) no-repeat;
    background-size: 100%;
}

#exp .box-container .box-item, #different .box-container .box-item {
    width: 340px;
    float: left;
}

#exp .box-container .box, #different .box-container .box {
    width: 161.5px;
    height: 77px;
    background-color: #00729c;
    margin: 1px;
    float: left;
    padding: 1px 14px;
    position: relative;
    cursor: pointer;
}

#exp .box-container .box:hover, #different .box-container .box:hover {
    background: #00aef0;
}

#different .box-container .box:hover {
    background: #00aef0 !important;
}

#exp .box-container .box.selected, #different .box-container .box.selected {
    background: #00aef0;
}

#different .box-container .box.selected {
    background: #00aef0 !important;
}

#exp .box-container .box p, #different .box-container .box p {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    position: relative;
    margin: 4px 0 0 0;
}

#exp .box-container .content, #different .box-container .content {
    position: relative;
    float: left;
    width: 522px;
    height: 314px;
    background: #fff;
    top: 1px;
    margin-left: -12px;
    display: none;
    padding: 0 0;
    color: #20313a;
    font-weight: 400;
    border-top: 16px solid #00aeef;
    border-bottom: 16px solid #00aeef;
}

#exp .box-container .content p, #different .box-container .content p {
    font-size: 14px;
    line-height: 17px;
    color: #20313a;
}

#exp .box-container .content p a, #different .box-container .content p a {
    color: #00aeef;
}

#exp .box-container .content iframe, #different .box-container .content iframe {
    margin-bottom: -3px;
    height: 282px;
    width: 522px;
    max-width: 100%;
}

#different {
    background: url(img/bg4.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 77px;
}

#different h1 {
    color: #20313a;
    font-weight: 700;
    font-size: 31.5px;
    line-height: 34.5px;
}

#different .desc {
    color: #20313a;
}

#different .box-container .box:hover, #different .box-container .box.selected, #different .box-container .content, #different .box-container .box.selected {
    background: #20313a;
}

#different .box-container .content {
    border-top: 0 solid #20313a;
    border-bottom: 0 solid #20313a;
    background: #fff;
}

#different .box-container .content#box-1 {
    display: none !important;
}

#advice {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 58px;
    background: #ebeced;
}

#advice .container {
    width: 960px;
}

#advice .header {
    margin-top: -85px;

}

#advice .header h1 {
    font-size: 31.5px;
    line-height: 35.5px;
    color: #fff;
    font-weight: 400;
    width: 34%;
    padding-top: 69px;
    padding-left: 2px;
}

.superannuation #advice .header h1,
.protecting-matters #advice .header h1,
.making-debt-work-for-you #advice .header h1,
.retirement-and-investment-planning #advice .header h1,
.maximising-and-securing-your-estate #advice .header h1 {
	color: #00729c;
}

#advice h3 {
    font-size: 17.5px;
    line-height: 20.5px;
    color: #20313a;
    font-weight: 700;
    padding-top: 69px;
    padding-left: 2px;
    padding-bottom: 10px;
    margin-left: 39px;
    margin-top: -17px;
    width: 68%;
}

.contact-form {
    background-color: #dedfe0;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 20px;
    clear: both;
    color: #5a5b5b;
    padding: 10px 20px;
    max-width: 480px;
}

.contact-form .form-field {
    width: 100%;
    margin-bottom: 10px;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    border: 0;
    padding: 5px;
    font-family: "Avenir LT W02_55 Roman", "raleway", arial, tahoma, sans-serif;
    font-size: 14px;
}

.contact-form .wpcf7-submit {
    width: auto;
    background-color: #00aef0;
    color: #fff;
    float: right;
    margin-bottom: 10px;
}

#help {
    background-size: cover;
    background-position: top center;
    display: block;
    margin-top: -26px;
    min-height: 684px;
    margin-bottom: -27px;
}

#help h1 {
    padding-top: 85px;
    margin-left: 71px;
    font-size: 31.5px;
    line-height: 34.5px;
    font-weight: 400;
    color: #20313a;
    width: 39%;
}

#help h1 .color {
    color: #00729c;
}

#help .tabs {
    margin-top: 5px;
    margin-left: 72px;
    float: left;
    position: relative;
    margin-bottom: 40px;
}

.boxy-buttons {
    float: left;
    margin-right: 3px;
}

#help .tabs .button {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    background: #00729c;
    text-align: left;
    margin-bottom: 3px;
    height: auto;
    width: 150px;
    font-weight: 700;
    z-index: 10;
    padding: 10px;
}

#help .tabs .button.selected {
    background: #20313a;
}

#help .tabs .button:hover {
    background: #20313a;
}

#boxy2x {
    background: none !important;
    padding-left: 0 !important;
}

#help .tabs .content {
    background: #fff;
    color: #20313a;
    font-size: 14px;
    line-height: 16.5px;
    padding: 0;
    float: left;
    width: 787px;
    height: auto;
}

#help .tabs .content#boxy2 {
    background: transparent;
    left: 0;
    top: 40px;
    padding: 0;
}

#help .tabs .content .movie {
    width: 200px;
    height: 123px;
    float: right;
    margin-top: -20px;
    margin-right: 1px;
    margin-left: 120px;
}

#help .tabs .content .tabs2 {
    margin-top: 0;
}

#help .tabs .content .tabs2 .button {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    background-color: #00729c;
    margin-left: 3px;
    float: left;
    height: 75px;
    width: 155px;
    padding: 13px;
    text-align: left;
    font-weight: 700;
}

#help .tabs .content .tabs2 .button:first-of-type {
    margin-left: 0;
}

#help .tabs .content .tabs2 {
    float: left;
    width: auto;
}

#help .tabs .content .tabs2 .button.selected {
    background: #20313a;
}

#help .tabs .content .tabs2 .button:hover {
    background: #20313a;
}

#help .tabs .content .tabs2 .content {
    display: none;
}

#help .tabs .content .tabs2 .content {
    background: #fff;
    color: #20313a;
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    width: auto;
    height: auto;
    overflow: hidden;
}

#help .tabs .content .tabs2 .content ul {
    padding-left: 20px;
}

.content .text {
    width: auto;
    padding: 20px 32px;
}

.jspContainer, .content .jspPane {
    width: 100% !important;
}

#help .tabs .content .tabs2 .content .movie {
    width: 200px;
    height: 123px;
    float: right;
    margin-top: 16px;
    margin-right: 58px;
    margin-left: 120px;
}

.jspDrag {
    background: #d5d6d8 !important;
}

.jspTrack {
    background: #f2f3f4 !important;
}

.jspVerticalBar, .jspHorizontalBar {
    background: none !important;
}

.jspHorizontalBar {
    display: none !important;
}

.trigger, .phone-mobile, footer .social {
    display: none;
}

header nav#main #boxs1 {
    width: 473px;

}

#different.approach h1 {

    margin-top: 120px;
}

.arrow-item:after {
    content: '';
    background: url(img/arrow.png);
    width: 864px;
    height: 92px;
    display: block;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.arrow-item {
    width: 100%;
    position: relative;
    padding-top: 53px;
    float: left;
    padding-left: 5px;
}

.arrow1 {
    margin-left: 24px;
}

.arrow2, .arrow3, .arrow4 {
    margin-left: -19px;
}

.arrow-item a.arrow {
    background: url(img/arrow-item.png);
    width: 218px;
    height: 55px;
    display: inline-block;
    background-position: 0 0;
    float: left;
    text-align: left;
    background-size: 100%;
    background-repeat: no-repeat !important;
    color: #fff;
    text-transform: uppercase;
    padding-left: 30px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 21px;
    z-index: 50;
    position: relative;
}

.arrow-item a.arrow:hover, .arrow-item a.arrow.selected {
    width: 218px;
    height: 55px;
    display: block;
    background-position: 0 -57px;
    background-size: 100%;
}

.arrow-container .content {
    width: 794px;
    background: #fff;
    padding: 20px;
    margin-top: 3px;
    float: left;
    margin-left: 30px;
    height: 200px;
}

.arrow-container .content.held {
    display: none;
}

#blog {
    background-color: #f2f2f2;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 85px;
    width: 100%;
}

#blog h2 {
    font-size: 17.5px;
    line-height: 20.5px;
    color: #20313a;
    font-weight: 400;
    padding-top: 30px;
    padding-left: 2px;
    padding-bottom: 0;
    margin: 0;
    font-family: 'Avenir LT W01_65 Medium', arial, sans-serif;
}

#blog h2 a,
#blog .more-link {
	color: #00aef0;
}

.blog-content,
.post-content {
    float: left;
    width: 70%;
}

.aside {
    float: right;
    width: 25%;
    margin-top: 85px;
}

.aside .widget-container {
    background-color: #dedfe0;
    color: #5a5b5b;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.aside .widget-container a {
    color: #00aef0;
}

.widget_categories ul {
    padding-left: 20px;
    list-style-type: none;
}

/**
 * Comment form
 */
 
#commentform {
	max-width: 500px;
}
 
#commentform > p {
	overflow: hidden;
	margin: 0 0 5px;
}

#commentform p.comment-notes {
	margin-bottom: 20px;
}

#commentform label {
	float: left;
	width: 20%;
	text-align: left;
	padding-right: 20px;
}

#commentform input,
#commentform textarea {
	float: left;
	width: 80%;
	margin: 0 0 5px;
	border: 1px solid #dedfe0;
	background-color: #fff;
}

#commentform input#submit {
	float: right;
	width: auto;
	padding: 5px 20px;
}

#commentform input#submit:hover {
	background-color: #dedfe0;
}

@media (max-width: 1120px) {
    .container {
        width: 960px;
        margin: 0 auto;
    }

    header .logo, footer .logo {
        margin-left: 20px;
    }

    header .right {
        position: absolute;
        top: 10px;
        right: 0;
        margin: 0;
    }

    header .right p.phone {
        font-size: 16px;
        right: 135px;
        top: -19px;
        margin-top: 0;
    }

    #content .bxslider ul li {

        height: 470px;
    }

    #help .tabs .content {
        width: 662px;
    }

    #help .tabs .content .tabs2 .button {
        width: 130px;
    }

    .arrow-item:after {

        width: 748px;
        height: 75px;
    }

    .arrow-item {
        padding-top: 47px;
    }

    .arrow-item a.arrow {
        padding-left: 26px;
        padding-top: 15px;
        width: 181px;
        height: 46px;
    }

    .arrow-item a.arrow.selected, .arrow-item a.arrow:hover {
        width: 181px;
        height: 46px;
        background-position: 0 -46px;
    }

    .arrow1 {
        margin-left: 31px;
    }

    .arrow2, .arrow3, .arrow4 {
        margin-left: -11px;
    }

    .arrow-container .content {
        width: 671px;
        background: #fff;
        padding: 20px;
        margin-top: 3px;
        float: left;
        margin-left: 38px;
    }

    .our-approach #different .desc {
        max-width: 730px;
    }

}

@media (max-width: 991px) {

    .container, #exp .container, #different .container, #authors .container, #author .container, #advice .container, #advice .container, #exp .container, #different .container {
        width: 748px;
        margin: 0 auto;
        position: relative;
    }

    header .logo, footer .logo {
        margin-left: -60px;
    }

    header .logo {
        width: 280px;
        margin-left: -40px;
        margin-top: 5px;
    }

    header .logo img {
        width: 100%;
    }

    header nav#basic {
        margin-top: 68px;
        margin-left: 10px;
    }

    header .right {
        margin-top: -55px;
        margin-right: -41px;
    }

    #content .bxslider ul li {

        height: 370px;
    }

    header nav#main {
        bottom: -172px;
        right: 0;
    }

    #exp .box-container .content, #different .box-container .content {
        width: 419px;
        height: auto;
    }

    #exp .box-container .box-item, #different .box-container .box-item {
        width: 290px;
    }

    #exp .box-container .box, #different .box-container .box {
        width: 140px;
        height: 90px;
    }

    #exp .box-container .box p, #different .box-container .box p {
        font-size: 12px;
        top: 0;
    }

    #exp .desc, #different .desc {
        max-width: 680px;
    }

    #advice h3 {
        width: 60%;
    }

    #advice .movie {
        margin-top: -150px;
    }
    
    #help {
    	min-height: 1000px;
    }

    #help .tabs .content .tabs2 .button {
        height: 104px;
        width: 102px;
    }

    #help .tabs .content .tabs2 .content {
        top: 107px;
    }

    #help .tabs .content .tabs2 .content {
        width: 664px;
    }

    #help .tabs .content {
        width: 522px;
    }

    #help .tabs .content .tabs2 .content .text {
        width: auto;
    }

    #help .tabs .content#boxy2 {
        width: 678px;
    }

    header nav#main #boxs1 {

        width: 473px;

    }

    header nav#main #boxs2, header nav#main #boxs3 {
        left: 0;
    }

    footer {
        margin-top: 0 !important;
    }

    .help {
        display: none;
    }

    #advice .header h1 {
        font-size: 25px;
    }
    

	#authors .team-left {
		width: 478px;
	}

	#authors .team-right {
		width: 229px;
	}
}

@media (max-width: 767px) {

    .kenburnimg {
        display: none;
    }

    .tp-bgimg {
        background-size: cover !important;
    }

    .slot > .slotslide > div {
        display: none;
    }

    #help .tabs .content .tabs2 {
        float: left;
        width: 100%;
    }

    header {
        height: 72px;
        min-height: 0;
        border: 0;
    }

    .container {
        width: 100%;
        padding: 0 28px;
        margin: 0 auto;
        position: relative;
    }

    #advice .container {
        width: 100%;
    }

    header .logo, footer .logo {
        margin-left: -25px;
        margin-top: 0;
        width: 220px;
        display: block;
        height: 72px;
    }

    header .logo img {
        width: 100%;
        height: auto;
        margin-top: -15px;
    }

    header nav#basic {
        display: none;
    }

    header .right {
        display: none;
    }

    #content .bxslider ul li {
        height: 370px;
    }

    header nav#main {
        bottom: -172px;
        right: 0;
    }

    .trigger {
        display: block;
        background: url(img/mobile.png) no-repeat;
        width: 28px;
        height: 25px;
        position: relative;
        margin-top: 19px;
        float: right;
        margin-right: 5px;

    }

    .phone-mobile {
        font-size: 16.5px;
        color: #fff;
        margin-top: 0;
        clear: both;
        font-weight: 600;
        height: 30px;
        width: 100%;
        letter-spacing: 1px;
        line-height: 30px;
        text-align: right;
        background: #00729c;
        display: block;
        float: left;
        padding-right: 28px;
        position: relative;
        z-index: 5;
    }

    .phone-mobile a {
        color: #fff;
    }

    #content .bxslider ul li {
        height: 265px;
    }

    #content .bxslider ul li span {
        font-size: 20.5px;
        line-height: 22.5px;
    }

    #content .bxslider ul li span {
        margin-top: 25px;
        margin-left: 0;
    }

    header nav#main {
        top: 348px;
        right: 0;
        position: absolute;
        width: 100%;
    }

    header nav#main #boxs2 ul, header nav#main #boxs3 ul {
        width: 100%;
        top: 0;
    }

    header nav#main #boxs3 {
        left: 0;
        right: 0;
        width: 100%;
    }

    #help .tabs .content .tabs2 .button {
        margin-left: 0;
    }

    header nav#main #boxs2 ul li, header nav#main #boxs3 ul li {
        text-align: center;
        width: 100%;
    }

    header nav#main #boxs2, header nav#main #boxs3 {
        left: 0;
        width: 100%;
    }

    footer {
        margin-top: 97px;
    }

    footer nav#footer ul li a {
        color: #fff;
    }

    footer nav#footer {
        float: none;
        text-align: center;
        margin: 0 auto;
        padding-top: 24px;
        width: 100%;
        clear: both;
        position: relative;

    }

    footer .logo {
        margin: 0 auto;
        margin-top: 140px;
        clear: both;
        display: block;
        float: none;
    }

    footer .copyright {
        float: none;
        margin-top: 0;
        margin-left: 2px;
        text-align: center;
    }

    header nav#main ul li {
        border-bottom: 2px solid #fff;
        margin-left: 0;
    }

    header nav#main #boxs1 {
        position: relative;
        z-index: 99;
        top: 125px;
    }

    header nav#main #boxs1 h4 {
        margin-top: -77px;
        float: left;
        clear: both;
        display: block;
    }

    header nav#main #boxs2 {
        top: 86px;
        z-index: 99;
    }

    header nav#main #boxs3 {
        top: 86px;
        z-index: 99;
    }

    header nav#main ul li .button.item3 {
        z-index: 50;
    }

    #mobile {
        top: 67px;
        float: left;
        position: absolute;
        display: none;
        z-index: 99;
        right: 0;
        left: 0;
        text-align: center;
        background: rgba(3, 67, 90, 0.9);

    }

    #mobile ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: center;

    }

    #mobile ul li {
        display: block;

        text-align: center;
        padding: 15px;
    }

    #mobile ul li a {
        font-size: 14.5px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
    }

    #mobile .menu-item-255 > a {
        display: none;
    }

    #mobile .menu-item-has-children {
        padding: 0;
    }

    #mobile > .menu {
        padding: 15px 0;
    }

    #mobile ul li a:hover {
        color: #00aef0;
    }

    #mobile ul li:first-child {
        margin-left: 0;
    }

    #content .bxslider ul li {
        height: 250px;
        background-size: cover !important;
    }

    .phone-mobile .back {
        font-weight: 400;
        float: left;
        margin-left: 43px;
        font-size: 15px;
        position: relative;
    }

    .phone-mobile .number {
        font-weight: 500;
    }

    .phone-mobile .back a {
        color: #fff;
    }

    .phone-mobile .back:before {
        content: '';
        background: url(img/arrow-back.png) no-repeat;
        width: 4.5px;
        height: 12.5px;
        display: block;
        position: absolute;
        left: -13px;
        top: 9px;
        background-size: 100%;
    }

    .home #page header nav#main {
        display: block !important;
    }

    #page header nav#main {
        display: none;
    }

    #advice .header {
        width: 100%;
        background-size: cover;
        height: 117px;
        background-position: center;
    }

    #advice .header h1 {
        color: #20313a;
        font-size: 20px;
        line-height: 24px;
        position: relative;
        top: 80px;
        width: 100%;
    }

    #advice h3 {
        font-size: 12.5px;
        line-height: 16.5px;
        color: #20313a;
        font-weight: 400;
        padding-top: 69px;
        padding-left: 2px;
        padding-bottom: 10px;
        margin-left: 0;
        margin-top: 19px;
        width: 100%;
    }

    #advice .movie, #author .movie {
        display: block;
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
        clear: both;
        float: none;
        width: 100%;
        height: auto;
    }
    
    #author .movie {
    	height: 300px;
    }

    #author .author-container, #advice .author-container {
        margin-left: 0;
    }

    #advice .header {
        margin-top: -76px;
    }

    .subpage #page footer {
        margin-top: 0;
    }

    #help h1 {
        margin-left: 0;
        font-size: 22px;
        line-height: 24px;
        font-weight: 400;
        width: 100%;
    }

    #help .tabs {
        margin-top: 5px;
        margin-left: auto;
        float: none;
        position: relative;
        margin-right: auto;
        overflow: visible;
    }

    #boxy2 {
        width: 100% !important;
    }

    #help .color {
        display: block;
    }

    .boxy-buttons {
        float: none;
        margin-right: 0;
    }

    #help .tabs .button {
        width: 100%;
        margin-bottom: 3px;
        z-index: 99;
    }

    #help .tabs .content {
        left: auto;
        position: relative;
        width: 100% !important;
        top: auto;
        overflow: visible;
        float: left;
    }

    #help .tabs .content#boxy2x {

        overflow: visible;
        height: auto;
        float: left;
        margin-top: -1px;
    }

    .jspContainer, #help .tabs .content .text {
        width: 100% !important;
    }

    #help {
        min-height: 884px;
    }

    .home.home footer {
        display: none;
    }

    .home.home header nav#main ul li.held {
        display: block !important;
    }

    .home.home header nav#main ul li.held footer {
        display: block !important;
    }

    header nav#main ul li {
        margin-left: 0;
    }

    header nav#main ul li.held footer ul li {
        border-bottom: 0;
        margin-left: 17px;
    }

    header nav#main ul {
        float: none;
    }

    #help .tabs .content .tabs2 .button {
        clear: both;
        font-size: 11px;
        line-height: 12px;
        padding-right: 30%;
        height: 54px;
        width: 100% !important;
        padding-top: 9px;
    }

    #help .tabs .content .tabs2 .content {
        top: auto;
        height: 249px;
        overflow: hidden;
        position: relative;
        left: auto;
        z-index: 95;
    }

    #help .tabs .content .tabs2 .content .text {
        width: 100% !important;
    }

    #exp .container, #different .container, #authors .container {
        width: 100%;
    }

    #exp .box-container .box-item, #different .box-container .box-item {
        width: 100%;
    }

    #exp .box-container .box, #different .box-container .box {
        width: 100%;
        margin: 1px auto;
        float: left;
        clear: both;
    }

    #exp .box-container, #different .box-container {
        float: none;
        margin-top: 3px;
        margin-left: auto;
        padding-bottom: 150px;
        margin-right: auto;
        display: table;
        width: 100%;
    }

    #exp .box-container .content, #different .box-container .content, #authors p {
        width: 100%;
        margin-left: 0;
    }

    #exp .box-container .content iframe, #different .box-container .content iframe, #author .container, #advice .container, #advice .container, #exp .container, #different .container {
        width: 100%;
    }

    #authors .team .worker {
        clear: both;
    }

    #authors .team {
        width: auto;
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: table;
    }

    #author .author-container .ezcol, #advice .author-container .ezcol {
        width: 100%;
        margin-right: 0;
        float: none;
        display: inline;
        clear: both;
    }

    #author .author, #advice .author {
        margin-left: 0;
    }

    #help .tabs .content .movie {
        float: none;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    footer .copyright p {
        text-align: left;
        float: left;
        margin-left: 0;

    }

    footer .social {
        margin-right: 0;
        display: none;
        float: right;
        margin-top: -68px;
    }

    footer .social a {
        display: block;
        margin-left: 7px;
        cursor: pointer;
        float: left;
    }

    footer .social a.lin {
        background: url(img/lin.png) no-repeat;
        width: 21px;
        height: 21px;
        background-size: 100%;
    }

    footer .social a.fb {
        background: url(img/fb.png) no-repeat;
        width: 21px;
        height: 21px;
        background-size: 100%;
    }

    footer .social a.twit {
        background: url(img/twit.png) no-repeat;
        width: 21px;
        height: 21px;
        margin-top: 0;
        background-size: 100%;
    }

    #content .bxslider .motto {
        font-size: 24px;
        margin-left: 0;
        margin-top: 25px;
        top: -1px;
        left: 5px;
        line-height: 30px;
    }

    #exp .box-container, #different .box-container {
        padding-bottom: 30px;
    }

    .rev_slider {
        height: 250px !important;
    }

    .held {
        display: block;
    }

    .nav-main #boxs1, .nav-main #boxs2, .nav-main #boxs3 {
        display: none;
    }

    .nav-main li #boxs1, .nav-main li #boxs2, .nav-main li #boxs3 {
        display: block;
    }

    header nav#main #boxs1 {
        margin-top: 1px;
        padding-bottom: 37px;
        position: relative;
        top: auto;
        float: left;
        clear: both
    }

    header nav#main #boxs1 h4 {
        margin-top: 1px;
    }

    header nav#main #boxs2 {
        top: 1px;
        z-index: 99;
        position: relative;
        float: left;
        clear: both;
        margin-top: -41px;
        padding-bottom: 37px;
    }

    header nav#main #boxs3 {
        top: auto;
        z-index: 99;
        margin-top: 0;
        position: relative;
        float: left;
        clear: both;
    }

    .button.item1, .button.item2, .button.item3 {
        z-index: 100 !important;
    }

    .box-item .idTabs .content, #help .tabs .content .tabs2 .content {
        display: none;
    }

    #help .tabs .content#boxy2 {
        top: auto;
        z-index: 99;
    }

    header nav#main ul li .button.item2 {
        background: #00aef0;
        padding-bottom: 5px;
        margin-bottom: 0;
        height: 40px;
    }

    header nav#main #boxs1 {
        width: 100%;
    }

    header nav#main ul {
        float: left;
    }

    .desktop, .pc {
        display: none !important;
    }

    .arrow-item:after {
        display: none;
    }

    .arrow-item {
        padding-top: 0;
    }

    .arrow-item a.arrow {
        padding-left: 28px;
        padding-top: 15px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5px;
        margin-bottom: 5px;
        float: none;
        display: block;
        clear: both;
    }

    .arrow1 {
        margin-left: 0;
    }

    .arrow2, .arrow3, .arrow4 {
        margin-left: 0;
    }

    .arrow-container .content {
        width: 100%;
        background: #fff;
        padding: 20px;
        margin-top: 3px;
        float: left;
        margin-left: 0;
        margin-bottom: 10px;
        height: auto;
    }

    #advice .author-container {
        margin-top: 120px;
    }

    #advice .author-container, #advice .right-container, #author .author-container, #author .right-container {
        float: none;
        clear: both;
        width: auto;
    }

    .aside,
    .blog-content,
    .post-content {
        float: none;
        width: 100%;
        clear: both;
    }

    .aside,
    #blog h1 {
        margin-top: 20px;
        margin-bottom: 0;
    }

	#authors .team-left,
	#authors .team-right {
		float: none;
		width: auto;
	}

	#authors .team-right img {
		display: block;
		margin: 0 auto;
		width: 229px;
	}
	
	#commentform label,
	#commentform input,
	#commentform textarea {
		width: 100%;
	}
}

#different .box-item #box1 {
    background: #20313a !important;
}