*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webit-box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
}
html{
}
body {
    margin: 0;
    padding: 0;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	line-height:14px;
}
* {
   -webkit-text-size-adjust: none;	
   box-sizing: border-box;
}
img {
    border: 0 none;
    max-width: 100%;
    background: transparent;
}

img.transparent {
    border: 0 none;
    max-width: 100%;
    background: white;
}
input[type="button"], 
input[type="submit"], 
button {
    cursor: pointer;
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    resize: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h1, h2, h3, h4, h5 {
    margin: 0 0 10px 0;
    padding: 0;
}
h1 {
	font-size: 27px;
	line-height: 27px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 10px;
	padding-bottom: 0px;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    /*margin: 5px 0px -10px 0px;*/ float: left; text-align: left; align:left;
}
h2{
	font-size: 24px;
	line-height: 26px;
	color: #ffffff;
}
h3{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
}
label{
   font-family:"Trebuchet MS", Helvetica, sans-serif;
}
a {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	color: #00a99d;
	font-size:14px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	color: #000;
}
ul {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}
li {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
}
nav, 
header, 
footer, 
article, 
aside {
    display: block;
}

.container{
	width: 980px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
}
[class*="col-"]{
	width: 100%;
	float: left;
	padding:0 15px;
}

@media all and (max-width: 980px){
	.container{
		width: auto;
	}
}

@media all and (max-width: 420px){
	h1{
		font-size: 21px;
	}
	h2{
		font-size: 16px;
	}
}



/*######## HEADER ##########*/

header{
	background:#ffffff;
	padding-top:3px;
	padding-bottom: 5px;
	position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    border-bottom: 5px solid #FFA200;
    box-shadow: 1px 2px 3px #b3b3b3;
    -moz-box-shadow: 1px 2px 3px #b3b3b3;
    -webkit-box-shadow: 1px 2px 3px #b3b3b3;
}
header.smaller{
    padding-top: 3px;
    box-shadow: 1px 2px 3px #b3b3b3;
}

/*header{
	background:#ffffff;
	padding-top:10px;
	padding-bottom: 5px;
	position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
header.smaller{
    padding-top: 10px;
    box-shadow: 1px 1px 3px #b3b3b3;
}*/


header.smaller .logo{
    padding-top: 0px;
}
header.smaller .mediaBuying{
    padding-top: 13px;
}
header.smaller nav.main-nav{
    padding-top: 75px;
}
header.smaller .navMob{
    top: 10px;
}
.logo{
	float: left;
	padding-top: 0px;
	width: auto;
}

nav.main-nav{
	width: 100%;
	float: right;
	margin: 0px auto;
	border-bottom: 0px solid black;
	padding-top: 0px;
}
nav.main-nav ul{
	float: right;
	
}
nav.main-nav ul li{ 
	float: left;
	list-style: none;
	padding:0px 22px;
	border-right: 1px solid #114C9A;
	width: auto;
}
nav.main-nav ul li a, nav.main-nav ul li a:visited{
	text-transform: none;
	color:#114C9A;
	font-weight: 600;
	font-size: 13px;
}
nav.main-nav ul li a:hover, nav.main-nav ul li a:focus{
	text-transform: none;
	color:#5BB6FF;
	font-weight: 600;
	font-size: 13px;
}

nav.main-nav ul li:first-child{
	padding-left: 0;
}

.lastli li {border-right: 0px solid white;}

.socialMedia:after{
	content: "";
	display: block;
	clear: both;
}
.socialMedia{
	width: 100%;
}
.socialMedia ul li{
    float: left;
    list-style: none;
    padding:0px 17px;
}
.socialMedia ul li:first-child{
	padding-left: 0px;
}
.socialMedia ul li a{
	color:#4d4d4d;
}

.mediaBuying{
	float: right;
	padding-right: 20px;
	padding-top: 44px;
}
.mediaBuying a{
	padding:13px 15px 13px 50px;
	color:#ffffff;
	background: #00a99d;
	position: relative;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
}

.mediaBuying a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
    display: none \9;
	right: 0;
	bottom: 0;
	background: #333;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timeing-function:ease-out;
	-webkit-transiton-property:transform;
	transiton-property:transform;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
}
.mediaBuying a:hover:before,.mediaBuying a:focus:before,.mediaBuying:active:before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}


.mediaBuying a:after{
	content:"\f128";
	position: absolute;
	font-size: 24px;
	color: #ffffff;
	left: 12px;
	top: 13px;
	font-family: FontAwesome;
}
@media all and (max-width: 980px){
	nav.main-nav ul li{
		padding: 0 11px;
	}
	.socialMedia ul li{
		padding:0 7px;
	}
	.socialMedia{
		width: auto;
		float: right;
	}
	.mediaBuying{
		padding-right: 6px;
	}
}
@media all and (max-width: 840px){
	.toptopmenu{
		display: none;
	}
	nav.main-nav{
		display: none;
	}
	.secondHeaderBox{
		display: inline;
	}

	.logo{
		padding-top: 0;
	}
}

@media all and (max-width: 640px){
	.slider .slider1{
		height: auto
	}

	.slider .slider1 h1{
		font-size:21px;
	}
	.slider .slider1 p{
		font-size: 14px;
	}
}
@media all and (max-width:500px){
    .slider .slider1 h1{
        font-size: 16px;
    }
    .slider .slider1 p{
        font-size: 14px;
    }
    .sliderBtn1 a,
    .sliderBtn2 a{
        font-size: 12px;
    }
    .sliderBtn1 a, .sliderBtn2 a{
        padding: 10px;
    }
    
}

/* --------- Mobile nav --------------*/
.mobileNav{
	position: absolute;
	top: 40%;
	background:#29abe2;
	z-index: 999;
	right: 0;
	width: 55%;
	display: none;
}
.mobileNav ul li{
	padding:10px;
	list-style: none;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.mobileNav ul li a{
	color:#fff;
	font-weight: bold;
}
.mobileNav ul li:hover{
	padding-left:20px;
}

/* --------- Mobile nav --------------*/


.mobileTopNav{
	position: absolute;
	top: 40%;
	background:#29abe2;
	z-index: 999;
	right: 0;
	width: 55%;
	display: none;
}
.mobileTopNav ul li{
	padding:10px;
	list-style: none;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.mobileTopNav ul li a{
	color:#fff;
	font-weight: bold;
}
.mobileTopNav ul li:hover{
	padding-left:20px;
}

.navTopMob{
	position:absolute;
	display: inline-block;
	top: 10px;
	height: 44px;
	width: 44px;
	right: 0px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 5;
	display: none;
	color: #CBDAEC;
}
.navTopMobIcon{
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 18px;
	height: 3px;
	background:#114C9A;
	z-index: 10;
}
.navTopMobIcon:after,.navTopMobIcon:before{
	position: absolute;
	top: 0;
	width: 18px;
	height: 3px;
	background-color: #114C9A;
	content: "";
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
.navTopMobIcon:before{
	-webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}
.navTopMobIcon:after{
	-webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}

.navTopMob.close-nav .navTopMobIcon:before{
	-webkit-transform: translateY(0px) rotate(45deg);
    -moz-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -o-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
}
.navTopMob.close-nav .navTopMobIcon{
	background: #fff;
}
.navTopMob.close-nav .navTopMobIcon:after{
	-webkit-transform: translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}

.navTopMob:hover {
	color:#29abe2;
}

.navTopMob:hover .navTopMobIcon, .navTopMob:hover .navTopMobIcon:before, .navTopMob:hover .navTopMobIcon:after {
	background:#29abe2;
}


@media all and (max-width: 840px){
	.navTopMob{
		display: block;
	}
}
@media all and (max-width: 480px){
    /*.navTopMob{
        width: 33px;
        height: 33px;
    }*/
}

/*
.mobileNav{
	position: absolute;
	top: 40%;
	background:#29abe2;
	z-index: 999;
	right: 0;
	width: 55%;
	display: none;
}
.mobileNav ul li{
	padding:10px;
	list-style: none;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.mobileNav ul li a{
	color:#fff;
	font-weight: bold;
}
.mobileNav ul li:hover{
	padding-left:20px;
}*/

.navGoogleMob{
	position:relative;
	top: 10px;
	z-index: 5;
	display: none;
	color:#CBDAEC;
}
.navMob{
	position:absolute;
	display: inline-block;
	top: 10px;
	height: 44px;
	width: 44px;
	right: 34px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 5;
	display: none;
	color:#CBDAEC;
}

a.navMob {
	padding-left: 5px;
	font-weight: 500;
	font-size: 14px;
}
.navMobIcon{
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	display: inline-block;
	width: 38px;
	height: 3px;
	background:#114C9A;
	z-index: 10;
}


.navMobIcon:after,.navMobIcon:before{
	position: absolute;
	top: 0;
	width: 38px;
	height: 3px;
	background-color: #114C9A;
	content: "";
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
.navMobIcon:before{
	-webkit-transform: translateY(-6px) rotate(0deg);
    -moz-transform: translateY(-6px) rotate(0deg);
    -ms-transform: translateY(-6px) rotate(0deg);
    -o-transform: translateY(-6px) rotate(0deg);
    transform: translateY(-6px) rotate(0deg);
}
.navMobIcon:after{
	-webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}

.navMob.close-nav .navMobIcon:before{
	-webkit-transform: translateY(0px) rotate(45deg);
    -moz-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    -o-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
}
.navMob.close-nav .navMobIcon{
	background: #CBDAEC;
}
.navMob.close-nav .navMobIcon:after{
	-webkit-transform: translateY(0px) rotate(-45deg);
  -moz-transform: translateY(0px) rotate(-45deg);
  -ms-transform: translateY(0px) rotate(-45deg);
  -o-transform: translateY(0px) rotate(-45deg);
  transform: translateY(0px) rotate(-45deg);
}



.navMob:hover {
	color:#29abe2;
}

.navMob:hover .navMobIcon, .navMob:hover .navMobIcon:before, .navMob:hover .navMobIcon:after {
	background:#29abe2;
}

.navMob:hover {
	
}

@media all and (max-width: 840px){
	.navMob{
		display: block;
	}

	.navGoogleMob{
		display: block;
	}
}

@media all and (max-width: 480px){
    .navMob{
       display: block;
    }
}

.clientLogo{
        padding: 0px 3px 0px 3px;
    }
@media all and (max-width: 480px){
    .clientLogo{
        width: 130px;
        padding: 0px 3px 0px 3px;
        margin: 0px 3px 0px 3px;
    }
    .navMob{
        /*width: 33px;
        height: 33px;*/
    }
}

/* ----Slider ----*/
section.slider{
	position: relative;
    padding-top: 340px;
    border-top: 0px solid #114C9A;
    margin: 0px auto;
    z-index: 800;
    display: block;
    width: 980px;
}
.slider{
    width: 980px;
    height: 395px;
    padding-bottom: 100px;
    z-index: 900;
    margin: 0px auto;
    display: block;
    /*border-bottom: 1px solid #FFA200;*/
}

.headerbuffer {padding-top: 110px;}

.cycle-slideshow {z-index: 910; margin-top: -205px;border-bottom: 1px solid #FFA200;}
/*.slider .slider1{
	background:url('../images/Pro-Theatre-Banner.jpg') no-repeat center -50px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	padding-top: 10%;
	padding-bottom: 100px;
	height: 320px;
}

.slider .slider2{
	background:url('../images/151327349.jpg') no-repeat center -600px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	padding-top: 10%;
	padding-bottom: 100px;
	height: 320px;
	opacity: 0.5;
}*/
.slider h1{
	color: #ffffff;
	font-weight: 500;
	line-height: 20px;
}
.slider p{
	width: 100%;
	color: #ffffff;
	font-weight:500;
	font-size: 18px;
	line-height: 20px;
}

.sliderBtn1{
	float: left;
	margin-right: 10px;
}


.search-form{
	float: left;
	margin: 0px auto;
	margin-left: auto; 
  	margin-right: auto;
	opacity:1.0;  
    filter:alpha(opacity=100);  
    -moz-opacity:1.0;  
    background:#060062;   
    position:relative;  
    top:0px;
    width:615px; 
    height:110px;  
    left:0;right:0;  
    z-index:9990;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	align:center;
	padding: 10px 10px;
}

.search-form-title {
	display: inline-block;
	width: auto;
	height: 45px;
	margin: 3px auto;
	padding: 0px 10px;
	float: left;
	text-align: center;
	border: 0px solid white;
}

.search-form-buttons {
	display: inline-block;
	width: auto;
	height: 45px;
	margin: 3px auto;
	padding: 0px 10px;
	float: right;
	border: 0px solid white;
}

.search-form-buttons a.buy
{
	margin-top: -10px;
	top:-10px;
}

.search-form-fields {
	display: block;
	width: auto;
	margin: 0px auto;
	float: left;
}

.search-form-h1
{
	color: white;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 5px;
}

.search-form-h2
{
	color: white;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

a.searchbutton {
	display: inline-block;
  background-color: #060062;
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  /*font-size:20px;*/
  width: 120px;
  height: 40px;
  margin: 2px auto;
  padding: 4px 4px;
  border: 2px solid orange;
  color: #FEA200;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
    cursor: pointer;
    text-align: center;
  }
  
a.searchbutton:hover, a.searchbutton:focus, a.searchbutton:visited {
  font-family:"Trebuchet MS", Helvetica, sans-serif;
  /*font-size:20px;*/
  width: 120px;
  height: 40px;
  margin: 2px auto;
  padding: 4px 4px;
  background: #114C9A;
  border: 2px solid orange;
  color: #FFFFFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
    cursor: pointer;
  }

  a.searchbutton span.searchbutton-small
  {
  	font-size:12px;
  }

  a.searchbutton span.searchbutton-big
  {
  	font-size:20px;
  }

@media all and (max-width:830px){
     .slider{width:100%;height: 375px;padding-bottom: 100px;margin-top: 0;}
     .search-form{top:0px;width:615px;height:120px;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
}

@media all and (min-width:745px) and (max-width:830px){
     .slider{width:100%;height: 375px;padding-bottom: 100px;margin-top: 0;}
     .search-form{top:0px;width:515px;height:160px;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
}

@media all and (min-width:695px) and (max-width:745px){
	.cycle-slideshow {margin-top: -405px;}
	.slider{width:100%;height: 375px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:515px;height:160px;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
     
}

@media all and (min-width:600px) and (max-width:695px){
    .cycle-slideshow {margin-top: -405px;}
	.slider{width:100%;height: 375px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:215px;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
     a.button-home-left {display: block;width: 100% !important;height: 50px !important;}
}

@media all and (max-width:600px){
     .search-form input[type=text] {width: 100px;}
     .cycle-slideshow {margin-top: -445px;}
	.slider{width:100%;height: 585px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:auto;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
}

@media all and (min-width:550px) and (max-width:600px){
     .search-form{top:50px;width:525px;height:260px;}
     .cycle-slideshow {margin-top: -445px;}
	.slider{width:100%;height: 385px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:auto;}
     .search-form-title {display: block;width:30%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:70%;margin:5px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;}
     a.button-home-left {display: block;width: 100% !important;height: 50px !important;}
}

@media all and (min-width:450px) and (max-width:550px){
     .cycle-slideshow {margin-top: -445px;}
	.slider{width:100%;height: 385px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:auto;padding:2px;}
     .search-form-title {display: block;width:25%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:75%;margin:0px auto;float: left;}
     a.searchbutton {width: 100px;padding: 2px 2px;margin: 2px 2px;}
     a.button-home-left {display: block;width: 100% !important;height: 50px !important;}
}

@media all and (min-width:325px) and (max-width:450px){
	.search-form input[type=text] {width: 50px; margin: 2px 2px;}
     .cycle-slideshow {margin-top: -485px;}
	.slider{width:100%;height: 350px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:auto;padding:2px;}
     .search-form-title {display: block;width:100%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:100%;margin:0px auto;float: left;}
     a.searchbutton {width: 90px;padding: 2px 2px;margin: 2px 2px;}
     a.searchbutton span.searchbutton-big {font-size:14px;}
     a.button-home-left {display: block;width: 100% !important;height: 50px !important;}
     
}

@media all and (max-width:325px){
	.search-form input[type=text] {width: 50px; margin: 2px 2px;}
	.search-form select {width: 50px;}
     .cycle-slideshow {margin-top: -485px;}
	.slider{height: 350px;padding-bottom: 100px;margin-top: 0;}
    .search-form{top:0px;width:100%;height:200px;padding: 1px 1px;}
     .search-form-title {display: block;width:100%;margin:5px auto;float: left;}
     .search-form-buttons {display: block;width:100%;margin:0px auto;float: left;}
     a.searchbutton {width: 90px;padding: 0px 0px;margin: 2px 2px;}
     a.searchbutton span.searchbutton-big {font-size:14px;}
     a.button-home-left {
     	display: block;
     	width: 100% !important;
	height: 50px !important;
     }
    
}



.search-form input[type=text],
.search-form select,.search-form input[type=button],
.search-form input[type=submit] { margin-top: 5px;margin-bottom: 5px; }

.search-form input[type=text]:hover,
.search-form select:hover,.search-form input[type=button]:hover,
.search-form input[type=submit]:hover { margin-top: 5px;margin-bottom: 5px; }

.search-form select {padding-left:10px;padding-right:10px;margin-top: 5px;margin-bottom: 5px; -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; background: white;color: black;cursor: pointer;}

.search-form select option{padding-left: 15px !important;padding-right: 15px !important;cursor: pointer;}
.search-form select option[selected] {color: silver;cursor: pointer;}
.search-form select option[default] {color: silver;cursor: no-drop;}

.search-form select:hover, .search-form select:focus {padding-left:10px;padding-right:10px;margin-top: 5px;margin-bottom: 5px; -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;background: #F2F7FF;cursor: pointer;}




/*.slider a{
	padding:15px 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-ms-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}

.sliderBtn1 a{
	background:#29abe2;
}
.sliderBtn2 a{
	background:#00a99d;
}

.slider a:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background:#333;
    display:none \9;
	z-index:-1;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
}
.slider a:hover:before, .slider a:focus:before, .slider a:active:before{
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}*/

	@media all and (max-width: 520px){
	.sliderBtn1{
		float: none;
		margin-bottom: 20px;
	}
	.slider p{
		width: auto;
		padding-right: 20px;
	}
    .slider .slider1,
    .slider .slider2{
        height: auto;
    }
}
@media all and (max-width:980px){
     section.slider{
        width: 100%;padding-top: 294px;
    }
}
@media all and (max-width:840px){
     section.slider{
        width: 100%;padding-top: 294px;
    }
}
@media all and (max-width:480px){
    section.slider{
        width: 100%;padding-top:267px;
    }
    header.smaller .navMob{
        top: 0px;
    }
    header{
        padding-top: 20px;
    }
}
/* --------- Search -------------*/
section#search{
    padding:20px 0px;
    background: #0071bc;
    color: #ffffff;
}
#search h3,
#search label{
   line-height: 30px;
    margin: 0;
}
#search label{
    padding: 0px 7px;
}
#search h3{
    padding-right: 20px;
    border-right: 1px solid #ffffff;
    margin-right: 10px;
    padding-right: 10px;
}
.containerInner > *{
    float: left;
}
.containerInner:after{
    clear: both;
    display: block;
    content: "";
}
#search .searchBtn{
    border:none;
    color: #ffffff;
    background: none;
    border: 1px solid #ffffff;
    padding: 5px 10px;
    font-weight: bold;
    margin-left: 5px;
}
#search .searchBtn:before{
    background: #ffffff;
}
#search .searchBtn:hover{
    color: #000;
}

@media all and (max-width:980px){
    #search label{
            display:none;
        }
    #search .sbHolder{
        margin-right: 20px;
    }
}

@media all and (min-width:768px) and (max-width:820px){
    .sbHolder{
        width:150px !important;
    }
}
@media all and (max-width:768px){
    .containerInner > *{
        clear:both;
    }
    #search label{
        display: block;
    }
    #search h3{
        border-right: 0 none;
    }
    .containerInner{
        width: 190px;
        margin: 0 auto;
        display: block;
    }
    #search .containerInner label{
        padding-left:0px;
        padding-right:0px;
    }
    #search .containerInner button{
        margin-top: 10px;
        margin-left: 0px;
        text-align: center;
    }
}
/* ---------- Advertiser/Publisher --------------*/
section.reg{
	padding:0px 0px;
	text-align: center;
}
/*section.reg h1{
	line-height: 27px;
	text-transform: capitalize;
	color:#0071bc;
	font-weight: bold;
	border-bottom: 1px dotted #FFA200;
	width: 100%;
}*/

/*section.reg h1{
margin: 0px 0px 20px 0px;
	font-weight: 600;
	font-family: 'Titillium Web', sans-serif;
	position: relative;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	font-size: 22px;
	line-height: 40px;
	height:40px;
	color: #0071bc;
	text-transform: capitalize;
	border-bottom: 1px solid rgba(53,86,129, 0.3);
	width: 100%;
}*/

section.reg h1{
	margin: 0.3em 0 .8em 0;
	padding: 0 0 0 20px;
	font-weight: 600;
	font-family: 'Titillium Web', sans-serif;
	position: relative;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	font-size: 22px;
	line-height: 40px;
	height:40px;
	color: #0071bc;
	text-transform: capitalize;
	border-bottom: 0px dotted #FFA200;
	width: 100%;
}

section.reg h1:after { 
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	border-radius: 1px;
	box-shadow: 
		
		0 0px 1px rgba(0,0,0,0.4);
	}

section.reg h1:after { background: #FFA200; }

@media all and (max-width:600px){
     section.reg h1{margin: 15px 0px .8em 0;}
     section.reg h1:after { bottom: 7px; }
}

section.reg .hr { border-top:1px solid rgba(53,86,129, 0.3); background: transparent; size:1px; padding: 0px; margin: 15px 0px 15px 0px; width: 100%;}

section.reg h2{
	text-transform: uppercase;
	color: #0071bc;
	line-height: 23px;
	font-weight: normal;
	font-size: 18px
}
.advertiserInner,
.publisherInner{
	padding:0px 20px;
}
.advertiser .regAdv img,
.publisher .regAdv img{
	width: 100%;
}
.advertiser p,
.publisher p{
	text-align: left;
	font-size: 14px;
}
.advertiser .regAdv,
.publisher .regAdv{
	width: 100%;
	background:#0071bc;
	padding:15px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	position: relative;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-property:color;
	-moz-transform-property:color;
	transform-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}
.advertiser .regAdv:before,
.publisher .regAdv:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    display:none \9;
	background:#333;
	content: "";
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.advertiser .regAdv:hover:before, .advertiser .regAdv:focus:before, .advertiser .regAdv:active:before,
.publisher .regAdv:hover:before, .publisher .regAdv:focus:before, .publisher .regAdv:active:before{
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}
button{
    padding:15px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	position: relative;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transform-property:color;
	-moz-transform-property:color;
	transform-property:color;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
    border: none;
}
button:before{
    position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
    display: none \9;
	right: 0;
	background:#333;
	content: "";
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	z-index: -1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
button:hover:before,
button:focus:before,
button:active:before{
    -webkit-transform:scaleX(1);
	transform:scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
	transition-timing-function: cubic-bezier(0.60, 1.50, 0.30, 0.80);
}
.advertiser .regAdv a,
.publisher .regAdv a{
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}
.advertiser .regAdv a span{
	font-size: 9px;
}
.advertiser{
	/*border-right:1px solid #0071bc;*/
}
.advertiserleft{
	border-right:1px solid #0071bc;
}
.advertiserright{
	border-right:1px solid #0071bc;
}
@media all and (max-width: 680px){
	.advertiser{
		border-right: 0;
	}
	.advertiserInner{
		padding-bottom: 30px;
	}
}
@media all and (max-width:480px){
    font-size:14px;
}
/* -------- Trafficom --------*/
section.trafficom{
	/*background:#0071bc;
	background:#5BB6FF;*/
	background:#323970;
	padding:20px 0px;
}
section.trafficom h1.trafficomh1{
	color:#ffffff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	text-align: center;
    padding-bottom: 15px;
}
.trafficomText{
	padding: 20px 0px 00px 20px;
}
.trafficomText h1,
.trafficomText h2{
	text-transform: uppercase;
}
.trafficomText p{
	color: #ffffff;
}
section.trafficom video{
    margin-top: 20px;
}

@media all and (max-width: 480px){
	.trafficomText{
        padding-top: 30px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
}
@media all and (max-width:400px){
    video{
        width:100% !important;
        height: 100% !important;
    }
}

/* -------What's New -------------*/
#whatsnew .whatsnew{
    padding:20px 0px 10px 0px;
    margin-bottom: 60px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: uppercase;
}

.content{
    padding:20px 0px 10px 0px;
    margin-bottom: 0px;
    color:#0071bc;
    font-weight: bold;
    text-align: justify;
    /*border-bottom: 1px solid #0071bc;*/
    text-transform: none;
}

.content h1{
    padding:20px 0px 10px 0px;
    margin-bottom: 20px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: none;
}
.brands{
    padding:5px 0px 10px 0px;
    margin-bottom: 0px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 1px solid #0071bc;*/
    text-transform: uppercase;
}

.brands h1{
    padding:20px 0px 10px 0px;
    margin-bottom: 20px;
    color:#0071bc;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #0071bc;
    text-transform: uppercase;
}
.newLeft{
    float: left;
    padding-right: 20px;
}
.newRight h3{
    color: #0071bc;
    font-size: 21px;
    padding: 15px 0px;
    margin-top: 20px; 
}
.newRight p{
    color: #4d4d4d;
    font-size: 14px;
}
.newRight button{
    float: right;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px;
    background: #4d4d4d;
    color: #ffffff;
}
.whatNew{
    padding-bottom: 20px;
}
@media all and (max-width:768px){
    .whatNew{
        padding-bottom: 0px;
    }
    .whatNew .boxSection{
        padding-bottom: 20px;
    }
}
@media all and (max-width:480px){
    .boxSection{
        padding-left: 0px;
        padding-right: 0px;
    }
    .newRight p{
        margin: 0;
        font-size: 12px;
        padding-bottom: 15px;
    }
    .newRight h3{
        padding: 0px;
        font-size: 18px;
    }
    .newRight button{
        float: left;
    }
    .newLeft{
        padding-right: 10px;
    }
}
/* -------- Footer ---------*/
/*footer{
    padding:25px 0px 30px 0px;
    background: #323970;
}*/

footer{
	color: #FFFFFF;
    padding:10px 0px 10px 0px;
    background: #114C9A;
    border-top: 5px solid #FFA200;
    box-shadow: 1px -2px 3px #b3b3b3;
    -moz-box-shadow: 1px -2px 3px #b3b3b3;
    -webkit-box-shadow: 1px -2px 3px #b3b3b3;
    /*bottom:0; height:36px; left:0; position:fixed; width:100%;*/
}


footer h1{
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
footer ul{
    padding:0;
}
footer ul li{
    list-style: none;
    padding-left: 0px;
    padding-bottom: 20px;
}
footer ul li a{
    color: #ffffff;
}
footer ul li a:hover{
    color: #00a99d;
}
.socialBox ul li a{
    position:relative;
}
.socialBox ul li{
    float:left;
    padding-right: 15px;
}
.socialBox ul li a{
    display: inline-block;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    width: 31px;
    height: 31px;
}
.socialBox ul li a:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}
.socialBox ul li a.facebook{
    background: url('../images/fbIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.twitter{
    background: url('../images/twIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.linkedin{
    background: url('../images/lkIcon.png') no-repeat center center transparent;
}
.socialBox ul li a.googleplus{
    background: url('../images/gIcon.png') no-repeat center center transparent;
}
.powered{
    float: right;
}
.powered p{
    color: #ffffff;
}
.copyright{
    float: left;
    color: #FFFFFF;
}
.copyright p{
    color: #ffffff;
}
footer h1{
    font-family: alsschlanges-regular;
}
/*########   FLOATS  ########*/
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* --------- Bootstrap Classes -----------*/
.row{
	display: block;
	margin:0 -15px;
}
.row:after,
.row:before{
	display: block;
	clear: both;
	content: "";
}

.col-md-3{
	width: 25%;
}
.col-md-4{
	width: 33.33%;
}
.col-md-5{
	width: 75%;
	border:0px solid black;
}
.col-md-6{
	width: 25%;
	border:0px solid black;
}
.col-md-7{
	width: 50%;
	margin: 0px;
	padding: 0px;
}
.col-md-8{
	width: 66.66%;
}
.col-md-12{
    width: 100%;
}
@media all and (max-width: 768px){
    .col-md-3{
        width:100%;
    }
}
@media all and (max-width:500px){
    .col-md-3{
        width:100%;
    }

    .col-md-6{
	width: 100%;
	border:0px solid black;
	}
	.col-md-5{
	width: 100%;
	border:0px solid black;
	}
}
@media all and (max-width: 680px){
	.col-md-7{
		width: 100%;
	}
	 .col-md-6{
	width: 100%;
	border:0px solid black;
	}
	.col-md-5{
	width: 100%;
	border:0px solid black;
	}	
}

ul {list-style: none;}.
li {color: #596B9D;}
li:before {color: #596B9D;}
li a {color: #596B9D;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
    z-index: 9999;
}

.row {
	color: #35699B;

}

.item-container
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #E6E6E6;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.item-container:hover
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FCFCFF;
    line-height: 20px;
    /*border-bottom: 1px solid #E6E6E6;*/
    border: 1px solid #AAD4FF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}

.item-content
{
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.item-content:hover
{
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    background-color: #FCFCFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.item-content img {margin:0px 0px 0px 0px;border:0px;padding: 0px;}

.item-image {width:120px;display: inline; border:0px;padding-left:10px;padding-top:5px;padding-bottom:5px;}
.item-image img{width:100px;display: inline; border:1px solid #AAD4FF;padding:1px;-webkit-box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);-moz-box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);}
.item-image img:hover{width:100px;display: inline; border:1px solid #AAD4FF;padding:1px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}

h3.item-heading
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 98%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}




h3.item-heading a.item-heading-left
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: inline;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;

}

h3.item-heading a.item-heading-left:hover
{
	color: #AAD4FF;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: inline;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;

}

h3.item-heading a.item-heading-right
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: inline;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;

}

h3.item-heading a.item-heading-right:hover
{
	color: #AAD4FF;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: inline;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;

}



.item-container:hover h3.item-heading a
{
	color: #AAD4FF;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;

}


.item-content-image{width:80%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.item-content-text{width:97%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.item-details{width:97%;display: block;padding: 10px 0px 10px 0px; text-align: left;}
.item-details-item{width:auto;display: inline;text-align: left;}

@media all and (max-width : 490px) {
.item-content-image{width:100%;display: block;}
.item-content-text{width:100%;display: block;}
}

.item-divider {color: #AAD4FF;padding: 0px 5px 0px 5px;}

@media all and (max-width : 800px) {
h3.item-heading a.item-heading-left{width:100%;display: block;}
h3.item-heading a.item-heading-right{width:100%;display: block;}
.item-details-item{width:100%;display: block;}
.item-divider {color: #AAD4FF;padding: 0px 1px 0px 1px;}
}

input[type=text],
input[type=password],
input[type=email]
{
	/*height: 40px;*/
	/*margin: 8px 8px;*/
	height: 35px;
	padding: 9px 15px; 
}

input[type=text]:focus,input[type=text]:hover,
input[type=password]:focus,input[type=password]:hover,
input[type=email]:focus,input[type=email]:hover
{
	/*height: 40px;*/
	/*margin: 8px 8px;*/
	height: 35px;
	padding: 9px 15px; 
}

input {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0;
	box-shadow:none;
	height: 35px;
	padding: 9px 15px;
	}

input[type="text"], .input[type="text"]:visited {
	margin: 0px 0px;
	padding: 9px 15px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 25px;
	
	}

input[type="text"]:hover, .input[type="text"]:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 35px;
	}

input[type="email"], .input[type="email"]:visited {
	margin: 0px 0px;
	padding: 9px 15px;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	}

input[type="email"]:hover, .input[type="email"]:focus {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

input[type="submit"] {
	background-color: #12789B;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	margin: 0px 0px;
	padding: 4px 7px;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
	}
	
input[type="submit"]:hover, .input[type="submit"]:focus {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	margin: 0px 0px;
    padding: 4px 7px;
	background: #0099CC;
	border: 0;
	color: #FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    box-shadow: 0 4px 4px -2px #232323;
    -moz-box-shadow: 0 4px 4px -2px #232323;
    -webkit-box-shadow: 0 4px 4px -2px #232323;
	}
	.circular {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: url(http://link-to-your/image.jpg) no-repeat;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	}


	.mycontainer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
      }

      .leftcontent, .rightcontent, .c1, .c2 {
        width: 100%;
      }

      @media (min-width: 600px) {
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }
      
      @media only screen and (min-width : 600px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }
       
      @media only screen and (min-width : 800px) and (max-width : 950px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        } 
      
      @media only screen and (min-width : 950px) and (max-width : 1100px) {/*--- Small tablet landscape ---*/
        .leftcontent {width: 50%; border: 0px solid black;}
      	.rightcontent {width: 50%;}
        }

      @media (min-width: 1100px) {
        .mycontainer {
          width: 1100px;
          margin-left: auto;
          margin-right: auto;
        }
      }

a.details,a.details:visited,a.details:active {color: #35699B;cursor: pointer; font-weight: 600;}
a.details:hover,a.details:focus {color: #AAD4FF;cursor: pointer;font-weight: 600;}




.myitem-container
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.myitem-content
{
    width: auto;
    margin: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.myitem-content img {margin:0px 0px 10px 0px;border:0px;padding: 0px;}

.myitem-image{width:200px;display: inline; border:0px;padding-left:10px;padding-top:5px;padding-bottom:5px;}
.myitem-image img{width:200px;display: inline; border:1px solid #AAD4FF;padding:1px;}
.myitem-image img:hover {border:1px solid #35699B;padding:1px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
h3.myitem-heading a
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 20px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 98%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}


.myitem-content-image{width:60%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.myitem-content-text{width:97%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}

@media all and (max-width : 490px) {
.myitem-content-image{width:100%;display: block;}
.myitem-content-text{width:100%;display: block;}
}

.quotestext { letter-spacing: 1.5px; line-height: 25px;}
.E5E5E5 {color: #E5E5E5;}
.C3C3C3 {color: #C3C3C3;}
.969696 {color: #969696;}
.A5A5A5 {color: #A5A5A5;}

.powered a{color: white;}

.main {position:relative;background: inherit;color:#596B9D;margin: 0px auto;width:1000px;border-top: 0px solid #000000;display:block; height:auto;/*height:100vh;*//*height:auto;*/}
.content {background: inherit;float:right;position:relative;padding:0px;margin: 0px auto; width:800px;border: 0px solid black;display:block;height:auto;}
.inner-content {color:black; font-size:12px;font-weight:500;letter-spacing:1px;background: inherit;float:left;position:relative;padding:0px;margin: 5px auto 0px auto; width:800px;border: 0px solid black;display:block;height:auto;}
.left {padding-left:0px;padding-right:0px;background: inherit;float:left;position:relative;margin: 0px auto; width:200px;border: 0px solid black;display:inline;height:auto;}
.home-left {color:white; text-transform: uppercase;font-size:18px;font-weight:600;padding-left:5px;padding-right:0px;padding-top:5px;background: url('../images/rightblock.jpg') no-repeat 0px 0px !important;position:relative;margin: 0px auto 5px auto; width:295px;border: 0px solid black;display:block;height:40px;}
.home-content-left {background: inherit;float:left;padding:0px;position:relative;margin: 0px auto; width:276px;border: 0px solid black;display:inline;height:40px;}
.home-content-right {padding:0px;background: #114C9A;float:right;position:relative;margin: 0px auto; width:419px;border: 0px solid black;display:inline;height:40px; font-size: 16px;}
.home-right-call {font-size: 12px;}
.home-right-telephone {font-size: 20px;}
.home-content-right-live-listings {color:white;font-size: 30px;font-weight: 600;letter-spacing: 2px;}
.home-content-right-live-listings-in-cyprus {color:white;font-size: 16px;font-weight: 600;letter-spacing: 1px;}
.home-content-right-img {width: 67px;height: 31px;}

.home-content-responsive-top-container {float:left;color:white; padding-left:5px;padding-right:0px;padding-top:0px;background: #114C9A !important;position:relative;margin: 0px auto; width:100%;border: 0px solid black;display:none;height:40px;}
.home-content-responsive-top {float:left;color:white; text-transform: uppercase;font-size:18px;font-weight:600;padding-left:5px;padding-right:0px;padding-top:5px;background: url('../images/rightblock.jpg') no-repeat 0px 0px !important;position:relative;margin: 0px auto; width:295px;border: 0px solid black;display:none;height:40px;}


@media all and (max-width : 1000px) {/*--- Tablet portrait ---*/
.main{width:100%;} 
.content{width:75%;} 
.inner-content{width:100%;} 
.left{width:25%;}
.home-left{ width:100%;}
.home-content-left{width:276px;} 
.home-content-right{width:54%;}
.home-content-right-img {padding-left: 5px;padding-top: 5px;}
.home-content-right-live-listings {color:white;font-size: 24px;font-weight: 600;letter-spacing: 2px;}
.home-content-right-live-listings-in-cyprus {color:white;font-size: 14px;font-weight: 600;letter-spacing: 0px;}

}

@media all and (max-width : 800px) {/*--- Tablet portrait ---*/
.main{width:100%;} 
.content{width:75%;} 
.inner-content{width:100%;} 
.left{width:25%;}
.home-left{ width:100%;background-image: none !important;}
.home-content-left{display:none;} 
.home-content-right{display:none;}
.home-content-right-live-listings {color:white;font-size: 20px;font-weight: 600;letter-spacing: 2px;}
.home-content-right-live-listings-in-cyprus {color:white;font-size: 12px;font-weight: 600;letter-spacing: 0px;}
.home-content-responsive-top {display:block;}
.home-content-responsive-top-container {display:block;}

}

@media all and (max-width : 650px) {/*--- Tablet portrait ---*/
.main{width:100%;} 
.content{width:100%;float: left; display: block;} 
.inner-content{width:100%;} 
.left{border:0px solid black;width:100% !important;float: right;display: block;}
.home-left{ width:100%;background-image: none !important;}
.home-content-left{display:none;} 
.home-content-right{display:none;}
.home-content-right-live-listings {color:white;font-size: 20px;font-weight: 600;letter-spacing: 2px;}
.home-content-right-live-listings-in-cyprus {color:white;font-size: 12px;font-weight: 600;letter-spacing: 0px;}
.home-content-responsive-top {display:block;}
.home-content-responsive-top-container {display:block;}

}

.imgauto {width:100%;height: auto;max-width:auto;}


div.houseicon {
    height: 16px;
    width: 16px;
    position: relative;
    margin: 0px 5px 0px 0px;
    overflow: hidden;
    display: inline-block;
}

/* Home */
div.houseicon div.home {
    height: 0px;
    width: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #114C9A transparent;
    position: absolute;
    bottom: 8px;
    left: 0;
}

div.houseicon div.home:after {
    content: '';
    width: 10px;
    height: 7px;
    background-color: transparent;
    position: absolute;
    top: 8px;
    right: -5px;
    border-left: 4px solid #114C9A;
    border-right: 4px solid #114C9A;
}

div.houseicon div.home:before {
    content: '';
    width: 5px;
    height: 3px;
    background-color: #114C9A;
    position: absolute;
    top: 8px;
    right: -2px;
}

div.houseicon div.chimney {
    width: 2px;
    height: 3px;
    background: #114C9A;
    position: absolute;
    right: 3px;
    top: 2px;
}



.item-container:hover div.houseicon {
    height: 16px;
    width: 16px;
    position: relative;
    margin: 0px 5px 0px 0px;
    overflow: hidden;
    display: inline-block;
}

/* Home */
.item-container:hover div.houseicon div.home {
    height: 0px;
    width: 0px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #AAD4FF transparent;
    position: absolute;
    bottom: 8px;
    left: 0;
}

.item-container:hover div.houseicon div.home:after {
    content: '';
    width: 10px;
    height: 7px;
    background-color: transparent;
    position: absolute;
    top: 8px;
    right: -5px;
    border-left: 4px solid #AAD4FF;
    border-right: 4px solid #AAD4FF;
}

.item-container:hover div.houseicon div.home:before {
    content: '';
    width: 5px;
    height: 3px;
    background-color: #AAD4FF;
    position: absolute;
    top: 8px;
    right: -2px;
}

.item-container:hover div.houseicon div.chimney {
    width: 2px;
    height: 3px;
    background: #AAD4FF;
    position: absolute;
    right: 3px;
    top: 2px;
}

.badge-ribbon {
 position: relative;
 background: #FFA200;
 height: 15px;
 width: 15px;
 -moz-border-radius:    7px;
 -webkit-border-radius: 7px;
 border-radius:         7px;
 margin: -3px 5px 0px 0px;
 top:-3px;
 display: inline-block;
}

.badge-ribbon:before,
.badge-ribbon:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #FFA200;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 12px;
  left: -1px;
  -webkit-transform: rotate(-140deg);
  -moz-transform:    rotate(-140deg);
  -ms-transform:     rotate(-140deg);
  -o-transform:      rotate(-140deg);
}

.badge-ribbon:after {
  left: auto;
  right: -2px;
  -webkit-transform: rotate(140deg);
  -moz-transform:    rotate(140deg);
  -ms-transform:     rotate(140deg);
  -o-transform:      rotate(140deg);
}

.item-container:hover .badge-ribbon {
 position: relative;
 background: #FFD47F;
 height: 15px;
 width: 15px;
 -moz-border-radius:    7px;
 -webkit-border-radius: 7px;
 border-radius:         7px;
 margin: -3px 5px 0px 0px;
 top:-3px;
 display: inline-block;
}

.item-container:hover .badge-ribbon:before,
.item-container:hover .badge-ribbon:after {
  content: '';
  position: absolute;
  border-bottom: 12px solid #FFD47F;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 12px;
  left: -1px;
  -webkit-transform: rotate(-140deg);
  -moz-transform:    rotate(-140deg);
  -ms-transform:     rotate(-140deg);
  -o-transform:      rotate(-140deg);
}

.item-container:hover .badge-ribbon:after {
  left: auto;
  right: -2px;
  -webkit-transform: rotate(140deg);
  -moz-transform:    rotate(140deg);
  -ms-transform:     rotate(140deg);
  -o-transform:      rotate(140deg);
}

/*
.badge-ribbon {
 position: relative;
 background: red;
 height: 20px;
 width: 20px;
 -moz-border-radius:    10px;
 -webkit-border-radius: 10px;
 border-radius:         10px;
}

.badge-ribbon:before,
.badge-ribbon:after {
  content: '';
  position: absolute;
  border-bottom: 14px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 14px;
  left: -2px;
  -webkit-transform: rotate(-140deg);
  -moz-transform:    rotate(-140deg);
  -ms-transform:     rotate(-140deg);
  -o-transform:      rotate(-140deg);
}

.badge-ribbon:after {
  left: auto;
  right: -2px;
  -webkit-transform: rotate(140deg);
  -moz-transform:    rotate(140deg);
  -ms-transform:     rotate(140deg);
  -o-transform:      rotate(140deg);
}*/

.myitem-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 5px 5px 5px 15px;
      }

.myitem-refno {margin: 5px 5px 5px 20px;}
.myitem-refno label {font-weight: 600;}

      .myitem-col { width: 48%; background: #FCFCFF; color: #35699B; margin-left: 5px;padding: 2px 5px 2px 5px;border-top-left-radius: 4px;border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;-webkit-box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);
-moz-box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);
box-shadow: 0px 1px 1px 0px rgba(227,223,227,1);}
      .myitem-dark { background: #35699B; color: white;}
      .myitem-light { background: #F2F7FF; color: #35699B; }

      .myitem-col label {font-weight: 600;}
      
      @media all and (max-width: 600px) {
		.myitem-col { width: 100%; }
        }
      
      /*@media all and (min-width : 600px) and (max-width : 800px) {
        .myitem-col { width: 50%; }
        }
       
      @media all and (min-width : 800px) and (max-width : 950px) {
        .myitem-col { width: 50%; }
        } 
      
      @media all and (min-width : 950px) and (max-width : 1100px) {
        .myitem-col { width: 50%; }
        }

      @media (min-width: 1100px) {
        .myitem-row {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
        }
      }*/

.myitem-tick-box {
 position: relative;
 background: #FFFFFF;
 height: 15px;
 width: 15px;
 -moz-border-radius:    1px;
 -webkit-border-radius: 1px;
 border-radius:         1px;
 margin: 2px 0px 0px 0px;
 top:2px;
 bottom:0px;
 display: inline-block;
 border: 1px solid #B7D4FF;
 float: right;
}

.myitem-tick {
 position: relative;
 background: transparent;
 
 -moz-border-radius:    1px;
 -webkit-border-radius: 1px;
 border-radius:         1px;
 margin: -5px 3px 2px -2px;
 top:0px;
 display: inline-block;
 border: 0px;
 color: #35699B;
 font-size: 20px;
 font-weight: 600;
}



.featureditem-container
{
    font-size: 16px;
    margin: 3px; 
    display: block;
    line-height: 1em;
    padding:0px;
    background-color: #FFFFFF;
    line-height: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.featureditem-content
{
    width: auto;
    margin: 0px 0px 5px 0px;
    background-color: #FFFFFF;
    height: auto;
    display: block;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify; 
}

.featureditem-content img {margin:0px 0px 0px 0px;border:0px;padding: 0px;}

.featureditem-image{width:100%;display: inline; border:0px;padding-left:10px;padding-top:5px;padding-bottom:5px;}
.featureditem-image img{width:200px;display: inline; border:1px solid #AAD4FF;padding:1px;}
.featureditem-image img:hover {border:1px solid #35699B;padding:1px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}

h3.featureditem-topheading a
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 100%;
    margin: 0px 0px 15px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}

h3.featureditem-heading a
{
	color: #35699B;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}

h3.featureditem-status a
{
	color: #FFA200;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 0px dotted #E6E6E6;
    text-decoration: none;
    display: block;
    width: 100%;
    margin: 0px 0px 5px 0px;
    height: auto;padding-left:0px;padding-top:0px;padding-right:3px;padding-bottom:0px;

}


.featureditem-content-image{width:60%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}
.featureditem-content-text{width:97%;display: inline;padding-left:10px;padding-top:5px;padding-right:3px;padding-bottom:3px; border:0px solid black;}

@media all and (max-width : 490px) {
.featureditem-content-image{width:100%;display: block;}
.featureditem-content-text{width:100%;display: block;}
}

@media all and (max-width : 800px) {
.item-name {width: 100%;display: block;}
}

/*.itemrow {display: block;margin: 0; width: 100%;display: table-row;height:100px;}*/

.itemrow { line-height: 0.65em;
    display: inline-block;display: block;margin: 0; padding: 0;width: 100%;display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;}

.item-name {width: auto;}

.arrow-right {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.63em;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 14px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
  border-left-width: 0.9em;
  border-left-style: solid;
  border-left-color: #FFA200 /*#FFAA2A*/;
  left: 0em;
  bottom: 2px;
}

.item-container:hover .arrow-right {
  border-style: dashed;
  border-color: transparent;
  border-width: 0.63em;
  display: -moz-inline-box;
  display: inline-block;
  font-size: 14px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
  border-left-width: 0.9em;
  border-left-style: solid;
  border-left-color: #FFD47F /*#FFAA2A*/;
  left: 0em;
  bottom: 2px;
}

.imageshadow {border:0px solid #FFF;box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
       0px 4px 7px rgba(0,0,0,0.1),
       0px 9px 13px rgba(0,0,0,0.1);}

.imageshadow:hover{
	background: #000 url('../images/mag.png') no-repeat !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.4),
       0px 0px 2px rgba(0,0,0,0.1),
       0px 0px 2px rgba(0,0,0,0.1);
	}

	/** RESPONSIVE LIST **/

.propertylist {
	margin: 0px auto 0px auto;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
	display: block;
	justify-content:center;
	align-items:center;
	vertical-align: middle;
}

.propertylist li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 33.33%; /* Fallback */
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
	padding: 0px;
}

.propertylist li a,
.propertylist li a img {
	display: block;
	cursor: pointer;
}

.propertylist li a img {
	max-width: 100%;
	height: auto;
}

/* Flexbox is used for centering the heading */
/*.propertylist li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
    opacity: 0;
}

.propertylist li a:hover div {
	background: #000 url('../images/mag.png') no-repeat center center;
	opacity:0.3;
	filter:alpha(opacity=30);
}*/

.propertylist li a div h3 {
	width: 100%;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 990px) {
	.propertylist li {
		width: 49%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 945px) {
	.propertylist li {
		width: 49%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 660px) {
	.propertylist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 660px) {
	.propertylist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 400px) {
	.propertylist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 300px) {
	.propertylist li {
		width: 100%;
	}
}


.responsivelist {
  margin: 0px auto;
  padding: 0;
  border:0px solid black;
  list-style: none;
  position: relative;
  width: 100%;
  display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align:justify;text-align: justify;
}

.responsivelist li.packagelistli {
  
  margin: 0px auto;
  position: relative;
  float: left;
  overflow: hidden;
  width: 325px; 
  padding: 0px;
  margin-bottom:1px; 
  display: inline;
}

.responsivelist li.packagelistli h3 {
  
  	margin: 0px 0px;
  	color: #DA03FA;
    letter-spacing: 2px;
    font-weight: 500;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
    font-size: 24px;
    height: 30px;
}

.responsivelist li a
 {
	display: block;
	cursor: pointer;
}

.responsivelist li a {
	max-width: 100%;
	height: auto;
}

.responsivelist li a div h3 {
	width: 100%;
}

.responsivelist li.packagelistli img {
  
  margin: 0px auto;
  position: relative;
  display: block;
  justify-content:center;
  align-items:center;
  vertical-align: middle;
  align:center;text-align: center;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
          border-radius: 3px;
}

.responsivelist li.packagelistli .content {
  
  margin: 5px auto;
  position: relative;
  display: block;
  width: 320px;
  padding: 0px;
  letter-spacing: 1px;
  line-height: 20px;
  justify-content:justify;
  align-items:justify;
  vertical-align: middle;
  align:justify;text-align: justify;
  border:0px solid #FFF;
  -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
          border-radius: 3px;
  /*box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
   0px 4px 7px rgba(0,0,0,0.1),
   0px 9px 13px rgba(0,0,0,0.1);*/
}

.responsivelist li.packagelistli .content div {
	padding:5px;
	}

/* Example for media query: change number of items per row */

@media screen and (max-width: 990px) {
	.responsivelist li {
		width: 49%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 945px) {
	.responsivelist li {
		width: 49%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 660px) {
	.responsivelist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 660px) {
	.responsivelist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 400px) {
	.responsivelist li {
		width: 100%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
	
}

@media screen and (max-width: 300px) {
	.responsivelist li {
		width: 100%;
	}
}

.featured-item-details-item{width:100%;display: block;text-align: left;}

.item-details-item{width:auto;display: inline;text-align: left;}
.item-details-button {display:block; text-align: left;margin: 10px 5px 10px 0px;}

@media screen and (max-width: 660px) {
.item-details-item{width:100%;display: block;text-align: left;}
}


ul.toptopmenu
{
 width: auto;
 float: right;
 margin: 10px auto;
}
.toptopmenu li
{
	display: inline;
	width: 120px;
	height: 40px;
	list-style: none;
	margin: 0px auto;
	/*position: relative;*/
}
.toptopmenu li a.button-home-toptop, .toptopmenu li a.button-home-toptop :visited  {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	/*background: -webkit-linear-gradient(left, white , gray);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right, white, gray);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, white, gray);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, white, gray);*/ /* Standard syntax (must be last) */
	text-align: center;
	margin: 0px 2px;
	padding: 6px 5px;
	border: 0;
	font-size: 12px;
	font-weight: 600;
	color:#114C9A;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;*/

	/*border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;*/

	border-top: 1px solid #FFA200;
	border-bottom: 1px solid #FFA200;
	border-left: 1px solid #FFA200;
	border-right: 1px solid #FFA200;


	}
	
.toptopmenu li a.button-home-toptop:hover, .toptopmenu li a.button-home-toptop:focus {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 40px;
	background: #FFFFFF;
	/*background: -webkit-linear-gradient(left, white , gray);*/ /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right, white, gray);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, white, gray);*/ /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, white, gray);*/ /* Standard syntax (must be last) */
	text-align: center;
	margin: 0px 2px;
	padding: 6px 5px;
	border: 0;
	font-size: 12px;
	font-weight: 600;
	color:#5BB6FF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;

	/*border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;*/

	border-top: 1px solid #FFA200;
	border-bottom: 1px solid #FFA200;
	border-left: 1px solid #FFA200;
	border-right: 1px solid #FFA200;
	}

ul.left-menu
{
	
}

ul.left-menu li
{
	 display: block;
	 margin: 5px 0px;
} 

a.button-home-left, a.button-home-left:visited  {
	display: inline-block;
    vertical-align: middle;
	width: 150px ;
	height: auto ;
	background: -webkit-linear-gradient(left, white 25% , #DBDBDB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, white 25%, #DBDBDB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, white 25%, #DBDBDB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white 25%, #DBDBDB); /* Standard syntax (must be last) */
	text-align: center;
	/*width: auto;*/
	margin: 0px 0px;
	padding: 8px 10px;
	border: 0;
	font-size: 16px;
	font-weight: 600;
	color:#114C9A;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	/*border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;*/

	/*-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;*/


	/*height: auto;*/
	border-top: 2px solid #FFA200;
	border-bottom: 2px solid #FFA200;
	border-left: 2px solid #FFA200;
	border-right: 2px solid #FFA200;
}
	
a.button-home-left:hover, a.button-home-left:focus {
	/*width: auto;*/
	width: 150px ;
	height: 50px ;
	margin: 0px 2px;
	padding: 8px 10px;
	background: -webkit-linear-gradient(top, white , #DBDBDB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, white, #DBDBDB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, white, #DBDBDB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, white, #DBDBDB); /* Standard syntax (must be last) */
	text-align: center;
	border: 0;
	font-size: 16px;
	font-weight: 600;
	/*color: #5BB6FF;*/
	color:#5BB6FF;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	/*border-radius: 0px 15px 0px 15px;
	-moz-border-radius: 0px 15px 0px 15px;
	-webkit-border-radius: 0px 15px 0px 15px;*/

	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	
	/*height: auto;*/
	border-top: 2px solid #114C9A;
	border-bottom: 2px solid #114C9A;
	border-left: 2px solid #114C9A;
	border-right: 2px solid #114C9A;
}

@media all and (max-width:600px){

ul.left-menu
{display: block;width: 100% !important;}

/*ul.left-menu li
{width: 100% !important;display: block;margin: 5px 0px;} 

ul.left-menu li a.button-home-left, a.button-home-left:visited  {
{width: 600px !important;display: block;margin: 5px 0px;} 
*/
}

@media all and (max-width:325px){

ul.left-menu
{display: block;width: 100% !important;}

ul.left-menu li
{width: 100% !important;display: block;margin: 5px 0px;} 

ul.left-menu li a.button-home-left, a.button-home-left:visited  {
{width: 600px !important;display: block;margin: 5px 0px;} 

}

/*#google_translate_element
{
	display: inline;
	float: right;
	position: relative;
	top: 0;
	right: 0;
}
 .goog-te-menu-value span {
 	width: 100px;
    font-size: 12px !important;
    border:0px;
}*/

#google_translate_element
{
	display: inline;
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 100px !important;
	border:0px solid white !important;
}

#google_translate_element img {
/*display: none !important;*/
}

.goog-te-gadget-simple {
width: 100px !important;
border:0px solid white !important;
}

a.goog-te-menu-value span
{
	content: 'Language';
	width: 100px !important;
	border:0px solid white !important;
	color: blue !important;

}
@media all and (max-width: 840px){
	
	#google_translate_element {
		display: inline;
	right: 0;
	position: absolute;
	top: 60px;
	z-index: 100;
	}
}

ul.telephone-menu
{
 width: auto;
 height: auto;
 float: right;
 margin: 0px auto;
}
.telephone-menu li
{
	display: inline;
	width: auto;
	height: auto;
	list-style: none;
	margin: 0px auto;
	position: relative;
	
}

.telephone-section
{
	display: block;
	margin: 0px 0px 10px 0px;
	float: right;
	border:0px solid black;
	text-align: right;
	vertical-align: middle;
	width: 100%;
}



.telephone-text
{
	height: auto;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	border: 0px solid black;
	text-align: right;
	vertical-align: middle;
	width: auto;
	font-size: 26px;
	font-weight: 600;
	color:orange;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 5px;
}

@media screen and (max-width: 840px) {
	.telephone-section{
		
		position:absolute;
		display: inline-block;
		top: 50px;
		height: 44px;
		width: auto;
		right: 10px;
		overflow: hidden;
		white-space: nowrap;
		z-index: 5;

	}

	.telephone-text
	{
		height: auto;
		padding: 0px 0px 0px 0px;
		display: inline-block;
		margin: 0px 0px 5px 0px;
		border: 0px solid black;
		text-align: right;
		vertical-align: middle;
		width: auto;
		font-size: 14px;
		font-weight: 600;
		color:orange;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 5px;
	}
}

.skype {
margin: 0px 0px 0px 0px;
background: #00aff0;
background: -moz-linear-gradient(#88d9f8, #00aff0);
background: -webkit-linear-gradient(#88d9f8, #00aff0);
background: -o-linear-gradient(#88d9f8, #00aff0);
background: -ms-linear-gradient(#88d9f8, #00aff0);
background: linear-gradient(#88d9f8, #00aff0);
width: 32px; /*8em;*/
height: 32px; /*8em;*/
border-radius: 28px;
text-align: center;
position: relative;
color: #ffffff;
display: inline-block;

}
.skype span {
font: 28px bold, Arial;
position: relative;
}
.skype::before, .skype::after {
content: "";
position: absolute;
background: #00aff0;
width: 16px;
height: 16px;
border-radius: 16px;
z-index: -1;
}
.skype::before {
content: "";
left: 0;
top: -1px;
background: #00aff0;
background: -moz-linear-gradient(#66ddff, #88bbff);
background: -webkit-linear-gradient(#66ddff, #88bbee);
background: -o-linear-gradient(#66ddff, #88bbff);
background: -ms-linear-gradient(#66ddff, #88bbff);
background: linear-gradient(#66ddff, #88bbff);
}
.skype::after {
content: "";
bottom: -1px;
right: 0;
background: #00aff0;
background: -moz-linear-gradient(#99bbff, #00aff0);
background: -webkit-linear-gradient(#88bbff, #11aff0);
background: -o-linear-gradient(#99bbff, #00aaff);
background: -ms-linear-gradient(#99bbff, #00aff0);
background: linear-gradient(#99bbff, #00aff0);
}

.phone {
	top:8px;
margin: 0px 10px 0px 0px;
background: #114C9A;

background: -webkit-linear-gradient(left, #114C9A 60%,white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #114C9A 60%,white ); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #114C9A 60%,white ); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #114C9A 60%,white ); /* Standard syntax (must be last) */
background: -ms-linear-gradient(right, #114C9A 60%,white);

/*background: -moz-linear-gradient(#88d9f8, #000000);
background: -webkit-linear-gradient(#88d9f8, #000000);
background: -o-linear-gradient(#88d9f8, #000000);
background: -ms-linear-gradient(#88d9f8, #000000);
background: linear-gradient(#88d9f8, #000000);*/
width: 7px; /*8em;*/
height: 26px; /*8em;*/
border-top-left-radius:24px;
border-bottom-left-radius:24px;
text-align: center;
position: relative;
color: #ffffff;
display: inline-block;
-webkit-transform: translateY(0px) rotate(-25deg);
  -moz-transform: translateY(0px) rotate(-25deg);
  -ms-transform: translateY(0px) rotate(-25deg);
  -o-transform: translateY(0px) rotate(-25deg);
  transform: translateY(0px) rotate(-25deg);

}
/*.phone span {
font: 28px bold, Arial;
position: relative;
}*/
.phone::before, .phone::after {
content: "";
position: absolute;
background: #114C9A;
width: 5px;
height: 10px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
z-index: -1;
}
.phone::before {
content: "";
left: 8px;
bottom: 16px;
background: #114C9A;
background: -moz-linear-gradient(#99bbff, #114C9A);
background: -webkit-linear-gradient(#88bbff, #114C9A);
background: -o-linear-gradient(#99bbff, #114C9A);
background: -ms-linear-gradient(#99bbff, #114C9A);
background: linear-gradient(#99bbff, #114C9A);

-webkit-transform: translateY(0px) rotate(0deg);
  -moz-transform: translateY(0px) rotate(0deg);
  -ms-transform: translateY(0px) rotate(0deg);
  -o-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}
.phone::after {
content: "";
top: 16px;
left: 8px;
background: #114C9A;
background: -moz-linear-gradient(#99bbff, #114C9A);
background: -webkit-linear-gradient(#88bbff, #114C9A);
background: -o-linear-gradient(#99bbff, #114C9A);
background: -ms-linear-gradient(#99bbff, #114C9A);
background: linear-gradient(#99bbff, #114C9A);

-webkit-transform: translateY(0px) rotate(0deg);
  -moz-transform: translateY(0px) rotate(0deg);
  -ms-transform: translateY(0px) rotate(0deg);
  -o-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}

/* skype small */
@media all and (max-width: 840px){
.skype {
margin: 0px 0px 0px 0px;
background: #00aff0;
background: -moz-linear-gradient(#88d9f8, #00aff0);
background: -webkit-linear-gradient(#88d9f8, #00aff0);
background: -o-linear-gradient(#88d9f8, #00aff0);
background: -ms-linear-gradient(#88d9f8, #00aff0);
background: linear-gradient(#88d9f8, #00aff0);
width: 18px; /*8em;*/
height: 18px; /*8em;*/
border-radius: 14px;
text-align: center;
position: relative;
color: #ffffff;
display: inline-block;

}
.skype span {
font: 14px bold, Arial;
position: relative;
}
.skype::before, .skype::after {
content: "";
position: absolute;
background: #00aff0;
width: 8px;
height: 8px;
border-radius: 8px;
z-index: -1;
}
.skype::before {
content: "";
left: 0;
top: -1px;
background: #00aff0;
background: -moz-linear-gradient(#66ddff, #88bbff);
background: -webkit-linear-gradient(#66ddff, #88bbee);
background: -o-linear-gradient(#66ddff, #88bbff);
background: -ms-linear-gradient(#66ddff, #88bbff);
background: linear-gradient(#66ddff, #88bbff);
}
.skype::after {
content: "";
bottom: -1px;
right: 0;
background: #00aff0;
background: -moz-linear-gradient(#99bbff, #00aff0);
background: -webkit-linear-gradient(#88bbff, #11aff0);
background: -o-linear-gradient(#99bbff, #00aaff);
background: -ms-linear-gradient(#99bbff, #00aff0);
background: linear-gradient(#99bbff, #00aff0);
}


.phone {
	top:4px;
margin: 0px 10px 0px 0px;
background: #114C9A;

background: -webkit-linear-gradient(left, #114C9A 60%,white); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #114C9A 60%,white ); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #114C9A 60%,white ); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #114C9A 60%,white ); /* Standard syntax (must be last) */
background: -ms-linear-gradient(right, #114C9A 60%,white);

/*background: -moz-linear-gradient(#88d9f8, #000000);
background: -webkit-linear-gradient(#88d9f8, #000000);
background: -o-linear-gradient(#88d9f8, #000000);
background: -ms-linear-gradient(#88d9f8, #000000);
background: linear-gradient(#88d9f8, #000000);*/
width: 5px; /*8em;*/
height: 20px; /*8em;*/
border-top-left-radius:18px;
border-bottom-left-radius:18px;
text-align: center;
position: relative;
color: #ffffff;
display: inline-block;
-webkit-transform: translateY(0px) rotate(-25deg);
  -moz-transform: translateY(0px) rotate(-25deg);
  -ms-transform: translateY(0px) rotate(-25deg);
  -o-transform: translateY(0px) rotate(-25deg);
  transform: translateY(0px) rotate(-25deg);

}
/*.phone span {
font: 28px bold, Arial;
position: relative;
}*/
.phone::before, .phone::after {
content: "";
position: absolute;
background: #114C9A;
width: 5px;
height: 8px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
z-index: -1;
}
.phone::before {
content: "";
left: 6px;
bottom: 12px;
background: #114C9A;
background: -moz-linear-gradient(#99bbff, #114C9A);
background: -webkit-linear-gradient(#88bbff, #114C9A);
background: -o-linear-gradient(#99bbff, #114C9A);
background: -ms-linear-gradient(#99bbff, #114C9A);
background: linear-gradient(#99bbff, #114C9A);

-webkit-transform: translateY(0px) rotate(0deg);
  -moz-transform: translateY(0px) rotate(0deg);
  -ms-transform: translateY(0px) rotate(0deg);
  -o-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}
.phone::after {
content: "";
top: 12px;
left: 6px;
background: #114C9A;
background: -moz-linear-gradient(#99bbff, #114C9A);
background: -webkit-linear-gradient(#88bbff, #114C9A);
background: -o-linear-gradient(#99bbff, #114C9A);
background: -ms-linear-gradient(#99bbff, #114C9A);
background: linear-gradient(#99bbff, #114C9A);

-webkit-transform: translateY(0px) rotate(0deg);
  -moz-transform: translateY(0px) rotate(0deg);
  -ms-transform: translateY(0px) rotate(0deg);
  -o-transform: translateY(0px) rotate(0deg);
  transform: translateY(0px) rotate(0deg);
}

}

/*
#skype {
margin-top: 2.5em;
background: #00aff0;
background: -moz-linear-gradient(#88d9f8, #00aff0);
background: -webkit-linear-gradient(#88d9f8, #00aff0);
background: -o-linear-gradient(#88d9f8, #00aff0);
background: -ms-linear-gradient(#88d9f8, #00aff0);
background: linear-gradient(#88d9f8, #00aff0);
width: 8em;
height: 8em;
border-radius: 5em;
text-align: center;
position: relative;
color: #ffffff;
}
#skype span {
font: 7em bold, Arial;
position: relative;
}
#skype::before, #skype::after {
content: "";
position: absolute;
background: #00aff0;
width: 4.5em;
height: 4.5em;
border-radius: 4em;
z-index: -1;
}
#skype::before {
content: "";
left: 0;
top: -5px;
background: #00aff0;
background: -moz-linear-gradient(#66ddff, #88bbff);
background: -webkit-linear-gradient(#66ddff, #88bbee);
background: -o-linear-gradient(#66ddff, #88bbff);
background: -ms-linear-gradient(#66ddff, #88bbff);
background: linear-gradient(#66ddff, #88bbff);
}
#skype::after {
content: "";
bottom: -5px;
right: 0;
background: #00aff0;
background: -moz-linear-gradient(#99bbff, #00aff0);
background: -webkit-linear-gradient(#88bbff, #11aff0);
background: -o-linear-gradient(#99bbff, #00aaff);
background: -ms-linear-gradient(#99bbff, #00aff0);
background: linear-gradient(#99bbff, #00aff0);
}
*/


        span i[class*="icono"]{
            color: #bbb;
            transition: all 0.2s;
        }
        span:hover i{
            color: #fff;
        }
        a{
            color: #eee;
        }

.icono-eye{border:2px solid black;border-radius:80% 20%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 1px 1px 2px;height:28px;width:28px;margin:0px;display: inline-block;}