body{
    width:100%;margin:0px;
    margin:0px;
    padding:0px;
    top:0;
    background-image: url(../img/bg.png);
    background-repeat: repeat;
    color: #555555;
    font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
}

a, a:link, a:visited{
    color: #0084b4;
}

a.tooltiplink {
    color: #ffffff;
	cursor: help;
}

a.btn {
	color: #ffffff;
}

a.text-danger {
    color: #a94442;
    text-decoration: underline;
}

a.text-success {
    color: #008A2E;
}

p.summary {
	font-size: 15px;
	line-height: 1.7;
	color: #908f8f;
}

p.minor {
	font-size: 12px;
	line-height: 2;
}

p.form-control-static {
	-ms-word-break: break-all;
	word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
	hyphens: auto;
}

span.minor {
	font-size: 60%;
	color: #908f8f;
}

.well {
	margin-top: 20px;
}

.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.panel-heading a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}

.panel-heading a.collapsed:after {
	content: "\e080";
}

.nav {
    margin-bottom: 20px;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: #0b8090;
	color: #ffffff;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  outline:none;
}

.modal-header {
	background-color: #0b8090;
	border-radius: 6px 6px 0 0;
}

.modal-dialog {
	margin-bottom: 76px;
}

.modal-footer {
	background-color: #e5e5e5;
	border-radius: 0 0 6px 6px;
}

.modal-content {
	background-color: transparent;
}

.modal-body {
	background-color: #ffffff;
}

#logo{
    width:auto;
    float:left;
    height:83px;
    text-align:center;
    border: none;
}

#logo img a {
    border: none;
}

#logo a, #logo a:visited{
    display:block;
    padding:8px 0 0 0;
    font-weight:normal;
    text-decoration:none;
    border: none;

}

#logo a:hover{
    border: none;
    text-decoration:none;
}

#mobi-header, #mobi-footer{
    max-width:1000px;
    float:none;
    margin:0px auto 0px auto;
}

#mobi-navigation{
    background-image: url(../img/footerBckGrBig.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-image: linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -o-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -moz-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -webkit-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -ms-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(20,96,110)), color-stop(0.57, rgb(13,145,163)), color-stop(0.79, rgb(5,103,133)));
    width:100%;
    float:left;
    box-shadow:0px 1px 5px #d0cfcf;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#mobi-navigation .dropdown {
	padding: 12px 12px 13px 12px;
	border-left: 1px dotted #CCC;
}

#mobi-navigation .dropdown > a > svg {
	height: 20px;
	vertical-align: top;
	width: 20px;
}

#mobi-payoff {
    background-image: url(../img/footerBckGrBig.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-image: linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -o-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -moz-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -webkit-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -ms-linear-gradient(bottom, rgb(20,96,110) 13%, rgb(13,145,163) 57%, rgb(5,103,133) 79%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, rgb(20,96,110)), color-stop(0.57, rgb(13,145,163)), color-stop(0.79, rgb(5,103,133)));
    width:100%;
    float:left;
    box-shadow:0px 1px 5px #d0cfcf;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.form-horizontal .control-label {
	text-align: left;
}

.form-control, .input-group-addon {
    border: 1px solid #008198;
	background-color: #f8f8f8;
}

.form-group {
	margin-bottom: 8px;
}

.form-group.read-only {
	margin-bottom: 0px;
}

.input-group-addon {
    background-color: #0D91A3;
    border-color: #0D91A3;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0b8090;
    background-image: -moz-linear-gradient(top,#0D91A3,#096774);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0D91A3),to(#096774));
    background-image: -webkit-linear-gradient(top,#0D91A3,#096774);
    background-image: -o-linear-gradient(top,#0D91A3,#096774);
    background-image: linear-gradient(to bottom,#0D91A3,#096774);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d91a3', endColorstr='#ff096673', GradientType=0);
    border-color: #096774 #096774 #04282d;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}

.form-control:focus {
	background-color: #ffffff;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11, 128, 144, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11, 128, 144, .6);
}

input:focus + .input-group-addon {
	border-color: #0b8090;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11, 128, 144, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11, 128, 144, .6);
}

label.summary {
	color: #666666;
	border: 0;
	line-height: 1.42857;
	margin-bottom: 20px;
	margin-top: 0;
	font-size: 14px;
	font-weight: normal;
}

#navi{
    width:auto;
    float:left;
}

#navi ul{
    width:auto;
    float:right;
    padding:0px;
    margin:0px;
}

#navi ul li{
    float:left;
    display:inline-block;
    padding:12px 12px 13px 12px;
    list-style-type: none;
    position:relative;
    border-right: 1px dotted #CCC;
}

#navi ul li:first-child{
    float:left;
    display:inline-block;
    padding:12px 12px 13px 12px;
    list-style-type: none;
    position:relative;
    border-right: 1px dotted #CCC;
}

#navi ul li a, #navi ul li a:visited, #mobi-navigation .dropdown > a, #mobi-navigation .dropdown > a:visited {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #ffffff;
    font-weight:700;
    text-decoration:none;
}

.dropdown-menu>li>a {
	color: #0084b4;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #0b8090;
}

#navi ul li a:hover{
    font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
    color: #F90;
    font-weight:bold;
    text-decoration:none;
    text-shadow: 1px 1px 2px #999;
}

#mobi-content{
    width:100%;
    float:left;
    min-height:100px;
    margin-top:0px;
}

.mobi-section{
    max-width:1000px;
    float:none;
    margin:0px auto 0px auto;
    height:100%;
    background-color:white;
    border: 1px solid #d5d5d5;
    padding:25px;
}

#slider-wrap {
	padding:6px;
}

.mobi-section-middle {
    margin-top:5px;
}

.mobi-section-last, .mobi-section-single{
    margin:5px auto 0px auto;
}

iframe[id^='twitter-widget-'] { 
	width:100% !important;
}

#launching-partners ul li a.thumbnail{
    border: none;
    margin-bottom: 0px;
}

/* table styles */
table.mobi-table {
    border-collapse: separate !important;
    border-spacing: 0;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.mobi-bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
.mobi-bordered tr:hover {
    background: #ECECEC;    
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.mobi-bordered td, .mobi-bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}
.mobi-bordered th {
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#ECECEC));
    background-image: -webkit-linear-gradient(top, #F8F8F8, #ECECEC);
    background-image: -moz-linear-gradient(top, #F8F8F8, #ECECEC);    
    background-image: linear-gradient(top, #F8F8F8, #ECECEC);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.mobi-bordered td:first-child, .mobi-bordered th:first-child {
    border-left: none;
}
.mobi-bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.mobi-bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.mobi-bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.mobi-bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.mobi-bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
} 

/* ###############  Mobi Company buttons  ###############  */
.mobi-company {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 4px;
    text-align: left;
    width: 275px;
}
.mobi-company:hover {
    border: 1px solid #333;
}

/* ###############  SSPR Styles  ############### */
.sspr-parent {
	padding: 5px;
}
.sspr-link {
	text-decoration: none;
	color: #908f8f !important;
}
.sspr-link-highlight {
	color: #a94442 !important; 
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    vertical-align: top;
}

.col-fixed {
    /* custom width */
    width:220px;
}
.col-min {
    /* custom min width */
    min-width:220px;
}
.col-max {
    /* custom max width */
    max-width:220px;
}

/* Partner Logo's */
.mobi-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.mobi-item {
    height: 120px;
    padding: 32px 8px;
    width: 100%;
    display: table;
}

/* Tooltip */
@media (max-width: 767px) {
    .tooltip {
        display: none !important;
    }
     .tooltipster-base {
        display: none !important;
    }
}

.tooltip-inner {
  max-width: 210px;
  padding: 15px;
  color: #096774;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 4px;
border: 1px solid #096774;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #096774;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #096774;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #096774;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #096774;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #096774;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #096774;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #096774;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #096774;
}

.tooltip.top {
	margin-top: -20px;
}
.tooltip.right {
	margin-left: 20px;
}
.tooltip.bottom {
	margin-top: 20px;
}
.tooltip.left {
	margin-left: -20px;
}

/* button styles */
.btn-mobi {
    background-color: #0D91A3;
    border-color: #096774;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0b8090;
    background-image: -moz-linear-gradient(top,#0D91A3,#096774);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0D91A3),to(#096774));
    background-image: -webkit-linear-gradient(top,#0D91A3,#096774);
    background-image: -o-linear-gradient(top,#0D91A3,#096774);
    background-image: linear-gradient(to bottom,#0D91A3,#096774);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d91a3', endColorstr='#ff096673', GradientType=0);
    border-color: #096774 #096774 #04282d;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    margin-right: 10px;
}

.btn-mobi:hover,
.btn-mobi:focus {
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}

.btn-mobi:hover,
.btn-mobi:focus {
    color: #fff;
    background-color: #096774;
}

.btn-mobi:active,
.btn-mobi.active,
.btn-mobi.active:hover {
    background-color: #0b7c8b;
    border-color: #096774;
}

.btn-mobi.disabled:hover,
.btn-mobi.disabled:focus,
.btn-mobi.disabled:active,
.btn-mobi.disabled.active,
.btn-mobi[disabled] .btn-oldstyle:hover,
.btn-mobi[disabled] .btn-oldstyle:focus,
.btn-mobi[disabled] .btn-oldstyle:active,
.btn-mobi[disabled] .btn-oldstyle.active {
    background-color: #096774;
    border-color: #096774;
}

h1, h2, h3, h4, h5, h6, legend {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 700;
}

h1 {
    color:#f8a900;
    text-align:left;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: 1.42857;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 22px;
}

h2, legend {
    color:#666666;
    text-align:left;
    border: 0;
    line-height: 1.42857;
    margin-bottom: 20px;
    margin-top: 0;	
    font-size: 20px;
}


h3 {
    color:#f8a900;
    text-align:left;
    border: 0;
    line-height: 1.42857;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 18px;
}

h4 {
    color: #0b8090;
    text-align:left;
    border: 0;
    line-height: 1.42857;
    margin-bottom: 10px;
    font-size: 16px;
}

h5 {
    color: #ffffff;
    text-align:left;
    border: 0;
    margin-bottom: 10px;
    font-size: 16px;
}

h6 {
    color:#000000;
    text-align:left;
    border: 0;
    line-height: 2;
    margin-bottom: 10px;
    margin-top: 0;	
    font-size: 14px;
}

.text-success {
	color: #008A2E;
}

.text-danger {
	color: #a94442;
}

.text-warning {
	color: #CF7C00;
}
.text-mobi {
	color: #008198;
}

.spacer {
    margin-top: 30px;
}

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.carousel-caption h5 {
    color: #ffffff;
	letter-spacing: 2px;
    font-size: 18px;
    font-weight: 500;
}

#copyright{
    width:50%;
    float:left;
    font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    padding-top:16px;
    padding-left: 10px;
}

#copyright a, #copyright a:visited,#copyright a:hover{
    font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
    color:#7e7e7e;
}

img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: auto;
 }

.carousel-indicators {
	top: 20px;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0px;
  background: #333333;
  background: rgba(0, 0, 0, 0.4);
}

.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999;
}

.spinner {
	margin: 10px;	
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
 
@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

#scrolltab{
	width:40px;
	height:40px;
	position:fixed;
	top:50%;
	right:10px;
	margin-top:-20px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	border: 1px solid grey;
	border-radius:4px;
	z-index:2000;
	display:none;
	background-image: url(../img/scrolltop.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
}

/**********************************************/
/************** Social Buttons ****************/
/**********************************************/

.social{
	width:auto;
	float:right;
	height:46px;
}

.social ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.social ul li{
	width:46px;
	float:left;
	display:inline-block;
	height:46px;
	border: 1px solid #d5d5d5;
	list-style-type: none;
	background-color:white;
	margin-left:-1px;
}

.socialfooter{
	width:auto;
	float:right;
	height:46px;
}

.socialfooter ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.socialfooter ul li{
	width:47px;
	float:left;
	display:inline-block;
	height:46px;
	border-left: 1px solid #d5d5d5;
	list-style-type: none;
	margin-left:-1px;
}

.social ul li a{
	border:0px;
}

.social-google{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -1px;
}

.social-google:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -47px;
}

.social-facebook{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -2px;
}

.social-facebook:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -48px;
}

.social-twitter{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -2px;
}

.social-twitter:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -48px;
}

.social-linkedin{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -2px;
}

.social-linkedin:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -48px;
}

.social-forrst{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -2px;
}

.social-forrst:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -48px;
}

.social-dribbble{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -2px;
}

.social-dribbble:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -48px;
}

/*******************************************/
/************** Transitions ****************/
/**

/* background slide transition */
.social ul li a, .socialfooter ul li a{
	transition:background .3s;
	-moz-transition:background .3s; /* Firefox 4 */
	-webkit-transition:background .3s; /* Safari and Chrome */
	-o-transition:background .3s; /* Opera */
}

/* font color transition */
#logo a, #navi ul li a, #navi ul li a:visited{
	transition:color .3s;
	-moz-transition:color .3s; /* Firefox 4 */
	-webkit-transition:color .3s; /* Safari and Chrome */
	-o-transition:color .3s; /* Opera */
}

/* text shadow transition */
#navi ul li a, #navi ul li a:visited{
	transition:text-shadow .3s;
	-moz-transition:text-shadow .3s; /* Firefox 4 */
	-webkit-transition:text-shadow .3s; /* Safari and Chrome */
	-o-transition:text-shadow .3s; /* Opera */
}

/* background color */
#logo a, button.commentbutton:{
   -webkit-transition: background-color .3s ease-in;
   -moz-transition: background-color .3s ease-in;
   -o-transition: background-color .3s ease-in;
   transition: background-color .3s ease-in;
}

/* width */
#logo, #navi, #conteactinfo, .split2{
   -webkit-transition: width .3s ease-in;
   -moz-transition: width .3s ease-in;
   -o-transition: width .3s ease-in;
   transition: width .3s ease-in;
}

/* margins , padding*/
#logo, .social, #navi, #navi ul, #navi ul li, #navi ul li ul, #conteactinfo, .socialfooter ul{
   -webkit-transition: margin-left .3s ease-in;
   -moz-transition: margin-left .3s ease-in;
   -o-transition: margin-left .3s ease-in;
   transition: margin-left .3s ease-in;
   -webkit-transition: margin-right .3s ease-in;
   -moz-transition: margin-right .3s ease-in;
   -o-transition: margin-right .3s ease-in;
   transition: margin-right .3s ease-in;
   -webkit-transition: padding .3s ease-in;
   -moz-transition: padding .3s ease-in;
   -o-transition: padding .3s ease-in;
   transition: padding .3s ease-in;
}


/* opacity */
.portfoliowrap, .blogimage, .blogwcommentwrap{
   -webkit-transition: opacity .3s ease-in;
   -moz-transition: opacity .3s ease-in;
   -o-transition: opacity .3s ease-in;
   transition: opacity .3s ease-in;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}