.grid { max-width:69em; list-style:none; margin:30px auto; padding:0;} .grid li { display:block; float:left; padding:7px; width:33%; opacity:0;} .grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;} .grid li a,.grid li img { outline:none; border:none; display:block; max-width:100%;} .grid.effect-1 li.animate { -webkit-animation:fadeIn 0.65s ease forwards; animation:fadeIn 0.65s ease forwards;} @-webkit-keyframes fadeIn { 0% { } 100% { opacity:1; }} @keyframes fadeIn { 0% { } 100% { opacity:1; }} .grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp 0.65s ease forwards; animation:moveUp 0.65s ease forwards;} @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform:translateY(0); opacity:1; }} @keyframes moveUp { 0% { } 100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }} .grid.effect-3 li.animate { -webkit-transform:scale(0.6); transform:scale(0.6); -webkit-animation:scaleUp 0.65s ease-in-out forwards; animation:scaleUp 0.65s ease-in-out forwards;} @-webkit-keyframes scaleUp { 0% { } 100% { -webkit-transform:scale(1); opacity:1; }} @keyframes scaleUp { 0% { } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1; }} .grid.effect-4 { -webkit-perspective:1300px; perspective:1300px;} .grid.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards;} @-webkit-keyframes fallPerspective { 0% { } 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1; }} @keyframes fallPerspective { 0% { } 100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1; }} .grid.effect-5 { -webkit-perspective:1300px; perspective:1300px;} .grid.effect-5 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:50% 50% -300px; transform-origin:50% 50% -300px; -webkit-transform:rotateX(-180deg); transform:rotateX(-180deg); -webkit-animation:fly .8s ease-in-out forwards; animation:fly .8s ease-in-out forwards;} @-webkit-keyframes fly { 0% { } 100% { -webkit-transform:rotateX(0deg); opacity:1; }} @keyframes fly { 0% { } 100% { -webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1; }} .grid.effect-6 { -webkit-perspective:1300px; perspective:1300px;} .grid.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards;} @-webkit-keyframes flip { 0% { } 100% { -webkit-transform:rotateX(0deg); opacity:1; }} @keyframes flip { 0% { } 100% { -webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1; }} .grid.effect-7 { -webkit-perspective:1300px; perspective:1300px;} .grid.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards;} @-webkit-keyframes helix { 0% { } 100% { -webkit-transform:rotateY(0deg); opacity:1; }} @keyframes helix { 0% { } 100% { -webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1; }} .grid.effect-8 { -webkit-perspective:1300px; perspective:1300px;} .grid.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(0.4); transform:scale(0.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards;} @-webkit-keyframes popUp { 0% { } 70% { -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; } 100% { -webkit-transform:scale(1); opacity:1; }} @keyframes popUp { 0% { } 70% { -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out; } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1; }} @media screen and (max-width:900px) { .grid li { width:50%; }} @media screen and (max-width:400px) { .grid li { width:100%; }} .columnleft{width:38%;margin-right:20px;}.columnright{width:60%;}.gmap { height:420px; width:100%; padding:2px; border:1px solid #ddd; font-size:90%;} .gmap + .gmap { margin:5px 0;} .canvas_map { width:100% !important;} .gmap img,.gmap object,.gmap embed { max-width:none; height:auto } .gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .tabs-content li { list-style-type:none !important;} .normal-list li { list-style-type:disc !important;} .line { border-bottom:3px solid #ddd; margin-top:10px;} .install h2 {} .panel h2 { font-size:28px;} h3 { font-size:22px; margin:0 0 5px;} .code h3 { margin:15px 0 12px; font-weight:normal;} .description { margin-bottom:20px;} .description ul { padding-left:20px;} .description strong { font-weight:normal;} .tabs.pill { margin-bottom:20px;} .tabs.pill.small a { padding:0 8px; font-size:12px; line-height:22px; height:22px;} .tabs.pill dd.active,.tabs.pill li.active,.tabs.pill dd,.tabs.pill li { margin-top:24px;} section { padding-bottom:20px;} section.last { padding-bottom:0;} header .line { border-bottom:3px solid #444;} section.last .line { border:none;} ul.side-nav li { margin:0;} .tabs .right { float:right !important;} .docs .prettyprint { font-size:12px;} .panel { height:140px;} .panel .button { width:100%;} select { width:auto;} .mobile-one .right { float:right!important} .adp-directions { width:100%;} #controls { margin-bottom:20px; float:left; width:100%;} #controls .ullist { margin:0px; padding:0px; list-style-type:none;} #controls-9 .wrap_controls { margin-bottom:20px;} #route table tbody tr td.adp-text { padding:9px 25px; vertical-align:middle;} .socials { position:absolute; bottom:20px; right:-10px;} @media only screen and (max-width:767px) { .tabs dd a,.tabs li a { padding:0px 6px; } .gmap_controls.tabs .ullist li a { padding:0px 6px !important; } #directions h2 { height:auto; }} .gmap * { font-size:100%;} .ullist { width:100%;} .tab-content { *margin:0 0 20px;} .menu .ullist li { width:100%; float:left; } .menu .ullist li.active a,.menu .ullist li a:hover { color:#ee353a !important; background-color:#eee !important;} .tabs .ullist li a{ padding:0px 23.8px !important;} .tabs .ullist li a:hover { color:#6f6f6f !important; background-color:transparent !important;} .tabs .ullist li.active a{ font-weight:bold; color:#3c3c3c !important; background-color:#fff !important;} .ullist li.active a { font-weight:bold;} .ullist li.active a,.ullist li a:hover { color:#B82200 !important; background-color:#eee !important;}.fullmapaddress{width:200px;padding:20px 0px;padding-top:0px; font-size:12px;}.mapouter{position:relative;text-align:right;height:500px;width:100%;}.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:100%;}.contact-page-section { position:relative; padding:85px 0px 60px;}.rajuharry-form section { margin-bottom:0px;padding-bottom:14px; }.rajuharry-form footer { background:#fff;padding:15px 0px;}.contact-map-section { padding-bottom:34px;}.contact-form{width:100%;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,.3); padding:25px;margin-top:130px;}.rajuharry-form { box-shadow:none;padding:0px;}.contact-form h2 { font-size:25px; color:#000; margin-bottom:5px;}.contact-form ul{margin-bottom:20px;}.contact-map-section{padding-top:40px;}.contact-map-section .outer-container .map-content{right:36px; top:25px;padding-bottom:30px; padding-top:30px;}.contact-map-section .separator { position:relative; width:100%; display:block; text-align:center; left:0; right:0; margin:0px auto; margin-bottom:40px;}.separator:before { position:absolute; content:''; left:0px; top:0px; width:100%; height:1px; background-color:#cccccc;}.separator:after { position:absolute; content:''; left:50%; top:-15px; width:30px; height:30px; margin-left:-15px; border:10px solid #ffffff; background-color:#004cda;}.contact-form li{display:list-item; list-style:disc; list-style-position:inside;}.contact-map-section .map-content h2 { margin-bottom:15px;}.contact-map-section .map-content .info-list li { font-size:14px;}.contemp{font-size:20px;color:#004cda;margin-bottom:30px;}@media (max-width:768px){.contact-map-section .outer-container .map-content { right:0; top:0; padding-bottom:30px; padding-top:30px; float:none;} .contact-map-section .map-canvas{position:relative !important;margin:40px auto;} .gmap_canvas,.contact-map-section .map-canvas,iframe { height:auto; width:100%;}.contact-page-section {position:relative; padding-top:0px;}.contact-map-section .outer-container .auto-container{ padding:5px;}}