h4, h5, h6, h1, h2, h3 {margin: 0;} ul, ol {margin: 0; padding:0;} p {margin: 0;} html, body{ font-family: 'Open Sans', sans-serif; font-size: 100%; background: url(../images/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-weight: normal; } body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } body { padding-top:0px; } a:focus { outline: thin dotted; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; text-decoration:none !important; } a:hover {text-decoration: none;} /*-- header_top --*/ .sidebar{ background: url(../images/side_backg1.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0px; border-right: #4D4D4D solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .sidebar h1{ font-size:40px; font-weight: normal; margin-bottom:16px; COLOR:#333; font-family: 'Varela Round', sans-serif; } .sidebar img{ border:0px solid #fff; text-align: center; width:80%; margin-left: 7%; margin-top: -3%; } .photo { border: #d2d8db solid 0px !important; width: 100% !important; } .photo h3{ font-weight:600; font-size:16px; color:#333; margin-bottom: 10px; text-align: center; } .photo img{ border: #d2d8db solid 4px !important; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; padding:5px; width:100px; height: 100px; border-radius: 55px; background: url(../images/homeback.png); display: block; margin-left: auto; margin-right: auto; } .photo2 { border: #d2d8db solid 0px !important; width: 100% !important; } .photo2 h3{ font-weight:600; font-size:16px; color:#333; margin-bottom: 10px; text-align: center; } .photo2 img{ border: #d2d8db solid 4px !important; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; padding:5px; width:65px; height: 65px; border-radius: 55px; background: url(../images/homeback.png); display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; } .details{ margin-top:16px; } .details h3{ font-weight:600; font-size:16px; color:#333; } .details p{ color:#101010; font-size:0.9em; margin:5px 0 2em 0; } .details p a{ color:#101010; font-size:0.9em; } .menu { padding:0; margin:0; width: 100%; color: #fff; font-weight: bold; } .menu li { list-style-type:none; width: 100%; } .menu a { display:block; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ width: 100%; border: #d2d8db solid 3px; color:#fff; text-decoration:none !important; padding: 5px !important; text-align: center; margin-bottom: 3px !important; border-radius: 25px !important; padding: 5px !important; } .menu a:hover{ display:block; background: rgb(242,246,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ width: 100%; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; padding: 5px !important; text-align: center; margin-bottom: 3px !important; } ul.menu li.selected { background:url("../images/here_arrow.png") no-repeat scroll 85px; background-position: center right; padding-right: 20px; font-weight: bold; } hr.style1{ border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } .social { list-style:none; margin-left: auto; margin-right: auto; } .social li { display:inline; float:left; } .social li a { display:block; width:40px; height:40px; position:relative; } .social li a strong { position:absolute; left:20px; top:-1px; background-color:rgba(0, 0, 0, 0.7); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } li.facebook { background-image:url("../images/social_fb.png"); } li.twitter { background-image:url("../images/social_twit.png"); } li.insta { background-image:url("../images/social_insta.png"); } li.link { background-image:url("../images/social_link.png"); } li.you{ background-image:url("../images/social_you.png"); } .social:hover li { opacity:0.2; } .social li { transition-property: opacity; transition-duration: 500ms; } .social li a strong { opacity:0; transition-property: opacity, top; transition-duration: 300ms; } .social li:hover { opacity:1; } .social li:hover a strong { opacity:1; top:-10px; } #feedback { position: fixed; right: 5%; top: -4%; } #feedback a { display: block; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ height: 80px; max-width: 180px; padding-left: 10px; padding-right: 10px; padding-top: 22px; padding-bottom:60px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 17px; text-align: center; text-decoration: none; border: #d2d8db solid 4px !important; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; z-index: -999; float: left; } #feedback a:hover { background: rgb(51,85,163); /* Old browsers */ background: rgb(242,246,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ } /*--NEW CSS COMES HERE--*/ .contact-box { margin-right: auto; margin-left: auto; margin-top: 35%; padding: 20px 30px 80px; position: relative; color: #fff !important; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ border: #d2d8db solid 8px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; z-index: 10; font-weight: 600; } .contact-box2 { margin-right: auto; margin-left: auto; margin-top: 35%; padding: 20px 30px 30px; position: relative; color: #fff !important; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ border: #d2d8db solid 8px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; z-index: 10; font-weight: 600; } .contact-box h3 { font-size: 20px; } .container9 { clear: both; display: block; margin-top: -180px; margin-left: auto; margin-right: auto; z-index: 100000; padding-top: 30px; text-align: center; } input[type=text] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } input[type=date] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } #date_cal {background-image: url(../images/cal_th.png); background-repeat: no-repeat; background-position: right; } input[type=password] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } input[type=email] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } input[type=avatar] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 50%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } input[type=country] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } input[type=phone] { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } textarea { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 150px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } file { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 150px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } select { border: 0px solid; border-radius: 25px !important; background: #FFFFFF; background-repeat:repeat; -moz-box-shadow: inset 0 0 5px #888888 !important; -webkit-box-shadow: inset 0 0 5px #888888 !important; box-shadow: inset 0 0 5px #888888 !important; width: 100%; height: 40px !important; padding: 10px !important; margin-top: 5px !important; margin-right: 0 !important; margin-bottom: 5px !important; color: #333; font-weight: normal!important; } .logbutton { padding:8px; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ width: 50%; display: block; border: #d2d8db solid 3px; color:#fff; text-decoration:none !important; border-radius: 25px !important; padding: 10px !important; text-align: center !important; margin-top: 2%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; float: left; } .logbutton:hover { padding:8px; display: block; background: rgb(242,246,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ width: 50%; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; border-radius: 25px !important; padding: 10px !important; text-align: center !important; margin-top: 2%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; float: left; } .upbutton {padding:8px; background: rgb(51,85,163); /* Old browsers */background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */width: 100%;display: block;border: #d2d8db solid 3px;color:#fff;text-decoration:none !important;border-radius: 25px !important; padding: 10px !important; text-align: center !important; margin-top: 2%; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; float: left;}.upbutton:hover { padding:8px;display: block; background: rgb(242,246,248); /* Old browsers */background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */width: 100%; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; border-radius: 25px !important;padding: 10px !important; text-align: center !important; margin-top: 2%; font-family: 'Open Sans', sans-serif;font-size: 16px; font-weight: 600; float: left;} .kpibutton { padding:0px; display: block; margin-left: 5%; padding-left: 5%; border: #d2d8db solid 0px; color:#fff; text-decoration:none !important; text-align: center !important; background-color:rgba(255,0,0,0); } .button { padding:8px; margin-right: 3px; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; border: #d2d8db solid 3px; color:#fff; text-decoration:none !important; border-radius: 25px !important; padding: 10px !important; } .button:hover { padding:8px; margin-right: 3px; background: rgb(242,246,248); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; border-radius: 25px !important; padding: 10px !important; } /*------------------------------------------------------------------------------------------------------*/ /*----*/ .main{ padding-top:30px; padding-right:0px; padding-left:10px; padding-bottom:30px; } .content{ margin-right:10px; background: #3355a3; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:5px; padding-left:10px; padding-bottom:20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; } .content_team{ margin-right:10px; top: 0px; background: #3355a3; border: #d2d8db solid 4px; height: auto; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:5px; padding-left:10px; padding-bottom:20px; clear: both; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; } .content_move { overflow-x: auto !important; overflow-y:hidden; } .content2{ background: #3355a3; padding-top:0px; padding-right:5px; padding-left:10px; padding-bottom:20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; } .content_add{ margin-right:10px; margin-top: 2%; background: #3355a3; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:5px; padding-left:10px; padding-bottom:20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; } .content_pop{ margin-right:10px; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; background: #3355a3; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:10px; padding-left:10px; padding-bottom:70px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #fff; } .content_pop2{ margin-right:10px; margin-left: 10px; margin-top: 80px; margin-bottom: 20px; background: #3355a3; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:5px; padding-left:10px; padding-bottom:20px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-align: center; color: #fff; } /* Let's get this party started */ ::-webkit-scrollbar { width: 10px !important; /* width: 10px !important; height: 12px !important;*/ } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; } ::-webkit-scrollbar-thumb:window-inactive { background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ } ::-webkit-scrollbar-button { background-size: 95%; background-repeat: no-repeat; height: 12px; width: 12px; } ::-webkit-scrollbar-button:horizontal:increment { background-image: url(../images/scrollimage_r.png); } ::-webkit-scrollbar-button:horizontal:decrement { background-image: url(../images/scrollimage_l.png); } ::-webkit-scrollbar-button:vertical:increment { background-image: url(../images/scrollimage_b.png); } ::-webkit-scrollbar-button:vertical:decrement { background-image: url(../images/scrollimage_t.png); } .details_header{ padding: 0em 1em 0 2em; } .details_header ul li{ display:inline-block; } .details_header ul li a{ padding:0 1em; color:#333; } .details_header ul li a:hover{ color:#6ecadc; } /*--responsive--*/ @media (max-width: 1366px){ .sidebar h1 { font-size: 2em; } } @media (max-width: 1024px){ .sidebar { padding: 2em 17px; width:20%; } .sidebar h1 { font-size: 1.6em; } .main { margin-left: 19.666667%; width: 80%; } .content_add{ margin-top: 10%; } } @media (max-width: 768px){ .sidebar { width: 22%; } .main { margin-left: 21.666667%; width: 78%; } .sidebar h1 { font-size: 1.4em; } .sidebar img { padding: 0.5em; width: 89%; } .details_header { padding: 0em 1em 0 1em; } .details_header ul li a { padding: 0 1em; font-size: 0.9em; } .company h3,.skills h3,.education h3{ font-size: 1.2em; } .company_details h4, .education_details h4 { font-size: 1.1em; } .company_details h6, .education_details h6 { font-size: 0.8em; } .company_details p, .skill_info p, .education_details p { font-size: 0.8em; } .cmpny1 { padding-bottom: 1.5em; } .skill1, .skill2 { float: left; width: 50%; } .skill1 ul li,.skill2 ul li{ font-size:0.85em; } .skill1 h4, .skill2 h4 { font-size: 1em; } .skill_list { padding: 0.7em 0 0 2em; } .details p { font-size: 0.75em; } address span { font-size: 0.8em; } .contact-grid input[type="text"], .contact-grid textarea { width: 100%; font-size: 0.8em; } .send input[type="submit"] { width: 20%; font-size:0.85em; } .content_add{ margin-top: 10%; } } @media (max-width: 736px){ .sidebar { width: 100%; } .main { margin-left: 0; width: 100%; } .sidebar_top{ width:30%; float:left; margin-right:5%; } .details{ width:30%; float:right; } .content_add{ margin-top: 10%; } } @media (max-width: 640px){ .sidebar { width: 100%; } .main { margin-left: 0; width: 100%; } .sidebar_top{ width:30%; float:left; margin-right:5%; } .details{ width:30%; float:right; } .sidebar img{ width:100%; } .details p { font-size: 0.9em; margin: 5px 0 1em 0; } .details h3 { font-size: 0.9em; } .content_add{ margin-top: 10%; } } @media (max-width: 600px){ address { margin-bottom:0px; } .sidebar_top { width: 32%; } .sidebar img { width: 85%; } .content_add{ margin-top: 10%; } } @media (max-width: 568px){ .details_header ul li a { padding: 0 0.5em; font-size: 0.9em; } .content_add{ margin-top: 10%; } } @media (max-width: 480px){ .content { margin-right: 2em; } .content_add{ margin-top: 10%; } .glyphicon-save:before, .glyphicon-print:before, .glyphicon-envelope:before, .glyphicon-picture:before { margin-right: 6px; font-size: 12px; } .details_header ul li a { padding: 0 0.5em; font-size: 0.85em; } .details { width: 36%; } .sidebar h1 { font-size: 1.3em; } .sidebar_top { width: 38%; } address { margin-bottom: 0px; } .copywrite{ padding-left:1em; } .map iframe { height: 246px; } } @media (max-width: 414px){ .sidebar_top { width: 45%; } .sidebar img { width: 91%; } .details { width: 42%; } .details_header { padding: 0em 0em 0 1em; } .details_header ul li a { padding: 0 0.3em; font-size: 0.75em; } .skill1 ul, .skill2 ul { padding-left: 3em; } } @media (max-width: 384px){ .sidebar h1 { font-size: 1.2em; } .details { width: 45%; } .details_header ul { text-align: center; } .details_header ul li a { padding: 0 1em; font-size: 0.75em; } .main { padding: 1em 0 2em 0; } .company_details, .education_details,.skill_info { padding: 1em 0 0em 1em; } .company h3 { padding: 5px 41px 5px 16px; } .company_details h4, .education_details h4 { font-size: 0.9em; } .company_details h6, .education_details h6 { font-size: 0.6em; } .company { margin: 1em 0; } .skills { margin: 1em 0; } .company h3, .skills h3, .education h3 { font-size: 1em; } .skills h3 { padding: 5px 98px 5px 16px; } .skill1 ul, .skill2 ul { padding-left: 2em; } .skill1 ul li, .skill2 ul li { font-size: 0.75em; } .skill_list { padding: 0.5em 0 0 1.5em; } .education h3 { padding: 5px 190px 5px 16px; } .copywrite p{ font-size:0.7em; } } @media (max-width: 375px){ .sidebar h1 { font-size: 1em; } .sidebar img { width: 70%; } .details h3 { font-size: 0.8em; } .details p { font-size: 0.75em; margin: 5px 0 0.5em 0; } address span { font-size: 0.7em; } .sidebar { padding: 1.5em 17px 1em 17px; } .details_header { padding: 0em 0em 0 1em; text-align: center; } .details_header ul li a { line-height: 2em; } } @media (max-width: 320px){ .sidebar_top { width: 50%; } .sidebar img { width: 80%; } .details h3 { font-size: 0.7em; } .content { margin-right: 1em; } .details_header ul li a { padding: 0 0.5em; font-size: 0.75em; } .skill1 h4, .skill2 h4 { font-size: 0.85em; } .skill1 ul, .skill2 ul { padding-left: 1.5em; } } table { font-size: 16px; padding: 5px;} table.responsive{ /*background-color:#1a99e6;*/ border-collapse: collapse; font-family: 'Open Sans', sans-serif;} table.responsive a{ color: #fff; text-decoration:none !important; display:block;} table.responsive2 a{ color: #fff; text-decoration:none !important; display:block;} table.responsive2 thead{ visibility: hidden; line-height: 0; height: 0; padding: 0; } table th, table td { padding: 3px; } table th { text-align: center; font-size: 16px; letter-spacing: 1px; border-bottom: #d2d8db solid 2px; border-top: #d2d8db solid 2px; } table td { font-size: 16px !important; letter-spacing: 1px; } table tr { border-bottom: #d2d8db solid 0px;} tr:nth-child(1) td:nth-of-type(1){ /*background:#333;*/ color: #fff; width: 10%; } tr:nth-child(1) td{ /* background:#333;*/ color: #fff; font-weight: bold; } table tr td:nth-child(2) { /*background:yellow;*/ color: #fff; } tr:nth-child(1) td:nth-of-type(2){ /* color: #fff; width: 12%;*/ } tr:nth-child(1) td:nth-of-type(7){ color: #fff; width: 10%; } tr:nth-child(1) td:nth-of-type(8){ color: #fff; width: 10%; } tr:nth-child(1) td:nth-of-type(9){ color: #fff; width: 10%; } tr:nth-child(1) td:nth-of-type(10){ color: #fff; width: 10%; } tr:nth-child(odd){ /* background:#ccc;*/ } tr:nth-child(even){ /* background:#fff;*/ } #blue{ background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ } #blueone{ background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ } #hoverone{width:30%; padding-left:57px;color: #fff !important; background: rgb(21,24,53)!important; background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important;} #darkblue{ background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ } #grey{ background: rgb(51,51,51)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(112,110,117,1) 50%, rgba(68,67,68,1) 51%, rgba(97,97,104,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(50%,rgba(112,110,117,1)), color-stop(51%,rgba(68,67,68,1)), color-stop(100%,rgba(97,97,104,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#616168',GradientType=0 )!important; /* IE6-9 */ } #hovereff2 { color: #fff !important; background: rgb(51,51,51)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(112,110,117,1) 50%, rgba(68,67,68,1) 51%, rgba(97,97,104,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(50%,rgba(112,110,117,1)), color-stop(51%,rgba(68,67,68,1)), color-stop(100%,rgba(97,97,104,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#616168',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; } #hovereff2:hover { background: rgb(51,51,51)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(112,110,117,1) 50%, rgba(68,67,68,1) 51%, rgba(97,97,104,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(50%,rgba(112,110,117,1)), color-stop(51%,rgba(68,67,68,1)), color-stop(100%,rgba(97,97,104,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(112,110,117,1) 50%,rgba(68,67,68,1) 51%,rgba(97,97,104,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#616168',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; } #hovereff2 a { color: #fff !important; } #hovereff { width:20%; color: #fff !important; background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hovertwo { padding-left: 40px; width:30%; color: #fff !important; background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverthree { padding-left:10px; width:30%; color: #fff !important; background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverfour { width:30%; color: #fff !important; background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverfive { width:30%; color: #fff !important; background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hovereff:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hovereff a { color: #fff !important; } #hoverone:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverone a { color: #fff !important; } #hovertwo:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hovertwo a { color: #fff !important; } #hoverthree:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverthree a { color: #fff !important; } #hoverfour:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverfour a { color: #fff !important; } #hoverfive:hover { background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ color: #fff !important; -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); border-left: none !important; border-right: none !important; border-bottom: #d2d8db solid 0px!important; } #hoverfivea { color: #fff !important; } #kpi iframe { display: block; /* iframes are inline by default */ margin-top: 100px; border: #d2d8db solid 8px; -webkit-box-shadow: 5px 5px 20px 1px #3a3a3a; -moz-box-shadow: 5px 5px 20px 1px #3a3a3a; -o-box-shadow: 5px 5px 20px 1px #3a3a3a; box-shadow: 5px 5px 20px 1px #3a3a3a; border-radius: 30px; height: 75vh; /* Viewport-relative units */ width: 80vw; } @media (max-width:1280px) { #kpi iframe { margin-left: -140px; }} @media (max-width:1400px) { #kpi iframe { margin-left: -100px; }} @media (max-width:1360px) { #kpi iframe { margin-left: -140px; }} @media (max-width:1152px) { #kpi iframe { margin-left: -140px; }} @media (max-width:1024px) { #kpi iframe { margin-left: -140px; }} @media (max-width:1084px) { #kpi iframe { margin-left: -140px; }} @media (max-width:1000px) { #kpi iframe { margin-left: -140px; }} @media (max-width:960px) { #kpi iframe { margin-left: -140px; }} @media (max-width:900px) { #kpi iframe { margin-left: -140px; }} @media (max-width:800px) { #kpi iframe { margin-left: -140px; }} @media (max-width:700px) { #kpi iframe { margin-left: -140px; }} @media (max-width:600px) { #kpi iframe { margin-left: -140px; }} #demo iframe { display: block; /* iframes are inline by default */ border: 0px; } #demo { display: block; /* iframes are inline by default */ border: 0px; border-bottom: #d2d8db solid 0px; padding-bottom: 10px; } .status { color: #fff !important; border-bottom: #d2d8db solid 0px!important; border-left: none !important; border-right: none !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); } .status:hover { background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%); -webkit-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); -moz-box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); box-shadow: inset 0px 0px 9px 2px rgba(33,33,33,1); color: #fff; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); border-bottom: #d2d8db solid 0px!important; } .status a{ color: #fff; text-decoration: none; display:block; } progress { min-width: 100%; height: 35px; margin: 0px auto; display: block; /* Important Thing */ -webkit-appearance: none; border-bottom: 1px solid #333; /*box-shadow: black 0px 0px 3px inset, rgba(255, 255, 255, 0.2) 0 0 2px;*/ /*background-color: #333; background-color: rgba(0, 0, 0, 0.2);*/ min-height: 10px; /* border-radius: 17px; */ } /* All good till now. Now we'll style the background */ progress::-webkit-progress-bar { /*(box-shadow: black 0px 0px 3px inset, rgba(255, 255, 255, 0.2) 0 0 2px; background-color: #333; background-color: rgba(0, 0, 0, 0.2);*/ background-color: #3355a3; padding: 2px; max-height: 35px; min-height: 10px; border-radius: 17px; } /* Now the value part */ progress::-webkit-progress-value { background-color: #3355a3; border-radius: 17px; /*box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);*/ /* background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)); background-color: #39a8f9; /*-webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, green, #ADFF2F); */ /* Looks great, now animating it */ /* background-size: 100% 100%, 100% 100%; */ -webkit-animation: move 5s linear 0 infinite; } progress[value]::-webkit-progress-value { position: relative; } /* Let's spice up things little bit by using pseudo elements. */ progress[value]::-webkit-progress-value:after { /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */ content: ''; position: absolute; width:50px; height:35px; top:0px; right:0px; bottom: 7px; background-image: url(../images/cycler2.png); border-radius: 0; } @-webkit-keyframes move { 0% {background-position: 0px 0px, 0 0, 0 0} 100% {background-position: -100px 0px, 0 0, 0 0} } .country_flag {float: left;} .bottom_search{ position:fixed; bottom:0px; height:auto; width:80%; padding-left: 5px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px; background: url(../images/homeback2.png); border-top: #d2d8db solid 4px; border-left: #d2d8db solid 4px; border-right: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; } .bottom_search select { width: 80%; } .boxsearch{ width: 350px; background: url(../images/search.png) no-repeat !important; background-position: right center !important; background-color: #fff !important; } .boxsearchcon{ margin-left: 0%; margin-right: 0; padding: 0px 0px; position: relative; color: #ffffff !important; /*background: url(../images/homeback.png);*/ /*border: #d2d8db solid 8px;*/ /*-webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px;*/ z-index: 10;font-size: 15px; float: left; width: 290px; text-align: center; } .boxsearchcon select {margin-left: 1px !important; margin-right: 1px !important; font-size: 15px !important;} .boxsearchcon2{ margin: 0px 0; padding: 0px 0px; position: relative; color: #ffffff !important; /*background: url(../images/homeback.png);*/ /*border: #d2d8db solid 8px;*/ /*-webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px;*/ z-index: 10; float: right; width: 350px; } .boxsearch2{ margin: 10px 0; padding: 0px 0px; position: relative; z-index: 10; float: right; } .boxsearch2 a {color: #fff !important;} .bigbtn1 { padding:8px; margin-right: 3px; background: rgb(230,240,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(230,240,163,1) 0%, rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), color-stop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; border: #d2d8db solid 3px; color:#333; text-decoration:none !important; border-radius: 10px; font-size: 20px; } .bigbtn1:hover { padding:8px; margin-right: 3px; background: rgb(157,213,58); /* Old browsers */ background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; border-radius: 10px; font-size: 20px; } .bigbtn2 { padding:8px; margin-right: 3px; background: rgb(243,197,189); /* Old browsers */ background: -moz-linear-gradient(top, rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; border: #d2d8db solid 3px; color:#333; text-decoration:none !important; border-radius: 10px; font-size: 20px; } .bigbtn2:hover { padding:8px; margin-right: 3px; background: rgb(248,80,50); /* Old browsers */ background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */ font-family: 'Open Sans', sans-serif; border: #2c3e6c solid 3px; color:#333; text-decoration:none !important; border-radius: 10px; font-size: 20px; } #report { border-collapse:collapse;} #report ul { margin:10px 0 10px 0px; padding:0px; list-style-type: none;} #report th { background: rgb(51,85,163); /* Old browsers */ background: -moz-linear-gradient(top, rgba(51,85,163,1) 0%, rgba(86,128,192,1) 50%, rgba(52,84,164,1) 51%, rgba(86,128,192,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,85,163,1)), color-stop(50%,rgba(86,128,192,1)), color-stop(51%,rgba(52,84,164,1)), color-stop(100%,rgba(86,128,192,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(51,85,163,1) 0%,rgba(86,128,192,1) 50%,rgba(52,84,164,1) 51%,rgba(86,128,192,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3355a3', endColorstr='#5680c0',GradientType=0 ); /* IE6-9 */ color:#ffffff; padding-left: 10px; padding-top: 10px; padding-bottom: 5px; } #report td { background: rgb(21,24,53)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(21,24,53,1) 0%, rgba(44,62,108,1) 49%, rgba(31,28,73,1) 50%, rgba(36,49,89,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,24,53,1)), color-stop(49%,rgba(44,62,108,1)), color-stop(50%,rgba(31,28,73,1)), color-stop(100%,rgba(36,49,89,1)))!important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(21,24,53,1) 0%,rgba(44,62,108,1) 49%,rgba(31,28,73,1) 50%,rgba(36,49,89,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151835', endColorstr='#243159',GradientType=0 )!important; /* IE6-9 */ color:#ffffff; padding-left: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 5px; border-bottom: #d2d8db solid 2px!important; cursor:pointer !important;} #report tr.all td { background:#6288c7 url(row_bkg.png) repeat-x scroll center left; cursor:pointer !important;} #report div.arrow { background:transparent url(../arrows.png) no-repeat scroll 0px -32px; width:32px; height:32px; display:block; margin-right: 10px; text-align: left; cursor:pointer !important;} #report div.up { background-position:0px 0px; text-align: left; cursor:pointer !important;} #report h5 {color: #fff; font-weight: 600; margin: 20px 0; font-size: 18px; padding-bottom: 5px; text-align: left; cursor:pointer !important;} #no_curse {cursor: text !important;} #no_curse h5{cursor: text !important;} #no_curse div{cursor: text !important;} .leads_bg { background-color: #37afff !important; border: #d2d8db solid 3px !important; padding: 8px; border-radius: 18px; color: #fff; margin-top: 3px; margin-bottom: 20px; margin-right:auto; margin-left:auto; width: 100%; text-align: left; } .leads-bg ul{list-style-type: none;} .team_bg { background: url(../images/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border: #d2d8db solid 4px; float: left; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:10px; padding-right:5px; padding-left:10px; padding-bottom:10px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #333; z-index:1002; color: #333; margin-top: 3px; margin-bottom: 20px; margin-right:auto; margin-left:auto; width: 100%; text-align: left; } .team_bg h5 {color: #333 !important;} .team_bg ul{list-style-type: none;} .box { width: 20%; margin: 0 auto; background: rgba(255,255,255,0.2); padding: 35px; border: 2px solid #fff; border-radius: 20px/50px; background-clip: padding-box; text-align: center; } .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; top: 5px; position: relative; width: 100%; height: auto; background: url(../images/background.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; padding-top:20px; padding-right:5px; padding-left:10px; padding-bottom:200px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #333; z-index:1002; } .white_content h3 {color: #333; font-size: 20px; font-weight: 700;} .leftcol1 img {height: 150px; width: 150px;} .leftcol1 {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 15px; margin-left: 20px; margin-right: 40px;} .leftcol2 {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 15px; margin-left: 20px; margin-right: 40px; margin-top: 30px; } .leftcol3 {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 15px; margin-left: 20px; margin-right: 40px; margin-top: 30px;} .leftcol4 {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 15px; margin-left: 20px; margin-right: 40px; margin-top: 30px;} .leftcol5 {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 15px; margin-left: 20px; margin-right: 40px; margin-top: 30px;} .leftcol1a {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 0px; margin-left: 0px; margin-right: 40px; margin-top: 5px; width: 20%;} .leftcol2a {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 0px; margin-left: 0px; margin-right: 40px; margin-top: 5px; width: 20%;} .leftcol3a {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 0px; margin-left: 0px; margin-right: 40px; margin-top: 5px; width: 20%;} .leftcol4a {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 0px; margin-left: 0px; margin-right: 40px; margin-top: 5px; width: 20%;} .leftcol5a {float: left; padding-left: 5px; padding-right: 5px; padding-bottom: 8px; padding-top: 0px; margin-left: 0px; margin-right: 40px; margin-top: 5px; width: 20%;} @media (max-width:768px) { .white_content { padding-bottom:300px; } .leftcol1 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol2{padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol3 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol4 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol5 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} } @media (max-width:1024px) { .white_content { padding-bottom:300px; } .leftcol1 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol2{padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol3 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol4 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} .leftcol5 {padding-top: 5px; margin-left: 10px; margin-right: 10px;} } @media print { html {font-size: 13px !important;} body {font-size: 13px !important; font-weight: normal !important; color: #000 !important;} h1 {font-size: 13px !important; font-weight: normal !important;} h2 {font-size: 13px !important; font-weight: normal !important;} p {font-size: 13px !important; font-weight: normal !important;} .leftcol1{display:none !important;} .leftcol2{display:none !important;} .leftcol3{display:none !important;} .leftcol4{display:none !important;} .leftcol5{display:none !important;} .white_content{display:none !important;} .bottom_search{display:none !important;} .boxsearchcon{display:none !important;} .boxsearchcon{display:none !important;} .details{display:none !important;} .menu{display:none !important;} .sidebar{display:none !important;} .sidebar_top{display:none !important;} #feedback{display:none !important;} img {display: none !important;} a[href]:after { content: none !important; font-size: 13px !important; font-weight: normal !important;} a[href] {font-size: 13px !important; font-weight: normal !important;} div a{font-size: 13px !important; font-weight: normal !important;} .kpi-form {font-size: 13px !important;} .content{ margin-right:10px; background: #3355a3; border: #d2d8db solid 0px; padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:10px; font-family: 'Open Sans', sans-serif; font-size: 13px !important; width: 100%; color: #000 !important; } .content table { font-size: 13px !important; padding: 2px; overflow: visible !important; display: table !important; font-weight: normal !important;} .content table th {font-size: 13px !important; overflow: visible !important; font-weight: normal !important;} .content table tr {font-size: 13px !important; overflow: visible !important; font-weight: normal !important;} .content table td {font-size: 13px !important; overflow: visible !important; font-weight: normal !important; height: 100%; display: table-cell;} .content a {font-size: 13px !important; font-weight: normal !important;} .content a[href]:after { content: none !important; font-size: 13px !important; font-weight: normal !important;} td[class="status"] {font-size: 13px !important; color: #000;} table[class="status"] {font-size: 13px !important; color: #000;} table td[class="status"] {font-size: 13px !important; color: #000;} tr[class="status"] {font-size: 13px !important; color: #000;} .listab a {font-size: 13px !important; font-weight: normal !important; color: #000 !important;} .listab a[href]:after{ content: none !important; font-size: 13px !important; font-weight: normal !important; color: #000 !important;} .listab {color: #000 !important; font-size: 13px !important; overflow: visible !important; text-overflow:none; display: inline; text-align: center; color: #000 !important; padding: 0 !important;} .listab span {font-size: 13px !important; overflow: visible !important; text-overflow:none; display: inline; text-align: center; color: #000 !important; padding: 0 !important;} #hovereff {color: #000 !important;} #hovereff a {color: #000 !important;} #non-printable { display: none; } #printable { display: block; width: 100%; height: 100%; font-size: 13px !important; color: #000 !important; display: inline; } .pstat {display: none !important;} .deletesec {display: none !important;}.printsec {display: none !important;} .clearfix {display: none !important;} } .responsive:hover span:empty {background:url(../images/todo_btn2.png) center !important; cursor:pointer !important;background-size: cover;background-repeat: no-repeat;padding: 10px;display:block;height: 20px;width: 20px;border-radius: 0;border: none;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);} .listab{ height:20px; overflow:hidden; text-overflow:ellipsis; padding-right: 10px; padding-left: 10px;} .listab span { display:none; width:0; height:0; } .listab a { display:block; } .listab:hover span { display:block; height: auto; width:450px; background: rgb(59,103,158)!important; /* Old browsers */ background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%)!important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* IE10+ */ background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%)!important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 )!important; /* IE6-9 */ border: #d2d8db solid 2px; -webkit-box-shadow: 0px -5px 20px 7px rgba(0,0,0,0.5); -moz-box-shadow: 0px -5px 20px 7px rgba(0,0,0,0.5); box-shadow: 0px -5px 20px 7px rgba(0,0,0,0.5); border-radius: 25px; padding-top:20px; padding-right:10px; padding-left:10px; padding-bottom:20px; font-family: 'Open Sans', sans-serif; position: absolute; margin-left:auto; margin-right:auto; z-index:2000; clear: both; } .listab2{ height:30px; overflow:hidden; text-overflow:ellipsis; padding-right: 10px; padding-left: 10px; } .listab2 input[type=text] { background: none; width: 100%; height: 30px !important; color: #333; font-weight: normal!important; background: #fff; margin: 0 !important; font-size: 14px !important; padding: 0 !important; text-align: center !important; } .listab2 select { background: none; width: 100%; height: 30px !important; color: #333; font-weight: normal!important; background: #fff; margin: 0 !important; font-size: 14px !important; padding-left: 10px !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; text-align: center !important; } /*.listab:hover{ height:auto; width:auto; } */ /* calendar style here */ .picker-container { position: absolute; z-index: 99; width: 225px; display: block; } .cal { background-color: white; display: block; border-collapse: collapse; border-spacing: 0; } .cal a { text-decoration: none; } .cal tr, .cal th, .cal td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .cal caption { line-height: 32px; font-weight: bold; color: #e2e2e2; text-align: center; text-shadow: 0 -1px black; background: #333; //background: rgba(0, 0, 0, 0.35); border-top: 1px solid #333; border-bottom: 1px solid #313131; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); box-shadow: inset 0 1px rgba(255, 255, 255, 0.04); } .cal caption a { display: block; line-height: 32px; padding: 0 10px; font-size: 15px; color: #e2e2e2; } .cal caption a:hover { color: white; } .cal caption .prev { float: left; } .cal caption .next { float: right; } .cal th, .cal td { width: 30px; text-align: center; text-shadow: 0 1px rgba(255, 255, 255, 0.8); } .cal th:first-child, .cal td:first-child { border-left: 0; } .cal th { line-height: 20px; font-size: 8px; color: #696969; text-transform: uppercase; background: #f3f3f3; border-left: 1px solid #f3f3f3; } .cal td { font-size: 11px; font-weight: bold; border-top: 1px solid #c2c2c2; border-left: 1px solid #c2c2c2; } .cal td a { clear: both; display: block; position: relative; width: 30px; line-height: 28px; color: #666; background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9); background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9); -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5); } .cal td a:hover, .cal td.off a { background: #f3f3f3; } .cal td.off a { color: #b3b3b3; } .cal td.active a, .cal td a:active { margin: -1px; color: #f3f3f3; text-shadow: 0 1px rgba(0, 0, 0, 0.3); background: #6dafbf; border: 1px solid #598b94; -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05); } .cal td.active:first-child a, .cal td:first-child a:active { border-left: 0; margin-left: 0; } .cal td.active:last-child a, .cal td:last-child a:active { border-right: 0; margin-right: 0; } .cal tr:last-child td.active a, .cal tr:last-child td a:active { border-bottom: 0; margin-bottom: 0; } .version {font-size: 10px; color: #fff; text-align: center; padding-top: 50px; margin-top: 5%;} .deletesec {float: right; color: #fff; margin-right:0px; margin-top: 8px; padding: 10px; font-size: 12px; } .deletesec a{color: #fff; text-decoration: none;} .deletesec img{margin-left: 3px;} .printsec {float: left; color: #fff; margin-right:5px; margin-top: 0px; padding-top: 5px; cursor:pointer !important; font-size: 15px;}.printsec a{color: #fff; text-decoration: none; cursor:pointer !important;}.printsec img{margin-left: 10px; cursor:pointer !important;} .roundsec {float: right; color: #fff; margin-right:0px; margin-top: 0px; padding: 0px; font-size: 12px; } .roundsec a{color: #fff; text-decoration: none;} .roundsec img{margin-left: 3px;} .updatesec {float: left; color: #fff; margin-right:0px; padding: 10px; font-size: 12px; -webkit-box-shadow: inset 0px -1px 12px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px -1px 12px 0px rgba(0,0,0,0.75); box-shadow: inset 0px -1px 12px 0px rgba(0,0,0,0.75); border: #d2d8db solid 0px; border-radius: 10px;} .updatesec a{color: #fff; text-decoration: none;} .oversec {float: right; color: #fff; margin-right:0px; padding-right: 10px; font-size: 12px; margin-top: 5px;} .overdue img{margin-bottom: 3px !important; } .panel { background-color: #444; height: 34px; padding: 10px; } .panel a#login_pop, .panel a#join_pop { border: 2px solid #aaa; color: #333; display: block; float: right; margin-right: 10px; padding: 5px 10px; text-decoration: none; text-shadow: 1px 1px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } a#login_pop:hover, a#join_pop:hover { border-color: #eee; } .overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; cursor: default; left: 0; opacity: 0; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .overlay:target { visibility: visible; opacity: 1; } .popup { display: inline-block; left: 50%; opacity: 0; padding: 15px; position: fixed; text-align: justify; top: 40%; visibility: hidden; z-index: 10; background: #3355a3; border: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; border-radius: 25px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; -ms-transition: opacity .5s, top .5s; -o-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; } .overlay:target+.popup { top: 50%; opacity: 1; visibility: visible; } .xmark{ height: 30px; line-height: 30px; position: absolute; left: 0; opacity: none; top: -15px; width: 30px; } .popup p, .popup div { margin-bottom: 10px; } .popup label { display: inline-block; text-align: left; width: 120px; } .checkmarkpop { clear: both; display: block; margin-top: -80px; margin-left: auto; margin-right: auto; z-index: 100000; padding-top: 30px; text-align: center; } .search_text {color: #fff;} .search_text a { text-decoration: none;} .search_text:hover { text-decoration: none; color: #fff;} /*.timer {width: 100%; }*/ .timer iframe {border: solid 0px black; height: 45px; width:100%; margin-top:-15px;} /*.@media screen and (max-width: 1024px) { .timer iframe {border: solid 0px black; height: 75px; width: 100%;} } .timer iframe*/ .kpibutton1{ padding:0px; border: #d2d8db solid 0px; color:#fff; text-decoration:none !important; text-align: center !important; background-color:rgba(255,0,0,0);} .bottom_search_list{ bottom: 0px; width: 100%; background: url(../images/homeback2.png); border-top: #d2d8db solid 4px; border-left: #d2d8db solid 4px; border-right: #d2d8db solid 4px; -webkit-box-shadow: 0px 0px 3px 1px #949494; -moz-box-shadow: 0px 0px 3px 1px #949494; -o-box-shadow: 0px 0px 3px 1px #949494; box-shadow: 0px 0px 3px 1px #949494; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; height: auto; padding-left: 5px; padding-right: 10px; padding-top: 10px; padding-bottom: 110px; } input.tblupdate { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; width: 99.9%; height: 40px; } #header2 {color: #fff; text-align: center; font-size: 35px;background-color: #3355a3;} td.lead-header { font-size: 20px !important; } .lead-main { position: relative; right: 130px; }