@import 'https://fonts.googleapis.com/css?family=Open+Sans';@import 'https://fonts.googleapis.com/css?family=Oswald:700';@font-face {font-family: 'Oswald', sans-serif;font-family: 'Open Sans', sans-serif;} body {margin:0px;padding:0px;line-height: 24px;font-size: 14px;font-family: 'Open Sans', sans-serif;} p {margin: 0 ! important;} a:focus , a:active , a:hover{outline: none ! important;} .navbar-brand {display: none;} .navbar-toggle{background-color: #34bac6 !important;} #table_inner_content {float: left;text-align: center;width: 100%;} .navbar-inverse{border: none;background: none;} .navbar{margin-bottom: 0px;} .main{float: left;width: 100%;text-align: center;} .maindiv{float:left;width:100%;} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none;} .headercontainer {float: left;width: 100%;padding: 25px 0 0;opacity: 0.9;background-color: #3a88b8;} .header{float: left;width: 100%;background-color: #0006;padding: 15px 0;} .logodiv {float: left;width: 100%;z-index: 9999;position: absolute;} .menudiv{float: left;width: 100%;} .menudiv ul{text-decoration: none;} .menudiv ul li {background-image: url("../../images/FRC%20029/menu.png");background-position: right center;background-repeat: no-repeat;background-size: auto auto;float: left;list-style: outside none none;} .menudiv ul li:last-child,.menudiv ul li:first-child {background: none;} .menudiv ul li a {font-size: 14px;padding: 0 8px;margin: 20px 0;color: #fff !important;text-transform: uppercase;font-weight: bold;} .menudiv ul li a:hover{color: #35b9c4 !important;} .menudiv ul li.selected a{color: #4ccfd7 !important;} .menudiv img {margin: -7px 0px 0px 30px;transition: 1s all;} .menudiv img:hover {transition: 1s all;transform: rotateZ(360deg);} .innercontainer{float: left;width: 100%;text-align: center;background-image: url('../../images/FRC%20029/bannerbg.png');background-repeat: repeat-x;background-size: 100% 85%;} .pagehead {float: left;width: 100%;color: #000;font-size: 30px;line-height: 30px;padding: 15px 0px 35px;} .pagehead b{float: left;width: 100%;font-size: 40px;line-height: 50px;color: #3a88b8;} .pagebanner {float: left;width: 100%;position: relative;bottom: -10px;} .pagebanner img{float: left;width: 100%;} .pagecontainer {float: left;width: 100%;padding: 25px 0 50px;} .pagecontent{float: left;width: 100%;color: #666;text-align: justify !important;} .pagecontent b {float: left;width: 100%;margin: 20px 0;color: #0C2140;font-size: 20px;text-transform: uppercase;padding: 10px;background: radial-gradient(#fff, #4ccfd7);} .pagecontent ul {margin-top: 20px;list-style-type: none !important;} .pagecontent ul li {margin: 10px 0;} .pagecontent ul li:hover {color: #000;} .pagecontent ul li:before {content: "\f0c1";font-family: FontAwesome;margin-right:10px;color: #070b16;} .ourservicescontainer{float: left;width: 100%;} .ourteamhead b {font-family: 'Oswald', sans-serif;text-transform: uppercase;font-size: 48px;line-height: 48px;color: #0c2140;margin: 3% 0 5%;float: left;width: 100%;text-align: center;} .switchbutton {float: left;width: 100%;} .switchbutton ul{padding: 0;margin: 0;} .switchbutton ul li{float:left;width:100%;list-style: none;} .switchbutton ul li a{float:left;width:100%;text-transform: uppercase;font-weight: bold;background-color: #e3e2e2;border-bottom: 3px solid #fff;color: #0c2140;transition: 1s all;text-decoration: none;padding: 10px;} .switchbutton ul li a img{filter:grayscale(100%);} .switchbutton ul li.active a{background-color: #0c2140;color: #fff;transition: 0.5s all;padding-left: 100px;} .switchbutton ul li a:hover{background-color: #0c2140;color: #fff;transition: 0.5s all;padding-left: 100px;} .switchbutton ul li.active a img{filter:grayscale(0%);} .switchbutton ul li a:hover img{filter:grayscale(0%);} .switchbutton img {display: inline-block;margin-right: 15px;transition: 1s all;} .switchbutton img:hover {transition: 1s all;transform: rotateY(360deg);} .results {float: left;width: 100%;position: relative;} .resulttext {float: left;width: 100%;position: absolute;top: 65%;background-color: #0c2140;opacity: 0.9;color: #fff;padding: 20px;overflow: hidden;min-height:160px;} .resulttext b{text-transform: uppercase;color: #26d4a1;} .formcontainer{float: left;width: 100%;margin: 5% 0;text-align: center;} .footeraddressform{float: left;width: 100%;background-image: url('../../images/FRC%20029/footerBG.png');background-attachment:fixed;background-position: center center;background-repeat: no-repeat;} .footeraddressform img{margin: auto;} .footerhead{float: left;width: 100%;font-size: 36px;line-height: 36px;font-weight: bold;color: #0c2140;font-family: 'Oswald', sans-serif;text-transform: uppercase;} .location{float: left;width: 100%;font-size: 18px;color: #666;margin: 2% 0;} .dragaform{float: left;width: 100%;} .social{float: left;width: 100%;} .social img{display: inline-block;margin: auto;transition: 1s all;} .social img:hover{transition: 1s all;transform: rotateY(360deg);} .copyritcontainer{float:left;width : 100%;background-color: #000;color: #fff;text-align: center;padding: 15px;} .copyritcontainer a{color: #26d4a1;font-weight: bold;font-size: 12px;text-transform: uppercase;text-decoration: none;margin: 0 5px;} .copyritcontainer a:hover{color:#fff;} .top{float: right;position: fixed;z-index: 99999;top: 50%;right: 0;} .top img{transition: all 1.5s ease;transform: translateY(0px);} .top img:hover {transition: 1s all ease;transform: translateY(-30px);} @media(min-width:1201px) and (max-width:1650px){} @media(min-width:992px) and (max-width:1200px){.menudiv ul li a{padding: 0 8px;}} @media(min-width:768px) and (max-width:991px){.headercontainer{margin: 0;position: relative;} .logodiv{position: relative;} .logodiv img {margin: auto;} .menudiv ul li a {padding: 0 5px;}} @media(min-width:640px) and (max-width:767px){.headercontainer {margin: 0px !important;position: relative;} .logodiv {position: relative !important;} #componentlayout254373 img {margin: auto;} .menudiv ul{float: left;width: 100%;margin: 10px;} .menudiv ul li{background: none;width: 100%;} .menudiv ul li a{margin: 5px 0;float: right;} .bg-animate{margin-top: 5% !important;}} @media(max-width:767px){.bg-animate img {width: 75%;}} @media(min-width:480px) and (max-width:639px) {.headercontainer {padding: 0px !important;position: relative;} .logodiv {position: relative !important;} .logodiv img {margin: auto;} .menudiv ul{float: left;width: 100%;margin: 10px;} .menudiv ul li{background: none;width: 100%;} .menudiv ul li a{margin: 5px 0;float: right;} .top{overflow: hidden;} .pagebanner{bottom: -20px;} .bg-animate{margin-top: 5% !important;}} @media(min-width:320px) and (max-width:479px) {.headercontainer {padding: 0px !important;position: relative;} .logodiv {position: relative !important;} .menudiv ul{float: left;width: 100%;margin: 10px;} .menudiv ul li{background: none;width: 100%;} .menudiv ul li a{margin: 5px 0;float: right;} .pagebanner{bottom: -20px;} .pagecontainer{padding: 50px 0 0;} .pagecontent ul{padding: 0;} .ourteamhead b{font-size: 35px;line-height: 35px;} .switchbutton ul li.active a{padding-left: 24px;} .switchbutton ul li a:hover{padding-left: 30px;} .switchbutton ul li a{font-weight: lighter;} .bg-animate{margin-top: 5% !important;} .footerhead{font-size: 22px;line-height: 22px;}} .bg-animate {-webkit-transform: translate3d(0,0,0);background-image: url(../../images/FRC%20029/static.png);background-position: center center;background-repeat: no-repeat;text-align: center;float: left;width: 100%;margin-top:-7%;background-image: none;} .bg-animate img{display: inline-block;margin: auto;-webkit-animation:loopCircle 30s linear 0s infinite normal;-moz-animation:loopCircle 30s linear 0s infinite normal;-ms-animation:loopCircle 30s linear 0s infinite normal;-o-animation:loopCircle 30s linear 0s infinite normal;animation:loopCircle 30s linear 0s infinite normal} @-webkit-keyframes loopCircle{0%{transform:rotate3d(0,0,1,0deg);-webkit-transform:rotate3d(0,0,1,0deg)} 100%{transform:rotate3d(0,0,1,360deg);-webkit-transform:rotate3d(0,0,1,360deg)}} @-moz-keyframes loopCircle{0%{transform:rotate3d(0,0,1,0deg);-webkit-transform:rotate3d(0,0,1,0deg)} 100%{transform:rotate3d(0,0,1,180deg);-webkit-transform:rotate3d(0,0,1,180deg)}} @-o-keyframes loopCircle{0%{transform:rotate3d(0,0,1,0deg) ;-webkit-transform:rotate3d(0,0,1,0deg)} 100%{transform:rotate3d(0,0,1,180deg);-webkit-transform:rotate3d(0,0,1,180deg)}} @keyframes loopCircle{0%{transform:rotate3d(0,0,1,0deg) ;-webkit-transform:rotate3d(0,0,1,0deg)} 100%{transform:rotate3d(0,0,1,180deg);-webkit-transform:rotate3d(0,0,1,180deg)}}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}