.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;}.contact-list a {color:#646464;} #Vcontactvalidatecon{margin-bottom:30px; box-shadow:0 2px 10px rgba(0,0,0,.3); position:absolute; top:-20px; right:0; z-index:12; max-width:490px; background:#fff; height:115%; } .rajuharry-form section{margin-bottom:0px;} .rajuharry-form .input:hover input,.rajuharry-form .select:hover select,.rajuharry-form .textarea:hover textarea,.rajuharry-form .radio:hover i,.rajuharry-form .checkbox:hover i,.rajuharry-form .toggle:hover i { border-color:#000; } .rajuharry-form footer{padding-right:0px;background:transparent;padding-left:0px; } .slider-layout2 .nivo-caption{top:30%;z-index:11; } .slider-area .slide-2 div.slider-paragraph,.slider-area .slide-1 div.slider-paragraph{width:350px;color:#fff;} .slider-area .slide-1 div.slider-big-text,.slider-area .slide-2 div.slider-big-text,.slider-area .slide-3 div.slider-big-text{ font-size:5rem; } .contactdetlmn{background:#f1f1f1; padding:40px 20px; margin:0px auto; margin-bottom:20px; border:1px dashed #dadada;padding-bottom:15px;display:none; } .heading-layout2 h2{font-size:27px; } .nivo-directionNav{display:none;} .slider-contentm{} .nivoSlider::before{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; right:0; margin:0px auto; z-index:11;} .footerfixcont{ position:absolute; bottom:0; z-index:11; width:100%;padding:20px 5px;background:rgba(255,255,255,0.2); padding-bottom:12px; } .footerfixcont .row{margin:0px auto;} .footerfixcont .contact-list li a,.footerfixcont .contact-list .item-title{color:#fff;} .footerfixcont .contact-list .item-title{margin-bottom:5px; width:50px; height:50px; background:#000; border:2px solid #fff; text-align:center; padding:13px 0px; border-radius:100%;} .footerfixcont .contact-list li a{font-size:14px; } .slider-contentm { padding-top:30px; } .dmnopmntop{position:relative; padding:0px; display:block; height:100%; } .slider-layout2 .nivo-caption { top:0px; z-index:11; transform:none; } .contactmnop {position:absolute; bottom:0; width:100%; display:block; z-index:11; background:rgba(255,255,255,0.3); padding:15px 0px;margin-left:-10px;margin-bottom:-10px; } .contactmnop .item-title{ color:#fff; margin-bottom:0px;} .contactmnop .contact-list a{color:#fff;} @media (max-width:768px){ #Vcontactvalidatecon{position:relative;height:100%;top:0px;} .slider-layout2 .bend.niceties{display:none;visibility:hidden;opacity:0;} .contactdetlmn{display:block;} .contactmnop{position:relative;margin:0px auto;background:transparent;} .contactmnop .contact-list a{color:#000;} }