/*
 Theme Name:   Viparties
 Theme URI:    http://viparties.gr/wordpress
 Description:  The official theme for Viparties from SupremeNet
 Author:       Supreme-Net
 Author URI:   http://viparties.gr/wordpress
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-thirteen-child
*/




/* =Theme customization starts here
-------------------------------------------------------------- */
@font-face {
   font-family: century gothic;
   src: url(fonts/centurygothic.ttf);
}

a:hover{
text-decoration:none;  
}

#otherservices {
background-color: #dfdfdf;
padding-top: 100px; 
  border-top: 1px solid #d7d7d7;
}

.grey {
color: #9f9f9f;  
}

#languages {
background-color:#000000;
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
    color: #220e10;
    font-size: 12px;
    font-style: none;
    font-weight: 200;
    margin: 0 0 24px;
  text-align: center;
}

.mashsb-count {
    border: 0 solid #fff;
    color: #00aeef;
    display: block;
    float: left;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 100px;
    font-weight: bold;
    line-height: 19px;
    margin-right: 32px;
    margin-top: 26px;
    padding-bottom: 0;
    text-align: center;
}

.ble {
color:#00aeef;
  font-family:century gothic;
}


body {
  position: relative;
  /* height: 1px; */
  overflow-x: hidden;
}

.form-control2 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

span.wpcf7-not-valid-tip {
	background: #f7f7f7;
    padding: 3px 12px;
    border: 1px solid #ccc;
    margin-top: -1px;
    font-size: .8em;
    font-style: italic;
}

span.wpcf7-form-control-wrap {
	z-index: 0;
}

#pseftonav{
background-color:#000000;
}

.hed {
font-size: 50px;
margin-top: 0px;
}

#serviceimage{
 background-color: #f4f4f4;
}

#service-info {
padding-top: 50px;
padding-bottom: 50px;
}

.sidebar-services {
	margin: 113px 0;
}


.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #000000 !important;
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #00aeef !important;
}


img.alignnone {
    margin: 5px 0;
    margin-top: 0px;
    margin-bottom: -10px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 105px!important;
    line-height: 20px;
    padding: 0px!important;
}

.queen {
margin-bottom: 0px;  
}

h1 {
	font-size: 3em!important;
	font-family: century gothic;
	text-align: center;	
}

.home h1 {
	font-size: 2em!important;
	font-family: century gothic;
	text-align: center;
	max-width: 700px;
    margin: 0 auto;
	margin-bottom:30px;
	padding-left:0;
	padding-right:0;	
}


h2 {
	color:#00aeef;
	font-size:30px;
	font-family: century gothic;
	text-align: center;
}

.blue {
	color:#00aeef;
	font-size:30px;
	font-family: century gothic;
	text-align: center;
}

h3 {
	color:#000000;
	font-size:20px;
	font-family: century gothic;
	text-align: center;
}





p {
	font-size:15px;
	font-family: century gothic;
	text-align: center;
	
}

.right {
text-align: left !important;
}


.light {
	color: #ffffff;
}


.tiny {
font-size: 14px;

}


.navbar-default {
	background-color:#000000 !important;
	border: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}

.navbar-brand {
	padding-bottom: 98px;
	padding-top: 0px;
	margin: 0px;
}

.navbar-nav {
	padding-top: 23px;
	padding-bottom: 23px;
	font-family: century gothic;
	font-size:14px;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
	padding-left: 20px;
	padding-right:20px;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #00aeef;
	color: #ffffff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #00aeef;
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 background-color: #00aeef;
    color: #ffffff;
}

.slideshow {
	background-image: url("../img/slideshowbg.png");       
	background-repeat: no-repeat;        
	position: relative;        
	height: 885px;       
	margin-left: auto;      
	margin-right: auto;  
	margin-top: 0px;
}

.slideshow-content {
	padding-top: 200px;
}

.slide-text{
z-index:1;
}

#ww-widget-reviews {
	/*max-width: 300px;*/
	white-space: normal;
}

/*@media screen and (min-width: 1240px) {
	#ww-widget-reviews {
		max-width: 370px;
	}
}*/

.badge1,
.badge2 {
	width: 7% !important;
}

.badge1 {
	left: 10% !important;
}
.badge1 *,
.badge2 * {
	max-width: 100% !important;
	background-size: 100% !important;
}

.badge1 > div {
	position: relative;
	margin-top: 35% !important;
}
.badge1 .ww-top {
	background-position: bottom !important;
	position: absolute;
	bottom: 0;
}
.badge1 .ww-bottom {
	padding-top: 22% !important;
	background-position: top !important;
	font-size: .9em !important;
	height: 50px !important;
	position: absolute;
	top: 0;
}

.badge2 {
	left: 18% !important;
}
.badge2 img {
	width: 100% !important;
	height: auto !important;
}

/*html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {

}*/

.badge-bot {
	width: 28% !important;
	left: 8% !important;
}


.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
	font-family: 'Raleway', sans-serif;
	color:#ffffff;
}

.cl-effect-20 a span {
	position: relative;
	display: inline-table;
	padding: 13px 15px 10px;
	background: #1abc9c;
	box-shadow: inset 0 3px #26927d;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	font-size:25px;
}

.cl-effect-20 a span::before {
	position: absolute;
	padding: 13px 15px 10px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #2e907d;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.5s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #279882;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}

.center {
	text-align: center;
}

#about {
	padding-top:90px;
	padding-bottom:100px;
	background-color: #00aeef !important;
	color: #ffffff;
}

#services {
	padding-top:80px;
	padding-bottom:100px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

#tools {
  padding-top:78px;
}



.tool-img {
	background-color: #e2e2e2;
	padding: 20px;
	margin-bottom: -22px;
}


.tool-text {
	background-color: #f4f4f4;
	
	padding: 20px;
	margin-top: 20px;
	}
	
.tool {
border: 1px solid #c9c9c9;

margin-top: 30px;

}



.button-container {
	text-align: center;
}
.button-container .btn {
	display: inline-block;
	color: #fff !important;
}

.btn-default {
	background-color: #e2e2e2;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0px;
	border: 1px solid #e2e2e2;
	margin-top: 40px;
	font-family: 'Raleway', sans-serif;
}

.btn-default:hover {
	background-color: #1f977e;
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 0px;
	border: 1px solid #e2e2e2;
	margin-top: 40px;
}

.koumpaki {
	background-color:#00aeef;
	padding-top: 10px !important;
	padding-bottom: 10px!important;
	border-radius: 0px !important;
	padding-left: 50px!important;
	padding-right: 50px!important;
	font-family: century gothic;
	border: 1px solid #00aeef!important;
	font-size: 20px !important;
}

.koumpaki:hover {
	background-color:#0097cf!important;

}

.btn-info {
	background-color:#00aeef;
	padding-top: 10px !important;
	padding-bottom: 10px!important;
	border-radius: 0px !important;
	padding-left: 50px!important;
	padding-right: 50px!important;
	font-family: century gothic;
	border: 0px solid #00aeef!important;
	font-size: 20px !important;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}


#contact {
	padding-top:80px;
	padding-bottom:100px;
	background-color:#f4f4f4;
}

button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
    background: none;
    outline: medium none;
	text-decoration:none;
}

button.dropdown-toggle:active {
	padding: 6px 12px;
}

.wpml-ls-native {
	color: #000;
}


.contact-form .col-md-12 {
	float: none;
	clear: both;
}
.form-control {
	font-family: 'Raleway', sans-serif!important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ededed!important;
    border-radius: 0px!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
    color: #555!important;
    display: block;
    font-size: 14px!important;
    height: 50px;
    line-height: 1.42857!important;
    padding: 6px 12px!important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s!important;
    width: 100%!important;
}

.form-control:focus {
border-color:#0ce78d!important;
box-shadow: 0 1px 1px rgba (0, 0, 0, 0.075) inset, 0 0 8px rgba (12, 231, 141, 0.6)!important;
}


#copyrights {
background-color:#000000;
    padding-bottom: 10px;
    padding-top: 10px;
}

#copyrights a {
color: #c0c0c0;
}

.copyright {
line-height: 18px;
padding-top: 8px;
padding-bottom: 8px;
}

.logo-copyrights {
padding-right: 8px;
padding-top: 4px;
float:left;
}

#copyrights a:hover {
text-decoration: none;
color: #ffffff;
}

.liservices {
list-style: none;
font-size: 16px;
}

.hrservices {
line-height:0px;
margin-top:5px;
margin-bottom:5px;
}







.effe {
background-color: #00aeef;
}

.opacity {
opacity: 0.4;
}

.opacity:hover {
opacity: 1.0;
}

#infoblock2 {

	padding-top:80px;
	padding-bottom:100px;
 
}

#footer {
background-color:#262626;
  padding-bottom: 30px;
}

.yla{

font-family: century gothic;
margin-left:-35px;
}

.none {
margin-top:9px;
margin-bottom: 9px;
}



#partners {
background-color: #00aeef;
  padding-top: 90px;
}

.television {

padding-top: 257px;
height: 750px;
width: 1920px;
}

.carousel-inner {
background-image: url("../img/slide1.png");
}



.screen {
background-image: url("../img/screenbg.png");
background-repeat: no-repeat;
height:339px;
width:538px;
padding-left: 15px;
padding-top: 5px;
}



#news {
padding-top: 100px;
padding-bottom: 100px;
background-color: #00aeef;
}

.article {
background-color: #f4f4f4;
padding: 20px;
text-align: left !important;
}

.heading {
	padding: 10px 15px 0;
margin-top:0px;
margin-bottom: 30px;
  font-family:century gothic;
  font-size:3em;
}

.article2 {
margin-bottom: 20px;
background-color: #f4f4f4;
}

.hart {
color:#00aeef;
padding-top:0px;
margin-top: 0px;
font-size: 18px;
}

li {
list-style: none;
}

.info {
font-size: 23px;
color: #ffffff;
font-family: century gothic;

}

.infohead {
font-size: 15px;
color: #a8a8a8;
font-family: century gothic;
padding-bottom:0px;
padding-top:8px;
}

.footline {
border-top: 1px solid #1b1b1b;
border-bottom: 1px solid #363636;
margin-top:0;
margin-bottom:0;
}


.service1{
background: url("./img/services.png") 0px 0px no-repeat;
float: left;
margin: auto ;
height: 96px;
width: 380px;
  max-width: 100%;
}

.service1:hover {
background: url("./img/services.png") -380px 0px no-repeat;
}

.service2{
background: url("./img/services.png") 0px -96px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service2:hover {
background: url("./img/services.png") -380px -96px no-repeat;
}

.service3{
background: url("./img/services.png") 0px -192px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service3:hover {
background: url("./img/services.png") -380px -192px no-repeat;
}

.service4{
background: url("./img/services.png") 0px -480px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service4:hover {
background: url("./img/services.png") -380px -480px no-repeat;
}

.service5{
background: url("./img/services.png") 0px -384px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service5:hover {
background: url("./img/services.png") -380px -384px no-repeat;
}

.service6{
background: url("./img/services.png") 0px -288px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service6:hover {
background: url("./img/services.png") -380px -288px no-repeat;
}

.service7{
background: url("./img/services.png") 0px -576px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service7:hover {
background: url("./img/services.png") -380px -576px no-repeat;
}

.service8{
background: url("./img/services.png") 0px -672px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service8:hover {
background: url("./img/services.png") -380px -672px no-repeat;
}

.service9{
background: url("./img/services.png") 0px -768px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%!important;
}

.service9:hover {
background: url("./img/services.png") -380px -768px no-repeat;
}


.service1_en{
background: url("./img/services_en.png") 0px 0px no-repeat;
float: left;
margin: auto ;
height: 96px;
width: 380px;
  max-width: 100%;
}

.service1_en:hover {
background: url("./img/services_en.png") -380px 0px no-repeat;
}

.service2_en{
background: url("./img/services_en.png") 0px -96px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service2_en:hover {
background: url("./img/services_en.png") -380px -96px no-repeat;
}

.service3_en{
background: url("./img/services_en.png") 0px -192px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service3_en:hover {
background: url("./img/services_en.png") -380px -192px no-repeat;
}

.service4_en{
background: url("./img/services_en.png") 0px -480px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service4_en:hover {
background: url("./img/services_en.png") -380px -480px no-repeat;
}

.service5_en{
background: url("./img/services_en.png") 0px -384px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service5_en:hover {
background: url("./img/services_en.png") -380px -384px no-repeat;
}

.service6_en{
background: url("./img/services_en.png") 0px -288px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service6_en:hover {
background: url("./img/services_en.png") -380px -288px no-repeat;
}

.service7_en{
background: url("./img/services_en.png") 0px -576px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service7_en:hover {
background: url("./img/services_en.png") -380px -576px no-repeat;
}

.service8_en{
background: url("./img/services_en.png") 0px -672px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service8_en:hover {
background: url("./img/services_en.png") -380px -672px no-repeat;
}

.service9_en{
background: url("./img/services_en.png") 0px -768px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%!important;
}

.service9_en:hover {
background: url("./img/services_en.png") -380px -768px no-repeat;
}



.service1_zh{
background: url("./img/services_zh.png") 0px 0px no-repeat;
float: left;
margin: auto ;
height: 96px;
width: 380px;
  max-width: 100%;
}

.service1_zh:hover {
background: url("./img/services_zh.png") -380px 0px no-repeat;
}

.service2_zh{
background: url("./img/services_zh.png") 0px -96px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service2_zh:hover {
background: url("./img/services_zh.png") -380px -96px no-repeat;
}

.service3_zh{
background: url("./img/services_zh.png") 0px -192px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service3_zh:hover {
background: url("./img/services_zh.png") -380px -192px no-repeat;
}

.service4_zh{
background: url("./img/services_zh.png") 0px -480px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service4_zh:hover {
background: url("./img/services_zh.png") -380px -480px no-repeat;
}

.service5_zh{
background: url("./img/services_zh.png") 0px -384px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service5_zh:hover {
background: url("./img/services_zh.png") -380px -384px no-repeat;
}

.service6_zh{
background: url("./img/services_zh.png") 0px -288px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service6_zh:hover {
background: url("./img/services_zh.png") -380px -288px no-repeat;
}

.service7_zh{
background: url("./img/services_zh.png") 0px -576px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service7_zh:hover {
background: url("./img/services_zh.png") -380px -576px no-repeat;
}

.service8_zh{
background: url("./img/services_zh.png") 0px -672px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service8_zh:hover {
background: url("./img/services_zh.png") -380px -672px no-repeat;
}

.service9_zh{
background: url("./img/services_zh.png") 0px -768px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%!important;
}

.service9_zh:hover {
background: url("./img/services_zh.png") -380px -768px no-repeat;
}


.service1_ru{
background: url("./img/services_ru.png") 0px 0px no-repeat;
float: left;
margin: auto ;
height: 96px;
width: 380px;
  max-width: 100%;
}

.service1_ru:hover {
background: url("./img/services_ru.png") -380px 0px no-repeat;
}

.service2_ru{
background: url("./img/services_ru.png") 0px -96px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service2_ru:hover {
background: url("./img/services_ru.png") -380px -96px no-repeat;
}

.service3_ru{
background: url("./img/services_ru.png") 0px -192px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service3_ru:hover {
background: url("./img/services_ru.png") -380px -192px no-repeat;
}

.service4_ru{
background: url("./img/services_ru.png") 0px -480px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service4_ru:hover {
background: url("./img/services_ru.png") -380px -480px no-repeat;
}

.service5_ru{
background: url("./img/services_ru.png") 0px -384px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service5_ru:hover {
background: url("./img/services_ru.png") -380px -384px no-repeat;
}

.service6_ru{
background: url("./img/services_ru.png") 0px -288px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service6_ru:hover {
background: url("./img/services_ru.png") -380px -288px no-repeat;
}

.service7_ru{
background: url("./img/services_ru.png") 0px -576px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service7_ru:hover {
background: url("./img/services_ru.png") -380px -576px no-repeat;
}

.service8_ru{
background: url("./img/services_ru.png") 0px -672px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%;
}

.service8_ru:hover {
background: url("./img/services_ru.png") -380px -672px no-repeat;
}

.service9_ru{
background: url("./img/services_ru.png") 0px -768px no-repeat;
margin: auto ;
height: 96px;
width: 380px;
float: left;
  max-width: 100%!important;
}

.service9_ru:hover {
background: url("./img/services_ru.png") -380px -768px no-repeat;
}



.facebook{
background: url("./img/social_media_logos2.png") 0px 0px no-repeat;
margin: 0px ;
height: 56px;
width: 56px;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}

.facebook:hover {
background: url("./img/social_media_logos2.png") 0px -56px no-repeat;
}

.twitter{
background: url("./img/social_media_logos2.png") -56px 0px no-repeat;
margin: 0px;
height: 56px;
width: 56px;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}

.twitter:hover {
background: url("./img/social_media_logos2.png") -56px -56px no-repeat;
}

.youtube{
background: url("./img/social_media_logos2.png") -112px 0px no-repeat;
margin: 0px;
height: 56px;
width: 56px;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}

.youtube:hover {
background: url("./img/social_media_logos2.png") -113px -56px no-repeat;
}


.vimeo{
background: url("./img/social_media_logos2.png") -228px 0px no-repeat;
margin: 0px;
height: 56px;
width: 56px;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
}

.vimeo:hover {
background: url("./img/social_media_logos2.png") -228px -56px no-repeat;
}


.instagram{
background: url("./img/social_media_logos2.png") -169px 0px no-repeat;
margin: 0px;
height: 56px;
width: 56px;
border-top: 1px solid #f4f4f4;
border-left: 1px solid #f4f4f4;
border-bottom: 1px solid #f4f4f4;
}

.mobile-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center; 
	margin-top: 30px;
}

.mobile-social a {
  border-bottom: 1px solid #f4f4f4;
}

.mobile-social .instagram {
  border-bottom: none;
  border-right: 1px solid #f4f4f4;
}


.instagram:hover {
background: url("./img/social_media_logos2.png") -169px -56px no-repeat;
}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
		
		
.btn-warning {
background-color:#00aeef;
border: 0px;
padding-top:15px;
padding-bottom:15px;
}
.btn-warning:hover {
background-color:#0097cf;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-color: #0097cf;
    border-color: #d58512;
    color: #fff;
}

.scrollToTop{

	padding-top:130px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:75px;
	right:0px;
	background: none;
}
.scrollToTop:hover{
	text-decoration:none;
}

.bold {
font-weight: bold;
}

.lista {
list-style-image: url("./img/tick.png");
  margin-left:-14px;
}

.emph {
font-size: 18px;
color: #00aeef;
}

.service-data {
  padding: 50px 0;  
}

.social-share {
background-color: #f0f0f0;  
  border: 1px solid #d5d5d5;
  padding:10px;
}

#blog-template{
padding-top:150px; 
  background-color:#eeeeee;  
}

#archives {
background-color:#ffffff;  
border: 1px solid #e2e2e2;
  padding-left:0px;
  padding-bottom: 20px;
  padding-right:20px;
  margin-bottom:50px;
  font-family:century gothic;

}

.hentry {
    padding: 30px 0;
}

.entry-title {
color:#00aeef!important;
  font-family:century gothic!important;
  font-size: 25px!important;
}

.entry-meta {
    clear: both!important;
    font-size: 14px!important;
  color:#000000!important;
  text-align:center!important;
}

.entry-meta a {
    color: #000000!important;
}

.post-navigation {
    background-color: #fff;
    color: #00aeef!important;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    padding: 20px 0;
}

.navigation a {
    color: #00aeef!important;
}

.article-post {
padding-top: 150px;  
}

.article-post h4 {font-family: century gothic;}

#badge {
margin-top: 50px;  
}

.btn-success {
background-color:#00aeef !important;
border: 0px!important;
border-radius: 0px!important;
}

.btn-success:hover {
background-color:#00a8e6!important;
border: 0px!important;
}

.flag {
margin-right:3px;
float:left;  
}

.venues-sidebar-wrapper a {
  display: inline-block;
  margin-left: -4px;
}

.venues-sidebar-wrapper a:hover {
  text-decoration: none;
}

.tel.col-md-2 {
  text-align: right;
  padding-right: 0;
}

.tel img {
	transform: translateY(-1.5px);
	margin-right: 12px;
}

.tel a {
  display: inline-block;
  line-height: 32px;
  white-space: nowrap;
  padding: 0 12px;
  background-color: #00aeef !important;
  color: white;
}

.tel a:hover,
.tel a:focus {
  text-decoration: none;
  color: white;
}

.contact-form {
	/*margin-left: -30px;*/
}

.service-template2 .contact-form div {padding: 0;}

.news .srp-post-content-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
	#languages .col-md-2:not(.tel) {
	  padding-right: 0;
	  margin-right: -15px;
	}
	
	.rev_slider .tp-caption {
		font-size: 10px !important;
	}
	
	.rev_slider #slide-1-layer-1 {
		font-size: 12px !important;
	}
	
	.rev-btn {
		margin-top: 20px !important;
	}

}

.event {margin-bottom: 10px;}
#services > .container,
.event.col-md-4 {padding: 0 5px;}

#services .row {margin: 0 -5px;} 

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

.event__link {
  display: block;
  position: relative;
  transition: background .3s;
}

.event__link:hover {
  text-decoration: none;
}

.event__title {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 2.5rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  background-color: rgba(0, 174, 239, .3);
  transition: background .3s;
}

.event__link:hover .event__title {
  background-color: rgba(0, 174, 239, .4);
}

#serviceimage .event__link {margin-bottom: 15px;}

.service-template2 .lista li{
  position: relative;
  margin-bottom: 9px;
  padding-bottom: 9px;
  font-family: century gothic;
  list-style-image: url(./img/tick.png);
  margin-left: 14px;
}

#footer .widget-text a {color: white;}

.service-template2 .lista li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -30px;
  width: calc(100% + 30px);
  border-bottom: 1px solid #efefef;
}

.service-template2 .lista li:last-child {
   border-bottom: 0;
   margin-bottom: 0;
   padding: 0;
}

.service-template2 .lista li:last-child:after {
  display: none;
}

.flex-row ,
.partners-flex-row,
.srp-thumbnail-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center;
-webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ngg-galleryoverview {
font-size: 0;
display: inline-block;
text-align: center;
}

.ngg-gallery-thumbnail-box {display: inline-block; float: none !important;}


.partners-flex-row {padding: 0 15px;}

.flex-row img {max-width: 124px;}
.partners-flex-row img { max-width: 158px;}
.flex-row .flex-single {margin-right: 50px; margin-bottom: 30px;}
.flex-row .flex-single:last-child {margin-right: 0;}
/*.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: red;}*/
.venues-contact-form {margin: 0 !important;}
.venues-contact-form h2 {margin: 15px 0 !important;}
/*.contact-form .col-md-6 {padding: 0 15px;}*/
.navbar-brand {margin-top: -16px;}
.news .srp-widget-singlepost {border-bottom: none; padding-bottom:0;}
.entry-meta {display: none;}
.archive-title, .archive-meta {font-family: century gothic; font-style: normal; }
.archive-header {background: transparent; padding-top: 25px;}
.archive-title {padding: 10px 0 0;}
.archive .entry-content p {text-align: left;}


/*FORM MODAL*/
.form-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.7);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  display:  flex;
  align-items: center;
  justify-content:  center;
  overflow-y: scroll;
}

.form-container .form {
  max-width:  1000px;
  padding: 15px;
  width: 90%;
  background: #f4f4f4;
  height: 100%;
  overflow-y: scroll;
}

.form-container .close-wrapper {
  width: 100%;
  height: 44px;
}

.form-container .close-wrapper .close {
  font-size:  40px;
}

.form-container .wpcf7-response-output {
	color: black;
}

.form-container .contact-form button[type="submit"] {
  margin-top: 15px;
}

.form-container .intro {
  margin-bottom: 15px;
}

.is-visible {
  opacity:  1;
  visibility:   visible;
}

/*JOIN US*/
.joinus {
  padding: 20px 0;
  background: #00aeef;
  color: white;
}
.joinus button {
	background-color: white !important;
    border-color: white !important;
    color: #31b0d5 !important;
}
.joinus button:hover {
	background-color: #f4f4f4 !important;
    border-color: #f4f4f4 !important;
    color: #31b0d5 !important;
}


.joinus .flex {
  display: flex;
  align-items: center;
}

.joinus h2 {
  font-size: 27px;
}

.joinus * {
  text-align: left;
}

.joinus .flex a {
  color: white;
  text-decoration: none;
  font-size: 20px;
}


/*SOCIAL ICONS*/
.share-icons {
  position: absolute;
  top: 100%;
  right: 120px;
  z-index: 9999;
}

.share-icons i {
  font-size: 25px;
  color: black;
  transition: color .2s;
}

.share-icons a:first-child:hover i {
 color: #3b5998; 
}


@media screen and (min-width: 1200px) {
 /* .contact-form .col-md-6 {padding: 0;}*/
}

@media screen and (max-width: 400px) {
  /*.service-template2 .event.col-xs-6 {
	width: 100%;
	text-align: center;
	margin-bottom: 10px; 
  }*/
}

@media screen and (max-width: 420px) {
 .home .event.col-md-4 {
	width: 92%;
	margin-left: 4%;
  }
  
  .service-template2 .event.col-xs-6 {
     width: 100%;
	 padding: 0;
  }
 
}

@media screen and (max-width: 320px) {
 .home .event.col-md-4 {
	width: 100%;
	margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
	.article-post  p {text-align: left;}
 .srp-post-thumbnail-link, #copyright {text-align: center;} 
 #footer .widget-text * {text-align: center;}
 
 #footer .widget-text ul {padding: 0;}

#footer .widget-text img {
  margin: 0 auto;
}

 
 #archives {
   margin-left: 15px;
   margin-right: 15px;
   margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-default .navbar-nav > li > a {
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media screen and (max-width: 991px) {
 .venues-sidebar-wrapper {padding: 0 0 30px !important;}
 	.service-data {padding: 30px 0 0;}
	#about, #news, #contact {padding: 30px 0;}
	#badge {margin-top: 30px;}
	#tools {padding-bottom: 30px;}
	#services, .home #tools, .home #partners2 {padding-top: 30px !important;}

}

.but-link {background: transparent; padding: 15px 20px; margin-top: 0;  }
.but-link:hover {background: #00aeef;}
.but-link, .btn-link:hover, .but-link:active, .but-link:focus {color: #fff; text-decoration: none; border: none;}
button.dropdown-toggle:active {padding: 15px 20px;}

@media screen and (max-width: 767px) {
	.navbar-header {margin-top: 20px;}
	.venues-contact-form {margin: 0 !important;}
	.venues-sidebar-wrapper a {margin-left: 0;}
	.flex-row .flex-single {margin-right: 0; width: calc(50% - 4px); text-align: center;}
	.flex-row .flex-single:nth-child(odd) {margin-right: 8px;}
	.heading {font-size: 2em !important;}
	.event.col-md-4 {padding: 0 15px;}
	.btn-info {font-size: 12px !important;}
	
	.partners-flex-row > p {width: 48%; margin-bottom: 30px;}
	.partners-flex-row img {max-width: 90%;}
	#infoblock2 img {float: none; display: block; margin: 20px auto;}
	.but-link {width: 100%; text-align: left;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff !important;}
	.page-template-template-servicesnew h1 { font-size: 2em!important; }
	
	.joinus .flex {display: block;}
	.joinus * {text-align: center;}
}

.page-template-template-servicesnew .service-data h2 {
    text-align: left;
    font-family: "century gothic";
    font-size: 20px;
    line-height: 22px;
}

@media screen and (min-width: 768px) {
  .form-container .form {
  	overflow-y: hidden;
	height: auto;
 }
}

.error404 h1 {
	margin-top: 40px;
	margin-bottom: -50px;
}

.error404 h2 {
	font-size:2em;
}
.error404 .event__title {
	font-family: "century gothic";	
}
.service-template2 .venues-text img.alignnone {
	margin-top:5px;
}

iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
.single-post .article-post p {
	text-align:left;
}

.single-post .article-post .frizzly-button-container{
	margin-bottom:10px;	
}
.archive h2.ble {
	display:none;	
}


/*RATING*/
.reviews a,
.reviews a:hover,
.reviews a:focus,
.reviews a:visited {
  color: currentColor;
}

.reviewCount-container {
 text-decoration: underline;
}

.stars::before {
  font-family: "FontAwesome";
  content:  "\f006 \f006 \f006 \f006 \f006";
  color: #ffac5a;
}

.stars-container {
  position: relative;
  vertical-align: middle;
  font-family: FontAwesome;
  display: inline-block;
}

.stars-container::before {
  content: "\f006 \f006 \f006 \f006 \f006";
}

.stars-container .stars {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  color: #ffac5a;
  overflow: hidden;
}

.stars-container .stars::before {
  content: "\f005 \f005 \f005 \f005 \f005";
}

.hide {
  visibility: hidden;
}

.single-post .article-post h2 { 
    text-align: left;
    font-family: "century gothic";
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
}

.mt-15 {
	margin: 15px 0;
}

.mt-15 input {
	width: 100%;
	border: 1px solid #ccc;
}

.home .srp-post-content  p {
	text-align: left; 
}

.home .col-md-6 .srp-widget-singlepost {
	border: none;
}

.single .article-post h4 {
	display: none;
}



/* DDOT 17/10/2018 */

/* Section Real Weddings */
.blue-bg {
	background: #00aeef;
}
#featured-posts {
	padding: 100px 0;
	margin-top: 100px;
}
#featured-posts .row:nth-child(2) {
	padding-bottom: 10px;
}
#featured-posts h3,
#featured-posts p {
	text-align: left;
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 15px;
}
#featured-posts .nopadding > a {
	transition: opacity .3s;
	display: block;
}
#featured-posts .nopadding > a:hover {
	opacity: .8;
}
#featured-posts .featured-content {
	position: relative;
	min-height: 400px;
	margin: 0 5px;
	background-size: cover;
	background-repeat: no-repeat;
}
#featured-posts .featured-content div {
	padding: 20px 10px 10px 10px;
	background: rgba(0,174,239, .8);
	position: absolute;
	width: 100%;
	bottom: 0;
}
#featured-posts .featured-content div h3 {
	margin-bottom: 10px;
	font-weight: bold;
}
.more {
	padding-top: 30px;
}
.more a {
	width: 100%;
	white-space: normal;
}
.more a:visited {
	color: #fff !important;
}
@media screen and (min-width: 992px) {
	#featured-posts .featured-content div {
		min-height: 100px;
	}
}
@media screen and (max-width: 991px) {
	#featured-posts {
		padding: 100px 10px !important;
	}
	#featured-posts .row {
		padding-bottom: 0 !important;
	}
	#featured-posts .row > div {
		margin-bottom: 10px !important;
	}
}
@media screen and (min-width: 992px) {
	#news .row:nth-child(2) {
		display: flex;
		flex-wrap: wrap;
	}
}

/* Category / Archives */
#blog-template,
.gallery-template {
	padding-top: 25px;
}
#blog-template .col-md-4 h2 {
	text-align: left;
	padding-left: 38px;
}
#blog-template .srp-widget-singlepost {
	border-bottom: 0;
	padding-bottom: 0;
}
#blog-template .srp-post-content-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.grid-prevent {
	padding: 0 !important;
}
.grid-prevent > div {
	width: 100%;
}


.gallery-template .black-bg {
	padding: 4px 4px 0 8px;
	background: #000;
}