/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* ====== CSS for Accordion (Popular destination) ======*/

 .list_height li {
    line-height: 1.5em;
	font-size:16px;
	font-weight:bold;
 }
.wk-accordion-style_1 
  h3{color:#FFF; }
  

/* ===== change textarea(message) in contact us form =====*/

textarea{
   width:600px;
   height:120px;
}
form.pwebcontact-form button {
width: 180px!important;
}

/*========================================*/


div#why_us dd {
float: left;
display: inline;
padding: 27px 5px 25px 60px;
white-space: nowrap;
}

/*  ===============  perfect Ajax contact form =====================*/
form.pwebcontact-form textarea {
	width: 143% !important;	
}

form.pwebcontact-form button {
	width: 150px!important;
}
#pwebcontact156_container {
	background-color:transparent
}


/*==========Parallell position in Main menu position ================*/
.uk-navbar-nav {  
    float: left;  
}
/*=============== Overlay in images =============================*/
.tm-overlay h2 { color:#FF0000!important}

/*=====================Footer Background image  ==================================*/
.tm-footer { background: transparent url(./../../../images/background/footer.png) no-repeat;

color: #2A2A26;}
	



/*=================== Tabs ======================= */
.wk-slideshow-tabs .nav li.active {

background: #e0001b;
color:#FFF
}

/*=================Front page slider =======================*/
.uk-panel-box-nopadding {
padding: 10px; background:#FAF9FF}


/* +++++++++++++ nabbar margin +++++++++++*/

 .tm-navbar-space .tm-navbar {
margin-top: 0px!important;
margin-bottom: 15px!important;}
/*=====================================*/
      /*
 * Tabs
 */
.nav-tabs {
  border-top: 5px solid #e0001b;
  padding-top:1px;
background: rgb(255, 255, 255) -webkit-linear-gradient(top, rgb(241,240,255) 18%, rgb(213,208,255)100%) repeat scroll 0% 0% / 100%
}
.nav-tabs > li > a {
  
  border-color:none;
  /* Overrides */
  padding: 8px 20px 8px 20px;
}
.nav-tabs > li > a:hover {
  border-color:#e0001b;
  border-bottom-color:#FF9900;
  background:#011e41;
  color:#fff;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color:#fff;
  font-weight:800;
  background-color:#e0001b;
 border-bottom-color:#fff!important;
 }
/*=========== awaresome icon color ================*/ 
 
 .uk-icon-map-marker {
    color: #011e41;
}
 .uk-icon-clock-o {
    color: #011e41;
}
 .uk-icon-dollar {
    color: #011e41;
}
 .uk-icon-calendar {
    color: #011e41;
}
 .uk-icon-twitter {
    color:#24ACC4;
}
 .uk-icon-youtube {
    color: #e0001b;
}
 .uk-icon-facebook {
    color:#3c599b;
}
 .uk-icon-linkedin {
    color: #0085ae;
}
 
 .uk-icon-check-circle-o {
    color: #011e41;
}
 .uk-icon-minus-circle {
    color: #011e41;
}
 .uk-icon-building-o {
    color:#011e41 ;
}

/*===========  tm-button-more =======================*/
.uk-button.tm-button-more:after {
  margin-left: -10px;
  content: '\f060';
  font-family: 'FontAwesome';
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.uk-button:hover.tm-button-more:after {
  opacity: 1;
  margin-left: 10px;
}
/*============Gutter remove ================*/
.tm-grid-gutter-remove,
.tm-grid-gutter-remove .uk-grid {
  margin-left: 0 !important;
}
.tm-grid-gutter-remove > *,
.tm-grid-gutter-remove .uk-grid > * {
  padding-left: 0 !important;
}
[data-tm-grid-tile] {
  position: relative;
}
/*=======================================*/
/* Overlay
 ========================================================================== */
.tm-overlay.uk-overlay {
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #ffffff;
}
.tm-overlay.uk-overlay .uk-overlay-area {
  overflow: hidden;
  margin: 20px;
  padding: 20px;
  border: 3px solid #ffffff;
  background: rgba(43, 43, 43, 0.25);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.tm-overlay.uk-overlay .tm-overlay-headline {
  position: absolute;
  top: 100%;
  right: 20px;
  left: 20px;
  margin-right: 20px;
  text-align: left;
  word-break: break-all;
  opacity: 0;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tm-overlay.uk-overlay:hover .tm-overlay-headline {
  top: 20px;
  opacity: 1;
}
.tm-overlay.uk-overlay .tm-overlay-content {
  position: absolute;
  right: 20px;
  bottom: 100%;
  left: 20px;
  text-align: left;
  opacity: 0;
  color: #ffffff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tm-overlay.uk-overlay:hover .tm-overlay-content {
  bottom: 20px;
  opacity: 1;
}
.tm-custom-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: -60px;
}
.tm-fullscreen .tm-custom-image {
  margin-left: calc(50% - 50vw);
}
@media (max-width: 480px) {
  .tm-overlay.uk-overlay .tm-overlay-headline {
    font-size: 1.5em;
  }
}
/*=======================*/
#planewindow { padding-right: 20px!important;
padding-left:20px!important

 -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;

 border-radius:90px; }
 /*=====================================================*/
 
  
/*============  FIRE ===========================*/  
  

.fire {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal 50px/normal "Anton", Helvetica, sans-serif;
  color:red ;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 0 20px rgb(254,252,201) , 10px -10px 30px rgb(254,236,133) , -20px -20px 40px rgb(255,174,52) , 20px -40px 50px rgb(236,118,12) , -20px -60px 60px rgb(205,70,6) , 0 -80px 70px rgb(151,55,22) , 10px -90px 80px rgb(69,27,14) ;}
 @-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
 }
.shake:hover,
.shake:focus {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
.shake {
	display:inline-block
}


/* =========== Shadow Text ===================*/


.shadowtext {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  border: none;
  font: normal 30px/normal "Permanent Marker", Helvetica, sans-serif;
  color:#011e41;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 1px 0 rgb(204,204,204) , 0 2px 0 rgb(201,201,201) , 0 3px 0 rgb(187,187,187) , 0 4px 0 rgb(185,185,185) , 0 5px 0 rgb(170,170,170) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px rgba(0,0,0,0.2) , 0 5px 10px rgba(0,0,0,0.247059) , 0 10px 10px #9F0C00 , 0 20px 20px #FF9 ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.shadowtext:hover {
  color:#e0001b;
  text-shadow: 0 1px 0 rgba(255,255,255,1) , 0 2px 0 rgba(255,255,255,1) , 0 3px 0 rgba(255,255,255,1) , 0 4px 0 rgba(255,255,255,1) , 0 5px 0 rgba(255,255,255,1) , 0 6px 1px rgba(0,0,0,0.0980392) , 0 0 5px rgba(0,0,0,0.0980392) , 0 1px 3px rgba(0,0,0,0.298039) , 0 3px 5px #FF9 , 0 -5px 10px rgba(0,0,0,0.247059) , 0 -7px 10px #F60 , 0 -15px 20px #F00 ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
}
/*=============== STICKER NOTES==========================*/

.note1 *{
  margin:0;
  padding:0;
   
}
.note1 body{
  font-family:arial,sans-serif;
  font-size:100%;
  margin:3em;
  background:#666;
  color:#fff;
  strong { 
    font-weight: bold;
}
}
note1 h2,p{
  font-size:100%;
  font-weight:normal;
}
.note1 ul,li{
  list-style:none;
}
.note1 ul{
  overflow:hidden;
  padding:3em;
}
.note1 ul li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:10em;
  width:10em;
  padding:1em;
}
.note1 ul li{
  margin:1em;
  float:left;
}

.note1 ul li h2{
  font-size:140%;
  font-weight:bold;
  padding-bottom:10px;
}
.note1 ul li p{
  font-family:"Reenie Beanie",arial,sans-serif;
  font-size:180%;
}
.note1 ul li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:10em;
  width:10em;
  padding:1em;
  /* Firefox */
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  /* Safari+Chrome */
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  /* Opera */
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
}
.note1 ul li a{
  -webkit-transform:rotate(-6deg);
  -o-transform:rotate(-6deg);
  -moz-transform:rotate(-6deg);
}
.note1 ul li:nth-child(even) a{
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
  position:relative;
  top:5px;
}
.note1 ul li:nth-child(3n) a{
  -o-transform:rotate(-3deg);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  position:relative;
  top:-5px;
}
.note1 ul li:nth-child(5n) a{
  -o-transform:rotate(5deg);
  -webkit-transform:rotate(5deg);
  -moz-transform:rotate(5deg);
  position:relative;
  top:-10px;
}
.note1 ul li a:hover,ul li a:focus {
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position:relative;
  z-index:5;
}
.note1 ul li ul  a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:10em;
  width:10em;
  padding:1em;
  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);
  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -moz-transition:-moz-transform .15s linear;
  -o-transition:-o-transform .15s linear;
  -webkit-transition:-webkit-transform .15s linear;
}
.note1 ul li:nth-child(even) a{
 
  background:#cfc;
}
.note1 ul li:nth-child(3n) a{
 
  background:#ccf;
}



.pin {
background-color: #aaa;
display: block;
height: 32px;
width: 2px;
position: absolute;
left: 50%;
top: -16px;
z-index: 1;

}


.pin:after {
background-color: #A31;
background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
border-radius: 50%;
box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
inset 3px 3px 3px hsla(0,0%,100%,.2),
inset -3px -3px 3px hsla(0,0%,0%,.2),
23px 20px 3px hsla(0,0%,0%,.15);
content: '';
height: 12px;
left: -5px;
position: absolute;
top: -10px;
width: 12px;
}
.pin:before {
background-color: hsla(0,0%,0%,0.1);
box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
content: '';
height: 24px;
width: 2px;
left: 0;
position: absolute;
top: 8px;
transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);
  transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;

}
/*=======================================*/
#boxpic {
  position: relative;
  width: 60%;
  background: #ddd;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2em 1.5em;
  color: rgba(0,0,0, .8);
  text-shadow: 0 1px 0 #fff;
  line-height: 1.5;
  margin: 60px auto;
}


#boxpic:before, #boxpic:after {
  z-index: -1; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
}

#boxpic:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}