@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(css/animate.css);
@import url(http://fonts.googleapis.com/css?family=Marvel);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://weloveiconfonts.com/api/?family=entypo);
/*========================================================
Main layout styles
=========================================================*/
body {
color: #575757;
font: 300 18px/36px 'Open Sans', sans-serif;
overflow-x: hidden;
height: auto;
}
.ic {
border:0;
float:right;
color:#f00;
width:50%;
line-height:10px;
font-size:10px;
margin:-220% 0 0 0;
overflow:hidden;
padding:0;
}
.blink {
-webkit-animation: blink 1s step-end infinite;
animation: blink 1s step-end infinite
}
@-webkit-keyframes blink {
67% { opacity: 0 }
}
@keyframes blink {
67% { opacity: 0 }
}
.intrinsic-container {
position: relative;
height: 0;
overflow: hidden;
}
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
padding-bottom: 75%;
}
.intrinsic-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.strip {
width: 100%;
padding:20px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
text-align: center;
}
.stripinner{
padding:20px;
text-align: center;
background: url("../images/strip.png") no-repeat;
height:200px;
}
.img-deliga{
background: url("../images/delegate.png") no-repeat;
width:300px;
height:400px;
margin: 10px 0 9px 0;
float: left;
border: 2px solid #0B0050;
}
.img-blogbg{
background: url("../images/tower.png") no-repeat;
width:1057px;
height:1000px;
}
.header_2anew {
font: 600 27px/24px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
text-align:center;
color: #ffffff;
background: #0B0050;
border-radius: 25px 0px 0px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
}
ul.leaf {
list-style-image: url('/images/bullets1.png');
}
.blog_archieve {
list-style: none outside none;
margin: 0;
padding: 10px 25px 0px 25px;
text-align:left;
}
.blog_archieve li {
padding: 0px 0px 5px 30px;
border-bottom: 1px solid #f5f5f5;
background: url(../images/bullets1.png) no-repeat scroll left 5px transparent;
letter-spacing: 0.4px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
background-size: 18px;
}
.blog_archieve1 {
list-style: none outside none;
margin: 0;
padding: 15px 25px 0px 25px;
}
.blog_archieve1 li {
padding: 5px 0px 5px 30px;
border-bottom: 1px solid #f5f5f5;
background: url(../images/arow.png) no-repeat scroll left 5px transparent;
text-align: left;
background-size: 0px;
color:#fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.blog_archieve2 {
list-style: none outside none;
margin: 0;
padding: 5px 25px 0px 25px;
}
.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 1920px;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: fixed;
top: 1%;
bottom: 1%;
left: 10%;
right:10%;
width:58% ;
height: auto;
padding: 16px;
border: 16px;
background-color: ;
z-index:1002;
}
.white_content2 {
display: none;
position: fixed;
top: 10%;
left: 15%;
right:5%;
width:60% ;
height: auto;
padding: 16px;
border: 16px;
background-color: ;
z-index:1002;
}
.closer{
margin:0px 0px -24px 0px ;
text-align: right;
}
.foot { background:url(../img/blue-bg.png);
background-size:100% 100%; }
.bg-border
{
padding-left: 10px;
BACKGROUND-COLOR: #fff;
border-radius: 8px;
border:8px solid #04009f;
}
.congratulations{
margin:10px;
font-family: 'Roboto', cursive;
font-size: 18px;
text-align: center;
color:#04009f;
}
.thnks{
padding:10px;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 22px;
color:#000;
text-align: center;
}
.viewgal{
padding: 5px;
font:200 30px/32px 'Open Sans', sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 300;
color:#04009f;
text-align:center;
}
.ribbon {
font-size: 16px !important;
/* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
width: 200px;
position: relative;
background: #05abe8;
text-align: center;
font: 700 20px/18px 'Roboto', sans-serif;
color:#fff;
padding: 1em 2em; /* Adjust to suit */
margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: ##0B0050 transparent transparent transparent;
bottom: -1em;
text-align: center;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-size: 32px;
font-weight: 500;
color:#fff;
}
.ribbon .ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
text-align: center;
font: 400 16px/18px 'Roboto', sans-serif;
color:#fff;
}
.ribbon .ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
text-align: center;
font: 400 16px/18px 'Roboto', sans-serif;
color:#fff;
}
.adbox1-btn {
padding-right:15px;
padding-top:-30px;
margin-left:15px;
background:#FFFFFF;
width: 227px;
height: 110px;
border:##0B0050 1px solid;
margin-bottom:15px;
vertical-align:middle;
text-align: center;
}
.blog_archieve2 li {
padding:1px 0px 2px 35px;
background: url(../images/arow.png) no-repeat scroll left 5px transparent;
text-align: left;
background-size: 20px;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 0.4px;
}
.img_deli {
margin: 50px 0 9px 0;
float: left;
border: 5px solid #05abe8;
}
.delegate-proborder{
width: 300px;
border: 2px solid #0B0050;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0; }
.delegate-proborder .delegate-pro{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 16px;
line-height:18px;
font-weight: 500;
text-align:center;
width: 298px;
background:#0B0050;
border: 2px solid #0B0050;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
}
.delegate-proborder .polaroid {
width: 298px;
background-color: white;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
}
.text-c {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 13.5px;
line-height: 22px;
font-weight: 400;
text-align:center;
padding: 15px 2px;
}
/* sponsor */
.delegate-proborderspo{
width: 270px;
border: 2px solid #0B0050;
padding: 0px;
margin: 10px 0 10px 0; }
.delegate-proborderspo .delegate-prospo{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 25px;
line-height:25px;
font-weight: 500;
text-align:center;
width: 270px;
background:#0B0050;
border: 2px solid #0B0050;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
}
.delegate-proborderspo .polaroidspo {
width: 270px;
background-color: white;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 10px;
}
.text-cspo {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 13.5px;
line-height: 22px;
font-weight: 400;
text-align:center;
padding: 5px 2px;
}
.formheader{
font-size: 16px;
font-weight: 300;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.banner_txt {
background:#0B0050;
text-align: center;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
font-weight: 700;
color:#fff;
line-height: 26.4px;
}
.btn_part{
margin:0px 0px;
display: inline-block;
font: 400 20px/20px Verdana, Geneva, sans-serif;
padding: 5px;
font-weight:bold;
color: #ffffff;
background: -webkit-linear-gradient(45deg, #373435 10%, #09782C 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(45deg, #373435 10%, #09782C 90%); /* FF3.6+ */
background: -ms-linear-gradient(45deg, #373435 10%, #09782C 90%); /* IE10 */
background: -o-linear-gradient(45deg, #373435 10%, #09782C 90%); /* Opera 11.10+ */
background: linear-gradient(45deg, #373435 10%, #09782C 90%); /* W3C */
}
.adbox1-top {
width: 240px;
height: 15px;
margin-top:5px;
padding-top:10px;
padding-bottom:10px;
background:#83C035;
vertical-align:middle;
text-align: center;
font: 400 16px/18px 'Roboto', sans-serif;
color:#fff;
-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
-o-box-shadow:2px 2px 0 rgba(0,0,0,0.1);
box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}
.ribbon {
font-size: 16px !important;
/* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */
width: 210px;
position: relative;
background: #0B0050;
text-align: center;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-size: 32px;
font-weight: 500;
color:#fff;
padding: 1em 2em; /* Adjust to suit */
margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
#second-block {
background: url("../img/background.jpg") no-repeat fixed center center / 100% auto rgba(0, 0, 0, 0);
background: none repeat scroll 0 0 rgba(0, 30, 34, 0.85);
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #000 transparent transparent transparent;
text-align: center;
font: 700 24px/18px 'Roboto', sans-serif;
color:#fff;
}
.ribbon .ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
text-align: center;
font: 400 16px/18px 'Roboto', sans-serif;
color:#fff;
}
.ribbon .ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
text-align: center;
font: 400 16px/18px 'Roboto', sans-serif;
color:#fff;
}
.adbox1-btn {
padding-right:15px;
margin-left:15px;
margin-top:-110px;
padding-top:70px;
background:#FFFFFF;
width: 227px;
height: 110px;
border:#0B0050 1px solid;
margin-bottom:15px;
vertical-align:middle;
text-align: center;
}
.presenter {
padding: 10px;
padding-left: 0px;
float:left;
margin-right:20px;
text-align:justify;
}
.goldpartnersm {
padding: 10px;
padding-left: 0px;
float:left;
margin-right:20px;
border: 1px solid navy;
text-align:justify;
}
.feature-boxved {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 350px;
width: 440px;
border:1px solid #0c02df;
background:#fff;
}
.header_hdmrg {
margin-bottom:0px;
font: 400 16px/14px Verdana, Geneva, sans-serif;
padding: 8px;
color:#E1014A;
border:2px solid #0B0050;
}
.header_mrg {
margin-bottom:0px;
color: #000;
background: #E6E7E8;
}
.header_txt {
padding:15px;
font: 400 14px/16px Verdana, Geneva, sans-serif;
text-align:justify;
letter-spacing: 0.2px;
margin-bottom:0px;
color: #000;
}
.feature-boxtopved {
margin-right:10px;
overflow: hidden;
height: 10px;
width:450px;
background:#000;
}
.feature-boxbtnved {
height: 360px;
width:450px;
background:#000;
}
.partnr{
margin:10px;
font-family: 'Lato', sans-serif;
font-size: 21px;
font-weight: 600;
text-align: center;
color:#1c0079;
}
.partnerh{
margin-top:8px;
text-align: center;
color:#ffffff;
}
.bgrightside{
padding-bottom:10px;
border:#01AD23 1px solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.sponsor-box {
margin-bottom:20px;
vertical-align:middle;
text-align:center;
height: 140px;
width:265px;
background:#fff;
border:#E73215 1px solid;
}
.btn_big1{
margin-top:2px;
display: inline-block;
font-family: 'Lato', sans-serif;
font-size: 21px;
font-weight: 100;
padding: 7px 20px 7px 5px;
text-align:left;
letter-spacing: 1.5px;
border-radius: 0px 25px 25px 0px;
-moz-border-radius: 0px 25px 25px 0px;
-webkit-border-radius: 0px 25px 25px 0px;
background: #6AA800;
color: #fff;
}
.btn_big1:hover {
background: #0B0050;
text-decoration: none;
}
.btn_big2{
margin-top:5px;
margin-left:80px;
display: inline-block;
font: 200 18px/18px 'Marvel', sans-serif;
padding: 10px 15px;
font-weight:bold;
letter-spacing: 1.5px;
color: #ffffff;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
background: #6AA800;
/*background: #b005b2;*/
}
.btn_big2:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_big3{
margin-top:5px;
margin-left:50px;
display: inline-block;
font: 400 23px/23px 'Marvel', sans-serif;
padding: 10px 30px 10px;
font-weight:bold;
letter-spacing: 1.5px;
color: #ffffff;
background: #b005b2;
}
.btn_big3:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_big4{
margin-top:5px;
margin-left:50px;
display: inline-block;
font: 400 23px/23px 'Marvel', sans-serif;
padding: 10px 30px 10px;
font-weight:bold;
letter-spacing: 1.5px;
color: #ffffff;
background: #b005b2;
}
.btn_big4:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.header_partners {
padding:15px;
text-align: center;
font: 600 25px/32px Verdana, Geneva, sans-serif;
color:#EC7F22;
}
.text_speakers {
font: 200 16px/20px 'Open Sans', sans-serif;
text-align:justify;
letter-spacing: 0.4px;
text-align:center;
}
.feature-boxtext {
padding:5px;
text-align:center;
width:200px;
margin: 5px;
height: 32px;
background:#A53692;
font-size: 24px;
color: #fff;
}
.feature-boxtop h2 {
color:#fff;
}
.box-speaker {
margin-bottom:10px;
vertical-align:middle;
padding-top:0px;
padding-bottom:0px;
text-align:center;
width: 200px;
background:#fff;
}
.box-speaker h2{
padding-bottom:-30px;
color:#000;
font-size: 18px;
font-weight:bold;
text-align:center;
}
.imgspeaker{
border:2px solid #000;
}
.feature-box {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #F43379;
}
.text_7boo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
text-align:center;
}
.text_7cboo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: 300;
text-align:center;
}
.feature-boxtop {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#F43379;
}
.feature-boxbtn {
height: 140px;
width:275px;
background:#F43379;
}
.feature-box1 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #0C4174;
}
.feature-boxtop1 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#0C4174;
}
.partnr{
margin:10px;
font-family: 'Lato', sans-serif;
font-size: 27px;
font-weight: 600;
text-align: center;
color:#1c0079;
}
.partnrw{
margin:20px;
font:200 30px/32px 'Open Sans', sans-serif;
text-align: center;
color:#f3723b;
}
.partnerh{
padding-top:8px;
padding-bottom:5px;
padding-left:40px;
font: 400 20px/20px 'Marvel', sans-serif;
color:#000;
}
.feature-boxbtn1 {
height: 140px;
width:275px;
background:#0C4174;
}
.feature-box1a {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #000;
}
.feature-boxtop1a {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#000;
}
.partnr{
margin-top:10px;
font-family: 'Lato', sans-serif;
font-size: 24px;
font-weight: 600;
text-align: center;
color:#1c0079;
}
.partnerh{
padding-top:8px;
padding-bottom:5px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: left;
color:#000;
}
.feature-boxbtn1a {
height: 140px;
width:275px;
background:#000;
}
.feature-box2 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #febc20;
background:#fff;
}
.feature-boxtop2 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#febc20;
}
.feature-boxbtn2 {
height: 140px;
width:275px;
background:#febc20;
}
.feature-box21 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #10c3f7;
background:#fff;
}
.feature-boxtop21 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#10c3f7;
}
.feature-boxbtn21 {
height: 140px;
width:275px;
background:#10c3f7;
}
.feature-box22 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #046c8a;
background:#fff;
}
.feature-boxtop22 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#046c8a;
}
.feature-boxbtn22 {
height: 140px;
width:275px;
background:#046c8a;
}
/*............. huwai................................................ */
.feature-boxtop-pre {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#00AFEF;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-pre {
height: 140px;
width:275px;
background:#00AFEF;
}
.feature-box-pre {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #00AFEF;
background:#fff;
}
/*............................................................. */
/*............. Oracle................................................ */
.feature-boxtop-ora {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#00A859;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-ora {
height: 140px;
width:275px;
background:#00A859;
}
.feature-box-ora {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #00A859;
background:#fff;
}
/*............................................................. */
/*............. juniper................................................ */
.feature-boxtop-jun {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#e48100;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-jun {
height: 140px;
width:275px;
background:#e48100;
}
.feature-box-jun {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #e48100;
background:#fff;
}
/*............................................................. */
/*............. juniper................................................ */
.feature-boxtop-platinum {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#998200;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-platinum {
height: 140px;
width:275px;
background:#998200;
}
.feature-box-platinum {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #998200;
background:#fff;
}
/*............................................................. */
/*............. Rosen................................................ */
.feature-boxtop-ros {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#000;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-ros{
height: 140px;
width:275px;
background:#000;
}
.feature-box-ros {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #000;
background:#fff;
}
/*............................................................. */
/*............. nex................................................ *//* Color #ED2F59*/
.feature-boxtop-nex {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#ff0000;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-nex{
height: 140px;
width:275px;
background:#ff0000;
}
.feature-box-nex {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #ff0000;
background:#fff;
}
/*............. Delo................................................ */
.feature-boxtop-del {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#87c125;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-del{
height: 140px;
width:275px;
background:#87c125;
}
.feature-box-del {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #87c125;
background:#fff;
}
/*............. Oracle................................................ */
.feature-boxtop-mes {
margin-right:31px;
overflow: hidden;
height: 25px;
width:275px;
background:#070065;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-mes {
height: 140px;
width:275px;
background:#070065;
}
.feature-box-mes {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #070065;
background:#fff;
}
/*............................................................. */
/*............. Supported3gpp................................................ */
.feature-boxtop-3gp{
margin-right:10px;
overflow: hidden;
height: 25px;
width:275px;
background:#F43379;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-3gp {
height: 140px;
width:275px;
background:#F43379;
}
.feature-box-3gp {
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #F43379;
background:#fff;
margin-bottom:10px;
}
/*............................................................. */
/*............. Supported................................................ */
.feature-boxtop-sup{
margin-right:10px;
overflow: hidden;
height: 25px;
width:275px;
background:#3C3939;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-sup {
height: 140px;
width:275px;
background:#3C3939;
}
.feature-box-sup {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #3C3939;
background:#fff;
}
/*............................................................. */
/*............. Supported TSDSI................................................ */
.feature-boxtop-suptsdsi{
margin-right:10px;
overflow: hidden;
height: 25px;
width:275px;
background:#c53002;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-suptsdsi {
height: 140px;
width:275px;
background:#c53002;
}
.feature-box-suptsdsi {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #c53002;
background:#fff;
}
/*............................................................. */
/*............. PR ................................................ */
.feature-boxtop-pr{
margin-right:10px;
overflow: hidden;
height: 25px;
width:275px;
background:#6b027b;
padding-top:6px;
font: 400 20px/20px 'Marvel', sans-serif;
text-align: center;
color:#fff;
}
.feature-boxbtn-pr {
height: 140px;
width:275px;
background:#6b027b;
}
.feature-box-pr {
margin-bottom:30px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #6b027b;
background:#fff;
}
/*............................................................. */
.feature-boxved {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 350px;
width: 440px;
border:1px solid #0C4174;
background:#fff;
}
.feature-boxtopved {
margin-right:10px;
overflow: hidden;
height: 10px;
width:450px;
background:#000;
}
.feature-boxbtnved {
height: 360px;
width:450px;
background:#000;
}
.feature-box23 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #5b5959;
background:#fff;
}
.feature-boxtop23 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#5b5959;
}
.feature-boxbtn23 {
height: 140px;
width:275px;
background:#5b5959;
}
.feature-box24 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #ac017a;
background:#fff;
}
.feature-boxtop24 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#ac017a;
}
.feature-boxbtn24 {
height: 140px;
width:275px;
background:#ac017a;
}
.feature-boxvoice {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
border:1px solid #8d8989;
background:#fff;
}
.feature-boxtopvoice {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#8d8989;
}
.feature-boxbtnvoice {
height: 140px;
width:275px;
background:#8d8989;
}
.feature-box2a {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #3E4095;
}
.feature-boxtop2a{
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#3E4095;
}
.feature-boxbtn2a {
height: 140px;
width:275px;
background:#3E4095;
}
.feature-box3 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #54bd01;
}
.feature-boxtop3 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#54bd01;
}
.feature-boxbtn3 {
height: 140px;
width:275px;
background:#54bd01;
}
.feature-box4 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #cc0c01;
}
.feature-boxtop4 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#cc0c01;
}
.feature-boxbtn4 {
height: 140px;
width:275px;
background:#cc0c01;
}
.feature-box5 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #ea4f00;
}
.feature-boxtop5 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#ea4f00;
}
.feature-boxbtn5 {
height: 140px;
width:275px;
background:#ea4f00;
}
.feature-box5a {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #585570;
}
.feature-boxtop5a {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#585570;
}
.feature-boxbtn5a {
height: 140px;
width:275px;
background:#585570;
}
.feature-box6 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #8c60c1;
}
.feature-box12 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #febc20;
}
.feature-boxtop12 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#febc20;
}
.feature-boxbtn12 {
height: 140px;
width:275px;
background:#E73215;
}
.feature-boxlyl {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #0495a6;
}
.feature-boxtoplyl {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#0495a6;
}
.feature-boxbtnlyl {
height: 140px;
width:275px;
background:#0495a6;
}
.feature-boxtop6 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#8c60c1;
}
.feature-boxbtn6 {
height: 140px;
width:275px;
background:#8c60c1;
}
.feature-box7 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #019678;
}
.feature-boxtop7 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#019678;
}
.feature-boxbtn7 {
height: 140px;
width:275px;
background:#019678;
}
.feature-box8 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #4ea1d3;
}
.feature-boxtop8 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#4ea1d3;
}
.feature-boxbtn8 {
height: 140px;
width:275px;
background:#4ea1d3;
}
.feature-box17 {
margin-bottom:10px;
vertical-align:middle;
overflow: hidden;
padding-top:0px;
padding-bottom:0px;
text-align:center;
height: 130px;
width: 273px;
background:#fff;
border:1px solid #00886d;
}
.feature-boxtop17 {
margin-right:10px;
overflow: hidden;
height: 10px;
width:275px;
background:#00886d;
}
.feature-boxbtn17 {
height: 140px;
width:275px;
background:#00886d;
}
.feature-wrap1 {
margin-bottom: 35px;
overflow: hidden;
text-align: center;
border-radius: 50%;
padding: 35px;
height: 200px;
width: 200px;
background:#D9261C;
}
ul#slider4 h4 {
background:#1fc4e6;
opacity: 0.8;
filter: alpha(opacity=80);
text-align: left;
padding: 20px;
color:#fff;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 27px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 26.4px;
}
.logoleft {
position:absolute;
background-color: rgba(255, 255, 255, 0.85);
height:422px;
border-right:solid 8px #1fc4e6;
z-index:999;
}
.logoleft img {
width:601px;
}
a {
font: inherit;
color: #129894;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
text-decoration: underline;
}
a:active {
background: transparent;
}
a[href^="tel:"] {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
* {
-webkit-text-size-adjust: none;
}
/*============ Text =============*/
.text_1 {
font: 300 68px/60px 'Open Sans', sans-serif;
}
.text_2 {
font: 600 24px/30px 'Open Sans', sans-serif;
}
.text_3 {
font: 300 18px/24px 'Open Sans', sans-serif;
}
.text_4 {
font: 400 14px/16px 'Open Sans', sans-serif;
}
.text_5 {
text-align:justify;
letter-spacing: 0.4px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
}
.text_6 {
font: 400 18px/26px 'Open Sans', sans-serif;
text-align:justify;
}
.text_7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.text_7c {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: 300;
}
.text_8 {
font: 400 14px/20px 'Open Sans', sans-serif;
}
/*============ Colors =============*/
.color_1 {
color: #fff;
}
.color_1 a {
color: inherit;
}
.color_2 {
color: #363535;
}
.color_2 a {
color: inherit;
}
.color_3 {
color: #129894;
}
.color_3 a {
color: inherit;
}
.color_4 {
color: #a0d6d4;
}
.color_4 a {
color: inherit;
}
.color_5 {
color: #413d3d;
}
.color_5 a {
color: inherit;
}
.color_6 {
color: #000;
}
.color_6 a {
color: inherit;
}
/*============ Backgrounds =============*/
.bg_1 {
background: #fdfdfc;
}
/*============ Floats =============*/
.put-left {
float: left;
}
.put-right {
float: right;
}
/*============ Page =============*/
.page {
background: #ffffff;
}
/*========================================================
HEADER styles
=========================================================*/
#header {
position: relative;
}
@media (max-width: 1199px) {
#header {
text-align: center;
}
}
.brand {
text-align: center;
}
.brand h1 {
display: inline-block;
text-align: left;
}
@media (max-width: 979px) {
.brand {
float: none;
}
.banner_txt {
font-size: 16px;
font-weight: 500;
}
}
.nav {
text-align: right;
}
@media (max-width: 979px) {
.nav {
text-align: center;
float: none;
}
}
/* Main menu styles
========================================================*/
.sf-menu {
display: inline-block;
margin-right: -10px;
}
.sf-menu > li {
position: relative;
float: left;
text-align: center;
text-transform: capitalize;
letter-spacing: 1.1px;
font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}
.sf-menu > li > a {
position: relative;
display: inline-block;
padding: 16px 6px 15px;
color: #0B0050;
}
.sf-menu > li.sfHover > a,
.sf-menu > li.current > a,
.sf-menu > li > a:hover {
background: #000;
color: #fff;
text-decoration: none;
}
.sf-menu > li.sfHover > a:after,
.sf-menu > li.current > a:after,
.sf-menu > li > a:hover:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #4B4B4D;
}
.sf-menu > li + li {
margin-left: 20px;
}
.sf-menu ul {
position: absolute;
display: none;
width: 220px;
padding: 10px 0;
text-align: left;
background: #246dc5;
z-index: 2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.sf-menu ul li {
display: block;
position: relative;
text-transform: none;
}
.sf-menu ul li.sfHover > a,
.sf-menu ul li.current > a,
.sf-menu ul li a:hover {
background: #246dc5;
color: #fff;
text-decoration: none;
}
.sf-menu ul li + li {
margin-top: 8px;
}
.sf-menu ul li a {
display: block;
padding: 5px 10px;
color: #000000;
}
/* First level sub-menu styles
========================================================*/
.sf-menu > li > ul {
top: 120%;
left: 50%;
margin-left: -110px;
}
/* Second level sub-menu styles
========================================================*/
.sf-menu > li > ul > li > ul {
top: 0px;
left: 110%;
}
@media only screen and (max-width: 767px) {
nav {
padding-bottom: 0;
}
.sf-menu {
display: none;
}
.select-menu {
margin: 30px 0 20px;
display: block;
position: relative;
padding: 0;
width: 100%;
height: 40px;
border: 1px solid #dddddd;
background: #edecec url(../images/select.png) 99% center no-repeat;
color: #000000;
border-radius: 0;
-webkit-appearance: none;
outline: none;
font: normal 14px 'Open Sans', sans-serif;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.logins
{
padding-left:10px;
}
.banner_txt {
padding:7px;
font-size: 14px;
font-weight: 400;
}
}
@media (max-width: 479px) {
nav.put-right {
padding-bottom: 0px;
}
.span8 {
width: 100px;
}
.banner_txt {
padding:1px;
font-size: 12px;
font-weight: 300;
line-height: 15px;
}
.logins
{
padding-left:0px;
}
.logins img.img33{
margin-left: 0px;
}
}
/* Stuck menu styles
========================================================*/
.isStuck {
background: #ffffff;
z-index: 999;
border-bottom: 1px solid #199b97;
}
@media only screen and (max-width: 979px) {
.isStuck {
display: none !important;
}
}
/*========================================================
CONTENT styles
=========================================================*/
#content {
overflow: hidden;
}
/*============ Headers =============*/
.header_1 {
text-align: center;
font: 600 30px/42px 'Open Sans', sans-serif;
}
.header_20 {
margin-top:20px;
padding-bottom:10px;
text-align: center;
color:#000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 26.4px;
}
.header_20 a {
color:#000;
}
.header_presenter {
margin-top:5px;
padding-bottom:10px;
text-align: left;
color:#000;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.header_20p {
margin-top:5px;
padding: 7px 20px 7px 5px;
text-align:center;
color: #fff;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 26.4px;
background:#0B0050;
}
.header_19{
padding-top:60px;
text-align: centre;
font: 400 22px/28px Verdana, Geneva, sans-serif;
color:#ff6600;
float: right;
}
.header_1.indent_1 {
padding-bottom: 56px;
}
.header_1.indent_2 {
padding-bottom: 34px;
}
@media (min-width: 980px) and (max-width: 1199px) {
.header_1 {
font-size: 40px;
line-height: 52px;
}
}
@media (max-width: 767px) {
.header_1 {
font-size: 36px;
line-height: 42px;
}
.btnbelow {
font-size:18px;
}
.logoleft {
width: 100px;
height:65px;
border-right:solid 8px #1fc4e6;
}
.logoleft img {
width:100px;
}
}
.header_2 {
font: 600 36px/30px 'Open Sans', sans-serif;
}
.header_2c {
font: 600 36px/30px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
color: #ffffff;
background: #515049;
border-radius: 0px 25px 25px 0px;
-webkit-border-radius: 0px 25px 25px 0px;
-moz-border-radius: 0px 25px 25px 0px;
-ms-border-radius: 0px 25px 25px 0px;
-o-border-radius: 0px 25px 25px 0px;
}
.header_2cl {
margin-bottom:10px;
font: 600 36px/30px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
color: #ffffff;
background: #1fc4e6;
border-radius: 25px 0px 0px 25px;
-webkit-border-radius: 25px 0px 0px 25px;
-moz-border-radius: 25px 0px 0px 25px;
-ms-border-radius: 25px 0px 0px 25px;
-o-border-radius: 25px 0px 0px 25px;
}
.header_2ml {
margin-bottom:10px;
font: 600 30px/24px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
color: #ffffff;
background: #05abe8;
border-radius: 25px 0px 0px 25px;
-webkit-border-radius: 25px 0px 0px 25px;
-moz-border-radius: 25px 0px 0px 25px;
-ms-border-radius: 25px 0px 0px 25px;
-o-border-radius: 25px 0px 0px 25px;
}
.header_2c.indent_2 {
padding-bottom: 10px;
}
.header_2a {
font: 600 30px/24px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
color: #ffffff;
background: #0B0050;
border-radius: 25px 0px 0px 25px;
-webkit-border-radius: 25px 0px 0px 25px;
-moz-border-radius: 25px 0px 0px 25px;
-ms-border-radius: 25px 0px 0px 25px;
-o-border-radius: 25px 0px 0px 25px;
}
.header_2al {
margin-bottom:10px;
font: 600 27px/24px 'Open Sans', sans-serif;
padding: 15px 15px 15px;
color: #fff;
background: #6AA800;
border-radius: 0px 25px 25px 0px;
-webkit-border-radius: 0px 25px 25px 0px;
-moz-border-radius: 0px 25px 25px 0px;
-ms-border-radius: 0px 25px 25px 0px;
-o-border-radius: 0px 25px 25px 0px;
}
.header_2a.indent_2 {
}
.header_2al.indent_5 {
}
.header_2.indent_1 {
padding-bottom: 30px;
}
.header_2.indent_2 {
padding-bottom: 32px;
}
.header_2.indent_3 {
padding-bottom: 81px;
}
.header_2.indent_4 {
padding-bottom: 43px;
}
.header_2.indent_5 {
padding-bottom: 41px;
}
.header_2cl.indent_5 {
padding-bottom: 10px;
}
/*============ Wraps =============*/
.wrap_1 {
padding-top: 124px;
}
.wrap_2 {
padding-top: 71px;
}
.wrap_3 {
padding-bottom: 5px;
}
.wrap_4 {
padding-bottom: 10px;
}
.wrap_5 {
padding-bottom: 95px;
}
.wrap_6 {
padding-bottom: 120px;
}
.wrap_7 {
padding-top: 82px;
}
.wrap_8 {
padding-bottom: 48px;
}
.wrap_9 {
padding-top: 40px;
}
.wrap_10 {
padding-bottom: 10px;
}
.wrap_11 {
padding-top: 10px;
}
.wrap_12 {
padding-bottom: 5px;
}
.wrap_13 {
padding-top: 42px;
}
.wrap_14 {
padding-top: 91px;
}
.wrap_15 {
padding-bottom: 118px;
}
.wrap_16 {
padding-top: 32px;
}
.wrap_17 {
padding-top: 50px;
}
.wrap_18 {
padding-top: 30px;
}
.wrap_19 {
padding-bottom: 115px;
}
.wrap_20 {
padding-bottom: 46px;
}
@media (max-width: 767px) {
.wrap_11,
.wrap_14,
.wrap_9,
.wrap_1,
.wrap_18 {
padding-top: 5px;
}
.wrap_12,
.wrap_15,
.wrap_5,
.wrap_19 {
padding-bottom: 5px;
}
}
@media (max-width: 1199px) {
.img-wrap {
text-align: center;
}
}
@media (max-width: 767px) {
.img-wrap {
margin-top: 30px;
}
}
/*============ countdown =============*/
#defaultCountdown {height:50px; width:270px; background:#000; padding:15px 0px 0px; margin: 0 auto; color:#fff; }
.hasCountdown {}
#defaultCountdown .countdown_amount {font-size:18px; color:#fff; font-family:Open sans; font-weight:700; letter-spacing:0px}
#defaultCountdown .countdown_unit{ font-size:13px; font-family:Open sans; color:#fff; }
.countdown_rtl {
direction: rtl;
}
.countdown_show1 .countdown_section {
width: 98%;
}
.countdown_show2 .countdown_section {
width: 48%;
}
.countdown_show3 .countdown_section {
width: 32.5%;
}
.countdown_show4 .countdown_section {
width: 24.5%;
}
.countdown_show5 .countdown_section {
width: 19.5%;
}
.countdown_show6 .countdown_section {
width: 16.25%;
}
.countdown_show7 .countdown_section {
width: 14%;
}
.countdown_section {
display: block;
float: left;
font-size: 84%;
text-align: center;
}
.countdown_amount {
font-size: 200%;
}
.countdown_descr {
display: block;
width: 100%;
}
.tem
{
float: right;
background: #000;
top: -10px;
margin: 0;
height: 65px;
color: #fff;
}
/*============ calender icon =============*/
.cal
{
z-index:1;
position: absolute;
left: 890px;
float: right;
margin: 0px;
}
.cal:hover {
background:#FFFFFF;
}
/*============ Butttons =============*/
.toppbar {
background:#fff;
width: 100%;
float: left;
font-size: 11px;
}
.btnpbar {
background:#01AD23;
width: 100%;
text-align: right;
}
.btnbelow {
width: 100%;
height:65px;
background: -webkit-linear-gradient(90deg,#FFCC29 10%, #FFCC29 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg,#FFCC29 10%, #FFCC29 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg,#FFCC29 10%, #FFCC29 90%); /* IE10 */
background: -o-linear-gradient(90deg,#FFCC29 10%, #FFCC29 90%); /* Opera 11.10+ */
background: linear-gradient(90deg,#FFCC29 10%, #FFCC29 90%); /* W3C font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;*/
padding:0px;
color:#fff;
text-align:center;
font-family: 'Josefin Sans', sans-serif;
font-size: 27px;
}
.btnpbarwht {
margin:50px 0px 50px;
background:#fff;
width: 100%;
}
.logoo{
padding-top:20px;
padding-right:70px;
margin-left:0px;
}
.btn_1 {
display: inline-block;
font: 400 30px/30px 'Marvel', sans-serif;
padding: 15px 51px 16px;
letter-spacing: 1.5px;
color: #000000;
background: #f1f045;
}
.btn_1:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_2 {
display: inline-block;
padding: 4px 20px 3px;
font: 400 24px/30px 'Marvel', sans-serif;
color: #413d3d;
background: #f1f045;
}
.btn_2:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_3 {
display: inline-block;
padding: 4px 34px 3px 33px;
font: 400 24px/30px 'Marvel', sans-serif;
color: #413d3d;
background:#a6c307;
}
.btn_3:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_4 {
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
letter-spacing: 1.5px;
color: #ffffff;
background: #ff0011;
}
.btn_4:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_5 {
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
letter-spacing: 1.5px;
color: #ffffff;
background: #052cd2;
}
.btn_5:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_7 {
width:235px;
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
text-align:center;
letter-spacing: 1.5px;
color: #fff;
background:#FE8100;
}
.btn_7:hover {
color: #000;
text-decoration: none;
}
.btn_8 {
width:235px;
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
text-align:center;
letter-spacing: 1.5px;
color: #ffffff;
background: #0B0050;
}
.btn_8:hover {
color: #FE8100;
text-decoration: none;
}
.btn_cal {
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 2px;
background: #000;
}
.btn_9 {
margin-top:0px;
width:235px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
text-align:center;
letter-spacing: 1.5px;
color: #ffffff;
background:#4B4B4D;
}
.btn_9:hover {
color: #000;
text-decoration: none;
}
.btn_img {
margin-right:-4px;
display: inline-block;
padding: 0px;
background: #000;
padding: 0px 0px 5px;
}
.btn_img:hover {
background: #000;
}
.btn_10 {
width:235px;
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px;
letter-spacing: 1.5px;
color: #ffffff;
text-align:center;
background:#6AA800;
}
.btn_10:hover {
color: #E1014A;
text-decoration: none;
}
.btn_11 {
width:198px;
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 22px 51px 22px 5px;
text-align:center;
letter-spacing: 1.5px;
color: #fff;
background: #FFCC29;
}
.btn_11:hover {
color: #FED405;
background: #000;
text-decoration: none;
}
/*============ F2A521 Images =============*/
.img_1 {
margin: 20px 0 9px 0;
float: left;
border-radius: 50%;
}
.img_1 + .img_1 {
margin-left: 29px;
}
@media (max-width: 1199px) {
.img_1 {
float: none;
}
.img_1 + .img_1 {
margin-left: 0;
}
}
.img_2 {
margin: 3px 0 9px 0;
float: left;
}
.img_2 + .img_2 {
margin-left: 30px;
}
.img_2:first-child + .img_2 + .img_2 + .img_2 {
margin-left: 0;
}
@media (min-width: 980px) and (max-width: 1199px) {
.img_2 {
width: 140px;
}
.img_2 + .img_2 {
margin-left: 20px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.img_2 {
width: 108px;
}
.img_2 + .img_2 {
margin-left: 20px;
}
}
@media (max-width: 767px) {
.img_2 {
float: none;
}
.img_2 + .img_2 {
margin-left: 0;
}
}
/*============ Boxes =============*/
.box_1 {
text-align: center;
padding-bottom: 30px;
}
.box_1 [class^='icon_'] {
display: inline-block;
width: 117px;
height: 117px;
color: #01918c;
border: 1px solid #199b97;
text-align: center;
border-radius: 100px;
}
.box_1 .icon_1:before {
content: '%';
font: bold 48px/117px 'Arial', sans-serif;
}
.box_1 .icon_2:before {
content: '\f012';
font: 700 48px/117px 'FontAwesome';
}
.box_1 .icon_3:before {
content: '\f007';
font: 700 48px/117px 'FontAwesome';
}
.box_1 .icon_4:before {
content: '\f012';
font: 700 48px/117px 'FontAwesome';
}
.box_1 [class^='icon_'] + .text_2 {
padding-top: 22px;
}
.box_1 [class^='icon_'] + .text_2 + .text_3 {
padding-top: 16px;
}
.box_1 [class^='icon_'] + .text_2 + .text_3 + .btn_2 {
margin-top: 41px;
}
.box_2 {
padding: 36px 15px 42px 62px;
border: 1px solid #898888;
}
.box_2 .put-left {
margin: 63px 77px 57px 0px;
}
.box_2 .text_2 + .text_3 {
padding-top: 13px;
}
.box_2 .text_3 + .btn_2 {
margin-top: 41px;
}
@media (min-width: 980px) and (max-width: 1199px) {
.box_2 {
padding: 26px 5px 32px 52px;
}
.box_2 .put-left {
margin: 53px 67px 47px 80;
}
}
@media (max-width: 979px) {
.box_2 {
padding: 20px 40px 40px;
text-align: center;
}
.box_2 .put-left {
float: none;
text-align: center;
margin: 0 0 30px;
}
}
.box_3 {
text-align: center;
}
.box_4 .text_5 + .btn_2 {
margin-top: 10px;
}
.box_4 .text_5 + .row {
padding-top: 5px;
text-align:justify;
}
.box_4 .row + .btn_3 {
margin-top: 46px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.box_4 .grid_2 {
width: 170px;
}
}
.box_5 {
position: relative;
padding-top: 8px;
padding-left: 10px;
}
.box_5:before {
content: attr(data-index);
position: absolute;
top: 1px;
left: 0;
width: 50px;
height: 50px;
border-radius: 25px;
text-align: center;
color: #ffffff;
background: #129894;
font: 700 36px/48px 'Open Sans', sans-serif;
}
.box_5 .text_2 + .text_3 {
padding-top: 24px;
}
.box_6 .put-left {
margin-top: 6px;
margin-right: 30px;
}
.box_6 .put-left .caption {
position: relative;
display: inline-block;
}
.box_6 .put-left .text_2 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
background: rgba(0, 0, 0, 0.43);
padding: 8px 0 14px;
}
.box_6 .caption .text_2 + .text_3 {
padding-top: 24px;
}
.box_6 .caption .text_3 + .btn_2 {
margin-top: 25px;
}
.box_6 + .box_6 {
margin-top: 118px;
}
@media (max-width: 1199px) {
.box_6 .put-left {
float: none;
margin: 0 0 20px;
text-align: center;
}
}
@media (max-width: 479px) {
.box_6 .put-left img {
width: 100%;
}
}
.box_7 {
padding-bottom: 117px;
}
.box_7 .img-wrap {
text-align: center;
}
.box_7 .caption {
padding-top: 35px;
}
.box_7 .caption .text_2 + .text_3 {
padding-top: 24px;
}
.box_7 .caption .text_3 + .btn_2 {
margin-top: 40px;
}
.span8 {
width: 476px;
}
@media (max-width: 767px) {
.box_7 {
padding-bottom: 50px;
}
}
/*============ Lists =============*/
.list_1 {
display: inline-block;
}
.list_1 li {
float: left;
}
.list_1 li + li {
margin-left: 17px;
}
.list_1 li a {
display: inline-block;
width: 50px;
height: 50px;
color: #ffffff;
background: #dcd9d9;
text-align: center;
border-radius: 25px;
}
.list_1 li a:hover {
background: #ff6600;
text-decoration: none;
}
.list_1 li a.fa-twitter {
font-size: 25px;
line-height: 56px;
}
.list_1 li a.fa-twitter:before {
padding-left: 1px;
}
.list_1 li a.fa-facebook {
font-size: 25px;
line-height: 52px;
}
.list_1 li a.fa-facebook:before {
padding-left: 2px;
}
.list_1 li a.fa-google-plus {
font-size: 25px;
line-height: 52px;
}
.list_1 li a.fa-google-plus:before {
padding-left: 6px;
}
.list_1 li a.fa-pinterest {
line-height: 50px;
font-size: 30px;
}
.list_1 li a.fa-pinterest:before {
padding-left: 1px;
}
.list_2 li {
position: relative;
padding-left: 31px;
}
.list_2 li:before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 10px;
height: 10px;
background: #129894;
border-radius: 5px;
}
.list_3 li {
float: left;
}
.list_3 li img {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.list_3 li a:hover img {
opacity: 0.5;
}
.list_3 li + li {
margin-left: 26px;
}
@media (min-width: 980px) and (max-width: 1199px) {
.list_3 img {
width: 120px;
}
.list_3 li + li {
margin-left: 12px;
}
}
@media (max-width: 979px) {
.list_3 {
text-align: center;
}
.list_3 li {
float: none;
margin-bottom: 9px;
display: inline-block;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.list_3 li:first-child + li + li + li {
margin-left: 0;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.list_3 li:first-child + li + li {
margin-left: 0;
}
.list_3 li:first-child + li + li + li + li {
margin-left: 0;
}
}
@media (max-width: 479px) {
.list_3 li + li {
margin-left: 0;
}
.span8 {
width: 100px;
}
}
/*============ Map =============*/
.map {
width: 100%;
height: 399px;
}
@media (max-width: 767px) {
.map {
height: 250px;
}
}
@media (max-width: 479px) {
.map {
height: 150px;
}
.img-deliga{
background: url("../images/delegate-mobile.png") no-repeat;
width:275px;
height:156px;
margin: 5px 0 9px 0;
float: left;
border: 2px solid #01AD23;
}
.org {
padding-bottom:10px;
}
input.span8 {
width: 100px;
}
.btn_7{
width:310px;
padding: 15px 51px 15px;
text-align:left;
}
.btn_8{
width:310px;
padding: 15px 51px 15px;
text-align:left;
}
.btn_9{
width:310px;
padding: 15px 51px 15px;
text-align:left;
}
.btn_10{
width:310px;
padding: 15px 51px 15px;
text-align:left;
}
}
/*============ Address =============*/
address .text_7 + .text_8 {
padding-top: 22px;
}
/*============ Terms List =============*/
.terms-list {
text-align: center;
}
.terms-list dt + dd {
padding-top: 14px;
}
.terms-list dd + dt {
padding-top: 19px;
}
.terms-list p + p {
padding-top: 12px;
}
/*============ LightBox =============*/
a[data-type='lightbox'] {
display: block;
background: url('file:///F|/Working Folder/Web/Nexgen_Full_Backup_31-10-2015/SICT/SICTlte/images/magnify.png') no-repeat center center;
}
a[data-type='lightbox'] img {
width: 100%;
height: auto;
}
a[data-type='lightbox']:hover img {
opacity: 0.2;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
@media (max-width: 767px) {
a[data-type='lightbox'].last-row {
margin-bottom: 8px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 250px;
}
}
/*========================================================
FOOTER styles
=========================================================*/
@media (max-width: 979px) {
.logoleft {
width: 380px;
height:237px;
border-right:solid 4px #1fc4e6;
}
.logoleft img {
width:380px;
}
.btnbelow {
font-size:20px;
}
}
@media (max-width: 767px) {
#footer {
text-align: center;
}
.logoleft {
width: 250px;
height:180px;
border-right:solid 4px #1fc4e6;
}
.strip {
width: 100%;
padding-left:80px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
text-align: center;
}
.stripinner{
text-align: center;
background: url("../images/strip-st.png") no-repeat;
height:1000px;
}
.logoleft img {
width:250px;
}
.btnbelow {
font-size:20px;
}
ul#slider4 h4 {
padding: 10px;
font-size: 18px;
font-weight: 400;
line-height: 20px;
}
.header_20p {
margin-top:5px;
padding: 2px 8px 2px 5px;
font-size: 18px;
font-weight: 400;
line-height: 18px;
}
.header_presenter {
margin-top:2px;
padding-bottom:5px;
font-size: 14px;
font-weight: 300;
line-height: 12px;
}
}
@media (max-width: 479px) {
.logoleft {
width: 160px;
height:102px;
border-right:solid 2px #1fc4e6;
}
.logoleft img {
width:160px;
}
.btnbelow {
font-size:16px;
padding:0px;
}
.strip {
width: 100%;
padding-left:80px;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
text-align: center;
}
.stripinner{
text-align: center;
background: url("../images/strip-st.png") no-repeat;
height:1000px;
}
.header_20p {
margin-top:3px;
padding: 2px 5px 2px 5px;
font-size: 13px;
font-weight: 200;
line-height: 12px;
}
.text_7 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
font-weight:200;
}
.text_7c {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 200;
}
.header_20 {
margin-top:5px;
padding: 2px 8px 2px 5px;
font-size: 13px;
font-weight: 200;
line-height: 12px;
}
.blog_archieve {
list-style: none outside none;
margin: 0;
padding: 5px 5px 0px 5px;
text-align:left;
}
.blog_archieve li {
padding: 0px 0px 5px 10px;
letter-spacing: 0.4px;
font-size: 14px;
line-height: 14px;
font-weight: 200;
background-size: 8px;
}
.header_2a {
font: 200 15px/12px 'Open Sans', sans-serif;
padding: 8px 8px 8px;
text-align:center;
color: #ffffff;
border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
}
.header_2al {
margin-bottom:10px;
font: 200 14px/14px 'Open Sans', sans-serif;
padding: 8px 8px 8px;
text-align:center;
color: #fff;
border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
}
.footerbg {
padding: 2px px;
font-size: 10px;
/*background:#129894*/
}
.btnpbarwht {
margin:10px 0px 10px;
}
.header_txt {
padding:15px;
font: 200 12px/14px Verdana, Geneva, sans-serif;
text-align:justify;
color: #000;
}
.text_5 {
letter-spacing: 0.4px;
font-size: 14px;
line-height: 14px;
font-weight: 200;
}
.hdrtxt{
font-size: 10px;
line-height: 10px;
padding: 3px 2px 5px 3px;
text-align:left;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.header_hdmrg {
margin-bottom:0px;
font: 200 14px/14px Verdana, Geneva, sans-serif;
padding: 5px;
color:#E1014A;
border:1px solid #01AD23;
}
.btn_big1{
margin-top:2px;
display: inline-block;
font-weight: 100;
font-size: 12px;
padding: 5px 7px 5px 5px;
text-align:left;
letter-spacing: 1.5px;
background: #6AA800;
color: #fff;
}
.btn_big1:hover {
text-decoration: none;
}
.delegate-proborder{
width: 275px;
border: 2px solid #0B0050;
padding: 5px 0 5px 0;
margin: 5px 0 5px 0; }
.delegate-proborder .delegate-pro{
font-family: 'Open Sans', sans-serif;
color: #fff;
font-size: 14px;
font-weight: 400;
text-align:center;
width: 273px;
background:#0B0050;
border: 2px solid #0B0050;
padding: 5px 0 5px 0;
margin: 5px 0 5px 0;
}
.delegate-proborder .polaroid {
width: 273px;
background-color: white;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
}
.text-c {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 12px;
line-height: 18px;
font-weight: 200;
text-align:center;
padding: 15px 2px;
}
.header_2anew{
font: 200 15px/12px 'Open Sans', sans-serif;
padding: 8px 8px 8px;
text-align:center;
color: #ffffff;
border-radius: 25px 25px 25px 25px;
-webkit-border-radius: 25px 25px 25px 25px;
-moz-border-radius: 25px 25px 25px 25px;
-ms-border-radius: 25px 25px 25px 25px;
-o-border-radius: 25px 25px 25px 25px;
}
.text_7boo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 200;
}
.text_7cboo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 200;
}
}
/*============ Info =============*/
.info {
padding: 23px 0 24px;
}
/*========================================================
Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 80px;
right: 30px;
overflow: hidden;
border: none;
color: #363535;
width: 40px;
height: 43px;
font-size: 43px;
line-height: 38px;
z-index: 20;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
#toTop:hover {
outline: none;
text-decoration: none;
color: #129894;
}
#toTop:active {
background: transparent;
}
@media only screen and (max-width: 1199px) {
#toTop {
display: none !important;
}
#fbg {
display: none !important;
}
}
.footerbg {
font: 400 12px/12px 'Open Sans', sans-serif;
background: -webkit-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* IE10 */
background: -o-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* Opera 11.10+ */
background: linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* W3C */
padding: 10px 20px;
color:#FE8100;
text-align:center;
/*background:#129894*/
}
.footerbgspn {
padding-left:580px;
color:#fff;
/*background:#129894*/
}
/*Core variables and mixins*/
.btn_circle {
margin: 20px 30px;
overflow: hidden;
text-align: center;
border-radius: 50%;
background:#fff;
padding: 35px;
height: 120px;
width: 120px;
border:solid #FFFFFF;
color:#000000;
}
.btn_circle:hover {
background: -webkit-linear-gradient(90deg,#515049 10%, #05abe8 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg,#515049 10%, #05abe8 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg,#515049 10%, #05abe8 90%); /* IE10 */
background: -o-linear-gradient(90deg,#515049 10%, #05abe8 90%); /* Opera 11.10+ */
background: linear-gradient(90deg,#515049 10%, #05abe8 90%); /* W3C */
text-decoration: none;
-webkit-transition: 8s all ease;
transition: 8s all ease;
color: #fff;
}
btn_circle3 h3{
margin: 18px 0px;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 800;
line-height: 26.4px;
color:#fff;
}
.circlefont{
margin: 18px 0px 6px 0px;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 800;
line-height: 26.4px;
color:#000;
text-align:center;
}
.circlefont:hover{
color:#fff;
}
.btn_circle2 {
margin: 25px 0px;
margin-left: 50px;
overflow: hidden;
text-align: center;
border-radius: 50%;
padding: 35px;
height: 100px;
width: 100px;
background:#4CB44A;
border:solid #FFFFFF;
}
.btn_circle2:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.btn_circle3 {
margin: 25px 0px;
margin-left: 50px;
overflow: hidden;
text-align: center;
border-radius: 50%;
background:#ff6600;
padding: 35px;
height: 100px;
width: 100px;
border:solid #FFFFFF;
}
.btn_circle3:hover {
color: #fff;
background: #249f9c;
text-decoration: none;
}
.btn_circle4 {
margin: 25px 0px;
margin-left: 50px;
overflow: hidden;
text-align: center;
border-radius: 50%;
background:#F2A521;
padding: 35px;
height: 100px;
width: 100px;
}
.btn_circle4:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.burst-8 {
background: red;
display: inline-block;
font: 400 30px/30px 'Marvel', sans-serif;
padding: 15px 51px 16px;
letter-spacing: 1.5px;
color: #000000;
width: 200px;
height: 200px;
position: relative;
text-align: center;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10eg);
}
.burst-8:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 200px;
width: 200px;
background: red;
-webkit-transform: rotate(150deg);
-moz-transform: rotate(150deg);
-ms-transform: rotate(150deg);
-o-transform: rotate(150deg);
}
.burst-8:aft {
content: "";
position: absolute;
top: 0;
left: 0;
height: 200px;
width: 200px;
background: red;
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(150deg);
-o-transform: rotate(130deg);
}
.burst-8:bfr {
content: "";
position: absolute;
top: 0;
left: 0;
height: 200px;
width: 200px;
background: red;
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
}
.burst-8:hover {
color: #ffffff;
background: #249f9c;
text-decoration: none;
}
.circle {
width: 200px;
height: 200px;
background: red;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.burst {
background: red;
width: 160px;
height: 160px;
position: relative;
text-align: center;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20eg);
}
.burst:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 160px;
width: 160px;
background: red;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
}
.burst:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 160px;
width: 160px;
background: red;
-webkit-transform: rotate(115deg);
-moz-transform: rotate(115deg);
-ms-transform: rotate(115deg);
-o-transform: rotate(115deg);
}
.burst:next {
content: "";
position: absolute;
top: 0;
left: 0;
height: 160px;
width: 160px;
background: red;
-webkit-transform: rotate(95deg);
-moz-transform: rotate(95deg);
-ms-transform: rotate(95deg);
-o-transform: rotate(95deg);
}
p.small {
line-height: 1.3;
font-size: 14px;
text-align: center;
font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight: 400;
}
p.small:hover {
line-height: 1.3;
font-size: 14px;
text-align: center;
font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
font-weight: 400;
color:#fff;
}
.nexgen-footer{
padding-right:606;
right: 0px;
top: -40px;
margin: 1px;
width:170px;
position: relative;
}
.fbg
{
float: right;
margin: 0;
color: #fff;
position: absolute;
right: 80px;
top: 2100px;
overflow: hidden;
border: none;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;
}
.img-circle {
border-radius: 50%;
}
.blog_archieve {
list-style: none outside none;
margin: 0;
padding: 10px 25px 0px 25px;
text-align:left;
}
.org
{
margin-left:0px;
text-align:center;
margin-top:600px;
position:absolute;
}
.circleagnd {
display: block;
width: 200px;
height: 200px;
margin: 1em auto;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
-moz-border-radius: 99em;
border-radius: 99em;
border: 5px solid #3c3d3c;
box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
overflow: hidden;
-webkit-filter: grayscale(100%);
}
http://designshack.net/articles/css/joshuajohnson-2/
.bw {
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
-ms-transition: all 5s ease;
transition: all 5s ease;
}
.bw:hover {
-webkit-filter: grayscale(0%);
}
.box {
display: inline-block;
margin: 0 auto;
width: 400px;
}
/* ANIMATIONS */
.Object, .ObjectContainer a {
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.ObjectContainer {
width: 200px;
height: 200px;
float: left;
display: block;
position: relative;
}
.ObjectContainer .Object {
display: block;
width: 100%;
height: 100%;
}
.ObjectContainer a {
position: absolute;
bottom: -200px;
left: 0;
opacity: 0;
width: 100%;
line-height: 0px;
text-align: center;
vertical-align: middle;
}
.ObjectContainer:hover .Object {
margin: 2.5%;
height: 95%;
width: 95%;
border-radius: 100px;
-webkit-transform: rotate(100deg);
-moz-transform: rotate(100deg);
-ms-transform: rotate(100deg);
-o-transform: rotate(100deg);
transform: rotate(100deg);
}
.ObjectContainer:hover a {
opacity: 1;
bottom: 0;
line-height: 200px;
}
#red.Object {
background: #e7222f;
}
#brown.Object {
background: #796959;
}
#dGrey.Object {
background: #363635;
}
#Grey.Object {
background: #6f6f6e;
}
.mediatxt {
margin-top:10px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 20px;
font-weight: 300;
text-align:justify;
letter-spacing: 0.4px;
}
.img_media {
margin: 20px 25px 10px 0;
float: left;
}
.img_venue{
margin: 10px 0 18px 0;
float: left;
border: 5px solid #FE8100;
}
.put-rightt {
padding: 0px 0px;
float: left;
}
.put-leftt{
padding: 0px 60px;
float: left;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
overflow: hidden;
text-decoration: none;
width:0px;
height: 0px;
background: transparent url("file:///F|/Working Folder/Web/Nexgen_Full_Backup_31-10-2015/SICT/SICTlte/images/arrows.png") no-repeat right top;
}
.callbacks_nav:hover{
opacity: 0.3;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
}
.callbacks_nav.prev {
right: auto;
background-position:right top;
}
.img-responsive,
{
display: block;
max-width: 100%;
height: auto;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display:none;
width: 100%;
left: 0;
top: 0;
}
.rslides li{
position: relative;
display: block;
float: left;
}
.rslides img {
height: auto;
border: 0;
}
.scrolltxt {
position: absolute;
right: -200px;
width: 200px;
}
.btn_news {
margin-top:0px;
display: inline-block;
font: 400 15px/15px 'Marvel', sans-serif;
padding: 2px ;
text-align:center;
letter-spacing: 1.5px;
color: #ffffff;
background: #3c3c3c;
}
#contact-page{
padding-top: 10px;;
}
#contact-page .contact-form
.form-group label {
color: #4E4E4E;
font-size: 16px;
font-weight: 300;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.form-group .form-control {
padding: 7px 12px;
border-color:#f2f2f2;
box-shadow: none;
padding-left:32px;
border-left: solid 5px #174685;
}
textarea#message{
resize: none;
padding: 10px;
}
#contact-page .contact-wrap {
margin-top: 20px;
}
.standart-h3title
{
font-size: 120%;
text-transform: lowercase;
}
.standart-h4title
{
font-size: 100%;
text-transform: lowercase;
}
textarea.span8, textarea.span12{
min-height:120px; height:120px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
width: 250px;
}
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
input,
button,
select,
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
label {
display: block;
margin-bottom: 5px;
margin-top: 5px;
}
[class*="entypo-"]:before {
font-family: "entypo", sans-serif;
}
a {
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#main-slider .carousel .item.active {
opacity: 1;
-webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms;
z-index: 1;
}
#main-slider .active .animation.animated-item-1 {
-webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}
#small-banner-5g {
right: 0;
position: absolute;
top: 208px;
z-index:998;
}
#small-banner3-5g {
right: 0;
position: absolute;
top: 0px;
z-index:998;
}
#sticky-social {
right: 0;
position: fixed;
top: 108px;
z-index:999;
}
#sticky-social a {
background: #333;
color: #fff;
display: block;
height: 45px;
font: 16px "Open Sans", sans-serif;
line-height: 45px;
position: relative;
text-align: center;
width: 45px;
}
#sticky-social a span {
line-height: 45px;
right: -120px;
position: absolute;
text-align:center;
width:120px;
}
#sticky-social a:hover span {
right: 100%;
}
#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span { background: #3b5998; }
#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span { background: #00aced; }
#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span { background: #dd4b39; }
#sticky-social a[class*="instagrem"],
#sticky-social a[class*="instagrem"]:hover,
#sticky-social a[class*="instagrem"] span { background: #F58634; }
#sticky-social a[class*="play"],
#sticky-social a[class*="play"]:hover,
#sticky-social a[class*="play"] span { background: #ff0084; }
#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span { background: #007bb6; }
#organiser a{
background: url(images/organiser.png) no-repeat;
width:45px;
height:200px;
position:fixed;
left: 0;
top:0px;
z-index:999;
}
#organiser a:hover {
background: url(images/organiserhover.jpg) no-repeat;
width:200px;
height:200px;
position:fixed;
left: 0;
top:0px;
z-index:999;
}
.hdrtxt{
margin-top:0px;
display: inline-block;
font-family: 'Lato', sans-serif;
font-size: 24px;
line-height: 20.4px;
padding: 7px 20px 7px 5px;
text-align:left;
border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
}
.hdrtxt.gfc{
background: #05abe8 ;
color: #fff;
}
.socialfb{
background-color:#2170b5;
width:250px;
padding:10px;
}
.sociallnkd{
overflow:hidden;
background-color:#006699;
width:250px;
padding:10px;
height:150px;
}
.socialtw{
background-color:#7dd6f8;
width:250px;
padding:10px;
}
.logins
{
padding-top:25px;
padding-left:25px;
background: -webkit-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* IE10 */
background: -o-linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* Opera 11.10+ */
background: linear-gradient(90deg,#0B0050 10%, #6AA800 90%); /* W3C */
border:8px solid #fff;
}
.logins img.img33{
width:200px;
margin-left: 10px;
font-size: 14px;
color:#ec7f22;
margin-bottom: 4px;
border:2px solid #FFFFFF;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.logins img.img33:hover{
filter: gray;
-webkit-filter: grayscale(100%);
}
.loginss
{
padding-left: 10px;
BACKGROUND-COLOR: #212121;
border-radius: 8px;
border:8px solid #fff;
}
.loginss img.img33{
width:300px;
margin-bottom: 4px;
border:2px solid #FFFFFF;
border-radius: 10px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*display: none;
text-decoration: none;
position: fixed;
bottom: 80px;
right: 30px;
overflow: hidden;
border: none;
color: #363535;
width: 40px;
height: 43px;
font-size: 43px;
line-height: 38px;
z-index: 20;
-webkit-transition: color 0.5s ease;
transition: color 0.5s ease;