@charset "utf-8"; /* Project Name: Askmenon Coded by: Mohd Basheer */ *{ margin:0; padding:0; box-sizing:border-box;} html, body{height:100%;width:100%;background:#f5f5f5;color:#444;font:0.9em/1.5em 'open_sansregular', Arial, Helvetica, sans-serif; } .browsehappy{margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0} .msgContainer{ padding:80px 15px; } .msgContainer-inner{color:#FFF;border-radius:15px; padding:20px; max-width:500px; margin:0 auto; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000); zoom: 1;} .msgContainer-inner h1{ margin-top:0} .msgContainer-inner:nth-child(n) { filter: none; } .arial{ font-family:Arial, Helvetica, sans-serif} a, a:hover, a:focus, a:active{ color:#333; outline:none; text-decoration:none;} #wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ } /*.push { height: 50px; display:block; .push must be the same height as .footer }*/ .hm-page{ background:#015686;} hr{display:block; border:0; margin:0.5em 0; padding:0; height:1px; background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0)); width:100%} @font-face { font-family: 'vollkornregular'; src: url('../fonts/vollkorn-regular.eot'); src: url('../fonts/vollkorn-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/vollkorn-regular.woff') format('woff'), url('../fonts/vollkorn-regular.ttf') format('truetype'), url('../fonts/vollkorn-regular.svg#vollkornregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayregular'; src: url('../fonts/raleway-regular.eot'); src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular.woff') format('woff'), url('../fonts/raleway-regular.ttf') format('truetype'), url('../fonts/raleway-regular.svg#ralewayregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaysemibold'; src: url('../fonts/raleway-semibold.eot'); src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-semibold.woff') format('woff'), url('../fonts/raleway-semibold.ttf') format('truetype'), url('../fonts/raleway-semibold.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } .button, .button:visited ,a.button{ background: #d35400 url(../images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 8px; color: #fff !important; font-family:"open_sansregular", Helvetica, Arial, sans-serif; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; border-radius:4px; cursor: pointer; border:none; } a.button:hover{ text-decoration:none} .button:hover { background-color: #be4d01; color: #fff; } .button:active { top: 1px; } .vsmall.button, .vsmall.button:visited { font-size: 9px; } .small.button, .small.button:visited { font-size: 11px; } .button, .button:visited, .medium.button, .medium.button:visited { font-size: 16px; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.button, .large.button:visited { font-size: 20px; padding: 8px 20px ; } .xlarge.button, .xlarge.button:visited { font-size: 34px; padding: 8px 14px ; } .green.button, .green.button:visited { background-color: #91bd09; } .green.button:hover { background-color: #749a02; } .blue.button, .blue.button:visited { background-color: #004e7a; } .blue.button:hover { background-color: #003863; } .red.button, .red.button:visited { background-color: #731411; } .red.button:hover { background-color: #b21d19; } .magenta.button, .magenta.button:visited { background-color: #a9014b; } .magenta.button:hover { background-color: #630030; } .yellow.button, .yellow.button:visited { background-color: #ac7100; } .yellow.button:hover { background-color: #8f5e00; } /*=====link-styles=====*/ a:link, a:active, a:visited { text-decoration:none; color:#d35400; } a:hover, a:active { text-decoration:none; color:#33C; } a[href^="mailto"] { color: #c0392b; text-decoration: none; } a[href^="mailto"]:hover { color: #33C; text-decoration: none } a[href^="http"] { color: #d35400; text-decoration:none; } a[href^="http"]:hover { text-decoration: underline; color: #1863c9; } a.link { color: #009476; text-decoration: none; } a.text-white{ color:#fff;} a.text-white:hover,a.text-white:focus,a.text-white:active{ color:#D35400;} .bluetxt,.bluecl{color:#015686;} .header{ background:#015686; position:relative;} .main-footer{font:0.9em/30px 'open_sansregular', Arial, Helvetica, sans-serif; color:#f6f6f6; border-top:1px solid #003d5f; background:#015686; } .main-footer a{color:#f6f6f6;}.footer a:hover{color:#ffce00;} .footer .left{ float:left;} .footer .right{ float:right;} ul.footernav{margin:0px; padding:5px 0px; line-height:none; float:left; } ul.footernav li{padding:5px 20px; display:inline; color:#fff; font:1em/30px 'open_sansregular', Arial, Times, serif;} ul.footernav li a{color:#f5f5f5; text-decoration:none;} ul.footernav li a:hover{color:#ff0; text-decoration:none;} .copyright{ width:100%;font:0.9em/30px 'open_sansregular', Arial, Helvetica, sans-serif; color:#f6f6f6; float:left; background:#015686; border-top:1px solid #003d5f; } ul.footersocialicon{margin:0px; padding:0px 0px; line-height:none; float:right;} ul.footersocialicon li{display:inline; } ul.footersocialicon li img{ margin:10px 18px 0 0;} ul.footersocialicon li a{color:#f5f5f5; text-decoration:none;} .fence-container{ width:1000px; padding:0 20px; position:relative; display:block; margin:auto;} .schedule{width:180px; float:right; border-radius:14px; color:#015686; line-height:30px; text-align:center; margin:12px 10px 0; font:1.2em 'ralewayregular', Arial, Times, serif; padding:5px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .schedule .fa{color:#000; margin:0 0px 0 10px; float:left; line-height:40px;} .schedule a{ text-decoration:none; color:#015686;} .schedule a:hover{ text-decoration:none; color:#c23122;} /*========================================================================== homepage ========================================================================== */ .fence-logo{position:absolute; bottom:-72px; z-index:999; left:0; right:0;} .logo{ background:#015686; display: inline; text-align:center; padding:8px 20px; font:3.5em 'vollkornregular', Arial, Helvetica, sans-serif; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; border-radius:0px 0px 4px 4px;} .logo a{color:#fff; text-decoration:none;} .logo a:hover,.logo a:focus,.logo a:active{color:#000;} .navbar-brand{ display:none;} .navbar-default{ background: transparent; border-color:transparent;} .navbar{ border-radius:0; margin:0;} .navbar-default .navbar-nav > li > a{color:#FFFFFF; text-decoration:none; font:1.3em/75px 'ralewayregular', Arial, Times, serif; padding:0 10px; margin:0px;} .navbar-collapse{ padding:0;} .navbar-default .navbar-nav > li > a .fa{ color:#fff;} .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active{color:#fff; background:#004267;} .bx-wrapper .bx-viewport{background:none; border:none; box-shadow:none; left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0)} .bx-wrapper{position:relative; margin:0 auto; padding:0; *zoom:1} .bx-wrapper img{max-width:100%; display:block} .bx-wrapper .bx-loading{min-height:50px; background:url(../images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev{left:10px; background:url(../images/controls.png) no-repeat 0 -32px} .bx-wrapper .bx-next{right:10px; background:url(../images/controls.png) no-repeat -43px -32px} .bx-wrapper .bx-prev:hover{background-position:0 0} .bx-wrapper .bx-next:hover{background-position:-43px 0} .bx-wrapper .bx-controls-direction a{position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bannerContainer{position:relative; width:100%; float:left; margin:0;display:none; padding:0;} .no-js .bannerContainer{display:block} #bannerSlides li img{width:100%; } .bannerContainer .bx-wrapper{margin:0 auto; position:relative} .bnrCaption{position: absolute;left:0; right:0; bottom:35%;} .cap-body{display: inline-block; background:rgba(255,255,255,0.8);color:#555; font:2.2em/1.2em 'ralewayregular', Arial, Helvetica, sans-serif; padding:10px 20px; font-weight:600; } .bluecap{ color: #015686;} #bannerSlides{margin:0; padding:0} .bannerContainer .bx-wrapper .bx-pager{position:absolute; right:20px; bottom:5px; z-index:4; text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; } .bannerContainer .bx-wrapper .bx-pager .bx-pager-item, .bannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline} .bannerContainer .bx-wrapper .bx-pager.bx-default-pager a{background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px} .bannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover, .bannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} #bPrev a, #bNext a{outline:none; text-decoration:none; font-size: 1.2em; position:absolute; top:40%; right:10px; width:24px; height:24px; display:block; line-height:22px; text-align:center; border-radius:4%; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border: 1px solid #fff; color: #000; } #bPrev a{right: 40px;} #bPrev a:hover, #bNext a:hover{ background: #bcebff none repeat scroll 0 0; border: 1px solid #72c2e4; color: #fff;} .bnr-container{position:absolute; bottom:10px; z-index:101; left:0; right:0;} .block{ padding:0px;} .block .heding{ margin:0px 0 0.2em 0; padding:0px; font:1.5em 'ralewaysemibold', Arial, Helvetica, sans-serif; color:#015686; display:block; } .block p{ margin:0px; color:#444; padding:0.2em 0px; text-align:justify; font:0.975em/1.6em 'open_sansregular', Arial, Helvetica, sans-serif;} .block a{ text-decoration:none; } .block .fa{ color:#015686; float:right; font-size:1.4em; margin:0px; padding:0px;} .block { border-radius:10px; background: rgba(255,255,255,0.8); border:2px solid #b7b6b5; padding:10px; min-height:140px;} .whitebox{background:#34789E; border:2px solid #66a6ca; padding:10px; min-height:160px; border-radius:10px; margin:20px auto;} /*.whitebox1{ width:300px; float:right; margin:0 0px 0 0px;}*/ .tittle{ margin:0px 0 0.2em 0; padding:0px; font:1.5em 'ralewaysemibold', Arial, Helvetica, sans-serif; color:#fff; display:block; } .whitebox .fa{color:#fff; font-size:14px; float:right; margin:7px 0 0 0;} .whitebox p{color:#fff; height:75px; overflow:hidden } .welcome_cnt{float:left; } .welcome_cnt p{ color:#fff; text-align:justify; font:1em/1.6em 'open_sansregular', Arial, Helvetica, sans-serif; padding:5px;} .title{ padding:0px ; margin:0.3em 0 0.5em 5px; color: #ffffff; display: block; width: 100%; float: left;background: url(../images/border.png) repeat-x scroll 0 18px transparent;font:2em 'ralewayregular', Arial, Times, serif;} .title span { padding: 0px 5px 0px 0px; background: #015686 none repeat scroll 0% 0% ; z-index:2; overflow:auto;} ul.fallowlinks{ margin:0; padding:10px 0; display:block; background:#fff; list-style:none;} ul.fallowlinks li{ display:inline-block; margin:8px 20px;} ul.fallowlinks li a{ display:block; color:#444; text-decoration:none;} ul.fallowlinks li a img{ margin-right:5px;} ul.fallowlinks li a:hover{color:#f00; text-decoration:none;} .testiContainer{ position:relative;} .author-name a{ color: #fff; font-weight:bold; float:right;} .author-name a:hover,.author-name a:focus,.author-name a:active{ color: #ffff67;} #tPrev a,#tNext a{ position:absolute; bottom:2%; left:0;} #tNext a{ left:20px;} .linkedin{ text-decoration:none; display:block; width:84px; height:24px; background:url(../images/linkeedin.jpg) 0 0 no-repeat; margin:-5px 2px 0;} .rightBlock .testiContainer{ position:relative; background: #34789e none repeat scroll 0 0; border-radius: 10px;padding: 10px; color:#fff;} .rightBlock .testiContainer #tPrev a,.rightBlock .testiContainer #tNext a{ color:#fff; left:10px;} .rightBlock .testiContainer #tNext a{ left:30px;} .rightBlock .testiContainer .fa{ color:#fff;} .sideblock{background-color:#015686; color:#fff; border:4px solid #fff;padding: 10px 10px; position: relative; display: inline-block; transition: background-color 0.5s ease;box-shadow:0.3s ease-in-out 0s;font:1.15em 'ralewaysemibold', Arial, Times, serif; margin:20px 0; box-shadow:0 0 3px #222; width:100%;} .sideblock .fa{ font-size:3em; color:#fff; float:left; margin:0 10px 0 0;} .sideblock a{color:#fff; text-decoration:none;} .sideblock:hover{ background:#d35400; color:#fff; } .sideblock_none{background-color:#015686; color:#fff; border:4px solid #fff;padding: 10px 10px; position: relative; display: inline-block; transition: background-color 0.5s ease;box-shadow:0.3s ease-in-out 0s;font:1.15em 'ralewaysemibold', Arial, Times, serif; margin:0 0 20px 0; box-shadow:0 0 3px #222;} .sideblock_none .fa{ font-size:3em; color:#fff; float:left; margin:0 10px 0 0;} .sideblock_none a{color:#fff; text-decoration:none;} .content_left{background: rgba(0, 0, 0, 0) url("../images/sidebar_shadow.png") repeat-y scroll right top;height: auto;padding:0 20px 20px 0;} ul.list { list-style: outside none none; margin: 5px 0 5px 20px; padding: 0; } ul.list li .fa { color: #003a6c; float: left; font-size: 1.1em; margin: 3px 8px 0 0; } .zoomWindow{ top:0px !important; left:auto !important; right:0 !important; width:400px !important; height:320px !important;} .no-gutter, .no-gutter > [class*="col-"] { padding-left: 0; padding-right: 0; } .no-gutter-sm, .no-gutter-sm > [class*="col-"] { padding-left: 8px; padding-right: 8px; } /*=======titles=======*/ .pageheader { display: block; margin: auto auto 30px; position: relative; text-align: left; width: 100%; border-bottom: 2px solid #015686; } .pageheader img { width: 100%; } .pagetittle { border-bottom: 2px solid #ccc; display: block; margin: 0 0 0.4em; padding: 0; width: 100%; } .pagetittle span { border-bottom: 2px solid #015686; color: #015686; font: 1.4em/40px "ralewaysemibold",Arial,Times,serif; padding: 4px 25px 4px 0; } .subtittle { color: #014681; font: 1.3em "open_sansregular",Arial,Times,serif; margin: 0.6em 0 0.3em; padding: 0; } /*=======accordion=======*/ #accordion{ font-size:0.95em; color:#444; font-family: sans-serif; margin:20px 0; width: 100%; } .ui-accordion { width: 100%; } .ui-accordion .ui-corner-all{ border-radius:none} .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin: 5px 0; zoom: 1;background:#fff; font-size:1.1em ; font-family: 'open_sansregular', sans-serif,Arial, Helvetica; font-weight:normal; } #accordion .ui-corner-all,#accordion .ui-corner-top,#accordion .ui-corner-left,#accordion .ui-corner-tl{border-top-left-radius:0} #accordion .ui-corner-all,#accordion .ui-corner-top,#accordion .ui-corner-right,#accordion .ui-corner-tr{border-top-right-radius:0} #accordion .ui-corner-all,#accordion .ui-corner-bottom,#accordion .ui-corner-left,#accordion .ui-corner-bl{border-bottom-left-radius:0} #accordion .ui-corner-all,#accordion .ui-corner-bottom,#accordion .ui-corner-right,#accordion .ui-corner-br{border-bottom-right-radius:0} .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; border-radius:none } .ui-accordion-icons .ui-accordion-header a { padding-left: 1em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding:0.8em 2.2em!important; border-top: 0; margin-top: -5px; position: relative; top: 1px; margin-bottom: 5px; overflow: auto; display: none; zoom: 1; border-radius:none; color:#444; line-height:1.7; background:#FFF; font-size:1em; font-family: 'open_sansregular', sans-serif,Arial, Helvetica; } .ui-accordion .ui-accordion-content-active { display: block; } #accordion ul{ list-style:none; margin:0px; padding:0px;} #accordion div ul.tst{margin:0px; padding:0px; list-style:none;} #accordion div ul.tst li{ display:block; margin:0 0 10px 0; border-bottom:1px dashed #ccc; clear:both; float:left; padding:0 0 10px 0;} #accordion div ul.tst li:last-child{border-bottom:none;} #accordion div img{float:left; border:1px solid #ddd; padding:3px; margin:5px 10px 0px 0px;} .panel-group .panel { border-radius: 0; box-shadow: none; border-color: #EEEEEE; } .panel-default > .panel-heading { background: #fff none repeat scroll 0 0; cursor: pointer; border-color: #ddd; color: #333; border: 1px solid #ccc; border-radius: 0; } .panel-title { color: inherit; font-family: "open_sansregular",sans-serif,Arial,Helvetica; font-size: 1.1em; font-weight: normal; margin-bottom: 0; margin-top: 0; } .panel-title > a { display: block; text-decoration: none; } .more-less { color: #d35400; float: left; font-size: 11px; margin-right: 10px; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EEEEEE; } .sub { font: 0.975em "open_sansregular",Arial,Helvetica,sans-serif; margin: 0.5em 0 0.3em; padding: 0; } .mediumtxt { font-size: 1.4em; } .smtxt { font-size: 1.2em; } /*========form styles==========*/ .placeholder{color:#666;} ::-webkit-input-placeholder{color:#666;} :-moz-placeholder{color:#666;} /*========form styles==========*/ .placeholder{color:#916600;} ::-webkit-input-placeholder{color:#916600;} :-moz-placeholder{color:#916600;} input[type=password], input[type=text], input[type=date], textarea, select{outline:none; padding:2px;background:none repeat scroll 0 0 #FFF; border:1px solid #c0c0c0;border-radius:3px 3px 3px 3px; } input[type=password]:focus, input[type=text]:focus, input[type=date]:focus, textarea:focus{color:#916600; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #916600; box-shadow: 0 0 3px rgba(145, 102, 0, 0.5), 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset;} button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button; *overflow:visible; border:0; outline:none;} button, input, select, textarea{font-size:95%; margin:0; vertical-align:baseline; *vertical-align:middle} .radio{ width: 13px; height: 12px; background:url(../images/radiobtns.png) no-repeat; padding: 0 5px 0 0; float:left; } /*======feedback form======*/ input.element{width:200px; float:left; position:relative;} #frmfeed .dorpdwn{width:215px; float:left; padding:2px 0; font-family: 'open_sansregular', sans-serif,Arial, Helvetica; color:#444; } #frmfeed .dorpdwn option{ margin:3px; line-height:30px; padding:3px 0; font-family: 'open_sansregular', sans-serif,Arial, Helvetica; color:#444;} #frmfeed{ position:relative; min-height:250px; width:100%; margin:0;} #frmfeed fieldset{ margin:0; padding:0; border:none;} #frmfeed textarea{width:95%; resize:vertical; min-height:100px; font-family: 'open_sansregular', sans-serif,Arial, Helvetica; color:#444;} /*#frmfeed div{float:left}*/ #frmfeed p{float:left; margin:0 15px 10px 0; display:block} input.code{width:80px; height:25px} #frmfeed input[type=password], #frmfeed input[type=text], #frmfeed input[type=date], #frmfeed textarea{padding:6px 8px} #frmfeed input[type=radio]{ padding:0!important;} .captcha{ height:40px; padding:2px; list-style:none; margin:5px 0; display:block; float:left; width:100%; } .captcha li{ float:left; margin:0 20px 0 0} .capimg{ position:relative; } a.refresh{ width:30px; height:30px; position:absolute; right:-15px; top:15%; z-index:1;} /*.captcha input{ width:50px; }*/ /*=========form errors========*/ .errors{position:absolute; float:left; width:160px; min-height:50px; left:100px; top:30px} .errors span{display:block; margin:5px 0} .innerError{font-size:10px; color:#f00; background:#fbe3e4 url(../images/invalid.png) 0 50% no-repeat; padding:2px 2px 2px 20px; border:1px solid #fbc2c4; min-height:18px} .innerHelp{font-size:11px; color:#5f8d00; color:#5f8d00; background:#e6efc2; padding:2px 2px 2px 20px; border:1px solid #390; min-height:18px; background:#fbe3e4 url(../images/valid.png) 0 50% no-repeat} /*=========form errors========*/ .errors2{position:absolute; float:left; width:160px; min-height:50px; left:170px; top:10px} .errors2 span{display:block; margin:5px 0} /*========================================================================== back-to-top ========================================================================== */ .toTop{display:none; text-decoration:none; position:fixed; z-index:997; bottom:80px; right:10px; overflow:hidden; width:50px; height:50px; border:none; text-indent:-9999px; background:url("../images/ui-totop.png") no-repeat left top} .toTop:active, .toTop:focus{outline:none} .toTop:hover{background:url("../images/ui-totop.png") no-repeat left -50px} .location-map { border: 1px solid rgba(0, 0, 0, 0.1); height: 0; margin: 0 auto; overflow: hidden; padding-bottom: 73%; position: relative; } .location-map iframe { height: 100% !important; left: 0; position: absolute; width: 100% !important; } .fence-map{ border:2px solid #ed1c24;} a{-webkit-transition: all 0.35s;-moz-transition: all 0.35s;transition: all 0.35s;} .sharp,.no-radius{border-radius:0} .fitImg{width:100%; height:100%; background-size:cover!important; -ms-behavior:url(backgroundsize.min.htc); behavior:url(backgroundsize.min.htc)} .img-16by9{ position:relative; height:0; overflow:hidden; display:block; padding-bottom:56.25%} .img-16by9 img{ position:absolute; margin:auto; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%;} .grayscale{filter:url("data:image/svg+xml; utf8,#grayscale"); filter:gray; filter:grayscale(100%); -ms-filter:grayscale(1); -webkit-filter:grayscale(1); -webkit-transition:all .5s ease; -webkit-backface-visibility:hidden; -moz-filter:grayscale(100%); -moz-transition:all .5s ease; -moz-backface-visibility:hidden} .blur{filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px); -o-filter:blur(3px); -ms-filter:blur(3px); filter:url("data:image/svg+xml; utf8,#blur"); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')} .thumbnail:hover .grayscale{filter: grayscale(0);} .show-grid{margin-bottom:10px; margin-top:10px} .no-gutter,.no-gutter > [class*='col-'] {padding-right:0;padding-left:0} .marBtm{ margin-bottom:20px;} .marRight{ margin-right:20px;} .marleft{ margin-left:20px;} .marTop{ margin-top:20px;} .no-marginTop{ margin-top:0;} .no-marginBtm{ margin-bottom:0;} .w100{width:100%} .paddingTopBottom{ padding:30px 0;} .no-padding-rt{ padding-right:0} .ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px} .ir:before{content:""; display:block; width:0; height:150%} .animScale{transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform;} .animScale:hover{transform: scale(1.1) rotate(-1.2deg);} .highlighted{ background:#f8f8f8; padding:30px;border-color:#33A3DC} .highlighted .title{ margin-top:0} .highlighted p{ font-style:normal; color:inherit; font-size:14px } .table > thead > tr > th{ vertical-align:top} .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } /* columns of same height styles */ .row-full-height { height: 100%; } .col-full-height { height: 100%; vertical-align: middle; } .row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; } .col-xs-height { display: table-cell; float: none !important; } @media only screen and (min-width:768px){ .fence-container{ width:100%;} .navbar-default .navbar-nav > li > a {font: 0.9em/75px "ralewayregular",Arial,Times,serif;} .dropdown-menu{background: #015686;margin-top:-1px;border:0;border-radius:0;left:0;min-width: 220px;opacity:0;text-align: left; transition: all 0.3s ease-in-out 0s;visibility: hidden;z-index:-1; display:block;} .dropdown:hover .dropdown-menu {opacity:1;visibility:visible;z-index:1024;} .dropdown-header{ color:#fff;} .navbar-default .navbar-nav > li .dropdown-menu > li > a {background: #015686;color: #fff;} .navbar-default .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li .dropdown-menu > li > a:focus {background: rgba(0,0,0,0.2); color: #fff;} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;} .dropDownCaret>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropDownCaret:hover>a:after{border-left-color:#555;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} .dropdown-menu.navRight { right: 0; left:auto } .dropdown-submenu>.dropdown-menu.navRight{ right:100%; left:auto} .block{ min-height: 170px;} .bnrCaption {bottom: 48%;} .cap-body{font: 600 1.8em/1em "ralewayregular",Arial,Helvetica,sans-serif;} } @media only screen and (min-width:992px){} @media only screen and (min-width:1024px){ .fence-container{ width:1000px;} .navbar-default .navbar-nav > li > a {font: 1.3em/75px "ralewayregular",Arial,Times,serif;} .block{ min-height: 140px;} .bnrCaption {bottom: 30%;} .cap-body{font: 600 2.2em/1.2em "ralewayregular",Arial,Helvetica,sans-serif;} .sideblock{font:1.15em/3em 'ralewaysemibold', Arial, Times, serif;} } @media only screen and (min-width:1200px){ .fence-container{ width:1170px;} .navbar-default .navbar-nav > li > a{font:1.5em/75px 'ralewayregular', Arial, Times, serif;} .bnrCaption {bottom: 24%;} } @media only screen and (min-width:1920px){} /* Small Devices, Tablets */ @media only screen and (max-width:767px){ .fence-logo{ display:none;} .fence-container{ width:100%;} .navbar { border-bottom: 1px solid #fff;} .navbar-brand{ display: block; padding:0; font:3em 'vollkornregular', Arial, Helvetica, sans-serif;text-shadow: 1px 4px 2px rgba(0, 0, 0, 0.5);} .navbar-default .navbar-brand { color: #fff; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent; color: #000;text-shadow: 1px 4px 2px rgba(255, 255, 255, 0.1); } .navbar-collapse {padding-left: 15px; padding-right: 15px;} .navbar-default .navbar-nav > li > a {font: 1.3em/30px "ralewayregular",Arial,Times,serif;} .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: rgba(0, 0, 0, 0.2); } #bPrev a, #bNext a{ top:20%;} .bnrCaption{ bottom:5%;} .cap-body{font: 600 1.0em/1.0em "ralewayregular",Arial,Helvetica,sans-serif;} .bnr-container{ position:relative; bottom: auto; left:auto; right:auto; display:block; margin-top:20px;} .block{ margin-bottom:20px;} .sideblock{font:1.15em/3em 'ralewaysemibold', Arial, Times, serif;} .schedule{ margin: 12px auto;width: 100%;} ul.footersocialicon{ float:none; margin:auto;} .content_left{background: transparent;height: auto;padding:20px 0;} } @media only screen and (max-width:480px){} @media only screen and (max-width:360px){ ul.footernav li{font: 0.9em/30px "open_sansregular",Arial,Times,serif; padding: 5px 10px;} } @media only screen and (max-width:320px){ #bPrev a, #bNext a{ top:10%;} .block{ min-height:160px;} }