/*
Theme Name: newmenu
Theme URI: 
Author: Igor Kovacevic
Author URI: 
Description: My new theme
Version: 1.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/


@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}



body{
    font-family: 'Titillium Web', sans-serif;
   
}


.menubox{
    
    margin-top: -68px;
    background: rgba(255, 255, 255, 0);
    /float: right;
    box-sizing: border-box;
    color: #323536 !important;
    font-weight: 900;
    font-size: 22px;
    text-decoration: none;
}

.menu_holder{
    position: absolute;
    width: 100px;
    background: #ffffff;
    right: 0;
    height: 76px;
       z-index: 999;

    top:0;
}

.mobnav {
  
    /position: absolute;
    /float: right;
     margin-top: 68px;
    height: auto;
 
}

.mobnav ul li {
  display:inline-block;   background:rgba(255, 255, 255, 0.96);
}

.mobnav a {
  color:#323536;
  display:block;
  text-decoration: none;
  padding: 21px 0 21px 28px;
 }

.menubtn{
padding: 10px 5px !important;
    color:black;
}
.mobnav a:hover {
  /background: #E65540;
}

.menubtn:hover{
    background:#bde3ff;
}

.menu-trigger {
  display:none;
  color:#F8ECC2;
}


form p{
     display: inline-block;
  
}
#wrapper{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}



#header{
    width: 100%;
    height: 76px;
    position: relative;
    background: white;
    border-top: 3px solid #ea111a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#header_fix{
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    height: 100%;
    overflow: hidden;
    position: relative;
   
}

#logo{
    width: 300px;
    height: 64px;
    position: relative;
    float: left;
    background-image:url(http://www.buyoffice365.com.au/wp-content/uploads/2017/09/logo.jpg);
    background-repeat: no-repeat;
    top: 7px;
}

#menu{
    width: 580px;
    height: 100%;
    position: relative;
    float:   right;
}

#menu nav{}

#menu nav a{
    color: black;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 76px;
    padding: 26px 26px;
    border-left: 1px solid #dbdbdb;
    height: 100%;
    box-sizing: border-box;
    margin-right: -3px;
    transition: all ease .23s;
}

#menu nav a:last-child{
    border-right: 1px solid #dbdbdb;
}

#menu nav a:hover{
    color: #ea111a;
    border-bottom: 3px solid #ea111a;
    left: 2px;
    z-index: 5;
    
}


#slider{
    width: 100%;
    height: 566px;
    position: relative;
    
    background-image: url(img/bg.jpg);
    background-attachment:fixed;
    background-position: top center;
    background-size: cover; 
   

}

#slider_bg{
 width: 100%;
    height: 566px;
    position: relative;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+72,f57f51+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(61,61,61,0.4) 72%, rgba(245,127,81,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(61,61,61,0.4) 72%,rgba(245,127,81,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(61,61,61,0.4) 72%,rgba(245,127,81,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#f57f51',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#subpages_menu{
    background: #ebebeb;
    height: 60px;
    width: 100%;
    text-align: center;
    border-top:1px solid #bfbfbf;
}

#subpages_menu a{
    line-height: 60px;
    padding: 4px 12px;
    color: #151515;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.51);
    
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
}

#subpages_menu a:hover{
   background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e6e6e6', GradientType=0 );
}

#mini_slider{
    width: 100%;
    height:480px;
    position: relative;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.21);
 
    background-attachment:fixed;
    background-position: top center;
    //background-size: cover; 
    background-repeat: no-repeat; 

}
#mini_slider_fix{
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    height: 480px;
    overflow: hidden;
    position: relative;
    text-align: center;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+72,f57f51+100 */
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(61,61,61,0.65) 72%, rgba(245,127,81,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(61,61,61,0.65) 72%,rgba(245,127,81,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(61,61,61,0.65) 72%,rgba(245,127,81,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#f57f51',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
#mini_slider_fix h1{
    color: #2a2e39;
    font-size: 58px;
    //line-height:466px;
    position: relative;
    font-weight: 600;
    padding-top: 180px;
    color: white;

}
#mini_slider_fix p{
    color: white;
    //line-height: 30px;
}



.sub1{
    background-image: url(img/sub1.jpg);
}

.sub2{
    background-image: url(img/sub2.jpg);
}


.sub3{
    background-image: url(img/sub3.jpg);
}


.sub4{
    background-image: url(img/sub4.jpg);
}



#sliderbox{
    width: 320px;
    height: 400px;
    position: relative;
    float: left;
    top:14%;
    //left: 12%;
    background-image: url(img/sliderbox.png);text-align: center;
    
}

#sliderbox_holder{
    width: auto;
    max-width: 1300px;
    min-width: 1000px;
    margin: 0 auto;
    height: 100%;
}

#sliderbox p, a{
    color: white;
   
    
}

#sliderbox p{
    padding: 150px 34px 30px 34px; text-align: justify;
}

#sliderbox a{
    padding: 6px 40px;
    border: 1px solid white;
    text-decoration: none;
    position: relative;
    transition: all ease .2s;
    
}

#sliderbox a:hover{
    border: 1px solid #ea111a;
    padding: 6px 50px;
}



#about{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 90px 0 36px 0;
}

#about_fix{
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    height: auto;
    overflow: hidden;
    //padding-bottom: 25%;
    position: relative;
    //background: rgba(0, 0, 0, 0.15);
    
   
}

#about_txt h1{
    font-weight: 400;
    letter-spacing: 2px;
    padding: 20px 0;
}

.red{
    color:#ea111a;
}

#about_img{
    width: 50%;
    position: relative;
    float: left;
    padding-bottom: 32%;
    background-image: url(img/about.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    //border: 1px solid black;
    box-sizing: border-box;
}

#about_txt{
    width: 50%;
    position: relative;
    float: left;
    //height: 100%;
    box-sizing: border-box;
    padding: 20px 60px;
}
#seo_content h4{
    padding-bottom: 40px;
}
#seo_content{
    margin: 0 auto;
    max-width:1020px;
    min-width: 500px;
    //padding: 20px 70px;
    
    //box-sizing: border-box;
    border-top: 2px solid #ea111a;
    //border-right: 1px solid #e5e5e5;
    //border-left: 1px solid #e5e5e5;
    top:-30px;
    background: #ffffff;
    height: auto;
    overflow: hidden;
    position: relative;
   // box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
}

#seo_content p,#seo_content ul,#seo_content h6,#seo_content h1,#seo_content h4 {
    padding: 0 70px;
    
}


#seo_content p{
    font-size: 18px;
}
.big_red{
    color:#ea111a;
    font-weight: 700;
}

#seo_content ul{
    padding-left: 100px;
    color:#414141;
}

#seo_content h1{
    font-size: 30px;
    padding: 28px 70px;
}

#benefits_big{
    width: 100%;
    height: auto;
    position: relative;
}

#benefits_big_fix{
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 20px;

}
.pic_left{
    width: 35%;
    height: 100%;
    position: relative;
    float: left;
}
.pic_left img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    
}

.text_right{
    width: 65%;
    height: 100%;
    position: relative;
    float: left;
    padding: 30px;
    box-sizing: border-box;

}

.pic_right{
    width: 35%;
    height: 100%;
    position: relative;
    float: left;
}
.pic_right img{
    height: 100%;
}

.text_left{
    width: 65%;
    height: 100%;
    position: relative;
    float: left;
    padding: 30px;
    box-sizing: border-box;

}

.text_right h3, .text_left h3{
    font-size: 20px;
}
.row{
    height: 310px;
    width: 100%;
    position: relative;
    //background: gray;
    border-bottom: 1px solid rgba(192, 192, 192, 0.35);
}


#benefits{
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 90px;

}

#benefits_fix{
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    height: auto;
    overflow: hidden;
    //padding-bottom: 25%;
    position: relative;
    //background: rgba(0, 0, 0, 0.15);
    
}


.title_b{
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 3px;
    color:#2c2c2c;
    text-align: center;
    padding: 60px 0 120px 0;
    background-image: url(img/title_b.png);
    background-repeat: no-repeat;
    background-position: center;
}
.title_p{
    font-weight: 400;
    font-size: 28px;
    letter-spacing: 3px;
    color:#2c2c2c;
    text-align: center;
    padding: 60px 0;
       background-image: url(img/title_p.png);
    background-repeat: no-repeat;
    background-position: center;
}

.slot{
    width: 25%;
    height: 430px;
    position: relative;
    display: inline-block;
    float: left;
    //background: gray;
    //border-right: 1px solid black;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    padding: 144px 3% 0 3%;
}

.slotline{
    width: 50%;
    height: 1px;
    background-color: #ea111a;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease .23s;
}

.slot:hover .slotline{
    width: 70%;
}
.slot h4{
    font-size: 18px;
    letter-spacing: 2px;
    padding-bottom: 15px;
    
}

.slot p{
    padding-top: 15px;
}
.one{
    background-image: url(img/access.png);
}


.two{
    background-image: url(img/team.png);
}

.three{
    background-image: url(img/easy.png);
}

.four{
    background-image: url(img/value.png);
}





#trail{
    width: 100%;
    min-height: 386px;
    height: auto;
    overflow: hidden;
    position: relative;
    //background: black;
    background-image: url(img/bg2.jpg);
    
        //background-attachment:fixed;
    background-position: top center;
    background-size: cover; 
    background-repeat: no-repeat; 
}

#trail_fix{
    width: 710px;
    min-height: 277px;
    height: auto;
    overflow: hidden;
    top:60px;
    position: relative;
    margin: 0 auto;
    //background: gray;
}

#trail_form{
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}


input{
    border: 1px solid black;
    border-radius: 4px;
    height: 44px;
    width: 90%;
    position: relative;
    margin-top:20px;
    font-size: 18px;
    padding: 0 16px;
    box-sizing: border-box;
     background-color: rgba(255, 255, 255, 0.8);
}

select{
    padding: 0 22px;
}

#trail_txt{
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 20px 10px 0 0;
}

#trail_txt h6{
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 18px;
    color: white;
}

#trail_txt p{
    color: white;
    padding-bottom: 32px;
}

#trail_txt a{
    color: white;
    text-decoration: none;
    position: relative;
    padding: 6px 14px;
    background-color: #ea111a;
    transition: all ease .2s;
   
}

.trialbtn{
    color: white;
    text-decoration: none;
    position: relative;
    padding: 6px 14px;
    background-color: #ea111a;
    transition: all ease .2s;
    width: 160px;
    left: 354px;
    top: -63px;

}
#trail_txt a:hover{
    padding: 6px 20px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   black;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:   black;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:   black;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:   black;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:   black;
}





#plan{
    width: 100%;
    height: 1150px;
    position: relative;
    background: #ffffff;
   
}

#plan_fix{
    width: 1000px;
    height: 100%;

    position: relative;
    margin: 0 auto;
   
}

.planbox{
    width: 307px;
    height: 487px;
    background: #f3f2f2;
    border: 1px solid rgba(160, 160, 160, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
    margin-left: 39px;
    margin-top: 39px;
}

.planbox:first-child{
    margin-left: 0;
}

.fourth{
    margin-left: 0;
}
.planbox h5{
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    padding: 20px 36px;
    color:#272727;
}

.pricebox{
    width: 236px;
    margin: 0 auto;
    position: relative;
    //background: black;
    height: 168px;
    border-top: 3px solid #cccccc;
    border-bottom: 3px solid #cccccc;
}

.pricebox h1, h4{
    font-family: sans-serif;
    color: #272727;
}

.pricebox h1{
    position: absolute;
    top:13px;
    left:14px;
    font-size: 54px;
}

.pricebox h4{
    padding-top: 22px;
    font-weight: 400;
    padding-bottom: 50px;
    
}

.pricebox h3{
    font-size: 14px;
    color:#a2a2a2;
}


.planbox ul{
    text-align: right;
    padding-right: 34px;
    padding-top:6px;
    list-style-type: none;
    padding-bottom: 30px;
}

.planbox ul p{
text-decoration: none;
font-size:14px;
    color:#a2a2a2;
    padding-left: 30px;
}
.planbox ul li{
 text-decoration: none;
font-size:14px;
    color:#a2a2a2;
}


.planbox a{
    color:white;
    border: 1px solid rgba(0, 0, 0, 0.27);
    border-radius: 30px;
    padding: 8px 36px;
    text-decoration: none;
      position: relative;
    left: 31%;
    
    
    font-weight: 600;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c64c48+0,ba403c+100 */
background: #c64c48; /* Old browsers */
background: -moz-linear-gradient(top,  #c64c48 0%, #ba403c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c64c48 0%,#ba403c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c64c48 0%,#ba403c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64c48', endColorstr='#ba403c',GradientType=0 ); /* IE6-9 */
    transition: all ease .2s;

}


.planbox a:hover{
    box-shadow: inset 0 0 32px rgba(0, 0, 0, 0.57);
}

#footer_bottt{
    width:100%;
    height: 100px;
        overflow: hidden;
    position: relative;
    background: #2a2a2a;
    box-shadow: 0 0 2px black;
}
#footer_bottt_fix{
     margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    height: 100%;
    overflow: hidden;
    position: relative;
    
}

#footer{
    width: 100%;
    height: 250px;
    position: relative;
    background: #272727;
    border-top:solid 4px #bd433f;
    text-transform: uppercase;
    }

#footer h6{
color: #909090;
    font-size: 19px;
    font-weight: 600;
    padding-top: 20px;
}

#footer p{
     color: #e5e5e5;
    text-align: justify;
    padding-top: 13px;
}
#footer nav{
    margin-top: 13px;
    width: 265px;
    border-bottom: 1px solid #151515;
}
#footer_left a, #footer_mid a{
    font-size: 15px;
    font-weight: 400;
    color: #e5e5e5;
    text-decoration: none;
    display: block;
    text-align: left;
    border-top: 1px solid #151515;
    border-bottom: 1px solid #343434;
}

#footer a:first-child{
    border-top:0;
}
#footer_left a:hover, #footer_mid a:hover{
    //box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.63);
    color: #f05c5c;
}
#footer_fix{
    margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    height: 250px;
    overflow: hidden;
    position: relative;
}

#footer_left{
    height: 100%;
    width: 33%;
    position: relative;
    float: left;
    overflow: hidden;
   // background: yellow;
}

#footer_mid{
      height: 100%;
    width: 35%;
    position: relative;
    float: left;
    overflow: hidden;
   // background: blue;
}

#footer_right{
    height: 100%;
    width:32%;
    position: relative;
    float: right;
    overflow: hidden;
   // background:red;
}

.subscribe-submit{
    height: 44px;
    background: #1a1a1a;
    color: #7e7e7e;
    text-transform:uppercase;
    border: 0;
    padding: 0 12px;
    width:auto !important;
    font-weight: 600;
    font-size: 14px;
    margin-left:-5px;
	display:inline-block !important;

    
}

.logo_footer{
    width: 300px;
    height: 64px;
    position: relative;
    float: left;
    background-image:url(http://www.buyoffice365.com.au/wp-content/uploads/2017/09/logo-footer.jpg);
    background-repeat: no-repeat;
    top: 22px;
    
}

#social_footer{
    width: 130px;
    height: 56px;
    position: relative;
    float: right;
    //background: red;
    top:22px;
    
}

.fb{
    width: 56px;
    height: 100%;
    position: relative;
    float: left;
    background: white;
    background-image: url(img/fb.png);background-size: 56px 56px;
}

.li{
    width: 56px;
    height: 100%;
    position: relative;
    float: right;
    background: white;
    background-image: url(img/li.png);background-size: 56px 56px;
}

.fb:hover, .li:hover {
    box-shadow: inset 0 0 22px rgba(0, 0, 0, 0.49);
}





/*

#footer_top{
    height: 100px;
    position: relative;
    width: 832px;
    margin: 0 auto;
}

#footer_bottom{
    height: 100px;
    position: relative;
    width: 820px;
    margin: 0 auto;
}

#footer_top nav a{
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    padding: 4px 36px;
    line-height: 100px;
    text-decoration: none;
    //border-bottom: 1px solid #4b4b4b;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 30px;
    box-shadow: 0 0px 1px black;
    box-sizing: border-box;
    
    


}

#footer_top nav{
    margin-top: 6px;
}

#footer_top nav a:hover{
    color: black;
}
//#footer_top nav a:first-child{
    padding-left: 0;
}

//#footer_top nav a:last-child{
    padding-right: 0;
}

#footer_bottom p{
    color: white;
    text-align: right;
    line-height: 100px;
}

.logo_footer{
     width: 300px;
    height: 64px;
    position: relative;
    float: left;
    background-image:url(img/logo_foot.png);
    background-repeat: no-repeat;
    top: 22px;
    
}

*/
#compare_big{
    width: 100%;
    height: auto;
    position: relative;
    //padding-top: 58px;
}

#compare_fix_big{
    margin: 0 auto;
    max-width: 1200px;
    min-width: 1000px;
    height: auto;
    overflow: hidden;
    position: relative;
    //background: gray;
    //padding-top: 25px;
    padding-bottom: 80px;
    //box-sizing: border-box;
    

}

#table_mid{
    width:100%;
    height: auto;
    overflow: hidden;
    position: relative;
 
    //background: green;
}

.table_mid_row{
    width: 100%;
    height: auto;
    max-height: 400px;
    //background: blue;
    overflow: hidden;
    //padding: 7px 0;
    //box-sizing: border-box;
}
.table_mid_row p{padding: 7px 0;}
.tmr_left{
    padding-left: 12px;
    box-sizing: border-box;
    width: 25%;
    position: relative;
    float: left;
    //background: yellow;
    font-weight: 600;
    color: #484848;
}

.smaller_p{
font-weight: 300;
    font-size: 14px;
}

.tmr_right{
    width: 75%;
    float: left;
    position: relative;
    //background: black;
    //height: 100%;
    
  
}

.tmr_right a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c64c48+0,ba403c+100 */
background: #c64c48; /* Old browsers */
background: -moz-linear-gradient(top,  #c64c48 0%, #ba403c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c64c48 0%,#ba403c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c64c48 0%,#ba403c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64c48', endColorstr='#ba403c',GradientType=0 ); /* IE6-9 */
    transition: all ease .2s;
    padding: 3px 24px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 36px;
    line-height: 42px;
}

.tmr_right a:hover{
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
}

.tmr_tab{
    width: 16.66667%;
    //background:gray;
    text-align: center;
    float: left;
    min-height: 1px;
  
}

.dark{
    background-color: #dde1e3;
}

.black{
    background-color: rgba(0, 0, 0, 0.02);
}
.kvaka{
    background-image: url(img/kvaka.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.tmr_tab p{
    //padding: 4px 0;

}


#table_top{
    width: 100%;
    //height: 208px;
    overflow: hidden;
    position: relative;
}

#table_top_left{
width: 25%;
float:left;
    
}

#table_top_left p{
    font-size:13px;
    text-align: center;
    padding: 18%;
    color: gray;
}

#table_top_right{
    width: 75%;
float:left;
}

#ttr_top{
    height: 82px;
    width:100%;
    background: yellow;
}
#ttr_top_left{
    width:50%;
    height:82px;
    position:relative;
    float:left;
    background:#7b90a5;
}

#ttr_top_right{
    width:50%;
    height:82px;
    position:relative;
    float:left;
    background:#c44a45;
}
#ttr_top_right p{
    line-height:82px;
    color:white;
    text-align:center;
    font-size:20px;
    font-weight:500;
 
}
#ttr_top_left p{
    line-height:82px;
    color:white;
    text-align:center;
    font-size:20px;
    font-weight:500;
 
}
#ttr_bottom{
    height: 118px;
    width:100%;
    //background: white;
    
}

.ttr_tab{
    width: 16.66667%;
    //background:white;
    height: 118px;
    float: left;
    
}

.ttr_tab p{
   text-align: center;
    padding: 12px 7% 0 7%;  
    //background: yellow;
    height: 82px;
    font-weight: 600;

}

//.ttr_price{
    width: 100%;
    height: 20px;
    //background: blue;
    position: relative;
    bottom: 0;
    
}
.ttr_tab h6{
    text-align: center;
    color: red;
    font-weight: 400;
    font-size: 13px;
    //background: blue;
    //position: relative;
    //bottom: 0;
}
#service_big{
    width: 100%;
    height: auto;
    position: relative;
}

#service_big_fix{
    margin: 0 auto;
    max-width: 1000px;
    min-width: 400px;
    height: auto;
    overflow: hidden;
    position: relative;
    //background: gray;
    padding-top: 25px;
    padding-bottom: 80px;
    //box-sizing: border-box;
    

}


.serv_box{
    width: 315px;
    height: 450px;
    position: relative;
    background: #f7f7f7;
    display: inline-block;
    float: left;
    box-shadow: 0 0 1px #a2a2a2;
    margin-left: 13px;
    margin-top: 20px;
    border-top: 4px solid red;
    padding: 24px;
    box-sizing: border-box;  transition: all ease .2s;
    
}

.serv_box h5{
    font-size: 18px;
    color:red;
}


.serv_box p{
    font-size: 15px;
}

.serv_logo{
    width: 52px;
    height: 52px;
    background:#f8f8f8;
    position: absolute;
    border-radius: 100%;
    top:-29px;
    box-shadow: 0 0 1px black;
    left:43%;
    transform: translateX(-50%);
    background-image: url(http://www.buyoffice365.com.au/wp-content/uploads/2017/09/logo-mini.jpg);
    opacity: -3;
    transition: all ease .2s;
  
}

.serv_box:hover .serv_logo{
    display: block; 
    transition: all ease .2s;
    top:-29px;
    opacity: 3;
    transform: rotate(180deg);
}




#contact{
    width: 100%;
    height: auto;
    position: relative;
}

#contact_fix{
    margin: 0 auto;
width: 772px;
    height: auto;
    overflow: hidden;
    position: relative;
    padding-top: 20px;

}


.not-active{
cursor: not-allowed;
    
    //pointer-events: none;
}


















































#about_html{
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: white;
    background-image: url(img/faded.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 150px;
}

#about_html h3{
        font-family: 'Titillium Web', sans-serif;
    font-size:22px;
    color: black;
    font-weight: 400;
    padding: 6% 40% 0 10%;
    
}
#about_html .para{
    font-family: 'Titillium Web', sans-serif;
    font-size:18px;
    color: black;
    font-weight: 300;
    padding: 0 30% 0 10%;
    letter-spacing: 2px;
}

.capa_p{
            font-family: 'Titillium Web', sans-serif;
    font-size:18px;
    color: black;
    font-weight: 300;
    padding: 0 40% 20px 10%;
    letter-spacing: 2px;
}

.line_about{
    width:155px;
    height: 2px;
    position: relative;
    margin: 2% 0;
    left: 10%;
    background:#ff970a;
}





#about_html ul{
    font-family: 'Titillium Web', sans-serif;
    font-size:18px;
    color: black;
    padding: 0 0 0 10%;
}


#about_html ul{
    list-style-type: none;
} 
    #about_html li { 
        padding-left: 1em; 
        text-indent: -.7em;
    }

    #about_html li:before {
        content: "• ";
        color: #ff970a; /* or whatever color you prefer */
    }




#contact_front{
    width: 100%;
    height: 660px;
    position: relative;
    background:#f0f0f0;
}


.formmm{width:630px;
    font-size: 16px;
  margin-left: 10%;
    //background:red;}



.myicon{
    position: relative;
    display: inline-block;
    width: 46px;
    background:#ea111a;
    height: 41px;
    font-size: 22px;

    
}

.myicon i{
    color:white;
    padding: 9px;
    top:4px;
    position: relative;
}

.phonec{
    margin-top:50px;
}
input[type=text], input[type=email], select{
    box-sizing: border-box;
    height: 41px;
    width:250px;
    //margin-top:50px;
    left:-4px;
    position: relative;
    border: 1px solid #d1d1d1;
}

.front_input{
    width:95%;
}

textarea{
    max-width:623px;
    width:623px;
    height: 280px;
    max-height: 310px;
    box-sizing: border-box;
    margin-top:50px;border: 1px solid #d1d1d1;
    padding-left: 16px;
}

.contactbtn{
    box-sizing: border-box;
    background:#ea111a;
    color:white;
    font-size:16px;
    font-weight: 600;
    border:0;
    letter-spacing: 2px;
    padding: 4px 16px;
    cursor: pointer;
    position: relative;
    right:0;
    //top:-14px;
    //left:40px;
    width: 200px;
    font-family: 'Titillium Web', sans-serif;
}


.thanks{
    width: 800px;
    height: 300px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.31);
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%);
    border-radius: 6px;
    background-color: #ededed;
    margin: 120px 0;
    text-align: center;
}

.tnx-h{
    color: #676767;
    font-size: 40;
    padding: 60px 0 30px;
    
    
}

.tnx-a{
    color: #404040;
    border: 1px solid red;
    border-radius: 4px;
    font-weight: 400;
    font-size: 22px;
    text-decoration: none;
    padding: 6px 22px;
    transition: all ease .2s;
}

.tnx-a:hover{
    background: gray;
    color: red;
}

.tnx-bg{
    position: relative;
    bottom: 4px;
    background-image: url(http://www.buyoffice365.com.au/wp-content/uploads/2017/09/logo.jpg);
    height: 56px;
    width: 290px;
    
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    padding-left:10px;font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   padding-left:10px;font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   padding-left:10px;font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   padding-left:10px;font-size: 14px;
}





.mobile_only{
    display: none;
}

@media all and (min-width:701px) and (max-width:5600px){
    .disnobig{
    display: none;
}
    
    .no-pc{
    display: none;
}

}
/******MOBILE MOBILE MOBILE MOBILE MOBILE*******************************************************************/


@media all and (min-width:0px) and (max-width:700px){

    
    
    .menu-trigger {
    display:block;
  }
  .mobnav ul li {
    display:block;
    border-top:1px #79896D solid;    
  }
  .mobnav ul {
    display:none;
  }
    
    .thanks{
        width: 97% !important;
    height: 370px !important;
        margin: 30px 0 !important; 
    }
    
	.tnx-a{
	    top: 155px;
    position: relative;
}

.tnx-bg{
	top: 0 !important;
}
    #header_fix{
        width: 100%;
        min-width: 280px;
        max-width: 700px
    }
    #menu{
      display: none;
   
    }
    
    
    .contactbtn{
        left:5%;
    }
    input[type=submit]{
        top:0;
    }
    .disno{
        display: none;
    }

   
    
    
   

    #logo{
        width: 210px;
        background-image: url(http://www.buyoffice365.com.au/wp-content/uploads/2017/09/logo-mob.jpg);
        top:19px;
        height: 44px;
		left: 6px;
z-index:9999;

    }

    #sliderbox{
                left:50%;
        transform: translateX(-50%);
    }
    
    #about_fix{
        width: 100%;
        min-width: 280px;
        max-width: 700px
    }
    
    #about_img{
        width:100%;
        background-size: 100% auto;
        height: 220px;
        padding-bottom: 0;
    }
    
    #about_txt{
        width:100%;
        padding: 20px 35px;
    }
    
        #benefits_fix{
        width: 100%;
        min-width: 280px;
        max-width: 700px
    }
    
    .slot{
        width: 75%;
        left: 12.5%;
        height: 410px;
        padding: 144px 0 0 0 ;
    }
    
    
    #trail{
        height: auto;
        
    
    }
    
    #trail_fix{
        min-height: 600px;
        height: auto;
        overflow: hidden;
        width: 100%;
        top:0;
    }
    #trail_form{
        width:100%;
        min-height: 350px;
        height: auto;
        overflow: hidden;
        top:20px;
    }
    
    #trail_txt{
        width:100%;
        height: 220px;
        padding: 0 30px;
        //top:-320px;
        box-sizing: border-box;
    }
    
    #trail_txt a{
        position: absolute;
        top: 495px;
    }
    
    .front_input{
    }
        
    input[type=text], input[type=email], select{
    box-sizing: border-box;
    height: 41px;
     width:90%;
        left:5%;
    //margin-top:50px;
 
    position: relative;
    border: 1px solid #d1d1d1;
}

    
    textarea{
  
     width:90%;
        left:5%;
    height: 280px;
    max-height: 310px;
    box-sizing: border-box;
        position: relative;
    margin-top:20px;
        
        border: 1px solid #d1d1d1;
}
    form p{
     display: block;
    }
    #plan{
        height: 3200px;
        padding: 0;
    }
    
    #plan_fix{
         width: 100%;
        min-width: 280px;
        max-width: 700px
    
    }
    
    .planbox:first-child{
        margin: auto;
    }
    
    .planbox{
        margin: auto;
        float: none;
        margin-top: 36px;
    height: auto;
    padding-bottom: 30px;
    }
    
    #footer_bottt{
      height: auto;
    }
    
    #footer_bottt_fix{
      width: 320px;
        height: 200px;
         min-width: auto;
        max-width: auto;
    }
    
    #social_footer{
        position: relative;
        left: -50%;
        top:45px;
        transform: translateX(50%);
    }
    
    #sliderbox_holder {
        max-width: 0;
        min-width: 0;
    }
    
    #footer{
        height:auto;
       
    }
    
    #footer_fix{
        width: 320px;
        height: 780px;
         min-width: auto;
        max-width: auto;
      
    }
    
    #footer_left{
        width: 320px;
        height: 240px;
        position: relative;
        //background: yellow;
        padding: 0 28px;
        box-sizing: border-box;
    }
    
    #footer_mid{
        width: 320px;
        height: 222px;
        position: relative;
        //background: blue;
        padding: 0 28px;
        box-sizing: border-box;
    }
    
    
    #footer_right{
        width: 320px;
        height: 325px;
        position: relative;
       // background: yellow;
        padding: 0 28px;
        box-sizing: border-box;
    }
    
    
    .subscribe-submit{
        margin-top: 20px;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }
    #footer_top nav a{
    text-align: center;
        width: 100%;
        display: block;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 ;
    line-height: 44px;
    text-decoration: none;
        background:none;
        border-bottom: 1px solid #535353;
        box-shadow: 0 0 0 ;
    }
    
    #footer_top nav a:first-child{
    //padding-left: 0;
}

#footer_top nav a:last-child{
    //padding-right: 0;
}
 #footer_bottom{
        height: 200px;
        width: 100%;
    }
    
    .logo_footer{
        left:50%;
        transform: translateX(-50%);
    }
    
    #footer_bottom p{
        text-align: center;
        line-height: 40px;
        padding-top: 110px;
    }
    
    
    #benefits_big_fix{
        width: 100%;
        min-width: 280px;
        max-width: 700px;
        
    }
    
    
    .row{
        height: 720px;
        border-bottom: 2px solid #efefef;
    }
    
    .pic_left{
        width: 100%;
        height: 300px;
    }
    
    .text_right{
        width:100%;
        height: 420px;
        padding-top:0;
    }
    
    
      .pic_right{
        width: 100%;
        height: 300px;
        position: absolute;
          top:0;
    }
    
    .text_left{
        width:100%;
        height: 420px;
        position: absolute;
        top:300px;
        padding-top:0;
    }
    
    .pic_right img{
            position: relative;
    left: 50%;
    transform: translateX(-50%);
    }
    
        #service_big_fix{
        width: 100%;
        min-width: 280px;
        max-width: 625px;
        
    }
    .serv_box{
        height: auto;
        margin-left: 0;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 45px;
    }
    
            #contact_fix{
        width: 100%;
        min-width: 280px;
        max-width: 700px;
            }
    
    .formmm{
        margin-left: 0;
        width: 100%;
    }
    
    .myicon{ display: none;}
    
    .phonec{
        margin-top: 20px;
    }
    
    .trialbtn {
        //transform: translateX(-50%);
        left: 5%;
    }
    
    #about_html p {
        padding: 0 20px;
        font: 12px;
    }
    
    
    
    
    
.sub1{
    background-image: url(img/sub1m.jpg);
}

.sub2{
    background-image: url(img/sub2m.jpg);
}


.sub3{
    background-image: url(img/sub3m.jpg);
}


.sub4{
    background-image: url(img/sub4m.jpg);
}
    
    .subspecial{
      background-image: url(img/sub2.jpg);
    }

.mobile_only{
    display: block;
    text-align: center;
}


    
    .desk_only{
        display: none;
    }
    
    #subpages_menu{
    background: #ebebeb;
    height: 342px;
    width: 100%;
    text-align: center;
    
}
    #subpages_menu a{
display: block;
}
    
    #seo_content{
        
        width: 100%;min-width: 280px;
        max-width: 700px
    }
    #seo_content p,#seo_content ul,#seo_content h6,#seo_content h1,#seo_content h4 {
    //padding: 0 35px;
    
}
    
    #mini_slider_fix h1{
        padding-top: 140px;
        font-size: 36px;
    }
}