/*   
Theme Name: iMOD Theme
Theme URI: http://imod.co.za
Description: Purpose built theme  designed for the imod.co.za website
Author: MyEcommerce
Author URI: http://myecommerce.co.za
Version: 1a
*/

*{
	border: none;
	margin: 0px;
}

@font-face {
    font-family: Proxima;
    src: url('fonts/ProximaNova-Light.otf');
    font-weight:400;
}

@font-face {
    font-family: SourceSanspro;
    src: url('fonts/source-sans-pro/SourceSansPro-Light.otf');
    font-weight:400;
}

html,body{
	margin: 0;
	font-size: 100%;
    font-family: 'Merriweather', Helvetica, Arial, Sans-Serif;  
	color: #00ace6; /* white */
        background-color: #00ace6;
	height: 100%;
/*	background-image: url('images/back.png');*/
}	

a,h1,h2,h3,h4,h5,h6{
	text-decoration: none;
	color: #FFFFFF; /* white */
	margin-bottom: 0px;
	padding: 4px 4px 0 0px;
}

h1{
	font-size: 1.6em;
	font-weight: bold;
}

h2{
	font-size: 1.5em;
	font-weight: bold;
}

h3,h4,h5,h6 {
	font-size: 1.4em;
	font-weight: bold;
}

.post-excerpt{
	padding: 20px 0 20px 0px;
	line-height: 22px;
	font-size: 1.0em;
}

*::selection {
	background: rgba(255, 255, 255, 0.2);
}

*::-moz-selection {
	background: rgba(255, 255, 255, 0.2);
}

p { padding-top: 0.4em; padding-bottom: 0.4em; }

p a{
	/*color: black;*/
	color: #ffffff;
}

p a:hover{
	transition: all 0.3s ease 0s;
	background-color: #00BCEF;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}







p a.visited{
	color: black;
}

hr{
	color: rgb(179, 229, 246);
	background-color: white;
	height: 1px;
	border: 0;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

.wp-smiley{
	width: auto;
	padding:0px;
	margin:0px;
	background-image: none;
}

iframe{
	width: 100%;

}

ul li{
	list-style: none;
    padding-left: 1em;
    position: relative; 
}

ul li:before {
    content: '-';
    position: absolute;
    left: 0;
}


.wrap{
	width:100%;
	height:100%;
	position:relative
}

.bodywrap{
	width:100%;
	margin-left:0%
}

.left,.center,.right,.bodywrap{
	height:100%;
	z-index:1;
}

.center{
	float: right;
	padding-right:0px;
	position: absolute;
	width:70%;
	height: inherit;
}

.right{
	width: 30%;
	padding-top: 100px;
	position: relative;
	float:right;
}

.sidebar-back{
	background-color: #191818;
	right: 0px;
	width: 30%;
	padding: 0px;
	margin: 0px;
	position: fixed;
	height: 100%;
	display:block;
	z-index: 0;
}

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

}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.postcontent{
	overflow: scroll;
	overflow: visible;
	width: 100%;
	max-width: 1160px;
	float: right;
	margin-top: 100px;
	margin-right: 0%;
	transition: all 0.3s ease 0s;

}

.postcontent p{

}

.postcontent .home_base, .postcontent .home_base a {
	color:#2a2a2a;
}

.404-post{
	color: rgb(179, 229, 246);
	padding-top: 30px;
	width: 70%;
	font-family: Myriad pro;
    font-size: 1.0em;
    line-height: 20px;
}

.td-avatar{
	margin:auto;
}

.td-post{
	/*color: rgb(179, 229, 246);*/
	color: #000000;
	padding-top: 30px;
	width: 70%;
	min-width:70%;
/*	font-family: Myriad pro;*/
    font-size: 1.0em;
    line-height: 20px;
}

.td-post .white{
	color: #ffffff;
	font-size:0.9em;
	font-family: Myriad pro;
}

.blog_nav{
	padding: 100px 0 40px 0;
}

.nav-next{
	float: right;
	padding: 2px;
}

.nav-previous{
	float: left;
	padding: 2px;
}

.td-post h1, .td-post h2, .td-post h3, .td-post h4,.td-post h5,.td-post h6{
    line-height: 30px;
}

.td-post h1 a:hover{
	background-color: #00BCEF;
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}

.td-post .blog-post-image{
/*	width:150px;
	height:150px;
	padding:0px;
	margin:0px;
	display:inline-block;
	float:left;
	/*background-image: url('images/img_background.png');*/*/
}

.post-image a{
	margin:10px 0 10px 0;
	line-height: 0px;
	display: block;
}

.post-image a img {
	line-height: 0px;
	min-width: 0px;
	padding: 0 15% 0 15%;
	margin:0%;
	background-image: url('images/img_background.png');
	width: 70%;
/*	height: 70%;*/
}

.custom_gallery{
	line-height: 0px;
	font-size: 0px;
	float:left;
	width: 100%;
	padding: 40px 0 40px 0;
	margin: 0px;
}

.custom_gallery a{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

.custom_gallery img  { /* Universal settings */
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}
.custom_gallery img:not(:hover) {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
/*    filter:grayscale(100%);*/
}
.custom_gallery img:hover {
    -webkit-filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -o-filter:none;
    filter:none;
}

h3.search-text {
	display: inline;
	color: black;
	width: inherit;
}

h3.search-query{
	display: inline;
	color: white;
}

.continue-reading{
	color: #ffffff;
	padding: 4px 4px 0 0px;
}

.continue-reading:hover{
	transition: all 0.3s ease 0s;
	background-color: #00BCEF;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.small-post-call{
	display: inline;
	font-style: italic;
	color:#ffffff;
}

.small-post-call a{
	transition: all 0.3s ease 0s;
	/*color: rgb(179, 229, 246);*/
	color:#ffffff;
	padding: 4px 4px 0 0px;
}
.small-post-call a:hover{
	/*color:#666666;*/
	background-color: #00BCEF;
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}

.post-navigation a{
	transition: all 0.3s ease 0s;
	padding: 4px 4px 0 0px;
}

.post-navigation a:hover{
	/*color:#666666;*/
	background-color: #00BCEF;
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}


/*============================================
=            Base Worpress styles            =
============================================*/


.td-avatar{
	width:110px;
	vertical-align: top;
	padding-top: 30px;
}

.avatar {
	float: right;
	margin: 10px 20px 0 0; 
	padding: 0;
	opacity: 1.0;
	background-color: transparent;
	width: 96px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}



/*======================================
=            Right Side Bar            =
======================================*/

.side-container{
	margin: auto;
	width: 240px;
	/*height: 240px;*/
	padding-bottom: 20px;
}

.reading-mode-button{
	transition: all 0.3s ease 0s;
	background-color: #B973FF;
	position:relative;
	width: 98%;
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
}

.reading-mode-button:hover{
	transition: all 0.3s ease 0s;
	background-color: #555555;
}

.right-col-left{
	width:240px;
	margin-left:50px;
	margin-right:50px;
}

.right-col-right{
	width:240px;
	margin-left:50px;
	margin-right:50px;
	margin-top:none;
}
.widget li:before {
    content: none;
    position: none;
}
.widget li {
	list-style: none;
    position: relative;
	margin: none;
	padding: 0px;
	line-height: 80px;
	width: 100%;
	height: 80px;
	background-color: #ff3f4b;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
	list-style: none;
}

.widget_categories ul li a:hover, .menu-sidebar-container ul li a:hover{
	color: #2A2A2A;
	background-color: #EBEDFA;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.menu-item a:active, .cat-item a:active{
	outline: solid;
}

.menu-item, .cat-item{
	list-style: none;
	line-height: 80px;
	width: 100%;
	height: 80px;
	background-color: #ff3f4b;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}

.menu-item li, .cat-item li{
	line-height: 80px;
}

.menu-item a, .cat-item{
	transition: all 0.3s ease 0s;
	width: 100%;
	display: block;
	color: inherit;
	margin: 0px;
	padding: 0px;
}

.page_item a{
	transition: all 0.3s ease 0s;
	width: 100%;
	display: block;
	color: inherit;
	margin: 0px;
	padding: 0px;
}

.page_item a:hover{
	color: #2A2A2A;
	background-color: #EBEDFA;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.current-cat a{
	color: black;
	background-color: #ffffff;
}

.widget ul{
	padding: 0px;
}

#searchform{
	line-height: 40px;
}

.screen-reader-text{
	display: none;
	margin: none;
	padding:none;
}

input.sidebar-slider{
	transition: all 0.3s ease 0s;
	width: 98%;
	height: 50px;
	color: #00BFFF;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}

input.sidebar-slider-active::-webkit-input-placeholder{color: gray;}
input.sidebar-slider-active:-moz-placeholder{color: gray;}
input.sidebar-slider-active::-moz-placeholder{color: gray;}
input.sidebar-slider-active:-ms-input-placeholder{color: gray;}

input.sidebar-slider-active{
	transition: all 0.3s ease 0s;
	color: #00BFFF;
	font-weight: bold;
	font-size: 0.8em;
	height: 50px;
	width: 198%;
	margin-left:-240px;
	text-align: left;
	text-indent: 5px;
}

.sidebar-form-widget{
	padding-top:.0px; 
	padding-bottom:20px; 
}

.widget h2 {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
	color: #00BFFF;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	font-weight: 100;
	margin-bottom: 50px;
	list-style: none;

}

#wp-calendar{
	width: 100%;
}

.widget .title{
	display: none;
}

.right-inner-l{
	width: 100%;
}

.sidebar-rule{
	width: 100%;
	margin-right: 90px;
}

.widget{
	border-bottom: solid 1px;
	padding-top: 30px;
	padding-bottom: 10px;
}

.footer_widget{
	border-bottom: solid 1px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.footer_widget a{
	color: #3EA9E3;
}
	.footer_widget a:hover{
		color: #FFFFFF;
	}

.sidebar-slider{
	position:relative;
	width: 98%;
	height: 50px;
	color: #00BFFF;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}

.sidebar-slider::selection {
	background: #ddddee;
}

.sidebar-slider::-moz-selection {
	background: #ddddee;
}

#right-sidebar{

}


/*====================================
=            Reading Mode            =
====================================*/
.hidden{
	display: none;
	transition: all 0.3s ease 0s;
}

.reading-mode-return{
	position: absolute;
	margin-top: 50px;
	margin-left: 1000px;
	display: block;
	width: 50px;
	background-image: url('images/rmi/arrow.png');
	height: 60px;
	line-height: 90px;
}
.reading-mode-return:hover{
	background-image: url('images/rmi/arrow-h.png');
	
}

.font-type-chooser{
	position: absolute;
	margin-top: 150px;
	margin-left: 1500px;
	display: block;
	width: 50px;
	background-image: url('images/rmi/font.png');
	height: 60px;
	line-height: 90px;
}
.font-type-chooser:hover{
	background-image: url('images/rmi/font-h.png');
	
}

.font-size-chooser{
	position: absolute;
	margin-top: 230px;
	margin-left: 2000px;
	display: block;
	width: 50px;
	background-image: url('images/rmi/font-size.png');
	height: 60px;
	line-height: 90px;
}
.font-size-chooser:hover{
	background-image: url('images/rmi/font-size-h.png');
}

.r-postcontent{
	transition: all 0.3s ease 0s;
	overflow: visible;
	width: 100%;
	max-width: 100%;
	float: right;
	margin-top: 100px;
	margin-right: 0%;
}

#reading-sidebar{
/*	margin-left: 1000px;*/
	overflow: hidden;
	transition: all 0.3s ease 0s;
	float: left;
	width: 100%;
	position: absolute;
	height: 900px;
	z-index:;
}

.r-sidebar-back{
	background-color: #191818;
	width: 10%;
	position: fixed;
	height: 100%;
	display:block;
	z-index: 0;
	margin-left:90%; 
}

.r-center{
	float: left;
	width:90%;
	transition: all 0.3s ease 0s;
}

#iclw-2 li{
	list-style: none;
    position: relative;
	margin: none;
	padding: 0px;
	line-height: 60px;
	width: 100%;
	height: 60px;
	background-color: #2E9A66;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
	list-style: none;
}

#iclw-2 li a{
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
}

#iclw-2 li a{
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
}
#iclw-2 li a:hover{
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	color: black;
	background-color: #ECECFB;
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 60px;
	display: block;
}
/*================================
=            Font Box            =
================================*/

.font-chooser-box,.size-chooser-box{
	margin-top: 250px;
	right: 0px;
	background-color: #ffffff;
	height: 190px;
	position: absolute;
	margin-right: 10%;
	width: 310px;
	text-indent: none;
	color: black;
	list-style: none;
	overflow:hidden;
}

.active{
	padding-left: 25px;
	background: url('images/tick.png') 0% 0% no-repeat;
}

.font-chooser-box{
	margin-top: 250px;
}

.size-chooser-box{
	display: none;
	margin-top: 330px;
}
.font-chooser-box ul li:before {
    content: '';
}
.font-chooser-box ul{padding: 0px;margin-left: 0px;}
.font-chooser-box li{list-style:none; text-indent: none; padding: 0px;text-indent: 10px;}

.font-chooser-box a{
	list-style: none;
	color: black;
	width: 100%;
	line-height: 60px;
	display:block;
}

.font-selected{
	list-style: circle;
	padding-left: 30px;
}

.font-chooser-box a:hover{
	color: white;
	background-color: rgb(255, 63, 75);
}

.bigger_font{
	font-size: 1.1em;
	line-height: 30px;
}

/*=====================================
=          Instagram Plugin           =
=====================================*/

#instagram {
	margin: auto;
	width: 240px;
	height: 240px;
	padding:0px;
	overflow:hidden;
}

#instagram ul {
	margin:0px;
	padding: 0px;

}

#instagram li {
	width: 50%;
	height: 50%;
	padding: 0px;
	background: none;
	list-style:none;
	float:left;
	margin:0px;
}

#instagram li a{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	display: inline;
}

#instagram li a img {
	width: 100%;
	height: 100%;
	padding:0px;
	margin: 0px;
    -webkit-transition:all .4s;
    -moz-transition:all .4s;
    -ms-transition:all .4s;
    -o-transition:all .4s;
    transition:all .4s;
}

#instagram img:not(:hover) {
	width: 100%;
	height: 100%;
	padding:0px;
	margin: 0px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
}

#instagramtitle{
	position: relative;
	line-height: 55px;
	margin: auto;
	width: 240px;
	height: 55px;
	padding-bottom:20px;
}


#instagramtitle li{
	width: 100%;
	height: 55px;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 55px;
	background-color: white;
	color: rgb(0, 191, 255);
}

/*@media only screen and (max-width: 628px) {#instagram{width:190px;height:190px;}#instagramtitle{width:190px}}
@media only screen and (max-width: 480px) {#instagram{width:240px;height:240px;}#instagramtitle{width:240px}}*/
/*=====================================
=            Media Queries            =
=====================================*/
	.mobile-only{
		display: none;
	}

	.mobile-hidden{
	}

/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {


	input.sidebar-slider{
		margin-bottom: 15px;
	}

	.mobile-only{
		display:inline;
	}

	.mobile-hidden{
		display: none;
	}

	.reading-mode-button{
		display: none;
	}

	*{
		font-size: 1.00em;
	}

	.td-avatar{
		padding-left: 5px;
		padding-right: 5px;
	}

   .right {
    	float:left;
    	margin-top: 30px; 
    	width:100%;
    	padding: 0px;
		position: relative;
		background-color: #191818;
    	height: inherit;
    }

    .sidebar-back{
		background-color: transparent;
		display: none;
	}

   .center{
		float:left;
		width: 100%;
		position: relative;
	}

	.right-col-left,.right-col-right{
		margin-left: 5%;
		margin-right: 5%;
		width:40%;
		float: left;
	}

	.center{
		min-height: 800px;
		
	}

	.postcontent{
		margin-top:10px;
		font-size: 1.0em;
    	line-height: 20px;
	}

	.td-post h1, .td-post h2, .td-post h3, .td-post h4,.td-post h5,.td-post h6{
    	line-height: 28px;
    	font-size: 1.0em;
	}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {

	input.sidebar-slider{
		margin-bottom: 15px;
	}

	.mobile-only{
		display:inline;
	}
	.mobile-hidden{
		display: none;
	}

	.postcontent {
	    margin-top: 30px;
	}

	.reading-mode-button{
		display: none;
	}

	.td-avatar{
		padding-left: 5px;
		padding-right: 5px;
	}

   .right {
    	float:left;
    	width:100%;
    	height: inherit;
    	padding: 0px;
		position: relative;
		background-color: #191818;

    }

	.right-col-left, .right-col-right{
		margin-left: 5%;
		margin-right: 5%;
		width:40%;
		float: left;

	}

	.center{min-height: 800px}
	.sidebar-back{
		background-color: transparent;
		display: none;
	}

   .center{
		float:left;
		width: 100%;
		position: relative;

	}

	.side-top-text{
		display:none;
	}

	h1{
		font-size: 1.5em;
	}

	h2{
		font-size: 1.4em;
	}

	h3,h4,h5,h6 {
		font-size: 1.3em;
	}

	.post-excerpt{
		padding: 20px 0;
		line-height: 28px;
		font-size: 1.0em;
	}
	.td-post h1, .td-post h2, .td-post h3, .td-post h4,.td-post h5,.td-post h6{
    	line-height: 28px;
    	font-size: 1.0em;
	}

	input.sidebar-slider-active{
		width: 198%;
		margin-left:40px;
	}
}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 628px) and (max-width: 768px) {

	input.sidebar-slider{
		margin-bottom: 15px;
	}

	.mobile-only{
		display:inline;
	}
	.mobile-hidden{
		display: none;
	}

	.postcontent {
	    margin-top: 10px;
	}
	.right-col-left, .right-col-right{
		margin-left: 5%;
		margin-right: 5%;
		width:40%;
		float: left;
	}
	.side-top-text{
		display:none;
	}
	h1{
		font-size: 1.4em;
	}
	h2{
		font-size: 1.3em;
	}
	h3,h4,h5,h6 {
		font-size: 1.2em;
	}
	.post-excerpt{
		padding: 20px 0;
		line-height: 24px;
		font-size: 0.9em;
	}
	.td-post h1, .td-post h2, .td-post h3, .td-post h4,.td-post h5,.td-post h6{
    	line-height: 24px;
    	font-size: 0.9em;
	}
	input.sidebar-slider-active{
		width: 198%;
		margin-left:40px;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 628px) {

	input.sidebar-slider{
		margin-bottom: 15px;
	}

	.mobile-only{
		display:inline;
	}
	.mobile-hidden{
		display: none;
	}	

	.postcontent {
	    margin-top: 20px;
	}
	.right-col-left, .right-col-right{
		margin-left: 5%;
		margin-right: 5%;
		width:90%;
		float: none;
	}
	.side-top-text{
		display:none;
	}
	h1{
		font-size: 1.3em;
	}
	h2{
		font-size: 1.2em;
	}
	h3,h4,h5,h6 {
		font-size: 1.1em;
	}
	.post-excerpt{
		padding: 20px 0;
		line-height: 22px;
		font-size: 0.9em;
	}
	.td-post h1, .td-post h2, .td-post h3, .td-post h4,.td-post h5,.td-post h6{
    	line-height: 22px;
    	font-size: 0.9em;
	}
}

/*================================
=            Widgets            =
================================*/
.social-widgets{
	border-bottom: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	margin-bottom:20px;

}

.social-widgets table{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.social-widgets a{
	display: block;
	margin: auto;
	width: 47px;
	height: 47px;
	padding: 0px;
	/*background: url('images/social-widgets.png') no-repeat;*/
	background: url('images/social-widgets2.png') no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-widgets .twitter:hover	{
	/*background-position: bottom left;*/
	background-color: #64f1fb;
}
.social-widgets .twitter {
	background-color: #40cdd7;
}
.social-widgets .facebook {
	background-position: -47px 0;
	background-color: #3c5b9b;
}
.social-widgets .facebook:hover	{
	/*background-position: -47px -47px;*/
	background-color: #607fbf;
}
.social-widgets .linkedin {
	background-position: -94px 0;
	background-color: #0173b2;
}
.social-widgets .linkedin:hover {
	/*background-position: -94px -47px;*/
	background-color: #2597d6;
}
.social-widgets .google 	    {
	background-position: -141px 0;
	background-color: #f63e28;
}
.social-widgets .google:hover   {
	/*background-position: -141px -47px;*/
	background-color: #ff624c;
}

.fancybox-skin {
    background: none repeat scroll 0 0 #F9F9F9;
    border-radius: 0px;
    color: #444444;
    position: relative;
    text-shadow: none;
}

.fancybox-title-float-wrap .child {
    background: none repeat scroll 0 0 white;
    border-radius: 0px;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    line-height:  24px;
    margin: 0px 33px 0px 0px;
    text-shadow: 0 0 0 #222222;
    position: relative;
    margin-top: 10px;
}

.fancybox-title-float-wrap{
    line-height: 24px;
	position: relative;
	bottom: auto;
	margin: auto;
	text-align: center;
	left: auto;
	right: auto;
	top:auto;
    width: 100%;
}

.headsubscribe{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 99999999;
	position: absolute;
	color: black;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	background-color: #ffefbf;
}

.headsubscribe h2{
	color: black;
	font-size: 14px;
	line-height: 50px;
	margin-left: 20%; 
}
#home {
	margin-left: 171px;
}