* a:focus {
    outline: 0;
    text-decoration: none;
}

/***********************
*** Fonts
***********************/

@font-face {
    font-family: 'FuturaStd-Book';
    src: url('fonts/FuturaStd-Book.eot?') format('eot'),
         url('fonts/FuturaStd-Book.otf')  format('opentype'),
         url('fonts/FuturaStd-Book.woff') format('woff'),
         url('fonts/FuturaStd-Book.ttf')  format('truetype'),
         url('fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
}


@font-face {
    font-family: 'FuturaStd-BookOblique';
    src: url('fonts/FuturaStd-BookOblique.eot?') format('eot'),
         url('fonts/FuturaStd-BookOblique.otf')  format('opentype'),
         url('fonts/FuturaStd-BookOblique.woff') format('woff'),
         url('fonts/FuturaStd-BookOblique.ttf')  format('truetype'),
         url('fonts/FuturaStd-BookOblique.svg#FuturaStd-BookOblique') format('svg');
}

@font-face {
    font-family: 'FuturaStd-Light';
    src: url('fonts/FuturaStd-Light.eot?') format('eot'),
         url('fonts/FuturaStd-Light.otf')  format('opentype'),
         url('fonts/FuturaStd-Light.woff') format('woff'),
         url('fonts/FuturaStd-Light.ttf')  format('truetype'),
         url('fonts/FuturaStd-Light.svg#FuturaStd-Light') format('svg');
}


@font-face {
    font-family: 'FuturaStd-LightOblique';
    src: url('fonts/FuturaStd-LightOblique.eot?') format('eot'),
         url('fonts/FuturaStd-LightOblique.otf')  format('opentype'),
         url('fonts/FuturaStd-LightOblique.woff') format('woff'),
         url('fonts/FuturaStd-LightOblique.ttf')  format('truetype'),
         url('fonts/FuturaStd-LightOblique.svg#FuturaStd-LightOblique') format('svg');
}


@font-face {
    font-family: 'FuturaStd-Medium';
    src: url('fonts/FuturaStd-Medium.eot?') format('eot'),
         url('fonts/FuturaStd-Medium.otf')  format('opentype'),
         url('fonts/FuturaStd-Medium.woff') format('woff'),
         url('fonts/FuturaStd-Medium.ttf')  format('truetype'),
         url('fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
}

@font-face {
    font-family: 'FuturaStd-MediumOblique';
    src: url('fonts/FuturaStd-MediumOblique.eot?') format('eot'),
         url('fonts/FuturaStd-MediumOblique.otf')  format('opentype'),
         url('fonts/FuturaStd-MediumOblique.woff') format('woff'),
         url('fonts/FuturaStd-MediumOblique.ttf')  format('truetype'),
         url('fonts/FuturaStd-MediumOblique.svg#FuturaStd-MediumOblique') format('svg');
}

@font-face {
    font-family: 'FuturaStd-Bold';
    src: url('fonts/FuturaStd-Bold.eot?') format('eot'),
         url('fonts/FuturaStd-Bold.otf')  format('opentype'),
         url('fonts/FuturaStd-Bold.woff') format('woff'),
         url('fonts/FuturaStd-Bold.ttf')  format('truetype'),
         url('fonts/FuturaStd-Bold.svg#FuturaStd-Bold') format('svg');
}

@font-face {
    font-family: 'garamondregular';
    src: url('fonts/garamond_regular-webfont.eot');
    src: url('fonts/garamond_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/garamond_regular-webfont.woff') format('woff'),
         url('fonts/garamond_regular-webfont.ttf') format('truetype'),
         url('fonts/garamond_regular-webfont.svg#garamondregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/***********************
*** General
***********************/


body {
    font-family: 'FuturaStd-Book';
    font-size: 20px;
    padding-top: 150px;
    color: #3c3c3c;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
}

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    max-width: 930px;
    margin: 0 auto;
    height: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  section {
    height: auto;
  }

a:hover {
    text-decoration: none;
}

.arr {
    padding-right: 22px;
    background: url(../img/icons/arr.png) no-repeat right center;
}
.arr-light {
    padding-right: 28px;
    background: url(../img/icons/arr-light.png) no-repeat right 3px;
}

.go {
    font-family: 'FuturaStd-Medium';
    display: inline-block;
    font-size: 25px;
    color: #139cbe;
}

.box h1 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: normal;
    font-family: 'FuturaStd-Light';
}
.box h1 strong {
    font-weight: normal;
    font-family: 'FuturaStd-Medium';

}

.box .box-left, .box .box-right {
    float: left;
}

.triangle {
    width: 178px;
    height: 178px;
    display: inline-block;
    position: absolute;
    background: url(../img/icons/triangle.png) no-repeat right top;
    top: -20px;
    right: 0;
    text-align: right;
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 13px 21px 0 75px;
    font-weight: normal;
    font-family: 'FuturaStd-Medium';
    font-size: 26px;
    line-height: 30px;
}


/* nav fix */
.nav>li>a:hover, .nav>li>a:focus {
    background: none;
}

.b-close {
    position: relative;
    float: right;
    cursor: pointer;
    color: #1cb2d7;
    font-size: 18px;
    top: -32px;
    text-transform: uppercase;
    font-family: 'FuturaStd-Medium';
    left: 32px;
}
.b-modal {
    display: none !important;
}

.my-modal {
    margin: 0 auto;
    display: none;
    padding: 40px;
    background: #fff;
    width: 930px;
    box-shadow: 0 0 10px #444;
}

.my-modal h1 {
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 35px;
}
.my-modal table td {
    padding-bottom: 4px;
}
.my-modal table td.title {
    font-family: 'FuturaStd-Book';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}
.my-modal table td.top-space {
    padding-top: 30px;
}

.my-modal table {
    font-family: 'garamondregular';
    font-size: 22px;
}

/***********************
*** Header area
***********************/
header {
    color: #a9a9a9;
    width: 100%;
    height: 117px;
    padding-top: 25px;
    word-spacing: 7px;
    position: fixed;
    top: 0;
    z-index: 8999;
}


header .buy-book {
    float: right;
}
header .buy-book a {
    color: #1cb2d7;
    font-size: 19px;
    font-family: 'FuturaStd-Medium';
    text-transform: uppercase;
    position: relative;
    left: 32px;
}
header .buy-book span.top-text {
    position: relative;
    top: -46px;
}
header .buy-book .book {
    position: relative;
    top: -13px;
    left: -15px;
}

header .Tnav {
    float: left;
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
}

header .Tnav li {
    float: left;
    font-size: 19px;
    text-transform: uppercase;
    background: url(../img/icons/line.png) no-repeat left center;
}
header .Tnav li:first-child {
    background: none;
}

header .Tnav li > a {
    color: #a9a9a9;
    padding: 0 10px 0 10px;
}
header .Tnav li > a:hover, header .Tnav li.active > a, header .Tnav li.current_page_item > a {
    color: #fff;
    text-decoration: none;
}



/***********************
*** Rotated backgrounds
***********************/
.bg-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
}
.rotated-bg {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(2deg);
       -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
    width: 300%;
    height: 100%;
    overflow: hidden;
    margin-left: -50%;
    top:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .no-touch .rotated-bg {
        -webkit-backface-visibility: hidden;
    }

    /* Safari only override */
    ::i-block-chrome,.no-touch .rotated-bg {
        -webkit-backface-visibility: visible;
    }
}
.touch .rotated-bg {
    -webkit-backface-visibility: hidden !important;
}

.rotated-bg.dark {
    background-color: #575757;
    -webkit-box-shadow: inset 0 -8px 10px 0px #333;
    -moz-box-shadow: inset 0 -8px 10px 0px #333;
    box-shadow: inset 0 -8px 10px 0px #333;
}

.rotated-bg.blue {
    background-color: #1cb2d7;
    -webkit-box-shadow: inset 0 -8px 10px 0px #777;
    -moz-box-shadow: inset 0 -8px 10px 0px #777;
    box-shadow: inset 0 2px 7px 0px #777;
}

.rotated-bg.grey {
    background-color: #575757;
    -webkit-box-shadow: inset 0 -8px 10px 0px #111;
    -moz-box-shadow: inset 0 -8px 10px 0px #111;
    box-shadow: inset 0 2px 7px 0px #111;
}


.rotated-bg.top {
    height: 50%;

    -webkit-transform: rotate(-2deg);
       -moz-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
         -o-transform: rotate(-2deg);
            transform: rotate(-2deg);
}

.rotated-bg.bottom.blue {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.rotated-bg.bottom {
    top: auto;
    bottom: 0;
    height: 50%;
    -webkit-transform: rotate(2deg);
       -moz-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
         -o-transform: rotate(2deg);
            transform: rotate(2deg);

}

hr.rotated {
    -webkit-transform: rotate(-4deg);
       -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
    position: relative;
    top: -50px;
}


.rotated-bg.left {
    -webkit-transform: rotate(-4deg);
       -moz-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
         -o-transform: rotate(-4deg);
            transform: rotate(-4deg);
    height: 84%;
}


/***********************
*** Main content
***********************/

.box {
    position: relative;
    display: block;
}

.big-text {
    margin-top: 22px;
    text-align: left;
    float: left;
    width: 56%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1%;
}
.big-text h1 {
    font-weight: normal;
    font-size: 48px;
    line-height: 58px;
}

.big-text .light {
    font-family: 'FuturaStd-LightOblique';
}
.big-text .bold {
    font-family: 'FuturaStd-MediumOblique';
}
.big-text a {
    font-size:22px;
}

.book-img {
    margin-top: 35px;
    margin-left: 27px;
    margin-top: 65px;
    position: relative;
    float: left;
    height: 490px;
}
.box-right .book-img {
    float: none;
    height: auto;
}


/***********************
*** Intro
***********************/

.intro {
    padding: 80px 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro .intro-left {
    float: left;
    width: 50%;
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0px;
}

.intro .intro-right {
    float: left;
    width: 50%;
    font-size: 19px;
    padding: 12px 0 0 21px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    word-spacing: 2px;
    line-height: 26px;
    color: #fff;
}

.intro .intro-right p {
    margin-bottom: 26px;
}

.intro .circle {
    background:  url(../img/bg/circle.png) no-repeat;
    width: 157px;
    height: 156px;
    margin: 61px 0 -165px 90px;
    letter-spacing: 1px;
    font-family: 'FuturaStd-Bold';
    text-align: center;
    padding: 47px 20px;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    display: block;
    position: relative;
    top: -400px;
    float: left;
}


.read-more {
    text-transform: uppercase;
    display: inline-block;
    padding-right: 20px;
    color: #434343;
    font-family: 'FuturaStd-Medium';
    font-size: 26px;
    background: url(../img/icons/arr2.png) no-repeat right 45%;
}


/***********************
*** Phone & person
***********************/
.phone .phone-img {
    float: left;
    position: relative;
    top: -120px;
    padding-left: 48px;
    margin-bottom: -120px;
    height: 444px;
}
.phone .phone-text {
    float: left;
    width: 71%;
    padding: 5px 0 0 60px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.phone p, .person p {
    margin-top: 18px;
}
.phone .go, .person .go {
    margin-top: 26px;
}

.person {
    /*margin-top: -120px;*/
    padding-left: 20px;
    margin-bottom: -52px;
    z-index: 10;
    position: relative;

}
.person-info {
    float: left;
    width: 65%;
    line-height: 25px;
}
.person-image {
    margin-top: -39px;
    margin-left: 50px;
    display: inline-block;
    height: 282px;
    position: relative;
    top: 1px;
}

/***********************
*** Blog box
***********************/
.blog {
    background: #fff;
}
.left-blog {
    float:left;
}
.blog-summary {
    width: 455px;
    height: 136px;
    padding: 20px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.blog-summary.active, .right-blog {
    background:#FaFaFa;
    -webkit-box-shadow: 5px 5px 0px 0px #E8E8E8;
    box-shadow: 5px 5px 0px 0px #E8E8E8;
}
.blog-summary.active .arrow {
    height: 31px;
    width: 20px;
    background: url(../img/icons/arrow-shadow.png) 0 0 no-repeat;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -16px;
}
.left-blog .blog-image {
    margin-right: 20px;
    float: left;
}
.left-blog .blog-image img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.left-blog .blog-info {
    width: 280px;
    float: right;
}
.left-blog .blog-title {
    height:60px;
    border-bottom: 1px solid #F5F0EF;
}
.left-blog .blog-title h2 {   
    font-size: 16px;
    line-height: 23px;
    margin:0;
    padding:0;
}
.left-blog .blog-title h2 a {
    text-transform: none;
}
.blog-detail .left, .blog-detail .right {
    margin-top:10px;
}
.blog-detail .left {
    width: 157px;
    float: left;
}
.blog-meta {
    color:#A4B2B5;
    font-size: 12px;
    line-height:1.5em;
}
.meta-title {
    font-weight: bold;
}
.meta-title, .meta-value {
    display:inline-block;
}
.blog-meta.two {
    margin-top:10px;
}
.blog-detail .right {
    float:right;
}
.right-blog {
    display: none;
    width:410px;
    float:right;
    height:530px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.right-blog.active {
    display:block;
}
.right-blog .blog-image img { 
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.blog-excerpt {
    background:#FaFaFa;
    padding:20px;
}
.blog-excerpt p {
    font-size: 14px;
    line-height: 23px;
    color: #8D8D8D;
}
.continue-reading {
    margin-top:20px;
}

.blog-btn {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 20px;
    text-align: center;
    margin-top: 10px;
    color: #A7AFB0 !important;
    background: #DDE3E4 !important;
    border-color: #DDE3E4 !important;
    border: none;
    margin: 0;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    border-width: 3px;
    border-style: solid;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.blog-btn:hover {
    background: #1cb2d7 !important;
    border-color: #1cb2d7 !important;
    color: #FFF !important;
}

.full-blog {
    
}
.full-blog a {
    color:#fff;
    margin:25px 0;
    clear:both;
    width:100%;
    background:#1cb2d7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;   
    text-align: center;
    font-size:16px;
    font-weight:600;
    line-height: 46px;
    display: block;
}


/***********************
*** Share box
***********************/
.share a {
    color: #fff;
    font-family: 'FuturaStd-Bold';
}
.share {
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.share > .column {
    float: right;
    width: 31%;
    list-style: none;
    margin: 0;
    margin: 154px 0 154px 13px;
}
.share ul {
    list-style: none;
    margin:0;
}
.share > .column ul > li {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 25px;
}
.share .social-media > li a {
    color: #fff;
    font-family: 'FuturaStd-Medium';
    font-size: 25px;
    display: inline-block;
}

.fb, .twitter {
    background: url(../img/icons/facebook.png) left center  no-repeat;
    height: 50px;
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 13px;
}
.twitter {
    background: url(../img/icons/twitter.png) left center  no-repeat;
}

.share .text {
    font-family: 'FuturaStd-Light';
    font-size: 30px;
    color: #fff;
    line-height: 45px;
    margin-bottom: 35px;
}

.share .text .strong {
    font-family: 'FuturaStd-Medium';
}


.share .testimonials li {
    padding-right: 25px;
}


.share .testimonials .title {
    font-family: 'FuturaStd-Bold';
    font-size: 19px;
    color: #fff;
    margin-bottom: 7px;
}
.share .testimonials p strong {
    font-family: 'FuturaStd-Bold';
    font-weight: normal;
}
.share .testimonials p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 1px;
}
.share .testimonials .date {
    color: #fff;
    font-size: 12px;
}
.share .testimonials .date2 {
    font-size: 16px;
    color:#fff;
}




.sidebar_img {
    display: block;
    margin-top: 70px;
}

.thebook .box-left {
    padding-top: 40px;
}

/***********************
*** Footer main page
***********************/
footer {
    text-align: center;
    margin-bottom: 200px;
}


footer h1 {
    color: #717171;
    font-weight: normal;
    font-family: 'FuturaStd-Light';
    text-transform: uppercase;
    font-size: 48px;
    margin: 22px auto;
    line-height: 58px;
}




/***********************
*** The Book page
***********************/

.box .box-left {
    width: 67%;
    padding-right: 2%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.box .box-right {
    width: 33%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.box h2 {
    margin-bottom: 25px;
}

.box .box-left p {
    line-height: 25px;
}
.box p.notice {
    font-family: 'FuturaStd-Bold';
    color: #1cb2d7;
    margin: 50px 0;
}

.box-right .triangle {
    background-size: 111px 111px;
    width: 111px;
    height: 111px;
    font-size: 16px;
    padding: 8px 10px 0 15px;
    line-height: 19px;
}

.order-today {
    width: 230px;
    display: block;
    border: 10px solid #1cb2d7;
    color: #1cb2d7;
    text-align: center;
    padding: 15px;
    font-family: 'FuturaStd-Bold';
    text-transform: uppercase;
    font-size: 19px;
    line-height: 24px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.order-today-image {
    float:left;
    width:100%;
    text-align: center;
}


.look_inside {
    display: block;
    position: relative;
    left: -37px;
}


.quotes-box p strong {
    font-family: 'FuturaStd-Bold';
    font-weight: normal;
    font-size: 13px;
}
.quotes-box {
    padding: 80px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    font-size: 19px;
    margin-bottom: 100px;
}

ul.Hrow {
    margin: 0;
    clear: both;
    overflow: hidden;
    list-style: none;
}
ul.Hrow li:first-child {
    padding-left: 0;
}
ul.Hrow li {
    width: 33%;
    padding-right: 1%;
    float: left;
    line-height: 23px;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.quotes-box h2 {
    margin-bottom: 33px;
}


/***********************
*** author
***********************/
.box .author {
    font-family: 'FuturaStd-Bold';
    color: #1cb2d7;
    font-size: 22px;
}
.transformed-box {
    width: 298px;
    height: 214px;
    margin-top: 60px;
    margin-bottom: 30px;
}
.transformed-box img {
    position: relative;
    top: -77px;
    left: 26px;
}


/***********************
*** app info
***********************/
.app-info {
    font-size: 145px;
    font-family: 'FuturaStd-Light';
    text-align: center;
    margin: 200px 0;
    font-weight: normal;
}


.box .uppercase {
    text-transform: uppercase;
    margin-bottom: 25px;
}


/***********************
*** Press
***********************/
.press {
    padding-top: 40px;
}
.press .Hrow li {
    width: 32%;
    text-align: center;
    margin-right: 1%;
}

.press .Hrow li p {
    text-transform: uppercase;
    margin-top: 25px;
    min-height: 60px;
    font-family: 'FuturaStd-Medium';
    font-size: 15px;
}

.press .Hrow {
    margin: 75px 0;
}

.press .Hrow li img {
    height: 127px;
}

.press .go {
    text-transform: uppercase;
}



.videos {
    max-width: 640px;
    padding: 151px 0;
    text-align: center;
}



/***********************
*** Custom pages
***********************/
.theauthor {
    padding-top: 40px;
}



/***********************
*** Blog page, archive page, category page
***********************/
#inner-content {
    max-width: 1170px;
    margin: 0 auto;
}
#header-bg {
    width: 770px;
    height: 225px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}
.header-padding {
    margin:0 20px;
    border-bottom: 1px solid #E8E8E8;
}
.header-padding h1 {
    font-size:21px;
    margin-bottom: 0;
}
.header-padding p {
    color: #7B8A8E;
    font-size:12px;
    font-weight:600;
}
.header-padding p a {
    color:#9AACB0;
    font-weight:normal;
}
#main {
    float:left;
    width:770px;
    padding:25px 0;
}
#main-sidebar {
    float:right;
    max-width: 360px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.article-container, .comment-body, .comment-author img {
    background:#FaFaFa;
    -webkit-box-shadow: 5px 5px 0px 0px #E8E8E8;
    box-shadow: 5px 5px 0px 0px #E8E8E8;
    border-radius:3px;
}

.entry-content, #respond, .comment-body p {
    margin:10px 20px 20px;
    color:#8C8C8C;
    font-family: arial, tahoma !important;
    line-height: 23px;
    font-size: 14px;
    padding:10px 0 20px;
}
#reply-title, .comments-title {
    color:#1cb2d7;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
}
#reply-title .break, .comments-title .break {
    background-color: #1cb2d7;
    height: 2px;
    width: 50px;
    display: block;
    margin-top: 10px;
}

#commentform input, #commentform textarea {
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    background: #FaFaFa;
    -webkit-box-shadow: 5px 5px 0px 0px #E8E8E8;
    box-shadow: 5px 5px 0px 0px #E8E8E8;
    height: 50px;
    font-size: 14px;
    outline: 0;
    font-family: arial, tahoma, verdana;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-writing-mode: horizontal-tb;
    font: -webkit-small-control;
    color: #8F8F8F;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;
    -webkit-appearance: textfield;
    border: 0;
    margin: 0;
}
#commentform textarea {
    padding:15px;
    height:90px;
}

.comment-form-author {
    float:left;
    width:49%;
}
.comment-form-email {
    float:right;
    width:49%;
}

input#submit, .tse-btn, .wp-prev-next a {
    margin:10px 0 0;
    padding:10px 25px;
    background-color: #1cb2d7;
    color:#fff;
    border: none;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
    font-family: Arial;
    white-space: nowrap;
    cursor: pointer;
    width:auto;
    display: inline-block;
    vertical-align: top;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input#submit:hover, .tse-btn:hover, .wp-prev-next a:hover {
    background:rgb(19, 120, 170);
}
.reply-text a, .wp-prev-next a, a.tse-btn {
    color:#fff;
}
.reply-text a:hover, .wp-prev-next > div:hover a, a.tse-btn:hover {
    color:#fff;
}

.comment-list, .children {
    list-style:none;
}
.comment-body {
    padding: 20px;
    margin: 0 0 20px;
}
.comment-author img {
    margin-left: -50px;
    border-radius: 0;
}
.comment-author .fn {
    color: #34495E;
    font-size: 18px;
    font-weight: 900;
}
.comment-meta a, time.updated {
    color: #A4B0B4;
    font-size: 12px;
    font-family:arial;
    font-weight:normal;
}
.author-text-data {
    display:inline-block;
    margin-left:15px;
}
.reply-text, .moretag.tse-btn, .wp-prev-next li a {
    float:right;
    padding:10px 25px;
}
.comment-body p {
    margin: 10px 0 0 45px;
    padding: 0;
}
.moretag.tse-btn {
    float:none;
}
.wp-prev-next li.prev-link {
    float:left;
}
.wp-prev-next ul, .wp-prev-next li {
    list-style:none;
    margin:0;
    padding:0;
}









/***********************
*** Sidebar Widgets
***********************/
#main-sidebar li {
    list-style:none;
}

.widget-title {
    color:#1cb2d7;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom:0;
}
.widget-title .break {
    background-color: #1cb2d7;
    height: 2px;
    width: 50px;
    display: block;
    margin-top: 10px;
}
#main-sidebar ul, #main-sidebar ul li {
    list-style:none;
    padding:0;
    margin:0;
}
#main-sidebar ul li {
    padding: 10px 0;
    line-height: 22px;
    font-family: arial;
    font-size: 14px;
    font-weight: 600;
    color: #D0D0D0;
}
#main-sidebar ul li a {
    color:#8E8E8E;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#main-sidebar ul li a:hover {
    color:#1cb2d7;
}
#searchform {
    clear: both;
    overflow: hidden;
}
#searchform input[type=text] {
    height: 23px; 
    padding: 15px 10px;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none;
    width:285px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
    border-right:none;
}

#searchform #searchsubmit {
    width: 54px;
    height: 55px;
    float: right;
    cursor: pointer;
    background:#1cb2d7 url(../img/icons/search.png) center center no-repeat;
    border: none;
    -webkit-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}





/***********************
*** Responsive
***********************/

@media screen and (max-width: 1700px) {
    .person {
        margin-bottom: -45px;
    }
}
@media screen and (max-width: 1500px) {
    .person {
        margin-bottom: -38px;
     }
}
@media screen and (max-width: 1366px) {
    .person {
        margin-bottom: -32px;
    }
}

@media screen and (max-width: 1200px) {
    .rotated-bg {
        -webkit-transform: rotate(4deg);
           -moz-transform: rotate(4deg);
            -ms-transform: rotate(4deg);
             -o-transform: rotate(4deg);
                transform: rotate(4deg);
    }

    .rotated-bg.top {
        height: 50%;

        -webkit-transform: rotate(-3deg);
           -moz-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
             -o-transform: rotate(-3deg);
                transform: rotate(-3deg);
    }

    .rotated-bg.bottom.blue {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .rotated-bg.bottom {
        top: auto;
        bottom: 0;
        height: 50%;
        -webkit-transform: rotate(3deg);
           -moz-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
             -o-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    hr.rotated {
        -webkit-transform: rotate(-5deg);
           -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
             -o-transform: rotate(-5deg);
                transform: rotate(-5deg);
    }
    .person {
        margin-bottom: -27px;
    }


}

@media screen and (max-width: 1024px) {
    .person {
        margin-bottom: -21px;
    }
}

@media (max-width: 979px) and (min-width: 768px) {
    .container {
        width: 90%;
    }
}


@media (max-width: 980px){
    header {
        height: auto;
    }

    .book-img {
        width: 44%;
        height: auto;
    }
    .box-right .book-img {
        width: 90%;
    }
    .big-text {
        width: 50%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .big-text h1 {
        font-weight: normal;
        font-size: 60px;
        line-height: 70px;
    }
    .person-image {
        float: left;
        margin: 0;
        position: relative;
        top: 3px;
        width: 35%;
        height: auto;
    }
    .person {
        margin-top: 100px;
    }
    .phone .phone-text {
        width: 50%
    }
    .phone .phone-img {
        top: 0;
        padding-left: 0;
        width: 50%;
        height: auto;

    }
    hr.rotated {
        top: 66px;

    }

    .right-blog.active {
        float: left;
        margin-top: 2em;
    }
    .blog-summary.active .arrow {
        display: none;
    }
}
@media (max-width: 769px){
    body {
        padding-right: 0;
        padding-left: 0;
    }
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .book-img {
        width: auto;
    }

    .buy-book a img {
        display: none;
    }
    header {
        text-align: center;
    }
    header .Tnav {
        float: none;
        margin: 0 auto;
        margin-bottom: 63px;
        width: 100%;
    }
    header .buy-book {
        float: none;
    }
    header .buy-book span.top-text {
        top: -61px;
        margin: 0 auto;
    }
    header .Tnav li {
        float: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }


    header .buy-book a {
        left: 0;
    }
    .big-text {
        width: 90%;
        padding-left: 3%;
    }
    .big-text h1 {
        display: block;
        font-size: 36px;
        line-height: 36px;
    }
    .triangle {
        display: none;
    }

    .intro .intro-left {
        width: 100%;
        float: none;
    }
    .intro .intro-right {
        width: 100%;
        float: none;
        padding: 0;
        background-color: rgb(28, 178, 215);
    }

    .intro .circle {
        top: 0;
        margin: 0 auto;
        float: none;
    }


    hr.rotated {
        top: 73px;
    }
    .person {
        margin-top: 90px;
    }
    .person-info  {
        width: 50%;
    }

    .person-info p {
        display: none;
    }
    .share .testimonials {
        display: none;
    }
    .share .column {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        float: none;
    }
    .share .column {
        margin-top: 50px;
        list-style: none;
        margin:0;
        padding:0;
    }
    .share li {
        list-style: none;
    }
    .intro {
        padding: 80px 20px 40px 20px;
    }
    footer h1 {
        font-size: 28px;
        line-height: 41px;
    }
    .box .box-left {
        width: 100%;
    }
    .box .row .span2 {
        text-align: center;
    }
    .available {
        text-align: center;
    }

    .box .box-right {
        width: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .book-img {
        float: none;
    }
    .order-box {
        float: none;
        margin-bottom: 30px;
    }
    ul.Hrow li {
        width: 69%;
        float: none;
        margin: 0 auto;
    }
    .transformed-box {
        margin-left: auto;
        margin-right: auto;
    }
    .transformed-box img {
        top: -77px;
    }

    .app-info {
        font-size: 30px;
    }
    iframe {
        z-index: 10;
    }
    .press .Hrow li {
        margin-right: auto;
        margin-left: auto;
    }
    .my-modal {
        max-width: 80%;
    }
}


@media (max-width: 625px){
    header .Tnav li:nth-child(4) {
        background: none;
    }
    .blog-summary {
        width:100%;
        height:auto;
        margin-bottom:1em;
        padding:0;
        clear:both;
        margin-bottom: 2em;
        padding-bottom: 1em;
        border-bottom: 1px solid #F5F0EF;
    }
    .blog-summary.active {
        background:#fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .left-blog .blog-title {
        height:auto;
        border:none;
    }
    .blog-image {
        margin-bottom:1em;
    }
    .left-blog .blog-info {
        float:left;
        width:100%;
    }
    .blog-detail .left {
        width:100%;
    }
    .blog-detail .right {
        float:left;
        width:100%;
    }
    .right-blog {
        width: 100%;
    }
}
@media (max-width: 550px){
    .person-info {
        width: 40%;
    }

    .share .column {
        width: 80%;
    }

    ul.Hrow li {
        width: 90%;
    }
    header .Tnav li > a {
        padding: 0 6px 0 6px;
    }

}


@media (max-width: 480px){
    body {
        padding-top: 210px;
    }
    hr.rotated {
        top: 10px;
    }

    .big-text h1 {
        font-size: 30px;
    }
    .order-today {
        margin-bottom: 20px;
    }
    .press .Hrow li {
        width: 70%;
    }

    .transformed-box img {
        left: 14px;
    }
    .person-image {
        top: 0;
        margin-top: 30px;
        width: 56%;
    }
    .phone .phone-img {
        width: 35%;
    }
    .phone .phone-text {
        width: 65%;
    }
    .person .go {
        display: inline-block;
        margin-left: 30%;
    }

    .go {
        line-height: 29px;
    }
    ul.Hrow li {
        width: 100%;
    }
    footer h1 {
        font-size: 18px;
        line-height: 31px;
    }
    .go {
        font-size: 20px;
    }

    .book-img {
        margin-left: 0;
    }
    .transformed-box img {
        top: -36%;
    }
    .phone .phone-img {
        margin:0 1em 1em 0;
    }
    .phone .phone-text {
        width: 100%;
        padding: 0;
    }

}


/***********************
*** Ie fixes
***********************/

.lt-ie9 header .buy-book {
    margin-right:150px;
}
.lt-ie9 header .buy-book span.top-text.arr {
    top:-5px;
}
.lt-ie9 header .buy-book .book {
    top:-40px;
    left:170px;
}


.lt-ie9 hr.rotated {
    display: none;
}
.lt-ie9 .person {
    margin-bottom: 0;
    z-index: -1;
}
.lt-ie9 .person-image {
    position: relative;
    top: 20px;
    z-index: -1;
}

.lt-ie9 .share {
    z-index: 40;
}

/***********************
*** Other fixes
***********************/

.share > .column:first-child {
    margin-top: 196px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .share > .column:first-child {
        margin-top: 154px;
    }
}

/* buddypress fix*/
#register-page{
	width: 80%!important;
	margin: 0 auto;
}