body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map img,.google-maps img{width:none; max-width: none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}


/* mosne reset*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(js/boxsizing.htc); }
nav ul ,nav ul li{ list-style: none; margin: 0; padding: 0;}
body,html{ margin: 0;  padding: 0;}
a{outline:0; text-decoration: none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
p{margin: 0; margin-bottom: 1em;}
.hidden{display: none;}
body { margin: 0; font: 1em/1.5 sans-serif; }


/*
Author  : Boon
URL     : http://builtbyboon.com
Twitter	: http://twitter.com/mattberridge
---------------------------------------*/


/* -- Use this wrapper if you want to block-out a column with padding
Taken from http://csswizardry.com/2011/10/the-island-object/) -- */

#footer .gate,
.row {
  margin-left: -30px; /* gutter */
  overflow: hidden;
  clear: both;
}

#footer .widget-container,
 [class*="col-"]{
  float: left;
  padding-left: 30px; /* gutter */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/boxsizing.htc);
 }


/*!
 * MOSNE RESPONSIVE DESIGN GRIDS
 * Author  : mosne
 * URL     : http://mosne.it
 * ---------------------------------------*/

.col-full{ width: 100%;} .col-1-10{ width: 10%;} .col-1-5{ width: 20%;} .col-3-10{ width: 30%;} .col-2-5{ width: 40%;} .col-1-2{ width: 50%;} .col-3-5{ width: 60%;} .col-7-10{ width: 70%;} .col-4-5{ width: 80%;} .col-9-10{ width: 90%;} .col-1-1{ width: 100%;} .col-1-9{ width: 11.111111111111%;} .col-2-9{ width: 22.222222222222%;} .col-1-3{ width: 33.333333333333%;} .col-4-9{ width: 44.444444444444%;} .col-5-9{ width: 55.555555555556%;} .col-2-3{ width: 66.666666666667%;} .col-7-9{ width: 77.777777777778%;} .col-8-9{ width: 88.888888888889%;} .col-1-8{ width: 12.5%;} .col-1-4{ width: 25%;} .col-3-8{ width: 37.5%;} .col-5-8{ width: 62.5%;} .col-3-4{ width: 75%;} .col-7-8{ width: 87.5%;} .col-1-7{ width: 14.285714285714%;} .col-2-7{ width: 28.571428571429%;} .col-3-7{ width: 42.857142857143%;} .col-4-7{ width: 57.142857142857%;} .col-5-7{ width: 71.428571428571%;} .col-6-7{ width: 85.714285714286%;} .col-1-6{ width: 16.666666666667%;} .col-5-6{ width: 83.333333333333%;}

/* default responsive */
@media (max-width: 767px) {
.col-1-10, .col-1-5, .col-3-10, .col-2-5, .col-1-2, .col-3-5, .col-7-10, .col-4-5, .col-9-10, .col-1-1, .col-1-9, .col-2-9, .col-1-3, .col-4-9, .col-5-9, .col-2-3, .col-7-9, .col-8-9, .col-1-8, .col-1-4, .col-3-8, .col-5-8, .col-3-4, .col-7-8, .col-1-7, .col-2-7, .col-3-7, .col-4-7, .col-5-7, .col-6-7, .col-1-6, .col-5-6, .col-full{ width: 100%;}
}

/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1200px)  {

.b-col-1-10{ width: 10%;} .b-col-1-5{ width: 20%;} .b-col-3-10{ width: 30%;} .b-col-2-5{ width: 40%;} .b-col-1-2{ width: 50%;} .b-col-3-5{ width: 60%;} .b-col-7-10{ width: 70%;} .b-col-4-5{ width: 80%;} .b-col-9-10{ width: 90%;} .b-col-1-1{ width: 100%;} .b-col-1-9{ width: 11.111111111111%;} .b-col-2-9{ width: 22.222222222222%;} .b-col-1-3{ width: 33.333333333333%;} .b-col-4-9{ width: 44.444444444444%;} .b-col-5-9{ width: 55.555555555556%;} .b-col-2-3{ width: 66.666666666667%;} .b-col-7-9{ width: 77.777777777778%;} .b-col-8-9{ width: 88.888888888889%;} .b-col-1-8{ width: 12.5%;} .b-col-1-4{ width: 25%;} .b-col-3-8{ width: 37.5%;} .b-col-5-8{ width: 62.5%;} .b-col-3-4{ width: 75%;} .b-col-7-8{ width: 87.5%;} .b-col-1-7{ width: 14.285714285714%;} .b-col-2-7{ width: 28.571428571429%;} .b-col-3-7{ width: 42.857142857143%;} .b-col-4-7{ width: 57.142857142857%;} .b-col-5-7{ width: 71.428571428571%;} .b-col-6-7{ width: 85.714285714286%;} .b-col-1-6{ width: 16.666666666667%;} .b-col-5-6{ width: 83.333333333333%;}
}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.d-col-1-10{ width: 10%;} .d-col-1-5{ width: 20%;} .d-col-3-10{ width: 30%;} .d-col-2-5{ width: 40%;} .d-col-1-2{ width: 50%;} .d-col-3-5{ width: 60%;} .d-col-7-10{ width: 70%;} .d-col-4-5{ width: 80%;} .d-col-9-10{ width: 90%;} .d-col-1-1{ width: 100%;} .d-col-1-9{ width: 11.111111111111%;} .d-col-2-9{ width: 22.222222222222%;} .d-col-1-3{ width: 33.333333333333%;} .d-col-4-9{ width: 44.444444444444%;} .d-col-5-9{ width: 55.555555555556%;} .d-col-2-3{ width: 66.666666666667%;} .d-col-7-9{ width: 77.777777777778%;} .d-col-8-9{ width: 88.888888888889%;} .d-col-1-8{ width: 12.5%;} .d-col-1-4{ width: 25%;} .d-col-3-8{ width: 37.5%;} .d-col-5-8{ width: 62.5%;} .d-col-3-4{ width: 75%;} .d-col-7-8{ width: 87.5%;} .d-col-1-7{ width: 14.285714285714%;} .d-col-2-7{ width: 28.571428571429%;} .d-col-3-7{ width: 42.857142857143%;} .d-col-4-7{ width: 57.142857142857%;} .d-col-5-7{ width: 71.428571428571%;} .d-col-6-7{ width: 85.714285714286%;} .d-col-1-6{ width: 16.666666666667%;} .d-col-5-6{ width: 83.333333333333%;}
}


/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.t-col-1-10{ width: 10%;} .t-col-1-5{ width: 20%;} .t-col-3-10{ width: 30%;} .t-col-2-5{ width: 40%;} .t-col-1-2{ width: 50%;} .t-col-3-5{ width: 60%;} .t-col-7-10{ width: 70%;} .t-col-4-5{ width: 80%;} .t-col-9-10{ width: 90%;} .t-col-1-1{ width: 100%;} .t-col-1-9{ width: 11.111111111111%;} .t-col-2-9{ width: 22.222222222222%;} .t-col-1-3{ width: 33.333333333333%;} .t-col-4-9{ width: 44.444444444444%;} .t-col-5-9{ width: 55.555555555556%;} .t-col-2-3{ width: 66.666666666667%;} .t-col-7-9{ width: 77.777777777778%;} .t-col-8-9{ width: 88.888888888889%;} .t-col-1-8{ width: 12.5%;} .t-col-1-4{ width: 25%;} .t-col-3-8{ width: 37.5%;} .t-col-5-8{ width: 62.5%;} .t-col-3-4{ width: 75%;} .t-col-7-8{ width: 87.5%;} .t-col-1-7{ width: 14.285714285714%;} .t-col-2-7{ width: 28.571428571429%;} .t-col-3-7{ width: 42.857142857143%;} .t-col-4-7{ width: 57.142857142857%;} .t-col-5-7{ width: 71.428571428571%;} .t-col-6-7{ width: 85.714285714286%;} .t-col-1-6{ width: 16.666666666667%;} .t-col-5-6{ width: 83.333333333333%;}
}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.m-col-1-10{ width: 10%;} .m-col-1-5{ width: 20%;} .m-col-3-10{ width: 30%;} .m-col-2-5{ width: 40%;} .m-col-1-2{ width: 50%;} .m-col-3-5{ width: 60%;} .m-col-7-10{ width: 70%;} .m-col-4-5{ width: 80%;} .m-col-9-10{ width: 90%;} .m-col-1-1{ width: 100%;} .m-col-1-9{ width: 11.111111111111%;} .m-col-2-9{ width: 22.222222222222%;} .m-col-1-3{ width: 33.333333333333%;} .m-col-4-9{ width: 44.444444444444%;} .m-col-5-9{ width: 55.555555555556%;} .m-col-2-3{ width: 66.666666666667%;} .m-col-7-9{ width: 77.777777777778%;} .m-col-8-9{ width: 88.888888888889%;} .m-col-1-8{ width: 12.5%;} .m-col-1-4{ width: 25%;} .m-col-3-8{ width: 37.5%;} .m-col-5-8{ width: 62.5%;} .m-col-3-4{ width: 75%;} .m-col-7-8{ width: 87.5%;} .m-col-1-7{ width: 14.285714285714%;} .m-col-2-7{ width: 28.571428571429%;} .m-col-3-7{ width: 42.857142857143%;} .m-col-4-7{ width: 57.142857142857%;} .m-col-5-7{ width: 71.428571428571%;} .m-col-6-7{ width: 85.714285714286%;} .m-col-1-6{ width: 16.666666666667%;} .m-col-5-6{ width: 83.333333333333%;}
}


@font-face {
	font-family: 'icons';
	src:url('fonts/icons.eot');
	src:url('fonts/icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/icons.woff') format('woff'),
		url('fonts/icons.ttf') format('truetype'),
		url('fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
.loopnavi ul > li a,
#header ul.menu#menu-tools > li > a,
[data-icon]:before {
	font-family: 'icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	line-height: 23px;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"]:before {
*/
.icon-grid:before, .icon-list:before, .icon-list-2:before, .icon-search:before, .icon-close:before, .icon-location:before, .icon-close-2:before, .icon-eye:before, .icon-bolt:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-arrow-down:before, .icon-arrow-up:before, .icon-asterisk:before, .icon-bookmark:before, .icon-folder:before, .icon-goal:before, .icon-window:before, .icon-twitter:before, .icon-facebook:before, .icon-googleplus:before, .icon-pinterest:before, .icon-linkedin:before, .icon-github:before, .icon-arrow-left-2:before, .icon-arrow-down-2:before, .icon-arrow-up-2:before, .icon-arrow-right-2:before, .icon-arrow-left-3:before, .icon-arrow-down-3:before, .icon-arrow-up-3:before, .icon-untitled:before, .icon-new-tab:before {
	font-family: 'icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0;width:100%;overflow:hidden}.flexslider .slides > li{display:none}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides > li:first-child{display:block}.flexslider{margin:0;position:relative;zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{width:33px;height:33px;margin:-20px 0 0;display:block;background:url(images/bg_direction_nav.png?v=2) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}.flex-direction-nav .flex-prev{left:-36px}.flexslider:hover .flex-next{opacity:0.8;right:5px}.flexslider:hover .flex-prev{opacity:0.8;left:5px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{display:none;opacity:.3 !important;filter:alpha(opacity=30);cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:7px;height:7px;display:block;background:#ccc;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#ef4123}.flex-control-paging li a.flex-active{background:#666;cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity:0;left:0}.flex-direction-nav .flex-next{opacity:0;right:0}}.safewrap{border:30px solid #000;border-color:rgba(255,255,255,0.75);border-radius:15px;background:transparent;min-height:210px;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;-ms-transition:opacity .3s linear;-o-transition:opacity .3s linear;transition:opacity .3s linear;opacity:0}

/* theme styles*/



body,html{
	padding: 0;
	margin: 0;
	
	 -webkit-tap-highlight-color: rgba(255,255,255,0);
}

#menu-item-64 form{
    float: left;
}


#menu-item-64 input,
#s{
    font-family: 'Lekton', monospace;
    letter-spacing: 0.08em;
    color: #777;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 23px;
    width: 0px;
    float: left;
    outline: none;
    margin: 10px 0 0 0;
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;

}


.wpcf7 input,
.wpcf7 textarea{
    font-family: 'Lekton', monospace;
    letter-spacing: 0.08em;
    color: #777;
    float: left;
    width: 90%;
    line-height: 1em;
    padding: 10px;
    border: 0;
    background: #F3F5F6;
    margin-bottom: 15px;
    border-radius: 4px;
    -webkit-appearance: none;
    outline: none;
}

.wpcf7 input:focus{
    outline: none;
}

.wpcf7 input[type="submit"]{
    width: auto;
    text-align: center;
    background: #777;
    color: #CCDDE1;
    padding: 10px;
    padding-bottom: 7px;
    opacity: .5;
    text-transform: uppercase;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.wpcf7 input[type="submit"]:hover{
    opacity: 1;
}



#menu-item-64 input.large,
#s.large{
    width: 92px;
    margin: 10px 0 0 21px;
    opacity: 1;
}




#bd{
    background: #f9f9f9;
}

#footer{
    font-size: 13px;
}

#searchform{
    display: none;
}

a{
    color: #777;
}

a:hover{
    color: #ccc;
}

.lit p,
.sans{
    font-family: 'Open Sans', sans-serif;
}

.sans strong{
    text-transform: uppercase;
    font-size: 0.83em;
}

.nicelink{
    text-decoration: underline;
}

#pool h1{
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
	border:none !important;

}


.prepare .box{
    opacity: 0;
}


#header nav{
    float: right;
}

#header ul,
#header ul li{
    float: left;
    display: inline;

}


#header .sub-menu,
#header .menu{
    background: white;
  /*  border: 1px solid #e2e4e3; */
    border-radius: 4px;
    float: left;
display: inline;
margin-left: 30px;
margin-top: 16px;

}

#header .menu{
    height: 39px;
}


.loopnavi ul{
display: inline-block;
}


#header ul.menu > li{
float: left;
border-left: 1px solid #EFEFEF;
position: relative;
height: 38px;
}


#header ul.menu#menu-tools > li > a{
    color: #888;
}
#header ul.menu#menu-tools > li > a:hover{
    color: #ccc;
}

.loopnavi ul > li a{
    color: #444;
    color: rgba(0,0,0,.65);
    font-size: 15px;
    padding: 5px;
}
.loopnavi ul > li a:hover{
text-decoration: none;
opacity: .65;
}




#header ul.menu li:first-child{
    border: 0;
}

.sub-menu a,
#header ul.menu > li a{
    float: left;
    padding: 0.5em 1em;
    line-height: 27px;
}

.current-menu-item{
    font-weight: bold;
}

#header .sub-menu {
position: absolute;
left: -76px;
top: 53px;
margin-top: 0;
/*border-top-right-radius: 0;*/
z-index: 9999;
}

#header .sub-menu a{
font-family: 'Lekton', monospace;
}

#header ul.menu  #menu-item-322, #header ul.menu  #menu-item-666{
    width: 100%;
}
#header ul.menu  #menu-item-322{
    border-bottom: 1px solid #EFEFEF;
}
#header ul.menu  #menu-item-666{
    border-top: 1px solid #e2e4e3;
}


#loading{

position: fixed;
height: 5px;
float: left;
width: 100%;
z-index: 9999;
background-position: 0 0;
background: rgb(100,161,165);
background: -moz-linear-gradient(left, rgba(100,161,165,1) 0%, rgba(227,217,187,1) 15%, rgba(247,189,128,1) 36%, rgba(237,118,122,1) 57%, rgba(181,74,113,1) 81%, rgba(100,161,165,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,161,165,1)), color-stop(15%,rgba(227,217,187,1)), color-stop(36%,rgba(247,189,128,1)), color-stop(57%,rgba(237,118,122,1)), color-stop(81%,rgba(181,74,113,1)), color-stop(100%,rgba(100,161,165,1)));
background: -webkit-linear-gradient(left, rgba(100,161,165,1) 0%,rgba(227,217,187,1) 15%,rgba(247,189,128,1) 36%,rgba(237,118,122,1) 57%,rgba(181,74,113,1) 81%,rgba(100,161,165,1) 100%);
background: -o-linear-gradient(left, rgba(100,161,165,1) 0%,rgba(227,217,187,1) 15%,rgba(247,189,128,1) 36%,rgba(237,118,122,1) 57%,rgba(181,74,113,1) 81%,rgba(100,161,165,1) 100%);
background: -ms-linear-gradient(left, rgba(100,161,165,1) 0%,rgba(227,217,187,1) 15%,rgba(247,189,128,1) 36%,rgba(237,118,122,1) 57%,rgba(181,74,113,1) 81%,rgba(100,161,165,1) 100%);
background: linear-gradient(to right, rgba(100,161,165,1) 0%,rgba(227,217,187,1) 15%,rgba(247,189,128,1) 36%,rgba(237,118,122,1) 57%,rgba(181,74,113,1) 81%,rgba(100,161,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a1a5', endColorstr='#64a1a5',GradientType=1 );

 /*hack with background-size */
 -moz-background-size:33%;
 -webkit-background-size:33%;
 background-size:1%;
 opacity: 0;
 }

#loading.loading{
	-webkit-animation-name: loader;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: loader;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	animation-name: loader;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	opacity: 1;
}




.circle img,
.circle{
    width: 160px;
    height: 160px;
    border-radius: 320px;
    display: inline-block;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    }
.title{
    width: 100%;
    height: 1em;
    float: left;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.icon .circle,
.icon .circle img{
    width: 80px;
    height: 80px;

}

.circle{
     background: #fff;
}

.circle.small{
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);

}

.circle.xsmall{
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);

}

.bodytext.aligncenter{
    margin:0 4%;
}

.bodytext,
.bodytext a{
    color: #444;
    color: rgba(0,0,0,.65)
}

.bodytext a:hover{
    opacity: .8;
    text-decoration: underline;
}
.extra{
    font-size: 12px;
}

.extra a{
    text-transform: lowercase;
}

.title{

margin: 1em 0;
    width: 100%;
    float: left;
            -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

@-webkit-keyframes loader {
	0% { background-size:33%; opacity: 1; }
	100% { background-size:100%; opacity: 1; }
}

@-moz-keyframes loader {
	0% { background-size:33%; opacity: 1;}
	100% { background-size:100%; opacity: 1; }
}

@keyframes loader {
	0% { background-size:33%; opacity: 1;}
	100% { background-size:100%; opacity: 1;}
}


@-webkit-keyframes mpulse {
	0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(0.9); }
	100% { -webkit-transform: scale(1); }
}

@-moz-keyframes mpulse {
	0% { -moz-transform: scale(1); }
	50% { -moz-transform: scale(0.9); }
	100% { -moz-transform: scale(1); }
}


@keyframes mpulse {
	0% { transform: scale(1); }
	50% { transform: scale(0.9); }
	100% {transform: scale(1); }
}

@-moz-keyframes shake {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes shake {
	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); }
}


@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% {transform: translate(1px, -2px) rotate(-1deg); }
}



a.open:hover .circle{
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: shake;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

}

.circle.mpulse{
	-webkit-animation-name: mpulse;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: mpulse;
	-moz-animation-duration: 0.8s;
	-moz-transform-origin:50% 50%;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	animation-name: mpulse;
	animation-duration: 0.8s;
	transform-origin:50% 50%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

a.open .circle img{
    opacity: 0;
}
.current a.open .circle img,
a.open:hover  .circle img{
    opacity: 1;
}

#footer .widget-container{
    width: 20%;
}

#pool{
    margin: 30px;
    min-height: 450px;
}

.box{
     text-align: center;
}


.content,
#header,#footer{

    padding: 30px 0;
}



#pool.makerow .circle,
#pool.makerow .circle img{
    width: 80px;
    height: 80px;
    display: inline-block;
}


#pool.makerow .title{
   float: none;
   width: auto;
   display: inline;
   margin-left: 1em;
}


.push{
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    padding: 0 30px;
}


h1,h2,h3,h4{
    font-size: 15px;
}

h1.huge{
    font-size: 26px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    margin-bottom: 40px;
}

#footer h3{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: italic;
}


#header h1{
    float: left;
    width: auto;
}



#header h1 a{
    font-size: 15px;
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    line-height: 55px;
    float: left;

}

#header h1 a span{
    width: 15px;
    height: 30px;
    float: left;
    display: inline;
    text-indent: -9999px;


}

.logo_m { background: #64a1a5; margin-top: 15px;}
.logo_o { background: #e3d9bb;}
.logo_s { background: #f7bd80; margin-top: 15px;}
.logo_n { background: #ed767a;}
.logo_e { background: #b54a71; margin-top: 15px;margin-right: 30px;}

/* map */

#mapwrap {
	float:left;
	width:100%;
	position: relative;
}

#map {
	float:left;
	width:100%;
	height:560px;
}

#map:before {
    content: ' ';
    background: transparent;
    width: 60px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

.bubble {
	position:absolute;
	text-align:center;
	left:0;
	font-size:12px;
	top:0;
	z-index:-2;
	color:#999;
	line-height: 15px;
	float:left;
	margin-top:10px;
	padding:10px;
	width:220px;
	background:#fff;
	text-align:left;
	border-radius: 4px;
	-moz-box-shadow:0 0 8px #ccc;
	-webkit-box-shadow:0 0 8px #666;
	box-shadow:0 0 8px #ccc;
}



.infoBox {
	height:11px
}

.bubble .circle,
.bubble .circle img{
    width: 30px;
    height: 30px;
    float: left;
    margin-top: -9px;
}

.bubble .title{
    margin-left: 1em;
    width: auto;
    float: inherit;

}




.csstransitions #header .sub-menu,
.csstransitions .toslide{
    -webkit-transition: height .4s ease-in-out;
    -moz-transition: height .4s ease-in-out;
    -ms-transition: height .4s ease-in-out;
    -o-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out;
    max-height: 9999px;
    overflow: hidden;
    height: 0;
}


/*.csstransitions .page-template-_contact-php .toslide{
    height: auto;
    display: block;
}*/


.no-csstransitions #header .sub-menu,
.no-csstransitions .toslide{
    display: none;
}

.bodytext.aligncenter{
    position: relative;
}

.loopnavi .sx,
.loopnavi .dx,
.loopnavi .close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

.loopnavi .dx{
    top: 50px;
    right: 0;
}

.loopnavi .sx{
    top: 50%;
    left: -120px;
    right: inherit;
    margin-top: -15px;
}


.stbt{
    display: none;
}

.process h1{
    background: #F8BD80;
    color: white;
    width: 38px;
    height: 38px;
    clear: both;
    float: left;
    border-radius: 40px;
    text-align: center;
    line-height: 41px;
    letter-spacing: 0;
    margin-right: 90%;
}

#fb{
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
}

#gp{
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 999;
}

#footer{
    padding-bottom: 160px;
}
#pool a:hover {
	background:none !important;
	}

#pool .box h1{
    padding-bottom: 20%;
    float: left;
    width: 100%;
-webkit-transition : padding .4s ease;
-moz-transition : padding .4s ease;
-ms-transition : padding .4s ease;
transition : padding .4s ease;

}

#pool .box.pari h1{
    padding-bottom: 0;
    padding-top: 150%;
}

#pool.makerow .box h1,
#pool.makerow .box.pari h1{
  padding-bottom: 0;
  padding-top: 0;
}




/* Large desktop */
@media (min-width: 1200px) {

#pool.makerow .box{

    text-align: left;
}
.safewrap{
    min-height: 416px;
}


}




.responcy{ width: 169px;
   float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(js/boxsizing.htc);

}

#pool.makerow .responcy{ width: 25%;}

/* default responsive */
@media (max-width: 767px) {

.responcy{ width: 25%;}

#pool.makerow .responcy{ width: 50%;}

.circle,
.circle img{
    width: 80px;
    height: 80px;
}


#footer .widget-container{
    width: 50%;
    min-height: 10em;
}
.icon,
.aligncenter{
    text-align: center;
}

.safewrap{
    margin-bottom: 40px;
}

#header .menu{
margin-left: 0;
margin-right: 30px;
}

#header nav{
    float: left;
    width: 100%;
}


.loopnavi .sx{

    display: none;

}

.loopnavi .dx,
.loopnavi .close{
top: 25px;
right: inherit;
left: 50%;
margin-left: -93px;
}

.loopnavi .dx{
margin-left: 66px;
}

.stbt{
    display: block;
}
.sdsk{
    display: none;
}

}


/* -- Breakpoint 4 (.b) BIG DESKTOP
------------------------------------------------------------- */
@media (min-width: 1400px)  {

.responcy{ width: 169px;}
#pool.makerow .responcy{ width: 20%;}

}


/* -- Breakpoint 3 (.d) DESKTOP
------------------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1199px)  {

.responcy{ width: 169px;}
#pool.makerow .responcy{ width: 33.333333333333%;}

}



/* -- Breakpoint 2 (.t) TABLET
------------------------------------------------------------- */
@media (min-width: 481px) and (max-width: 768px) {
.responcy{ width: 25%;}
#pool.makerow .responcy{ width: 100%;}


.circle,
.circle img{
    width: 100px;
    height: 100px;
}
.title{
    font-size: 14px;
}

}


/* -- Breakpoint (.m) MOBILE
------------------------------------------------------------- */
@media (max-width: 480px) {

.responcy{ width: 50%;}
#pool.makerow .responcy{ width: 100%;}

#header .menu {
    margin-right: 0;
}



.flex-control-nav li {
margin: 0 4px;
}

#header nav{
    float: left;
}

.content, #header, #footer {
padding: 20px 0;
}



#pool .circle,
#pool .circle img{
    width: 110px;
    height: 110px;
}

}