/* general styles */

p {
	font-size: 16px;	
}

h1 {
	font-size: 28px;
	line-height: 35px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 16px;
	font-style:italic;
}

ul {
    list-style-position: inside;
	list-style-type: circle;
}

.light {
	font-weight: 400;
}

form .row {
	margin-bottom: 20px;
}

#page { background-image:url("../images/bg_lines.gif");
height:100%;
background-color:#ffffff;
	
}

.item {
	
}

.item.header {
	padding-bottom: 50px;
}

.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact {
	padding-top: 60px;
	padding-bottom: 60px;
}

.item.footer {
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-100 {
	padding-top: 180px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-50 {
	padding-bottom: 50px !important;
}

.padding-bottom-40 {
	padding-bottom: 40px !important;
}

.padding-bottom-30 {
	padding-bottom: 30px !important;
}

.padding-bottom-20 {
	padding-bottom: 20px !important;
}

.padding-bottom-10 {
	padding-bottom: 10px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.width-100 {
	width: 100%;
}

.width-75 {
	width: 75%;
}

.width-50 {
	width: 50%;
}

.width-33 {
	width: 33.3333%;
}

.width-25 {
	width: 25%;
}

header .navbar.plain li.active a {
	color: #1ABC9C;
}

header .navbar-white {
	background: #fff;
}

header .navbar-white a {
	color: #3D566E;
}


/* videos */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper > .frameCover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: none;
}

*{
    margin:0;
    padding:0;
}

/* Above, the asterisk selects all elements in the HTML document and rests the margin and padding. This ensures that any of the annoying "default" margin and paddings a browser might have will be reset to zero. */

#noti_Container {
    position:relative;     /* This is crucial for the absolutely positioned element */
    /* border:1px solid blue; /* This is just to show you where the container ends */
    width:18px;
    height:18px;
}
.noti_bubble {
    position:absolute;    /* This breaks the div from the normal HTML document. */
    top:0px;
    right:10px;
    padding:1px;
    background-color:red; /* you could use a background image if you'd like as well */
    color:white;
    font-weight:bold;
    font-size:12px;
	/*border: 1px solid #ffffff;*/
	width:18px;
	height:18px;
	border-radius: 50%;

    /* The following is CSS3, but isn't crucial for this technique to work. */
    /* Keep in mind that if a browser doesn't support CSS3, it's fine! They just won't have rounded borders and won't have a box shadow effect. */
    /* You can always use a background image to produce the same effect if you want to, and you can use both together so browsers without CSS3 still have the rounded/shadow look. */
    /*border-radius:20%;*/
    /*box-shadow:1px 1px 1px gray;*/
}

/* Back to Top */
    #back-to-top {
        position: fixed;
        right: 30px;
        bottom: 10px;
        z-index: 9999;
        width: 45px;
        height: 45px;
        border-radius: 3px;
		color:#ffd900;
		font-size:45px;
        background: #262626;
        text-align: center;
        line-height: 45px;
    }
    #back-to-top i {
        color: #fff;
    }

.video-container2 {
	position: relative;
	display: block;
	width:570px;
	height:443px;
	padding:2.7% 2.7% 13.5% 2.7%;
	background: transparent url(../images/tv.jpg) no-repeat;
	background-size:contain;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/uploads/images/core/tv.jpg", sizingMethod='scale'); */
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/.jpg", sizingMethod='scale')";
}

.video-container2 iframe {
	max-width:100%;
	height:100%;	
}

.video-container iframe {
	position: absolute;
	top: 5.5% ;
	left: 4.5%;
	right: 4.5%;
	width:523px;
	max-width:100%;
	height:301px;
	max-height:100%;
}

.video-tv {
width: 570px;
height: 443px;
background: transparent url(../images/tv3.jpg) no-repeat;
background-size: contain;
-ms-behavior: url(backgroundsize.min.htc);
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 7%;
	left: 4.4%;
	width: 91.8%;
	height: 88%;
	border: 0;
}

.video-container video {
	position: absolute;
	top: 6%;
	left: 4.4%;
	width: 91.8%;
	height: 88%;
	border: 0;
}

.video-wrapper {
	width: 523px;
	max-width: 100%;
	height:auto;
}
.sidebar-wrapper {
width: 30%;
height: 100%;
background: #ffd900;;
}