.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;}.overview-block-pt { padding:0px 0 0; } .iq-mtb-100 { margin-bottom:20px; } .iq-get-in { position:relative; margin-top:-12%; -webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 30px 0px rgba(0,0,0,0.15); } .contact-form .section-field { position:relative; width:100%; float:left; } .contact-form .section-field input { position:relative; width:100%; margin-bottom:20px; border-radius:90px; padding-left:20px; height:48px; line-height:48px; clear:both; color:#b6b6b6; border:1px solid #e1e1e1; } .contact-form .section-field input:focus,.contact-form .section-field.textarea textarea:focus { border:1px solid #1e50e2; box-shadow:none; outline:none; } .contact-form .section-field.textarea textarea { width:100%; float:left; color:#b6b6b6; border:1px solid #e1e1e1; border-radius:20px; padding:15px 0 0 20px; resize:none; } #formmessage { display:none; } .contact-info { position:relative; } .contact-info:before { content:""; position:absolute; height:100%; width:1px; left:15px; top:0; background:#e5e5e5; } .info-share { margin:40px 0 0; padding:0; text-align:left; } .info-share li { display:inline-block; list-style:none; padding:0; margin:0px 5px; } .info-share li a { display:block; width:45px; height:45px; line-height:45px; font-size:16px; color:#666; background:transparent; border:1px solid #666; text-align:center; border-radius:50%; } .info-share li a:hover { background:#1e50e2; border-color:#1e50e2; color:#fff; } .contacmlop { position:relative; -webkit-box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%); -moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 30px 0px rgb(0 0 0 / 15%); margin:0px 30px; margin:40px auto; max-width:1200px; } .main-body { background-color:#fff; } .heading-left { position:relative; padding-bottom:12px; margin-bottom:25px; } .iq-fancy-box-02 .iq-icon { float:left; border-radius:90px; height:70px; width:70px; line-height:80px; text-align:center; margin-right:15px; color:#ffffff; -webkit-box-shadow:0px 5px 15px 0px rgb(0 0 0 / 15%); -moz-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15); box-shadow:0px 5px 15px 0px rgb(0 0 0 / 15%); } .iq-fancy-box-02 .fancy-content { display:table-cell; } .iq-fancy-box-02 .iq-icon i { font-size:30px; } .green-bg { background:rgba(9,179,239,1); background:-moz-linear-gradient(left,rgba(9,179,239,1) 0%,rgba(30,80,226,1) 100%); background:-webkit-gradient(left top,right top,color-stop(0%,rgba(9,179,239,1)),color-stop(100%,rgba(30,80,226,1))); background:-webkit-linear-gradient(left,rgba(9,179,239,1) 0%,rgba(30,80,226,1) 100%); background:-o-linear-gradient(left,rgba(9,179,239,1) 0%,rgba(30,80,226,1) 100%); background:-ms-linear-gradient(left,rgba(9,179,239,1) 0%,rgba(30,80,226,1) 100%); background:linear-gradient(to right,rgba(9,179,239,1) 0%,rgba(30,80,226,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#09b3ef',endColorstr='#1e50e2',GradientType=1); } .lead { font-size:16px; line-height:24px; margin:0; } @media (max-width:768px) { .overview-block-pt { padding:0px 0 0; } .iq-mtb-100 { margin:40px 0; } .heading-title .title { font-size:30px; } .contact-info { padding:0px; } .contact-info:before { display:none; } .re-mt-30 { margin-top:40px; } .iq-fancy-box-02 { display:table; } .iq-fancy-box-02 .fancy-content { display:block; padding:0px; padding-right:0px; width:190px; float:left; word-break:break-all; } .info-share li { margin-bottom:20px; } .info-share li a{width:40px; height:40px; line-height:40px;} }