h4{font-size:20px; color:#cc2027; padding:20px 0px 0px 0px; } .button_admission{ background:#3f8018; color:#fff; border-radius:10px; border:none; padding:5px 10px 5px 10px; margin:30px 0px 0px 0px; text-align:center;} .navbar-inverse{background:#435641 ; height:100px!important; border-bottom:5px solid #be3436; } .navbar-brand{padding:0px!important;} .headline{font-size:20px; color:#d40d0d; text-align:center; text-transform:uppercase; font-weight:bold; text-shadow: 2px 0px 2px #fff;} .headpara{font-size:13px; text-align:center; color:#4b4b4b; padding:0px 40px 20px 40px;} .tabsschool{ padding:10px 0px 30px 0px; margin:auto; } .tabbox{padding:10px 0px 10px 0px; height:120px;} .tabsschoolimage{float:left; padding:10px 0px 0px 0px;} .tabsschoolcont{float:left; padding:0px 0px 0px 5px;} .tabsschoolcont h5{ font-size:16px; color:#be3436;} .tabsschoolcont p{ font-size:13px; color:#4f4f4f;} .menunew{float:left; padding:0px 0px 0px 5px; margin:0px; color:#fff; width:100%; background:#559c2f; position:relative; left:80px; top:-132px; border-radius:10px 0px 0px 0px;} .navbar-nav > li > a {padding:10px 10px 10px 10px; margin:0px 0px 0px 5px; color:#fff!important; } .navbar-nav > li > a:hover{padding:10px 10px 10px 10px; margin:0px 0px 0px 5px; color:#fff!important; background:#217619!important; } .itemmenu{ float:left; width:100%; background:#fafafa; padding:20px 0px 20px 0px; -webkit-box-shadow: 4px 4px 20px -8px rgba(0,0,0,0.75); -moz-box-shadow: 4px 4px 20px -8px rgba(0,0,0,0.75); box-shadow: 4px 4px 20px -8px rgba(0,0,0,0.75);} .itemmenu h5{font-size:20px; font-weight:bold; color:#af1c1c; border-bottom:1px solid #dedede;} .tollinfo{width:280px; font-size:13px; position:relative; top:-50px; padding:10px 0px 0px 0px;} .tollinfo ul{ float:left;} .tollinfo li{ font-size:13px; color:#fff; list-style-type:none; padding:0px 0px 5px 0px;} .loginbut{width:160px; float:left; height:40px; background:#be3436; border-radius:0px 0px 10px 10px; margin:0px 0px 0px 40px;} .loginbut a{ text-align:center; color:#fff; font-size:20px; padding:10px 0px 0px 50px; float:left;} .schoolblock{width:100%; padding:10px 0px 10px 0px; border:1px solid #f1f1f1; height:300px; background:#fff; overflow:auto; } .schoolblock ul{float:left; padding:0px 0px 0px 10px; margin:0px; } .schoolblock li{ padding:0px; margin0px; list-style-type:none; width:100%; border-bottom:1px solid #f1f1f1;} .schoolblock li a{color:#666;} .relatedlink{width:100%; border:1px solid #f1f1f1; background:#fff; padding:0px; margin:0px; height:300px ; } .box_related{padding:25px 0px 32px 0px;} .relatedlink ul{padding:10px 0px 0px 5px; margin:0px;} .marquee{ font-size:13px; color:#000; padding:0px; margin:0px; height:300px; } .marquee ul{float:left; padding:0px; margin:0px;} .marquee li{ list-style-type:none; border-bottom:1px solid #f1f1f1; padding:10px 0px 10px 0px; margin:0px;} .menu_small{ width:250px; float:left; height:30px; margin:55px 0px 0px 30px; color:#fff; font-size:13px; position:relative; top:-40px;} .menu_small a{color:#fff; padding:0px 0px 0px 5px; text-decoration:none;} .boxfeature{ width:90px; height:90px; float:left; background:#999900; margin:5px 0px 0px 18px; border-radius:10px; padding:0px 0px 0px 0px; text-align:center; color:#FFFFFF; } .boxfeature a{color:#fff; text-decoration:none; } .boxfeature img{ float:left; margin:10px 0px 0px 15px; } .coursesbtn{ width:100%; color:#fff; border-radius:5px; border:none; background:#338908; padding:5px 0px 5px 0px; margin:0px 0px 10px 0px;} .payment{text-align:justify; float:left; width:100%;} .boxbutton{width:200px; height:150px; float:left; text-align:center; padding:0px 0px 0px 0px; margin:0px 5px 0px 5px; } .payment a { width:200px; height:150px; float:left; border-radius:10px; border:2px solid #d1d1d1; margin:10px 0px 10px 10px; } .payment a:hover{ width:200px; height:150px; float:left; background:#dab317; border-radius:10px; color:#3c3c3c; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; } .modal{background: rgba(0,0,0,0.8); } .modal-dialog{width:1000px!important; margin:50px auto!important; } .modal-content{background:url('../images/bg.jpg'); padding:0px 0px 0px 0px; } div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa{ color:#AA3B3B !important; } .operation{float:left;} .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{ background:#eff3b5; border-radius:10px;} a.list-group-item, button.list-group-item{color:#fff;} .operation a{background:#000!important;} .operation a hover{background:#ff0101!important;} div.bhoechie-tab-menu div.list-group > a.active::after{border-left:10px solid #288CD5!important} .modulebox{height:400px; float:left; width:100%;} .modulebox h2{ font-size:20px; color:#2e8fd6; padding:10px 0px 10px 0px; margin:0px 0px 0px 30px;} .modulespack{ width:100%; float:left; color:#fff; } .modulespack ul{float:left;} .modulespack li{ width:100%; background:#f1f1f1; list-style-type:none;} .box_module{width:100px; height:100px; border-radius:5%; margin:15px 0px 0px 12px; float:left;} .modulename{text-align:center;} .modulespacktext{ float:left;} .diamond_a{width:170px; height:150px; float:left; position:absolute; left:53px; top:67px;} .diamond_a a{float:left;} .diamond_a a:hover img{opacity:0.6; } .diamond_b{width:170px; height:190px; float:left; position:absolute; left:207px; top:127px; z-index:99;} .diamond_b a{float:left;} .diamond_b a:hover img{opacity:0.6; } .diamond_c{width:170px; height:190px; float:left; position:absolute; left:370px; top:80px; z-index:99;} .diamond_c a{float:left;} .diamond_c a:hover img{opacity:0.6; } .diamond_d{width:170px; height:190px; float:left; position:absolute; left:100px; top:235px; z-index:99;} .diamond_d a{float:left;} .diamond_d a:hover img{opacity:0.6; } .diamond_e{width:170px; height:190px; float:left; position:absolute; left:315px; top:235px; z-index:99;} .diamond_e a{float:left;} .diamond_e a:hover img{opacity:0.6; } #diamond { width: 100px; height: 100px; border: 50px solid transparent; border-bottom-color: red; position: relative; top: -50px; } #diamond:after { content: ''; position: absolute; left: -50px; top: 50px; width: 0; height: 0; border: 50px solid transparent; border-top-color: red; } .wrapper { cursor: pointer; font-size: 13px; position: relative; text-align: center; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; } .wrapper .tooltip { background: #1496bb; bottom: 100%; color: #fff; display: block; left: -10px; margin-bottom: 15px; opacity: 0; padding: 20px; position: absolute; width: 300px; height:160px; z-index:999999; border-radius:10px; } .wrapper .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 10px; position: absolute; width: 100%; } .wrapper .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #1496bb 10px; bottom: -10px; content: " "; height: 0; left: 30%; margin-left: -13px; position: absolute; width: 0; } .wrapper:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .lte8 .wrapper .tooltip { display: none; } .lte8 .wrapper:hover .tooltip { display: block; } .boxinacive{background:#dbdbdb!important;} .boxa{background: rgba(255,84,84,1); background: -moz-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,84,84,1)), color-stop(100%, rgba(112,31,31,1))); background: -webkit-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -o-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -ms-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: linear-gradient(to bottom, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#701f1f', GradientType=0 );} .boxb{background: rgba(245,0,114,1); background: -moz-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,0,114,1)), color-stop(100%, rgba(130,0,74,1))); background: -webkit-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -o-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -ms-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: linear-gradient(to bottom, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50072', endColorstr='#82004a', GradientType=0 );} .boxc{background: rgba(84,112,240,1); background: -moz-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,112,240,1)), color-stop(100%, rgba(33,46,122,1))); background: -webkit-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -o-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -ms-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: linear-gradient(to bottom, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5470f0', endColorstr='#212e7a', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxe{background: rgba(71,255,246,1); background: -moz-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,255,246,1)), color-stop(100%, rgba(0,125,115,1))); background: -webkit-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -o-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -ms-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: linear-gradient(to bottom, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47fff6', endColorstr='#007d73', GradientType=0 );} .boxf{background: rgba(0,212,110,1); background: -moz-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,212,110,1)), color-stop(100%, rgba(4,117,108,1))); background: -webkit-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -o-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -ms-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: linear-gradient(to bottom, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d46e', endColorstr='#04756c', GradientType=0 );} .boxg{background: rgba(212,177,0,1); background: -moz-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,177,0,1)), color-stop(100%, rgba(166,134,7,1))); background: -webkit-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -o-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -ms-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: linear-gradient(to bottom, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b100', endColorstr='#a68607', GradientType=0 );} .boxh{background: rgba(212,42,0,1); background: -moz-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,42,0,1)), color-stop(100%, rgba(107,37,37,1))); background: -webkit-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -o-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -ms-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: linear-gradient(to bottom, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42a00', endColorstr='#6b2525', GradientType=0 );} .boxi{background: rgba(196,151,75,1); background: -moz-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,151,75,1)), color-stop(100%, rgba(140,109,30,1))); background: -webkit-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -o-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -ms-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: linear-gradient(to bottom, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4974b', endColorstr='#8c6d1e', GradientType=0 );} .boxj{background: rgba(16,179,138,1); background: -moz-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,179,138,1)), color-stop(100%, rgba(20,75,77,1))); background: -webkit-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -o-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -ms-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: linear-gradient(to bottom, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b38a', endColorstr='#144b4d', GradientType=0 );} .boxk{background: rgba(179,87,16,1); background: -moz-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,87,16,1)), color-stop(100%, rgba(79,41,20,1))); background: -webkit-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -o-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -ms-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: linear-gradient(to bottom, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35710', endColorstr='#4f2914', GradientType=0 );} .boxl{background: rgba(214,193,88,1); background: -moz-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,193,88,1)), color-stop(100%, rgba(173,122,2,1))); background: -webkit-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -o-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -ms-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: linear-gradient(to bottom, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c158', endColorstr='#ad7a02', GradientType=0 );} .boxm{background: rgba(150,194,224,1); background: -moz-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,194,224,1)), color-stop(100%, rgba(66,120,158,1))); background: -webkit-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -o-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -ms-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: linear-gradient(to bottom, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c2e0', endColorstr='#42789e', GradientType=0 );} .boxn{background: rgba(218,149,222,1); background: -moz-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,149,222,1)), color-stop(100%, rgba(173,26,26,1))); background: -webkit-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -o-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -ms-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: linear-gradient(to bottom, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da95de', endColorstr='#ad1a1a', GradientType=0 );} .boxo{background: rgba(151,222,176,1); background: -moz-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(151,222,176,1)), color-stop(100%, rgba(27,171,159,1))); background: -webkit-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -o-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -ms-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: linear-gradient(to bottom, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97deb0', endColorstr='#1bab9f', GradientType=0 );} .boxp{background: rgba(222,199,153,1); background: -moz-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,153,1)), color-stop(100%, rgba(156,85,37,1))); background: -webkit-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -o-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -ms-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: linear-gradient(to bottom, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec799', endColorstr='#9c5525', GradientType=0 );} .boxq{background: rgba(184,87,31,1); background: -moz-linear-gradient(top, rgba(184,87,31,1) 0%, rgba(194,39,39,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(184,87,31,1)), color-stop(100%, rgba(194,39,39,1))); background: -webkit-linear-gradient(top, rgba(184,87,31,1) 0%, rgba(194,39,39,1) 100%); background: -o-linear-gradient(top, rgba(184,87,31,1) 0%, rgba(194,39,39,1) 100%); background: -ms-linear-gradient(top, rgba(184,87,31,1) 0%, rgba(194,39,39,1) 100%); background: linear-gradient(to bottom, rgba(184,87,31,1) 0%, rgba(194,39,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8571f', endColorstr='#c22727', GradientType=0 );} .scrollnews{background:#d10b09; padding:5px 0px 5px 0px; color:#fff; top:-30px; position:relative;} .videobox{width:170px; height:150px; float:left; margin:0px 3px 5px 3px;} .carousel-control.left{background:none;} .carousel-control.right{background:none;} header.carousel .fill{ height:900px!important;} @media (min-width:1024px) { .tabsschool{ padding:10px 0px 30px 30px; margin:auto; } .boxfeature{ width:90px; height:90px; float:left; background:#999900; margin:5px 0px 55px 18px; border-radius:10px; padding:0px 0px 0px 0px; text-align:center; color:#FFFFFF; font-size:12px;} .boxfeature img{ float:left; margin:10px 0px 0px 15px; width:70%; } .boxfeature a{color:#fff; text-decoration:none; } .logotext{font-size:30px!important; color:#fff; padding:10px 0px 0px 5px; } .live a:hover{background:#999;} .boxfeatureimg_span{color:#000000; float:left; height:70px; padding:10px 0px 50px 0px;} .boxfeaturecont_span{color:#000000; float:left; height:70px; padding:20px 0px 0px 0px;text-align:center;width: 100%;} .leftinfo{ width:100%; float:left; padding:0px 0px 0px 0px; margin:0px;} .leftinfo h3{ font-size:18px; text-transform:uppercase; color:#747474;} .leftinfo p{ font-size:13px; color:#919191;} .keylogin{ width:330px; float:left; margin:4px 0px 0px 10px; backgound:#666; border-bottom:1px solid #f1f1f1;} .leftinfo a{color:#666;} .keylogincircle{ width:80px; float:left; height:80px; border-radius:50%; margin:20px 0px 10px 0px; -webkit-box-shadow: 0px 0px 20px -6px rgba(0,110,7,1); -moz-box-shadow: 0px 0px 20px -6px rgba(0,110,7,1); box-shadow: 0px 0px 20px -6px rgba(0,110,7,1); backgound: #fff; padding:20px 0px 0px 10px;} .keyloginmatter{ width:230px; float:left; margin:0px 0px 10px 20px; padding:0px 0px 10px 0px; } .keyloginmatter h2{ font-size:14px; font-weight:bold; padding:0px 0px 0px 5px; color:#2f6313;} .keyloginmatter ul{padding:0px; margin:0px 0px 0px 5px;} .keyloginmatter li{padding:0px; margin:0px 0px 0px 15px;} header.carousel{height:600px!important;} .tabmodules{margin:10px 0px 30px 0px; font-size:20px; color:#666; text-align:center;} .hovertab{float:left; } .hovertab a{background:#999; float:left; } div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a:active{background:#f0aa15!important; border-radius:5px;} div.bhoechie-tab-menu div.list-group > a.active, div.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a:hover{background:#f0aa15!important; border-radius:5px;} .boxa{background: rgba(255,84,84,1); background: -moz-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,84,84,1)), color-stop(100%, rgba(112,31,31,1))); background: -webkit-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -o-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -ms-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: linear-gradient(to bottom, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#701f1f', GradientType=0 );} .boxb{background: rgba(245,0,114,1); background: -moz-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,0,114,1)), color-stop(100%, rgba(130,0,74,1))); background: -webkit-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -o-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -ms-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: linear-gradient(to bottom, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50072', endColorstr='#82004a', GradientType=0 );} .boxc{background: rgba(84,112,240,1); background: -moz-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,112,240,1)), color-stop(100%, rgba(33,46,122,1))); background: -webkit-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -o-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -ms-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: linear-gradient(to bottom, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5470f0', endColorstr='#212e7a', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxe{background: rgba(71,255,246,1); background: -moz-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,255,246,1)), color-stop(100%, rgba(0,125,115,1))); background: -webkit-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -o-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -ms-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: linear-gradient(to bottom, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47fff6', endColorstr='#007d73', GradientType=0 );} .boxf{background: rgba(0,212,110,1); background: -moz-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,212,110,1)), color-stop(100%, rgba(4,117,108,1))); background: -webkit-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -o-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -ms-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: linear-gradient(to bottom, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d46e', endColorstr='#04756c', GradientType=0 );} .boxg{background: rgba(212,177,0,1); background: -moz-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,177,0,1)), color-stop(100%, rgba(166,134,7,1))); background: -webkit-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -o-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -ms-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: linear-gradient(to bottom, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b100', endColorstr='#a68607', GradientType=0 );} .boxh{background: rgba(212,42,0,1); background: -moz-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,42,0,1)), color-stop(100%, rgba(107,37,37,1))); background: -webkit-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -o-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -ms-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: linear-gradient(to bottom, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42a00', endColorstr='#6b2525', GradientType=0 );} .boxi{background: rgba(196,151,75,1); background: -moz-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,151,75,1)), color-stop(100%, rgba(140,109,30,1))); background: -webkit-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -o-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -ms-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: linear-gradient(to bottom, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4974b', endColorstr='#8c6d1e', GradientType=0 );} .boxj{background: rgba(16,179,138,1); background: -moz-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,179,138,1)), color-stop(100%, rgba(20,75,77,1))); background: -webkit-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -o-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -ms-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: linear-gradient(to bottom, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b38a', endColorstr='#144b4d', GradientType=0 );} .boxk{background: rgba(179,87,16,1); background: -moz-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,87,16,1)), color-stop(100%, rgba(79,41,20,1))); background: -webkit-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -o-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -ms-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: linear-gradient(to bottom, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35710', endColorstr='#4f2914', GradientType=0 );} .boxl{background: rgba(214,193,88,1); background: -moz-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,193,88,1)), color-stop(100%, rgba(173,122,2,1))); background: -webkit-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -o-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -ms-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: linear-gradient(to bottom, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c158', endColorstr='#ad7a02', GradientType=0 );} .boxm{background: rgba(150,194,224,1); background: -moz-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,194,224,1)), color-stop(100%, rgba(66,120,158,1))); background: -webkit-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -o-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -ms-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: linear-gradient(to bottom, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c2e0', endColorstr='#42789e', GradientType=0 );} .boxn{background: rgba(218,149,222,1); background: -moz-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,149,222,1)), color-stop(100%, rgba(173,26,26,1))); background: -webkit-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -o-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -ms-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: linear-gradient(to bottom, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da95de', endColorstr='#ad1a1a', GradientType=0 );} .boxo{background: rgba(151,222,176,1); background: -moz-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(151,222,176,1)), color-stop(100%, rgba(27,171,159,1))); background: -webkit-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -o-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -ms-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: linear-gradient(to bottom, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97deb0', endColorstr='#1bab9f', GradientType=0 );} .boxp{background: rgba(222,199,153,1); background: -moz-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,153,1)), color-stop(100%, rgba(156,85,37,1))); background: -webkit-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -o-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -ms-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: linear-gradient(to bottom, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec799', endColorstr='#9c5525', GradientType=0 );} } @media (min-width:320px) { .tabsschool{ padding:10px 0px 30px 30px; margin:auto; width:100%;} .logotext{font-size:30px!important; color:#fff; padding:10px 0px 0px 5px; } header.carousel{height:400px;} .boxa{background: rgba(255,84,84,1); background: -moz-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,84,84,1)), color-stop(100%, rgba(112,31,31,1))); background: -webkit-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -o-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: -ms-linear-gradient(top, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); background: linear-gradient(to bottom, rgba(255,84,84,1) 0%, rgba(112,31,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5454', endColorstr='#701f1f', GradientType=0 );} .boxb{background: rgba(245,0,114,1); background: -moz-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,0,114,1)), color-stop(100%, rgba(130,0,74,1))); background: -webkit-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -o-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: -ms-linear-gradient(top, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); background: linear-gradient(to bottom, rgba(245,0,114,1) 0%, rgba(130,0,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f50072', endColorstr='#82004a', GradientType=0 );} .boxc{background: rgba(84,112,240,1); background: -moz-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,112,240,1)), color-stop(100%, rgba(33,46,122,1))); background: -webkit-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -o-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: -ms-linear-gradient(top, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); background: linear-gradient(to bottom, rgba(84,112,240,1) 0%, rgba(33,46,122,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5470f0', endColorstr='#212e7a', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxd{background: rgba(71,169,255,1); background: -moz-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,169,255,1)), color-stop(100%, rgba(0,107,222,1))); background: -webkit-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -o-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: -ms-linear-gradient(top, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); background: linear-gradient(to bottom, rgba(71,169,255,1) 0%, rgba(0,107,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a9ff', endColorstr='#006bde', GradientType=0 );} .boxe{background: rgba(71,255,246,1); background: -moz-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,255,246,1)), color-stop(100%, rgba(0,125,115,1))); background: -webkit-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -o-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: -ms-linear-gradient(top, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); background: linear-gradient(to bottom, rgba(71,255,246,1) 0%, rgba(0,125,115,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47fff6', endColorstr='#007d73', GradientType=0 );} .boxf{background: rgba(0,212,110,1); background: -moz-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,212,110,1)), color-stop(100%, rgba(4,117,108,1))); background: -webkit-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -o-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: -ms-linear-gradient(top, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); background: linear-gradient(to bottom, rgba(0,212,110,1) 0%, rgba(4,117,108,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d46e', endColorstr='#04756c', GradientType=0 );} .boxg{background: rgba(212,177,0,1); background: -moz-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,177,0,1)), color-stop(100%, rgba(166,134,7,1))); background: -webkit-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -o-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: -ms-linear-gradient(top, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); background: linear-gradient(to bottom, rgba(212,177,0,1) 0%, rgba(166,134,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4b100', endColorstr='#a68607', GradientType=0 );} .boxh{background: rgba(212,42,0,1); background: -moz-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,42,0,1)), color-stop(100%, rgba(107,37,37,1))); background: -webkit-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -o-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: -ms-linear-gradient(top, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); background: linear-gradient(to bottom, rgba(212,42,0,1) 0%, rgba(107,37,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d42a00', endColorstr='#6b2525', GradientType=0 );} .boxi{background: rgba(196,151,75,1); background: -moz-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,151,75,1)), color-stop(100%, rgba(140,109,30,1))); background: -webkit-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -o-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: -ms-linear-gradient(top, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); background: linear-gradient(to bottom, rgba(196,151,75,1) 0%, rgba(140,109,30,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4974b', endColorstr='#8c6d1e', GradientType=0 );} .boxj{background: rgba(16,179,138,1); background: -moz-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,179,138,1)), color-stop(100%, rgba(20,75,77,1))); background: -webkit-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -o-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: -ms-linear-gradient(top, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); background: linear-gradient(to bottom, rgba(16,179,138,1) 0%, rgba(20,75,77,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10b38a', endColorstr='#144b4d', GradientType=0 );} .boxk{background: rgba(179,87,16,1); background: -moz-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,87,16,1)), color-stop(100%, rgba(79,41,20,1))); background: -webkit-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -o-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: -ms-linear-gradient(top, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); background: linear-gradient(to bottom, rgba(179,87,16,1) 0%, rgba(79,41,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b35710', endColorstr='#4f2914', GradientType=0 );} .boxl{background: rgba(214,193,88,1); background: -moz-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,193,88,1)), color-stop(100%, rgba(173,122,2,1))); background: -webkit-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -o-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: -ms-linear-gradient(top, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); background: linear-gradient(to bottom, rgba(214,193,88,1) 0%, rgba(173,122,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c158', endColorstr='#ad7a02', GradientType=0 );} .boxm{background: rgba(150,194,224,1); background: -moz-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,194,224,1)), color-stop(100%, rgba(66,120,158,1))); background: -webkit-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -o-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: -ms-linear-gradient(top, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); background: linear-gradient(to bottom, rgba(150,194,224,1) 0%, rgba(66,120,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c2e0', endColorstr='#42789e', GradientType=0 );} .boxn{background: rgba(218,149,222,1); background: -moz-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(218,149,222,1)), color-stop(100%, rgba(173,26,26,1))); background: -webkit-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -o-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: -ms-linear-gradient(top, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); background: linear-gradient(to bottom, rgba(218,149,222,1) 0%, rgba(173,26,26,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da95de', endColorstr='#ad1a1a', GradientType=0 );} .boxo{background: rgba(151,222,176,1); background: -moz-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(151,222,176,1)), color-stop(100%, rgba(27,171,159,1))); background: -webkit-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -o-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: -ms-linear-gradient(top, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); background: linear-gradient(to bottom, rgba(151,222,176,1) 0%, rgba(27,171,159,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97deb0', endColorstr='#1bab9f', GradientType=0 );} .boxp{background: rgba(222,199,153,1); background: -moz-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,199,153,1)), color-stop(100%, rgba(156,85,37,1))); background: -webkit-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -o-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: -ms-linear-gradient(top, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); background: linear-gradient(to bottom, rgba(222,199,153,1) 0%, rgba(156,85,37,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dec799', endColorstr='#9c5525', GradientType=0 );} } @import url(http://fonts.googleapis.com/css?family=Roboto); /****** LOGIN MODAL ******/ .loginmodal-container { padding: 30px; max-width: 350px; width: 100% !important; background-color: #F7F7F7; margin: 0 auto; border-radius: 2px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); overflow: hidden; font-family: roboto; } .loginmodal-container h1 { text-align: center; font-size: 1.8em; font-family: roboto; } .loginmodal-container input[type=submit] { width: 100%; display: block; margin-bottom: 10px; position: relative; } .loginmodal-container input[type=text], input[type=password] { height: 44px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */ padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; } .loginmodal-container input[type=text]:hover, input[type=password]:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .loginmodal { text-align: center; font-size: 14px; font-family: 'Arial', sans-serif; font-weight: 700; height: 36px; padding: 0 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; text-shadow: 0 1px rgba(0,0,0,0.1); background-color: #4d90fe; padding: 17px 0px; font-family: roboto; font-size: 14px; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #357ae8; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .loginmodal-container a { text-decoration: none; color: #666; font-weight: 400; text-align: center; display: inline-block; opacity: 0.6; transition: opacity ease 0.5s; } .login-help{ font-size: 12px; }