html { height: 100%; min-width: 100%; -ms-text-size-adjust: none;} body { padding:0 0; margin:0 0; border-width: 0; height: 100%; font-family: 'Roboto Slab', serif; font-size:100%;} section {margin-top:21px;} *:focus { outline:0;} .page{width:990px;margin: 0 auto; text-align:left;} .c {text-align:center;} header {text-align:center;margin-bottom:45px;} header p {font-size:39px;margin:18px;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.55); cursor:pointer;} header img{height:65px;} header span{vertical-align:super;font-size:19px;font-weight:bold;} .hbr{ width:33%;height:18px;float:left;} .hbr2 {width:33%;} /* BG Colors */ .bgb { background-color:#0298C5;}.bgr { background-color:#FE3E3D;}.bgo { background-color:#FE993D;} .bgp{background-color:#7A02C5;} .bgk {background-color:#000;} .bgc{background-color:#333;} .bgy{background-color:#dcdc00;} .bgg{background-color:#5dbb00;} .bgd{background-color:#ccc;} .bgw{background-color:#630;} .bgs{background-color:#FFFF00;} /* Menu */.msb{font-size:18px;font-weight:bold;display:inline-block;margin-right:13px;}.msb div{width:11px;height:11px;display:inline-block;vertical-align:text-bottom;margin:5px;} /* Listing Sections */.lss{vertical-align:text-top;background-color:#f7f7f7;margin:5px;width:300px;display:inline-block;} .lss div{float:left;width:72px;height:72px;background-size:cover;background-position:center center; margin:3px 5px 5px 0px;} .lss span{font-size:14px;} /*Boxes*/ .sdw{-webkit-box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);-moz-box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);box-shadow: 0px 0px 18px -6px rgba(0,0,0,1);} .flot {float:left;} .box_s, .box_l, .box_xl{display:inline-block;margin:13px;} .box_xl{width:100%;margin:13px 0px;} .box_s{width:300px;height:485px;overflow:hidden;}.box_l {width:626px;}  .pic_b {height:300px;background-color:#CCC;background-position:center center;background-size:cover;} .box_s h2,.box_l h2 {font-size:25px;line-height:27px;font-weight:normal;text-align:left;margin:0px;padding:4px 14px 8px 14px; color:#FFF;}.box_s h5,.box_l h5{color:#FFF;text-transform:uppercase;position:absolute;margin:0px;font-weight:normal;padding:0px 8px 0px 8px;}.box_s h6,.box_l h6{color:#CCC; font-size:11px; font-weight:normal;margin:0px;padding:1px 14px 1px 14px;} .box_s p,.box_l p {padding:4px 14px 14px 14px;margin:0px;font-size:16px;} .box_s p {text-align:left;} .box_l p {text-align:justify; line-height:28px;}  .box_a{ height:137px; overflow:hidden;} #a2{display:none;} /*Log Circle*/.ccl{display:none;width:100px;height:100px;border-radius:100px;position:fixed;top:-50px;right:-50px;}.ccl img{margin:60px 2px 20px 20px;} /*Clicks*/.ck{cursor:pointer;} /*Sharing Social Media*/.dyl{float:right;color:#999;}.ssm{text-align:right;margin:14px;font-size:12px;}.ssm div {display:inline-block;width:55px;height:26px;background-image:url(//metodotriads.com/imgs/ssm.png);background-repeat:no-repeat;background-size:39%;} .ssm_e {background-position:17px 2px;background-color:#446824;} .ssm_f {background-position:17px -23px;background-color:#306199;} .ssm_t {background-position:17px -45px;background-color:#26C4F1;} .ssm_g {background-position:17px -68px; background-color:#E93F2E;} .ssm_p {background-position:17px -90px; background-color:#B81621;} /*Blinking*/.blink{-webkit-animation-name:blinking;-webkit-animation-duration:1s;animation-name:blinking;animation-duration:1s;} @-webkit-keyframes blinking {0%{background-color:#000;}50%{background-color:#F00;}100%{background-color: #000;}} @keyframes blinking {0%{background-color:#000;}50%{background-color:#F00;}100%{background-color: #000;}} @media screen and (max-width:768px) { .page{width:98%; text-align:center;} header p {font-size:33px;line-height:21px;} header img {height:55px;} .hbr{height:13px;}.hbr2 {width:34%;} .box_s,.box_l{width:600px;} .flot {float:none;} #logbox .box_a,#logbox h2{display:none;}#logbox{height:267px;} #a2{display:inline-block;}.ccl{display:block;} } @media screen and (max-width:600px) { .page{width:98%;text-align:center;} header p {font-size:23px;line-height:13px;} header span{font-size:13px;} header img {height:45px;} .hbr{height:9px;}.hbr2 {width:34%;} .box_s,.box_l{width:300px;} .box_l img {width:50%;} .box_s p,.box_l p{overflow:hidden;} .flot {float:none;} #logbox .box_a,#logbox h2{display:none;}#logbox{height:267px;} .ccl{display:block;} .ssm{text-align:center;} .ssm div {width:50px;background-size:40%;} .ssm_e{background-position:17px 3px;} .ssm_f{background-position:17px -20px;} .ssm_t{background-position:17px -41px;} .ssm_g{background-position:17px -62px;} .ssm_p{background-position:17px -83px;}} .lge { background-color:#F6F6F6;} .lge i {font-size:13px;} .lge1 {width:253px;padding:5px 8px 5px 8px;margin:8px 14px 1px 14px;border:#999 solid 1px;} .lge2 {width:134px;padding:5px 8px 5px 8px;margin:8px 8px 1px 14px;border:#999 solid 1px;} .lge3 {display:inline-block;width:92px;padding:3px 8px 5px 8px; margin:8px 14px 1px 0px;color:#FFF;cursor:pointer;} .lge1, .lge2 {font-family:'Roboto Slab', serif; font-weight:bold;} .box h2 {font-size:25px; font-weight:normal; margin:0px; padding:0px 14px 1px 14px; color:#FFF;}.box h5{color:#FFF;position:absolute;margin:0px;font-weight:normal;padding:0px 8px 0px 8px;} .box h6 {color:#CCC; font-size:11px; font-weight:normal;margin:0px;padding:1px 14px 1px 14px;} .box p {padding: 4px 14px 14px 14px;margin:0px;} .box > .pic {width:300px;height:300px;background-color:#CCC;background-position:center center; background-size:cover;} .lga { background-color:#222; color:#999; padding:15px;} #nodec{text-decoration: none;} .btn{display: inline-block;padding:5px 13px 5px 13px;border-radius:4px;cursor:pointer;color:#FFF;}