/*
Theme Name: Pinnaclegaragedoors
Theme URI: http://www.pinnaclegaragedoors.com.au/
Author: Saigon Logic
Author URI: http://www.saigonlogic.com
Description: Perth Garage Roller Doors | Garage Door Repair Services Perth
Version: 1
*/
@import url('css/editor-style.css');
body{
    font-family: 'Open Sans', sans-serif;
}
a:hover{text-decoration: none;}
ul{list-style: none; margin: 0;padding: 0;}
.clear{clear: both;}
.header{background-color: rgba(255,255,255,0.9); min-height: 159px;}
.header .col1{
    padding-top: 25px;
}
.header .col2{
    padding-top: 49px;
}
.header .col2 .colors .li1{background-color: #333333;text-align: center;}
.header .col2 .colors .li1 .bg-phone{border: 2px solid #ffffff;text-align: center;}
.header .col2 .colors .li1 .bg-phone .fa{color: #ffffff;}
.header .col2 .colors .li2{background-color: #00ccff;text-align: center;}
.header .col2 .colors .li2:hover .text a{color: #333333;}
.header .col2 .colors .li2 .text a{color: #ffffff; font-weight: 700; text-align: center;line-height: 61px;display: inline-block;}
.header .col2 .colors .li1 .text{color: #00ccff; font-weight: 700;}
.service{background-color: #e4eff2; overflow: hidden;}
.service .list-services li.one-lines .box-content a{padding-top: 10px;}
.service .list-services li.li1 .img{background:url('images/icon5.png') no-repeat;}
.service .list-services li.li2 .img{background:url('images/icon4.png') no-repeat;}
.service .list-services li.li3 .img{background:url('images/icon-sectional.png') no-repeat;}
/*.service .list-services li.li3 .img{background:url('images/icon3.png') no-repeat;}*/
.service .list-services li.li4 .img{background:url('images/icon3.png') no-repeat;}
.service .list-services li.li5 .img{background:url('images/icon-sect-motors.png') no-repeat;}
.service .list-services li.li6 .img{background:url('images/icon2.png') no-repeat;}
.service .list-services li:hover .img{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.service .list-services li .img{width: 109px; height: 109px; display: block; text-indent: -9999px;margin: 0 auto;}
.service .list-services li .box-content{margin-top: 19px;}
.service .list-services li .box-content a{text-transform: uppercase; color: #333333; font-size: 15px; font-weight: 800;line-height: 17px;display: block;}
.slide img{margin: 0 auto; display: block;}
.home .description .post-content h1{font-family: 'Bitter', serif; font-weight: 700; color: #222222;margin: 0;padding-top: 5px;}
.home .description .post-content h2{font-family: 'Bitter', serif; font-weight: 700; color: #007794;margin-bottom: 12px;}
.home .description .post-content h3{font-family: 'Bitter', serif; font-weight: 700; color: #007794;}
.home .description .post-content p, .home .description .post-content ul li{color: #000000; font-weight: 600; line-height: 18px; font-size: 14px;text-align: left;}
.home .description .post-content > p:last-child{font-size: 17px;}
.home .description .post-content ul.checked{margin: 0; padding: 0;}
.home .description .post-content ul.checked li{background: url('images/checked_03.png') no-repeat top left;list-style-type: none;padding-bottom: 15px; padding-left: 33px;}
.home .description .post-content ul.checked li p{margin-bottom: 0;margin-left: 33px;padding-top: 6px;}
.home .col2 .sidebar .video{margin-bottom: 35px;position: relative; overflow: hidden;}
.home .col2 .sidebar .box-img{}
.home .col2 .sidebar .box-img img{width: 100%;}
.home .col2 .sidebar .box-black{position: absolute; top: 0; width: 100%; height: 225px; text-align: center;}
.home .col2 .sidebar .box-black a{display: block;}
.home .col2 .sidebar .box-black .text-featured, .home .col2 .sidebar .box-black .title-featured{color: #ffffff; font-family: 'Bitter', serif; font-weight: 700; text-shadow: 2px 2px #000000; text-shadow: 1px 2px #000000;}
.home .col2 .sidebar .box-black .text-featured:hover, .home .col2 .sidebar .box-black .title-featured:hover{color: #00ccff;}
.home .col2 .sidebar .box-black .button-view{color: #ffffff; font-size: 16px; font-weight: 800; border:1px solid #ffffff; background-color: #00ccff; width: 98px; height: 33px; line-height: 33px; display: block; text-align: center; margin: 0 auto;}
.home .col2 .sidebar .box-black .button-view:hover{background-color: #333333;}
.home .col2 .sidebar .testimonials{border-bottom: 1px solid #999999;}
.home .col2 .sidebar .testimonials .title-testimonials{font-size: 24px; font-weight: 800; color: #333333; text-transform: uppercase;background-color: #ffffff;display: inline-block;position: relative;top: -17px;padding-right: 10px;}
.home .col2 .sidebar .testimonials .border{border:1px solid #999999;}
.home .col2 .sidebar .testimonials .desc{color: #333333; font-size:14px; font-weight: 600;margin-top: -5px;}
.home .col2 .sidebar .testimonials .author{color: #333333; font-weight: 700;font-size: 14px;margin-bottom: 30px;}
.home .col2 .sidebar .testimonials .readmore a{text-align: right; font-size: 13px; color: #00ccff; display: block; font-weight: 600;}
.home .col2 .sidebar .testimonials .readmore .fa{font-size: 10px;}
.home .col2 .sidebar .testimonials .readmore a:hover{color: #000000;}
.home .col2 .sidebar .satisfaction{
    margin-top: 22px;
}
.home .col2 .sidebar .satisfaction .title{font-family: 'Courgette', cursive; color: #a57915; margin-bottom: 5px;}
.home .col2 .sidebar .satisfaction .desc{font-family: 'Courgette', cursive;width: 220px;line-height: 16px;}
.suppliers .line{text-align: center;}
.suppliers .border{border-bottom: 1px solid #333333;}
.suppliers .title{font-size: 24px; font-weight: 800; text-transform: uppercase; color: #333333;background-color: #ffffff;position: relative;display: inline-block;top: -18px;padding: 0 10px;}
.suppliers .list-suppliers{display: block; text-align: center;margin-top: 13px; overflow: hidden;}
.suppliers .list-suppliers li .box-img{width: 170px; height: 90px; vertical-align: middle; display: table-cell;}
.suppliers .list-suppliers li .box-img img{max-width: 170px; max-height: 90px;}
.suppliers .list-suppliers li img:hover{opacity: 0.6;}
.footer{background-color: #e4eff2; padding-top: 35px; padding-bottom: 35px;}
.footer .title{color: #222222; font-size:20px;font-weight: 800; text-transform: uppercase;}
.footer .col1 .links li{padding-bottom: 10px;}
.footer .col1 .links li a{color: #007794; font-size: 14px; font-weight: 600;}
.footer .col2 .social li .bg{
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    vertical-align: middle;
    color: white;
    line-height: 26px;
    margin-right: 10px;
}
.footer .col2 .social li .text-social{
    color: #333333;
    font-size: 12px;
}
.footer .col2 .social .c1, .footer .col2 .social .c2, .footer .col2 .social .c3{
    margin-bottom: 10px;
}
.footer .col2 .social .c1 .bg{background-color: #537cbd;}
.footer .col2 .social .c2 .bg{background-color: #458eff;}
.footer .col2 .social .c3 .bg{background-color: #e52d27;}
.footer .col2 .social .c4 .bg{background-color: #d34836;}
.footer .col2 .social .c1 .bg:hover, .footer .col2 .social .c2 .bg:hover, .footer .col2 .social .c3 .bg:hover, .footer .col2 .social .c4 .bg:hover{opacity: 0.5;}
.footer .col3 .call{
    color: #000000;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 2px;
}
.footer .col3 .company{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
}
.footer .col3 .hours{
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
.footer .col3 .link{}
.footer .col3 .link a{
    color: #007794;
    font-size: 14px;
    font-weight: 600;
}
.footer .copyright p{font-size: 12px; color: #222222; font-weight: 600;}
.footer .copyright a{color: #007794; font-size: 12px;}
.product .list-product li .box-link a:hover:hover, .page .col1 .content-page .post-content p a:hover, .bread a:hover, .page .col2 .list-checked li a:hover, .home .col2 .sidebar .box-black .text-button:hover, .service .list-services li:hover a, .footer .col1 .links li a:hover, .footer .col3 .link a:hover, .footer .copyright a:hover, .footer .col2 .social li .text-social:hover{color: #08b9cc; text-decoration: none;}
.bread a{color: #000000; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.bread span{color: #000000; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.page .col1 .content-page{}
.page .col1 .content-page .title-page{margin-top: 0; line-height: 1.42857143;}
.product-details .col2 .title-page, .page .col1 .content-page .title-page{color: #007794; font-size: 30px; font-family: 'Bitter', serif; font-weight: 700;}
.product-details .col2 .title-page{margin-bottom: 18px;margin-top: -10px;     line-height: 1.42857143;}
.page .col1 .content-page .post-content p, .product-details .col2 .description p, .post-content ul li{color: #000000; font-size: 14px; font-weight: 600; text-align: left;}
.product-details .col2 .post-content ul li{margin-bottom: 6px;}
.page .col1 .content-page .post-content p { text-align:justify; }
.page .col1 .content-page .post-content p a{color: #00ccff;}
.page .col1 .content-page .post-content h2 { font-family: 'Bitter', serif; font-size:16px; font-weight: 700; }
.post-content ul li { line-height: 22px; }
.page .col2 .list-checked{margin-top: 8px;}
.page .col2 .list-checked li{background: url('images/checked_03.png') no-repeat top left; margin-bottom: 17px;color: #333333; font-family: 'Bitter', serif; font-weight: 700; padding-left: 42px;}
.page .col2 .list-checked li a{color: #333333; font-family: 'Bitter', serif; font-weight: 700; padding-left: 42px;}
.img-page img{margin:0 auto;}
.product-details .col1 .box-img{}
.product-details .col1 .box-img .large-img{border:2px solid #acacac;margin-bottom: 15px;}
.product-details .col1 .box-img .large-img img{width: 100%;}
.product-details .col1 .box-img .thumb-img{height: auto; overflow: hidden;}
.product-details .col1 .box-img .thumb-img li{float: left;margin-right: 15px;}
.product-details .col1 .box-img .thumb-img li.active img{opacity: 0.5;}
.product-details .col1 .box-img .thumb-img li:nth-child(3), .product-details .col1 .box-img .thumb-img li:nth-child(6), .product-details .col1 .box-img .thumb-img li:nth-child(9), .product-details .col1 .box-img .thumb-img li:nth-child(12){margin-right: 0;}
.product-details .col1 .box-img .thumb-img li img{cursor: pointer;border: 1px solid #acacac;}
.product-details .col1 .box-img .thumb-img li img:hover{opacity: 0.6;}
.product-details .col2 .description .enquire a{color: #ffffff; text-transform: uppercase; font-size: 18px; font-weight: 700; text-align: center; width: 180px; height: 60px; line-height: 60px; background-color: #00ccff; cursor: pointer; display: block;}
.product-details .col2 .description .enquire a:hover, .product .list-product li .view a:hover{background-color: #323232; color: #00ccff;}
.img-details{width: 100%;}
.img-details .text{color: #ffffff; font-weight: 800; text-transform: uppercase; text-align: center; margin-top: 0; margin-bottom: 0;}
.product .description, .product .description p{color: #000000; font-size: 14px; line-height: 20px; font-weight:600; text-align:justify;}
.product .description, .product .post-content ul, .product .description, .product .post-content ol { margin-bottom:15px; }
.product .options{overflow: hidden; clear: both; margin-bottom: 33px;}
.product .options span{color: #000000; font-size: 18px; font-weight: 600;}
.product .sort{margin-right: 30px;}
.product .sort .text-sort{margin-right: 8px;}
.category .sort #sortcat, .product .sort #sortby{
    cursor: pointer;
    font-size: 16px; font-weight: 600;
    text-indent: 5px;    
    height: 34px;
    border: 1px solid #acacac;
    background: url('images/bg-select_09.png') no-repeat 95% 14px;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
}
.product .display{float: left;}
.product .display .text-display{margin-right: 11px;}
.product .display a{width: 34px; height: 34px; color: #000000; font-size: 16px; display: block; border:1px solid #acacac; display: inline-block; text-align: center; line-height: 34px; margin-right: 9px;}
.product .display a.current, .product .display a:hover{background-color: #00ccff; color: #ffffff; font-weight: 600;}
.product .list-product{overflow: hidden; clear: both;}
.product .list-product li .box-img{margin-bottom: 16px;}
.product .list-product li .box-img img{width: 100%;}
.product .list-product li .box-img img:hover{opacity: 0.6;}
.product .list-product li .box-link{margin-bottom: 9px;}
.product .list-product li .box-link a{color: #00ccff; font-size: 18px; font-weight: 700; }
.product .list-product li .box-content{color: #000000; font-size: 14px; font-weight: 600;}
.product .list-product li .relative{position: relative; }
.product .list-product li .view a{font-size: 18px; font-weight: 700; width: 100%; height: 45px;line-height: 45px; text-align: center; display: block; background-color: #00ccff; color: #ffffff;}
.slide .container{height: 491px; margin: 0 auto !important;}
.slide .container .row{margin-right: -15px !important;}
.slide .bg{background: rgba(0,0,0,0.8); margin-top: 93px;}
.slide .title1{color: #ffffff; font-family: 'Bitter', serif; font-weight: 700; text-transform: uppercase; }
.slide .title2{color: #00ccff; font-size: 23px !important; font-style: italic; font-weight: 400;font-family: 'Bitter', serif;}
.slide .title3{color: #ffffff;font-weight: 600; font-style: italic;}
.slide .find-out-more{float: right;}
.slide .find-out-more a{background: #00ccff; color: #ffffff; text-transform: uppercase; font-size: 13px !important; font-weight: 800 !important; width: 139px; height: 42px; text-align: center; line-height: 42px !important; display: block;}
.slide .find-out-more a:hover{color: #333333;}
.tp-leftarrow.default{background:url('images/arrow_03.png') no-repeat; width:28px !important; height:48px !important;}
.tp-rightarrow.default{background:url('images/arrow_05.png') no-repeat; width:28px !important; height:48px !important;}
.bullet{background: #a79994!important; width: 19px!important; height: 19px!important; border-radius: 10px; opacity: 0.5; margin-right: 12px !important;}
.bullet.selected {opacity: 1; background: #ffffff !important;}
.pages{margin-top: 22px; text-align: center;}
.pages a.current{background: #00ccff; padding:5px 12px; border: 1px solid #acacac; color: #ffffff; font-size: 16px; font-weight: 600; margin-left: 8px;}
.pages a{color: #000000; font-size: 16px; font-weight: 600; padding:5px 12px; border: 1px solid #acacac; display: inline-block; margin-left: 8px;}
.pages a:hover{background: #00ccff; color: #ffffff;}
.options .pages{margin-top: 0;}
.options .pages a{margin-top: 0; margin-bottom: 0;}
.home-page .top-menu{position: relative; z-index: 10;}
.home-page .slide{width: 100%; position: relative;z-index: 5;}
.home-page .slide .content-slide{width: 100%;}
.home-page .slide .tp-bgimg{height: 700px;}
.page .content-page .box-img{margin-bottom: 15px;}
.product .list-product li .box-next{width: 390px;}
.product .list-product li .box-next{display: table-cell; vertical-align: middle; height: 422px; text-align: center;}
.product .list-product li .box-next .link-next img:hover{opacity: 0.5;}
.home-page .header .row{overflow: hidden;}
.category .list-product li .box-img{position: relative;}
.category .list-product .bg-black{background-color: #484848; width: 100%; position: absolute; bottom: 0; height: 35px; line-height: 35px;}
.category .list-product .bg-black p, .blog.page .content-page .bg-black p{margin-bottom: 0;}
.blog.page .content-page .bg-black .fa, .category .list-product .bg-black .fa{padding-right: 7px;}
.blog.page .content-page .bg-black span.date, .category .list-product .bg-black span.date{padding-right: 15px;}
.blog .col2 .h3{color: #333333;font-size: 24px; font-family: 'Bitter', serif; font-weight: 700; margin-bottom: 20px; margin-top: 0;}
.blog .col2 .list-categories{margin-bottom: 32px;}
.blog .col2 .list-categories li{}
.blog .col2 .list-categories li a{color: #00ccff; font-size: 16px; font-weight: 700; margin-bottom: 10px; display: block;}
.blog .col2 .list-categories li a:hover{color: #333333;}
.blog .col2 .tags{padding-top: 3px; margin-bottom: 22px;}
.blog .tags a{background-color: #00ccff; color: #ffffff; font-size: 14px; padding: 9px 7px; display: inline-block; margin-bottom: 10px; margin-right: 10px;}
.blog .tags a:hover{background-color: #333333;}
.blog .col2 .list-latest-posts{padding-top: 9px;}
.blog .col2 .list-latest-posts li{overflow: hidden;clear: both; margin-bottom: 20px;}
.blog .col2 .list-latest-posts li .box-img{float: left; width: 25.65445026%; margin-right: 2.617801047%;}
.blog .col2 .list-latest-posts li .box-img img{width: 100%; height: auto;}
.blog .col2 .list-latest-posts li .box-img img:hover{opacity: 0.6;}
.blog .col2 .list-latest-posts li .box-content{float: left; width: 71.72774869%;}
.blog .col2 .list-latest-posts li .box-content .title-posts{margin-top: -5px;}
.blog .col2 .list-latest-posts li .box-content .title-posts a{color: #00ccff; font-size: 15px; font-weight: 700;}
.blog .col2 .list-latest-posts li .box-content .title-posts a:hover{color: #333333;}
.blog .col2 .list-latest-posts li .box-content .excerpt{margin-bottom: 10px;}
.blog .col2 .list-latest-posts li .box-content .excerpt p{color: #000000; font-size: 13px; font-weight: 600; margin-bottom: 0;}
.blog .col2 .list-latest-posts li .box-content .bot p{color:#666666; font-size: 13px; overflow: hidden; margin-bottom: 0;}
.blog .col2 .list-latest-posts li .box-content .bot .view{color: #00ccff; float: right; font-size: 13px; font-weight: 700;}
.blog .col2 .list-latest-posts li .box-content .bot .view:hover{color: #333333;}
.blog .col2 .list-latest-posts li .box-content .bot .fa-calendar, .blog .col2 .list-latest-posts li .box-content .bot .fa-comment-o{padding-right: 4px;}
.blog .col2 .list-latest-posts li .box-content .bot .date{padding-right: 10px;}
.blog .col2 .list-latest-posts li .box-content .bot .comments{}
.blog.page .content-page .box-img{position: relative;}
.blog.page .content-page .bg-black{position: absolute; bottom: 0; width: 100%; background-color: #484848; height: 35px; line-height: 35px;}
.blog.page .content-page .bg-black .author{color: #00ccff; padding-right: 15px; cursor: pointer;}
.form-comments{margin-top: 30px;}
#commentform .logged, .form-comments .require{color: #333333; font-weight: 600; font-size: 14px; margin-bottom: 0;}
#commentform{margin-top: 25px;}
#commentform p{overflow: hidden; margin-bottom: 0;}
#commentform p.margin{margin-bottom: 15px;}
#commentform p.control{margin-top: 15px;}
#commentform .label-comment{float: left; font-weight: 600; font-size: 14px;}
#commentform .label-comment{width: 31.62162162%; margin-right: 2.567567568%;}
#commentform input[type=text]:last-child, #commentform .label-comment:last-child{margin-right: 0;}
#commentform input[type=text].error{border:1px solid red;}
#commentform input[type=text]{border:1px solid #acacac; height: 32px; padding:0 10px; color: #333333; line-height: 32px; font-size: 13px; width: 31.62162162%; margin-right: 2.567567568%; float: left;}
#commentform textarea{border:1px solid #acacac; resize:none; width: 100%; height: 150px; padding:0 10px; font-size: 13px;}
#commentform input[type=submit]{background-color: #00ccff; color: #ffffff; text-transform: uppercase; text-align: center; width: 150px; height: 40px; line-height: 40px; cursor: pointer; float: right; border:0; font-weight: 800;}
#commentform input[type=submit]:hover{background-color: #333333;}
#commentform .logged{margin-bottom: 15px;}
#commentform .span-captcha{
    background: url('images/bg-captcha.jpg') no-repeat;
    width: 70px;
    height: 25px;
    text-align: center;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-right: 20px;
}
.commentlist{padding-left: 0; list-style: none;}
.commentlist li.moderation p{font-weight: 600; margin-bottom: 0;}
.commentlist li{border-bottom: 1px dashed #00ccff; padding-bottom: 10px; margin-bottom: 10px;}
.commentlist li .top-comments p{font-weight: 600; font-size: 14px; margin-bottom: 5px;}
.commentlist li .desc-comments p{font-weight: 400; font-size: 14px; margin-bottom: 0;}
.content-page .post-content{height: auto; overflow: hidden;}
.testimonial .testimonials-list iframe{width: 100% !important;}
.testimonial .testimonials-list .g-post{margin-bottom: 20px;}
.testimonials .bx-controls{display: none;}
.testimonials .testimonials-list > div{width: 100% !important;}
.suppliers .bx-viewport{height: 90px !important;}
.suppliers .bx-controls-direction a{width: 45px; height: 45px; display: block; text-indent: -9999px; position: absolute; top: 30px;}
.suppliers .bx-controls-direction .bx-prev{background: url('images/arrow_15.png') no-repeat; left: -70px;}
.suppliers .bx-controls-direction .bx-next{background: url('images/arrow_18.png') no-repeat; right: -70px;}
.blog .col1 .tags{margin-top: 20px;}
.wpcf7-form input::-webkit-input-placeholder {color: #666666 !important;}
.wpcf7-form input:-moz-placeholder {color: #666666 !important;} 
.wpcf7-form input::-moz-placeholder {color: #666666 !important;} 
.wpcf7-form input:-ms-input-placeholder{color: #666666 !important;}
.wpcf7-form select, .wpcf7-form input[type=text], .wpcf7-form input[type=email]{height: 30px; line-height: 30px;}
.wpcf7-form textarea{height: 150px;}
.wpcf7-form select, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea{border:1px solid #bcbcbc; background-color: #ffffff; resize:none; padding: 0 10px; font-weight: 600; color: #666666;}
.wpcf7-form input[type=submit]{background-color: #00ccff; border:0; cursor: pointer; color: #ffffff; text-transform: uppercase; font-size: 16px; padding: 5px 20px; font-weight: 700;}
.wpcf7-form input[type=submit]:hover{background-color: #333333;}
.wpcf7-form .p-enter-code #entercode{float: left; width: 135px; height:32px; line-height: 32px; float: left; margin-right: 7px;}
/*.wpcf7-form .p-enter-code .wpcf7-submit{float: right;}*/
.wpcf7-form .p-enter-code .wpcf7-form-control.wpcf7-not-valid{border:1px solid #ff0000;}
.wpcf7-form .p-enter-code .wpcf7-not-valid-tip{clear: both; overflow: hidden; display: block; float: left; margin-top: 20px;}
.wpcf7-form p{overflow: hidden;}
.page-contact .contact-right .contact-today{color: #337597; font-size: 16px; font-weight: 700; margin-bottom: 10px; margin-top: 0;}
.page-contact .contact-right p{margin-bottom: 0; font-size: 13px; font-weight: 600;}
.page-contact .contact-right p .label-left{padding-right: 10px;}
.page-contact .contact-right a{color: #5bc8ff; font-size: 14px; font-weight: 600;}
.page-contact .contact-right a:hover{color: #337597;}
.page-contact .contact-right .box-iframe{margin-top: 20px;}
.page-contact .contact-right .box-iframe iframe{width: 100%;}

.post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter { margin-bottom: 20px; }
.post-content .alignright { margin-left:20px; }
.post-content .alignleft { margin-right:20px; }

.post-content a { color:#00ccff !important; }
.post-content a:hover { text-decoration:none !important; color:#007794 !important; }

a#wpcs_handle { top:62% !important; }

/*************************************/
/*
    tabSlideOUt v2.4

    By  Michael Fielding
    License: GPL v3.0
*/

.ui-slideouttab-panel, .ui-slideouttab-handle {
    background-color: white;
    padding: 0.4em;
    box-sizing: border-box;
}
.ui-slideouttab-panel {
    display: block;
    position: fixed;
    z-index: 100;
    border: 2px solid grey;
}
/* This class is added after the tabs are initialised, otherwise the user sees the 
   tabs slide out of the way when the page is initialised. */
.ui-slideouttab-ready {
    transition: transform 0.5s ease 0s;
}

/* Hide tabs and panels when printed. */
@media print {
    .ui-slideouttab-panel {
        display: none;
    }
}

/* Tab handles */
.ui-slideouttab-handle {
    display: block;
    position: absolute;
    cursor: pointer;
    color: white;
    background-color: grey;
}
.ui-slideouttab-handle-image {
    transform: rotate(0);
}

/* Right */
.ui-slideouttab-right {
    right: 0px;
    transform: translateX(100%);
    border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
    transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
    transform-origin: 0% 100%;
    transform: rotate(-90deg);
}

/* turn font awesome icon in a tab upright */
.ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
    transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
    margin-left: 0.5em;
}
#right-handle{
    text-indent: 0 !important;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    writing-mode: lr-tb;
    text-align: center;
    font-weight: bold !important;
    font-size: 15px !important;
    position: absolute;
    min-width: 175px !important;
    line-height: 21px;
    text-decoration:none  !important;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-right: 8px;
    padding-left: 8px;
    margin: 0px;
    color: #ffffff !important;
    background: #00ccff !important;
    border: 1px solid #7f7f7f !important;
}
#right .wpcf7{padding: 14px;}
#loading {

  left: 0;

  position: fixed;

  top: 0;

  z-index: 99;

  height: 100%;

  display: none;

  width: 100%;

  background: rgba(0,0,0,0.8)

}
#right .wpcf7-response-output{
    width: 100%; overflow:hidden; margin-left: 0;
}
#right{top: 100px !important; bottom: auto !important;}

.post-content h2 a {
    font-size: 24px;
}