/*-------------------------------- 
 * CSS override to change template.
---------------------------------*/
@font-face {
    font-family: 'jaapokkienchance-regular';
    src: url('../fonts/jaapokkienchance-regular.eot');
    src: url('../fonts/jaapokkienchance-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/jaapokkienchance-regular.woff2') format('woff2'),
         url('../fonts/jaapokkienchance-regular.woff') format('woff'),
         url('../fonts/jaapokkienchance-regular.ttf') format('truetype'),
         url('../fonts/jaapokkienchance-regular.svg#geared_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

body {
color:#555555;
font-size:16px;
font-weight:300;
line-height:24px;
font-family: 'Roboto Slab', serif;	
}



.hp h1, .hg h1, .hb h1 {margin:0px !important; padding:0px !important; font-family: 'jaapokki-regular' !important; color:#fff !important; font-size:30px !important; line-height:20px !important; margin-bottom:0px !important; padding-bottom:0px !important;}
.hp h2, .hg h2, .hb h2 {margin:0px !important; padding:0px !important; font-family: 'Roboto Slab', serif !important; color:#2b2b2b !important; font-size:30px !important; line-height:normal !important; font-weight:700 !important; padding-bottom:20px !important;}
.hp h3, .hg h3, .hb h3 {margin:0px !important; padding:0px !important; font-family: 'Roboto Slab', serif !important; color:#2b2b2b !important; font-size:20px !important; line-height:normal !important; text-transform:none !important; padding-top:18px !important; padding-bottom:9px !important; text-shadow:0px 1px 1px #fff !important;}

.hp p, .hg p, .hb p { margin-bottom:0px !important}

.hp {float:left; max-width:33%; text-align:center; border-bottom:5px solid #d6d6d6; 
border-radius: 2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
margin-top:72px;
}


.hg {float:left; 
max-width:33%; 
text-align:center; 
border-bottom:5px solid #d6d6d6;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);

}

.hb {float:left; max-width:33%; text-align:center; border-bottom:5px solid #d6d6d6;
border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
-webkit-border-radius: 0px 2px 2px 0px;
margin-top:72px;

}

.hp1 {background-color:#7b3e77; color:#fff; padding-bottom:24px; padding-top:28px; font-size:12px !important;}
.hp2 {background-color:#e9e9e9; color:#2b2b2b; border-left:5px solid #d6d6d6;}
.hp3 {background-color:#f6f6f6; padding-top:28px; padding-bottom:28px; border-left:5px solid #d6d6d6; padding-left:20px; padding-right:20px;}

.hp4 p { line-height:38px !important; text-shadow:0px 1px 1px #fff !important;}
.hp4 {background-color:#e9e9e9; color:#2b2b2b; border-left:5px solid #d6d6d6; padding-bottom:20px; }


.hp-btn {background-color:#7b3e77; color:#fff; 
font-family: 'jaapokki-regular' !important; color:#fff !important; 
font-size:26px !important;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
text-transform:uppercase !important;
padding:5px 34px 0px 34px;
text-shadow:0px 0px 0px #fff !important;

}

.hg1 {background-color:#51a649; color:#fff; padding-bottom:24px; padding-top:28px; font-size:12px !important;}
.hg2 {background-color:#e9e9e9; color:#2b2b2b; border-left:5px solid #d6d6d6; border-right:5px solid #d6d6d6; }
.hg3 {background-color:#f6f6f6; padding-top:28px; padding-bottom:28px; border-left:5px solid #d6d6d6; border-right:5px solid #d6d6d6; padding-left:30px; padding-right:30px;}
.hg4 {background-color:#e9e9e9; color:#2b2b2b; border-left:5px solid #d6d6d6; border-right:5px solid #d6d6d6; padding-bottom:20px; }

.hg4 p { line-height:38px !important; text-shadow:0px 1px 1px #fff !important;}


.hg-btn {background-color:#51a649; color:#fff; 
font-family: 'jaapokki-regular' !important; color:#fff !important; 
font-size:26px !important;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
text-transform:uppercase !important;
padding:5px 34px 0px 34px;
text-shadow:0px 0px 0px #fff !important;
}

.hb1 {background-color:#3878a6; color:#fff; padding-bottom:24px; padding-top:28px; font-size:12px !important;}
.hb2 {background-color:#e9e9e9; color:#2b2b2b; border-right:5px solid #d6d6d6;}
.hb3 {background-color:#f6f6f6; padding-top:15px; padding-bottom:15px; border-right:5px solid #d6d6d6; padding-left:10px; padding-right:10px;}
.hb4 {background-color:#e9e9e9; color:#2b2b2b; border-right:5px solid #d6d6d6; padding-bottom:20px;}
.hb4 p { line-height:33px !important; text-shadow:0px 1px 1px #fff !important;}

.hb-btn {
background-color:#3878a6; 
color:#fff; 
font-family: 'jaapokki-regular' !important; color:#fff !important; 
font-size:26px !important;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
text-transform:uppercase !important;
padding:5px 34px 0px 34px;
text-shadow:0px 0px 0px #fff !important;
}

.hb-btn:hover, .hg-btn:hover, .hp-btn:hover { background-color:#444349 !important}
 



table.mytable {width:100%; margin-bottom:25px; border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;}
table.mytable th { text-align:left; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px;}
table.mytable td {border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px;}


table.fluid { border-top:1px solid #ccc;  border-left:1px solid #ccc; max-width:100%; margin-top:35px;}
table.fluid th { font-weight:bold !important; text-align:left; border-right:1px solid #ccc; font-family: 'Roboto Slab', serif;	
  font-size: 18px !important; vertical-align:top; padding:10px; background-color:#f0f0f0; color:#7b3e77 !important; line-height:22px; border-bottom:1px solid #ccc; text-shadow:0px 1px 1px #fff;}
table.fluid td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:transparent !important; font-family: 'Roboto Slab', serif;	
  font-size: 16px !important; padding:10px;}
 
a.fluid-more {
  text-decoration: none !important;
  border: 0px !important;
  display: inline-block;
  font-family: 'jaapokki-regular';
  font-size: 15px;
  line-height: 18px;
  text-transform:uppercase;
  font-weight: 400 !important;
  background: #50a648 !important;
  background-color: #50a648 !important;
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.125);
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px;
  -moz-box-shadow: 0px 0px 4px #CCC;
  -webkit-box-shadow: 0px 0px 4px #CCC;
  box-shadow: 0px 0px 4px #CCC;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC');
  width: auto !important;
  border: 0px !important;
  text-align: center !important;
  margin-right: 10px !important;
}	
 

a:hover.fluid-more {background-color:#62c359 !important; text-decoration:none; }

img.best {
z-index:9999;
position:absolute;
margin-top:-30px !important;	
margin-left:30px;
	}

.staff1 {float:left; width:30%; padding-right:20px; text-align:center;}
.staff2 {float:left; width:30%; text-align:center; padding-left:20px;  padding-right:20px; }
.staff3 {float:left; width:30%; text-align:center; padding-left:20px; }
.staff1 img, .staff2 img, .staff3 img { margin-bottom:10px; margin-top:10px;
filter: none;

-webkit-filter: grayscale(0%);

filter: grayscale(0%);

-webkit-filter: grayscale(0%);

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.staff1 img:hover, .staff2 img:hover, .staff3 img:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */	
	-webkit-transition: all .6s ease;
}

/*
.larissa img:last-child{display:none}
.larissa:hover img:first-child{display:none}
.larissa:hover img:last-child{display:inline-block}
*/



h1 { margin:0px; padding:0px; line-height:36px; color:#2b2b2b; font-weight:400;  font-family: 'jaapokki-regular'; font-size:33px; text-transform:uppercase; padding-bottom:5px; letter-spacing:1px !important;}
h2 { margin:0px; padding:0px; line-height:normal; font-family: 'Roboto Slab', serif; color:#2b2b2b; font-weight:400; font-size:24px; text-transform:none;}
h3 { margin:0px; padding:0px; line-height:24px; color:#2b2b2b; font-weight:400;  font-family: 'jaapokki-regular'; font-size:24px; text-transform:uppercase; letter-spacing:1px !important;  padding-bottom:8px;}
h4 { margin:0px; padding:0px; line-height:normal; font-family: 'Roboto Slab', serif; color:#2b2b2b; font-weight:400; font-size:22px; text-transform:none; margin-bottom:10px;}
h5 { margin:0px; padding:0px; line-height:normal; font-family: 'Roboto Slab', serif; color:#2b2b2b; font-weight:400; font-size:20px; text-transform:none; margin-bottom:10px;}
h6 { margin:0px; padding:0px; line-height:normal; font-family: 'Roboto Slab', serif; color:#2b2b2b; font-weight:400; font-size:18px; text-transform:none;  margin-bottom:6px;}


h2 a:hover{ color:#7b3e77 !important;}


li.item-118.parent.collapsed span.caret {display:none !important}

.module ul.nav > li.active > a {
    background-color: transparent !important;
}

button.btn.hasTooltip { padding-bottom:4px !important;}

.label-info, .badge-info {
    background-color: #50a648 !important;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0px 15px 0px!important;
}
ul.breadcrumb { margin-left:0px !important;}

a.pathway {font-weight:500; color:#7b3e77 !important;}

div.page-header h1 {padding-bottom:5px !important; margin-bottom:25px; border-bottom:1px solid #dddddd;}
#content-area ul { margin-left:25px; margin-bottom:15px;}
#content-area ul li { line-height:24px;}

#content-area a {color:#7b3d77; font-weight:normal;}
#content-area a:hover {color:#2b2b2b; font-weight:normal;}

.blog-item-wrap .high-light {
color:#555555 !important;
font-size:16px !important;
font-weight:300 !important;
line-height:24px !important;
font-family: 'Roboto Slab', serif !important;	
	}

.high-light {color:#555555; font-size:22px; font-weight:300; font-family: 'Roboto Slab', serif; line-height:28px;}

.page-header {
    padding-top: 0;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 0px solid #eee !important;
}

#our-work {margin:0px auto; max-width:1145px}
#top-wrapper {background-color:#dadada; margin:0px; padding:0px; max-height:30px;}
#top-toolbar {margin:0px auto !important; max-width:1145px !important; padding:0px 0px 0px 0px !important}

#header #top-toolbar {
	padding: 0px 0px 0 0px !important;
}
ul.nav.menu {display: inline-block !important;}

ul.nav.menu li {display: inline-block !important; line-height:12px !important; padding:0px !important;  }

.nav>li>a {
display: inline-block !important; 
color: #717171; 
font-size:11px; 
font-weight:500; 
font-family: 'Open Sans', sans-serif; 
text-transform:uppercase; 
padding:0px 8px 0px 8px !important;
margin-top:8px;
 border-right:1px dotted #a7a7a7 !important;
}
p {
    margin: 0px 0 15px 0px !important
}
#header-image-mobile {display:none}
#header-image-mobile img {}
#header-image img {height:113px;}
#header-image { padding-bottom:35px;}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent !important;
	color: #404040 !important;
}

#top-toolbar a {color: #717171; font-size:13px; font-weight:575; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
.logo {
    margin-top: 0px;
    margin-bottom: 15px !important;
}

.container-fluid {
    background: transparent;
    margin: 0 auto;
    padding: 0px 0px !important;
	max-width:1145px;
}


#menu .container-fluid {
    padding: 0;
    border-top: 0px solid #f2f2f2 !important;
    border-bottom: 0px solid #f2f2f2 !important;
 	float:right;
   display:inline-block;

}

#slider { background-color:#dadada}

h1.purple {
 font-family: 'jaapokki-regular';
 font-size:80px;
 text-transform:lowercase;	
 color:#954c96;
  background: -webkit-linear-gradient(830deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
  padding-bottom:0px !important; letter-spacing:0px !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:70px;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:30px;
    padding-bottom:0px !important; letter-spacing:0px !important;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 90px !important;
    text-align: left;
	font-family: 'Roboto Slab', serif;
	font-size:18px;
	font-weight:300;
	
}

div.slide-text p { margin-left:70px;}

.slide-desc-bg-default {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: RGBA(0,0,0,0.0) !important;

}

a.learn-more {
background-color:#2b2b2b; 
color:#fff !important;  
font-family: 'jaapokki-regular'; 
text-transform:uppercase;
font-size:18px; 
font-weight:400; 
display:block; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: auto !important;
max-width:175px;
text-align:center;
padding-top:8px;
padding-bottom:3px;
}

a:hover.learn-more {
background-color:#7b3d77;}

.my-social {float:right;}
.my-social img { margin-left:15px; margin-top:12px;}

.parallax-window {
    max-height: 495px;
	min-height: 495px;
    background: transparent;
}

.parallax-window2 {
    max-height: 113px;
	min-height: 113px;
    background: transparent;
}

#news .module-title h3 {margin:0px; padding:0px; line-height:36px !important; color:#2b2b2b !important; font-weight:400 !important;  font-family: 'jaapokki-regular' !important; font-size:33px !important; text-transform:uppercase !important;padding-bottom:5px !important; border-top:1px solid #eeeeee !important; padding-top:15px !important; }

ul.newsfeed, ul.latestnews {
	list-style:disc !important;
}

#below-content { margin:0px auto; max-width:1145px; padding-top:40px;}
#below-content p {margin:0px; padding:0px; color:#fff; font-size:23px; font-weight:300; font-family: 'Roboto Slab', serif; margin-bottom:15px; line-height:26px;}
#below-content h3 {	font-family: 'jaapokki-regular'; font-size:34px; color:#fff; margin:0px; padding:0px; line-height:normal; font-weight:normal; text-indent:106px; text-transform:uppercase;} 
#below-content h4 {	font-family: 'Roboto Slab', serif; font-size:25px; color:#fff; margin:0px; padding:0px; line-height:normal; font-weight:700; text-transform:none; padding-bottom:10px;}

.home-img-left {float:left; margin-right:20px; display:block; margin-bottom:100px; margin-top:20px;}

#below-content2 {margin:0px auto; max-width:1145px; padding-top:50px;}
#below-content2 h3 {margin:0px; padding:0px; font-family: 'jaapokki-regular'; text-transform:uppercase; color:#2b2b2b; font-weight:400; font-size:34px; text-align:center; padding-bottom:30px;}
#below-content2 h1 {margin:0px; padding:0px; font-family: 'Roboto Slab', serif; color:#7b3d77; font-weight:700; line-height:normal; font-size:22px; padding-top:20px}
#below-content2 p {color:#2b2b2a; font-size:19px; font-family: 'Roboto Slab', serif; font-weight:300;}

div.item.item_num0.item__module  { padding-right:20px; width:45%; float:left;}
div.item.item_num1.item__module  { padding-left:20px; width:45%; float:left;}


/* right menu*/

ul#mainlevel li {
color:#646464 !important;
font-family: 'jaapokki-regular'; 
text-transform:uppercase;	
font-size:19px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
line-height:38px;
	
}

ul#mainlevel li a {
color:#646464 !important;
font-family: 'jaapokki-regular'; 
text-transform:uppercase;	
font-size:19px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

ul#mainlevel li a:hover {
color:#7b3d77 !important;
font-family: 'jaapokki-regular'; 
text-transform:uppercase;	
font-size:19px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}


ul#mainlevel li ul li ul li {
font-family: 'Roboto Slab', serif; 
color:#717171;
font-size:13px;
text-transform:uppercase;
font-weight:300;	
	}

ul#mainlevel li ul li ul li a {
font-family: 'Roboto Slab', serif; 
color:#717171;
font-size:13px;
text-transform:uppercase;
font-weight:300;	
	}

ul#mainlevel li ul li ul li a:hover {
font-family: 'Roboto Slab', serif !important; 
color:#7b3d77 !important;
font-size:13px !important;
text-transform:uppercase !important;
font-weight:300 !important;	
	}
	
	
/* Responsive Menu */

.responsiveMenuTheme2 a {
    color: #404040 !important;
	font-family: 'jaapokki-regular' !important;
	font-size:16px !important;
	border-right:0px solid #dddddd !important;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
	text-transform:uppercase !important;
}

.responsiveMenuTheme2 span.opener {display:none !important;}

.responsiveMenuTheme2.isDesktop li a, .responsiveMenuTheme2.isDesktop li span.separator, .responsiveMenuTheme2.isDesktop li span.navHeader {
    border-left: 0px solid #e6e6e6 !important;
    border-bottom: none;
	    padding: 0px 0px 0px 0px !important;
}

.responsiveMenuTheme2 a:hover, .responsiveMenuTheme2 li.active > a, .responsiveMenuTheme2 li > span.separator:hover {
   color: #4a7b9d !important;
    background-color: transparent !important;
}

.responsiveMenuTheme2 > li.parent > a {
    padding: 0px 0px 0px 0px !important;
}


responsiveMenuTheme2 > li > a {
    display: block;
    padding: 0px 0px !important;
}
/* end Reponsive Menu */	
	
	
/*Main Menu*/
ul.joostrapmenu {padding-top:10px !important;}

.joostrapmenu > li > a, .joostrapmenu > li span.separator {
    display: block;
    width: auto;
    float: none;
    padding: 0 15px 0 20px !important;
    line-height: 40px;
    height: auto !important;
    color: #404040 !important;
	font-family: 'jaapokki-regular' !important;
	font-size:16px !important;
	border-right:1px solid #dddddd;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

ul.joostrapmenu li.item-109 a {border-right:0px solid #dddddd !important;} 

.joostrapmenu > li > a:hover, .joostrapmenu > li.active > a, .joostrapmenu > li.parent:hover > a, .joostrapmenu > li.active.parent > a, .joostrapmenu > li > span.separator:hover, .joostrapmenu > li.active > span.separator, .joostrapmenu > li.parent:hover > span.separator, .joostrapmenu > li.active.parent > span.separator {
    background:  none !important;
    color: #4a7b9d !important;
}

.joostrapmenu li.parent span.caret {display:none;}


.joostrapmenu ul {
display: block;
border: 1px solid #dddddd;
top: 35px !important;
margin: 0;
left: 0;
z-index: 9999;
margin-left:-5px !important;
}


.joostrapmenu ul li {border-top:0px solid #8d8d8d; border-bottom:1px solid #dddddd; width: 100% !important;}

.joostrapmenu ul li a  {white-space: nowrap}

.joostrapmenu ul li a, .joostrapmenu ul li span.separator {
float: none;
display: block;
width: auto;
height: auto;
line-height: 24px;
padding: 0 0px;
cursor: pointer;
color: #404040 !important;
font-size:14px;
text-transform:uppercase !important;
font-family: 'Roboto Slab', serif; 
font-weight:400;
padding-left:20px; 
padding-right:20px;
padding-bottom:7px; 
padding-top:7px;
border-top:0px solid #fff;
border-bottom:0px solid #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.joostrapmenu ul li a:hover {
float: none;
display: block;
width: auto;
height: auto;
line-height: 24px;
padding: 0 0px;
cursor: pointer;
color: #fff !important;
font-size:14px;
text-transform:uppercase !important;
font-family: 'Roboto Slab', serif; 
font-weight:400;
padding-left:20px; 
padding-right:20px;
padding-bottom:7px; 
padding-top:7px;
background-color:#7b3e77 !important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.joostrapmenu ul li a:hover, .joostrapmenu ul li.active > a, .joostrapmenu ul li.parent:hover > a, .joostrapmenu ul li.active.parent > a, .joostrapmenu ul li span.separator:hover, .joostrapmenu ul li.active > span.separator, .joostrapmenu ul li.parent:hover > span.separator, .joostrapmenu ul li.active.parent > span.separator {
color: #fff !important;
background-color:#3778a5 !important;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
}


/*End Main Menu*/


/* What we do */
#above-content {padding-bottom:59px; padding-top:32px;}
#above-content h1 {font-family: 'jaapokki-regular'; font-size:34px; color:#2b2b2b; text-align:center;}

#above-content1 h2, #above-content2 h2, #above-content3 h2, #above-content4 h2, #above-content5 h2, #above-content6 h2 {margin:0px; padding:0px; font-family: 'Roboto Slab', serif; font-weight:700; font-size:22px; color:#2b2b2b; text-align:center; line-height:normal} 

#above-content1 p, #above-content2 p, #above-content3 p, #above-content4 p, #above-content5 p, #above-content6 p { margin:0px; padding:0px; font-family: 'Roboto Slab', serif; font-weight:300; font-size:19px; color:#2b2b2a; text-align:center; line-height:normal} 

#above-content1 {float:left; max-width:28%; padding-left:20px; padding-right:40px; padding-bottom:70px;}
#above-content2 {float:left; max-width:28%; padding-left:40px; padding-bottom:70px;}
#above-content3 {float:left; max-width:28%; padding-left:40px; padding-right:20px; padding-bottom:70px;} 
#above-content4 {float:left; max-width:28%; padding-left:20px; padding-right:40px;}
#above-content5 {float:left; max-width:28%; padding-left:40px;}
#above-content6 {float:left; max-width:28%; padding-left:40px; padding-right:20px;}

#above-content1 img:hover, #above-content2 img:hover, #above-content3 img:hover, #above-content4 img:hover,#above-content5 img:hover, #above-content6 img:hover {

  -webkit-filter: drop-shadow(3px 3px 3px rgba(74,123,157,0.5));
  filter: drop-shadow(3px 3px 3px rgba(74,123,157,0.5));
-webkit-transition: all .6s ease;

}

/*-moz-webkit-filter: drop-shadow(3px 3px 3px rgba(74,123,157,0.5));
 drop-shadow: 3px 3px 3px rgba(74,123,157,0.5); 
-webkit-filter: drop-shadow(3px 3px 3px rgba(74,123,157,0.5));
-webkit-transition: all .6s ease;
filter: url(shadow.svg#drop-shadow);
*/


/* End What we do */

a.myreadmore { font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:14px; color:#7b3e77;}

a:hover.myreadmore { font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:14px; color:#2b2b2b !important}


p.readmore a {
    font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:14px !important; color:#7b3e77;
    padding: 0 0px 0 0;
}

p.readmore a:hover { font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:14px; color:#2b2b2b !important}


p.readmore::after{
content: "»";
margin-left:3px; color:#7b3e77;
}

a.myreadmore::after{
content: "»";
margin-left:3px; color:#7b3e77;
}

dd.create {color:#555555;
font-size:14px;
font-weight:300;
line-height:24px;
font-family: 'Roboto Slab', serif;}

#bottom2 {
    background: url(../images/footer-bg.jpg) !important; background-repeat:no-repeat; padding-top:36px; padding-bottom:50px; margin-top:50px;
}

#footer-1 {float:left; max-width:30%; padding-right:45px;}
#footer-2 {float:left; max-width:30%; padding-right:45px;}
#footer-3 {float:left; max-width:30%; padding-right:100px;}
#footer-4 {float:left; max-width:35%}

#footer-1 h3 { margin:0px; padding:0px; color:#50a648; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-1 h3 a{ margin:0px; padding:0px; color:#50a648; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-1 a {color:#50a648; font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal;}
#footer-1 p { text-indent:10px; padding-bottom:0px !important; margin:0px; margin-bottom:0px !important; line-height:32px;}

#footer-2 h3 { margin:0px; padding:0px; color:#5390ba; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-2 h3 a{ margin:0px; padding:0px; color:#5390ba; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-2 a {color:#5390ba; font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal; text-indent:10px;}
#footer-2 p { text-indent:10px; padding-bottom:0px !important; margin:0px; margin-bottom:0px !important; line-height:32px;}

#footer-3 h3 { margin:0px; padding:0px; color:#ae69a9; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-3 h3 a{ margin:0px; padding:0px; color:#ae69a9; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:34px !important;}
#footer-3 a {color:#ae69a9; font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal; text-indent:10px;}
#footer-3 p { text-indent:10px; padding-bottom:0px !important; margin:0px; margin-bottom:0px !important; line-height:32px;}

#footer-4 h3 { margin:0px; padding:0px; color:#50a648; font-family: 'jaapokki-regular'; text-transform:uppercase; font-size:19px; font-weight:400; line-height:normal !important;}
#footer-4 p {color:#fff; font-family: 'Roboto Slab', serif; font-weight:300; font-size:16px;}

#footer-4 div.module-content ul { list-style:disc !important; color:#fff;}
#footer-4 div.module-content ul li {color:#fff; font-family: 'Roboto Slab', serif; font-weight:300; font-size:16px; list-style:disc !important;}

input#mc-embedded-subscribe.newsletter {
background-color:#50a648;
font-size:18px;
color:#fff;
font-family: 'jaapokki-regular'; 
text-transform:uppercase;
line-height:normal;	
-webkit-border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
border:0px solid #fff;
margin-top:-11px !important;
padding:5px 16px 2px 16px;
}

input#mce-EMAIL.required.email {
background-color: #fff;
border: 0px solid #ccc !important;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
-moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
-webkit-border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
color:#444349;
font-size:14px;
font-weight:300;
font-family: 'Roboto Slab', serif;
padding: 6px 0px 8px 10px;
}	

span.privacy {font-size:12px; text-align:center;}


/*End Footer*/

/* Footer Menu */

#footer-5 { text-align:center !important; margin-top:25px;}
ul.nav.menu_footer {display:inline-block !important; text-align:center;}

ul.nav.menu_footer li {display:inline-block !important;}
.module ul.nav > li {
    line-height: normal !important;
    border-bottom: 0px solid #000 !important;
    font-size: 14px !important;
    width: auto;
}

ul.nav.menu_footer li a {
 border-right:0px dotted #a7a7a7 !important; font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal; color:#fff !important;
}

ul.nav.menu_footer li a:hover {
 border-right:0px dotted #a7a7a7 !important; font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal; color:#fff !important;
}

#footer-5 p {font-family: 'Roboto Slab', serif; font-weight:300; font-size:13px; text-transform:uppercase; line-height:normal; color:#fff !important;}

/* End Footer Menu */


/* RS Form Styling */

.formResponsive .formHorizontal .formControlLabel {
    float: left;
    padding-top: 5px;
    text-align: left !important;
}

.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
	    width:75% !important;
}

.formResponsive input[type="submit"] {
    background-color: #50a648 !important;
    background-image: -ms-linear-gradient(top, #50a648, #50a648) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50a648), to(#50a648)) !important;
    background-image: -webkit-linear-gradient(top, #50a648, #50a648) !important;
    background-image: -o-linear-gradient(top, #50a648, #50a648) !important;
    background-image: -moz-linear-gradient(top, #50a648, #50a648) !important;
    background-image: linear-gradient(top, #50a648, #0055cc) !important;
    background-repeat: repeat-x;
    border-color: #50a648 #50a648 #50a648 !important;
    border-color: rgba(0, 0, 0, 0.0) rgba(0, 0, 0, 0.0) rgba(0, 0, 0, 0.0) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#50a648', endColorstr='#50a648', GradientType=0) !important;
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.0) !important;
	font-family: 'jaapokki-regular'; 
text-transform:uppercase;
line-height:normal;	
-webkit-border-radius: 3px 3px 3px 3px !important;
-moz-border-radius: 3px 3px 3px 3px !important;
border-radius: 3px 3px 3px 3px !important;
font-size:18px;
border:0px solid #fff !important;
padding:5px 10px 0px 10px !important;
}

input.btnCal.rsform-calendar-button {
    margin-left: -5px !important;
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    line-height: 24px;
}

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    margin-bottom: 3px !important;
    border: 1px solid #DDD !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(40px,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#ffffff 40px,#ffffff 100%);
    background: -o-linear-gradient(top, #FAFAFA 0%,#ffffff 40px,#ffffff 100%);
    background: -ms-linear-gradient(top, #FAFAFA 0%,#ffffff 40px,#ffffff 100%);
    background: linear-gradient(to bottom, #FAFAFA 0%,#ffffff 40px,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#ffffff',GradientType=0 );
}

.formResponsive input[type="text"], .formResponsive input[type="password"] {
    height: 24px !important;
}


p.formDescription {
    font-family: 'Roboto Slab', serif !important;
    font-size: 13px !important;
    line-height: 17px !important;
    color: #A4A4A4 !important;
	font-style:italic;
}

form.formResponsive label {
    font-weight:300 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
    padding-right: 5px !important;
    clear: none !important;
    white-space: nowrap !important;
	color:#555 !important;
	  font-family: 'Roboto Slab', serif !important;
	 
}

/* End  RS Form Styling */

/* Blog Styling */

.pagination { text-align:center !important}
.pagination ul {
    border-bottom: 0px solid #e5e5e5 !important;
}

.pagination .counter {display:none !important}


.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.05) !important;
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0.05) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,0.05) !important;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
	border-left-color:#dddddd !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -moz-border-radius-topleft: 0px !important;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left: 1px solid #dddddd !important;
}

.pagination ul > li.disabled a {
    line-height: 20px !important;
}

.img_caption.left, .img-intro-left, .pull-left.item-image {

}

.img-intro-left, .img-intro-right, .img-intro-none, .img-fulltext-left, .img-fulltext-right, .item-image, .img_caption {
    max-width: 50%;
}


div.module._space { width:80%}
.spacebg { background-image:url(../images/space.jpg); background-repeat:no-repeat; padding:25px 25px 20px 25px}
div.module._space h3 { font-size:30px !important; color:#fff !important;  font-weight:400 !important;  font-family: 'jaapokki-regular' !important; line-height:36px !important; text-transform:uppercase !important; letter-spacing:1px !important;}
div.module._space p {color:#fff !important; font-family: 'Roboto Slab', serif; font-size:18px !important; font-weight:300;}
.btn2{
display: inline-block;
margin-bottom: 0;
font-family: 'jaapokki-regular' !important; 
text-transform:uppercase !important;
letter-spacing:1px !important;
line-height:normal !important;	
font-size:18px !important;
border:0px solid #fff !important;
padding:8px 10px 5px 10px !important;
color: #272727 !important;
text-align: center;
vertical-align: middle;
background-color: #fff !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
 border-radius: 3px !important;
}

aside.sidebar-right.span3 { width: 30%;}

.row-fluid .span3 {width: 30%;}
.row-fluid .span9 {
    width: 70%; padding-right:40px;
}

/* End Blog Styling */
.btn:hover {background-color:#62c359 !important;
    background-image: -moz-linear-gradient(top,#62c359,#62c359) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c359),to(#62c359)) !important;
    background-image: -webkit-linear-gradient(top,#62c359,#62c359) !important;
    background-image: -o-linear-gradient(top,#62c359,#62c359) !important;
    background-image: linear-gradient(to bottom,#62c359,#62c359) !important;
    background-repeat: repeat-x;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-family: 'jaapokki-regular' !important; 
text-transform:uppercase !important;
letter-spacing:1px !important;
line-height:normal !important;	
font-size:14px !important;
border:0px solid #fff !important;
padding:5px 10px 5px 10px !important;
    color: #fff !important;
    text-align: center;
    text-shadow: 0 0px 0px rgba(255,255,255,0.75) !important;
    vertical-align: middle;
    cursor: pointer;
    background-color: #50a648 !important;
    background-image: -moz-linear-gradient(top,#50a648,#50a648) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#50a648),to(#50a648)) !important;
    background-image: -webkit-linear-gradient(top,#50a648,#50a648) !important;
    background-image: -o-linear-gradient(top,#50a648,#50a648) !important;
    background-image: linear-gradient(to bottom,#50a648,#50a648) !important;
    background-repeat: repeat-x;
    border: 0px solid #ccc !important;
    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);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 0px 0 rgba(255,255,255,0.2),0 0px 0px rgba(0,0,0,0.05) !important;
    -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,0.2),0 0px 0px rgba(0,0,0,0.05) !important;
    box-shadow: inset 0 0px 0 rgba(255,255,255,0.2),0 0px 0px rgba(0,0,0,0.05) !important;
}


.ifancybox-inner { background-image:url(../images/popup.jpg); background-repeat:no-repeat; background-color:transparent !important;   -moz-border-radius: 3px 3px 3px 3px!important;
  -webkit-border-radius: 3px 3px 3px 3px !important;
  -khtml-border-radius:3px  3px 3px 3px!important;}
  
.ifancybox-inner h1 {color:#fff !important; font-size:22px !important; padding:20px 20px 0px; line-height:24px !important; padding-bottom: 0px !important; text-shadow:0px 1px 1px #000 !important;}
.ifancybox-skin {
    background: none !important;
    color: #ffffff;
    border-radius: 0px;
}
fieldset#rsform_7_page_0.formHorizontal.formContainer {padding:20px !important}
fieldset#rsform_7_page_0.formHorizontal.formContainer div.formControlLabel {text-shadow:0px 1px 1px #000 !important;}
fieldset#rsform_7_page_0.formHorizontal.formContainer div.formControls div.formBody { margin-bottom:10px !important;}
fieldset#rsform_7_page_0.formHorizontal.formContainer div.formControls div.formBody input#submit.rsform-submit-button {display: inline-block;
margin-bottom: 0;
font-family: 'jaapokki-regular' !important; 
text-transform:uppercase !important;
letter-spacing:1px !important;
line-height:normal !important;	
font-size:18px !important;
border:0px solid #fff !important;
padding:8px 10px 5px 10px !important;
color: #272727 !important;
text-align: center;
vertical-align: middle;
background-color: #fff !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
 border-radius: 3px !important;
  background-image: -moz-linear-gradient(top,#fff,#fff) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#fff)) !important;
    background-image: -webkit-linear-gradient(top,#fff,#fff) !important;
    background-image: -o-linear-gradient(top,#fff,#fff) !important;
    background-image: linear-gradient(to bottom,#fff,#fff) !important;
    background-repeat: repeat-x;
    border: 0px solid #ccc !important;
    border-color: #fff #fff #fff;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
 
 }
 
fieldset#rsform_8_page_0.formHorizontal.formContainer input#fname.rsform-input-box { max-width:25% !important; margin-bottom:10px !important;}
 fieldset#rsform_8_page_0.formHorizontal.formContainer input#lname.rsform-input-box { max-width:25% !important; margin-bottom:10px !important;}
 fieldset#rsform_8_page_0.formHorizontal.formContainer input#email.rsform-input-box { max-width:25% !important; margin-bottom:10px !important;}
  fieldset#rsform_8_page_0.formHorizontal.formContainer input#phone.rsform-input-box { max-width:25% !important; margin-bottom:10px !important;}
@media (min-width: 1201px) and (max-width: 1313px) {
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:70px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
 
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:60px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:30px;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 70px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 300;
}
}



@media (min-width: 1160px) and (max-width: 1200px) {
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:70px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:60px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:30px;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 40px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    font-weight: 300;
}
}


@media (min-width: 1125px) and (max-width: 1159px) {
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:60px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:50px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:30px;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 30px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 16px !important;
    font-weight: 300;
}
}
@media (min-width: 1080px) and (max-width: 1142px) {
#footer-1 {float:left; max-width:30%; padding-right:35px !important;}
#footer-2 {float:left; max-width:30%; padding-right:35px !important;}
#footer-3 {float:left; max-width:30%; padding-right:50px !important;}
#footer-4 {float:left; max-width:35%}
}

@media (min-width: 1052px) and (max-width: 1079px) {
#footer-1 {float:left; max-width:30%; padding-right:25px !important;}
#footer-2 {float:left; max-width:30%; padding-right:25px !important;}
#footer-3 {float:left; max-width:30%; padding-right:50px !important;}
#footer-4 {float:left; max-width:35%}
}

@media (min-width: 1039px) and (max-width: 1051px) {
#footer-1 {float:left; max-width:25% !important; padding-right:25px !important;}
#footer-2 {float:left; max-width:25% !important; padding-right:25px !important;}
#footer-3 {float:left; max-width:25% !important; padding-right:30px !important;}
#footer-4 {float:left; max-width:35%}
}


@media (min-width: 1015px) and (max-width: 1038px) {
#footer-1 {float:left; max-width:20% !important; padding-right:20px !important;}
#footer-2 {float:left; max-width:20% !important; padding-right:20px !important;}
#footer-3 {float:left; max-width:20% !important; padding-right:20px !important;}
#footer-4 {float:left; max-width:35%}
}

@media (min-width: 930px) and (max-width: 1014px) {
#footer-1 {float:left; max-width:50% !important; padding-right:120px !important; padding-left:20px !important;}
#footer-2 {float:left; max-width:50% !important; padding-right:120px !important;}
#footer-3 {float:left; max-width:50% !important; padding-right:40px !important;}
#footer-4 {float:none !important; max-width:100% !important; text-align:center !important; clear:both !important; padding-top:35px !important}
}

@media (min-width: 874px) and (max-width: 929px) {
#footer-1 {float:left; max-width:50% !important; padding-right:90px !important; padding-left:20px !important;}
#footer-2 {float:left; max-width:50% !important; padding-right:90px !important;}
#footer-3 {float:left; max-width:50% !important; padding-right:40px !important;}
#footer-4 {float:none !important; max-width:100% !important; text-align:center !important; clear:both !important; padding-top:35px !important}
}

@media (min-width: 832px) and (max-width: 873px) {
#footer-1 {float:left; max-width:50% !important; padding-right:70px !important; padding-left:20px !important;}
#footer-2 {float:left; max-width:50% !important; padding-right:70px !important;}
#footer-3 {float:left; max-width:50% !important; padding-right:40px !important;}
#footer-4 {float:none !important; max-width:100% !important; text-align:center !important; clear:both !important; padding-top:35px !important}
}


@media (min-width: 769px) and (max-width: 831px) {
#footer-1 {float:left; max-width:50% !important; padding-right:40px !important; padding-left:20px !important;}
#footer-2 {float:left; max-width:50% !important; padding-right:40px !important;}
#footer-3 {float:left; max-width:50% !important; padding-right:20px !important;}
#footer-4 {float:none !important; max-width:100% !important; text-align:center !important; clear:both !important; padding-top:35px !important}
#below-content h3 {
    font-family: 'jaapokki-regular';
    font-size: 34px;
    color: #fff;
    margin: 0px;
    padding: 0px;
    line-height: normal;
    font-weight: normal;
    text-indent: 0px !important;
    text-transform: uppercase;
}

}


@media (min-width: 1040px) and (max-width: 1124px) {
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:50px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:40px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:20px !important;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 30px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 16px !important;
    font-weight: 300;
}
}

@media (min-width: 980px) and (max-width: 1039px) {
	
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:40px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:30px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:10px !important;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 30px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 175px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 3px;
}

}



@media (min-width: 769px) and (max-width: 979px) {

h1.purple {
 font-family: 'jaapokki-regular';
 font-size:60px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
  
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:40px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:70px;
  margin-bottom:30px !important;
  letter-spacing:0px;

}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 20px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
	
}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 175px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 3px;
}

p.slide {display:none !important;}

}

@media (min-width: 441px) and (max-width: 1200px) {
.my-social { padding-right:20px !important;}
#top-wrapper { padding-right:20px !important; padding-left:20px !important;}
.logo { padding-left:20px !important}
#bottom2 { padding-right:20px !important; padding-left:20px !important}
#mainbody .container-fluid  { padding-right:20px !important; padding-left:20px !important}
.parallax-window { padding-right:20px !important; padding-left:20px !important} 
#below-content2 { padding-right:20px !important; padding-left:20px !important} 
#news{ padding-right:20px !important; padding-left:20px !important} 
.breadcrumb { padding-right:20px !important; padding-left:20px !important} 
}


@media (min-width:1057px) and (max-width: 1060px) {
	
img.best {
z-index:9999;
position:absolute;
margin-top:-30px !important;	
margin-left:-10px !important;
	}
	
}

@media (min-width:1019px) and (max-width: 1056px) {
	
#above-content1 {float:left; max-width:28%; padding-left:20px; padding-right:30px !important; padding-bottom:70px;}
#above-content2 {float:left; max-width:28%; padding-left:30px !important; padding-bottom:70px;}
#above-content3 {float:left; max-width:28%; padding-left:30px !important; padding-right:20px; padding-bottom:70px;} 
#above-content4 {float:left; max-width:28%; padding-left:20px; padding-right:30px !important;}
#above-content5 {float:left; max-width:28%; padding-left:30px !important;}
#above-content6 {float:left; max-width:28%; padding-left:30px !important; padding-right:20px;}

img.best {
z-index:9999;
position:absolute;
margin-top:-30px !important;	
margin-left:0px !important;
	}
}
	
@media (min-width:930px) and (max-width: 1018px) {

#above-content1 {float:left; max-width:27%; padding-left:20px; padding-right:30px !important; padding-bottom:70px;}
#above-content2 {float:left; max-width:27%; padding-left:30px !important; padding-bottom:70px;}
#above-content3 {float:left; max-width:27%; padding-left:30px !important; padding-right:20px; padding-bottom:70px;} 
#above-content4 {float:left; max-width:27%; padding-left:20px; padding-right:30px !important;}
#above-content5 {float:left; max-width:27%; padding-left:30px !important;}
#above-content6 {float:left; max-width:27%; padding-left:30px !important; padding-right:20px;}
img.best {
z-index:9999;
position:absolute;
margin-top:-30px !important;	
margin-left:-5px !important;
	}
}
@media (min-width:980px) and (max-width: 1018px) {

.joostrapmenu > li > a, .joostrapmenu > li span.separator {
    display: block;
    width: auto;
    float: none;
    padding: 0 15px 0 20px !important;
    line-height: 40px;
    height: auto !important;
    color: #404040 !important;
    font-family: 'jaapokki-regular' !important;
    font-size: 14px !important;
    border-right: 1px solid #dddddd;
}

}

@media (min-width:768px) and (max-width: 929px) {
img.best {
z-index:9999;
position:absolute;
margin-top:-30px !important;	
margin-left:-5px !important;
display:none !important;
	}
#above-content1 {float:left; max-width:27%; padding-left:20px; padding-right:20px !important; padding-bottom:70px;}
#above-content2 {float:left; max-width:27%; padding-left:20px !important; padding-bottom:70px;}
#above-content3 {float:left; max-width:27%; padding-left:20px !important; padding-right:20px; padding-bottom:70px;} 
#above-content4 {float:left; max-width:27%; padding-left:20px; padding-right:20px !important;}
#above-content5 {float:left; max-width:27%; padding-left:20px !important;}
#above-content6 {float:left; max-width:27%; padding-left:20px !important; padding-right:20px;}

}
@media (min-width:0px) and (max-width: 776px) {
	
.hp {
float:none !important; 
max-width:100% !important; 
text-align:center; border:5px solid #d6d6d6 !important; 
border-radius: 2px 2px 2px 2px !important;
-moz-border-radius: 2px 2px 2px 2px !important;
-webkit-border-radius: 2px 2px 2px 2px !important;
-webkit-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
margin-top:0px !important;
}


.hg {float:none !important; 
max-width:100% !important; 
text-align:center; 
 border:5px solid #d6d6d6 !important; 
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
margin-top:72px !important;
}

.hb {float:none !important; 
max-width:100% !important;
 text-align:center;  border:5px solid #d6d6d6 !important; 
border-radius: 2px 2px 2px 2px !important;
-moz-border-radius: 2px 2px 2px 2px !important;
-webkit-border-radius: 2px 2px 2px 2px !important;
margin-top:72px;
-webkit-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
-moz-box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);
box-shadow: 0px 2px 44px -8px rgba(0,0,0,0.76);

}
	
	
	
div.beauti_folio {}	
	
.view_portfolio {
    margin: 10px;
    float: none !important;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0 0 3px #E6E6E6;
    -moz-box-shadow: 0 0 3px #E6E6E6;
    box-shadow: 0 0 3px #E6E6E6;
    cursor: default;
    background: #fff url(./bgimg.jpg) repeat center center;
}


.view_portfolio {
    width: 92% !important;
    height: auto !important;
}


.view_portfolio .mask, .view_portfolio .content {
	display:block !important;
	width: 100% !important;
    height:100%  !important;

}

}

@media (min-width:769px) and (max-width: 857px) {
.staff1 {float:left; width:28% !important; padding-right:20px; text-align:center;}
.staff2 {float:left; width:28% !important; text-align:center; padding-left:20px;  padding-right:20px; }
.staff3 {float:left; width:28% !important; text-align:center; padding-left:20px; }
div.module._space { width:80%}
.spacebg { background-image:url(../images/space.jpg); background-repeat:no-repeat; padding:25px 25px 20px 25px}
div.module._space h3 { font-size:25px !important; color:#fff !important;  font-weight:400 !important;  font-family: 'jaapokki-regular' !important; line-height:36px !important; text-transform:uppercase !important; letter-spacing:1px !important;}
div.module._space p {color:#fff !important; font-family: 'Roboto Slab', serif; font-size:18px !important; font-weight:300;}

}


@media (min-width:585px) and (max-width: 768px) {
.pop {display:none !important}		
table.fluid { border-top:1px solid #ccc;  border-left:1px solid #ccc; max-width:50% !important; margin-top:35px;}
table.fluid th { font-weight:bold !important; text-align:left; border-right:1px solid #ccc; font-family: 'Roboto Slab', serif;	
  font-size: 16px !important; vertical-align:top; padding:6px; background-color:#f0f0f0; color:#7b3e77 !important; line-height:22px; border-bottom:1px solid #ccc; text-shadow:0px 1px 1px #fff;}
table.fluid td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:transparent !important; font-family: 'Roboto Slab', serif;	
  font-size: 14px !important; padding:6px;}
 
a.fluid-more {
  text-decoration: none !important;
  border: 0px !important;
  display: inline-block;
font-family: 'jaapokki-regular';
  font-size: 15px;
  line-height: 18px;
  text-transform:uppercase;
  font-weight: 400 !important;
  background: #50a648 !important;
  background-color: #50a648 !important;
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.125);
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px;
  -moz-box-shadow: 0px 0px 4px #CCC;
  -webkit-box-shadow: 0px 0px 4px #CCC;
  box-shadow: 0px 0px 4px #CCC;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC');
  width: auto !important;
  border: 0px !important;
  margin-right: 10px !important;
}			
	
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:50px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:30px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:50px;
  margin-bottom:30px !important;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 20px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 175px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 3px;
}

p.slide {display:none !important;}

}


@media (min-width:490px) and (max-width: 584px) {
.pop {display:none !important}	
.phone {display:none !important} 
table.fluid { border-top:1px solid #ccc;  border-left:1px solid #ccc; max-width:50% !important; margin-top:35px;}
table.fluid th { font-weight:bold !important; text-align:left; border-right:1px solid #ccc; font-family: 'Roboto Slab', serif;	
  font-size: 16px !important; vertical-align:top; padding:6px; background-color:#f0f0f0; color:#7b3e77 !important; line-height:22px; border-bottom:1px solid #ccc; text-shadow:0px 1px 1px #fff;}
table.fluid td {border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:transparent !important; font-family: 'Roboto Slab', serif;	
  font-size: 14px !important; padding:6px;}
 
a.fluid-more {
  text-decoration: none !important;
  border: 0px !important;
  display: inline-block;
font-family: 'jaapokki-regular';
  font-size: 15px;
  line-height: 18px;
  text-transform:uppercase;
  font-weight: 400 !important;
  background: #50a648 !important;
  background-color: #50a648 !important;
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.125);
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  margin-top: 0px;
  -moz-box-shadow: 0px 0px 4px #CCC;
  -webkit-box-shadow: 0px 0px 4px #CCC;
  box-shadow: 0px 0px 4px #CCC;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#CCCCCC');
  width: auto !important;
  border: 0px !important;
  margin-right: 10px !important;
}		
	
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:40px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:30px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:20px !important;
  margin-bottom:10px !important;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 20px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
	width: 100% !important;

}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 155px !important;
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

p.slide {display:none !important;}

}

@media (min-width:441px) and (max-width: 489px) {
	.pop {display:none !important}	
.phone {display:none !important} 
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:30px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:20px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:20px !important;
  margin-bottom:10px !important;
  letter-spacing:0px;
}

.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 20px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
	width: 100% !important;

}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 155px !important;
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

p.slide {display:none !important;}

}
@media (min-width:0px) and (max-width: 400px) {
	.pop {display:none !important}	
li.item-267 a {display:none !important}
}

@media (min-width:325px) and (max-width: 440px) {
	.pop {display:none !important}	
.phone {display:none !important} 
.my-social { padding-right:20px !important;}
#top-wrapper { padding-right:10px !important; padding-left:10px !important;}
.logo { padding-left:20px !important}
#bottom2 { padding-right:20px !important; padding-left:20px !important}
#mainbody .container-fluid  { padding-right:20px !important; padding-left:20px !important}
.parallax-window { padding-right:20px !important; padding-left:20px !important} 
#below-content2 { padding-right:20px !important; padding-left:20px !important} 	
#top-toolbar a {
    color: #717171;
    font-size: 10px !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}	
.home-img-left {display:none !important}	
span.phone {display:none !important}

li.item-105 a {border-right: 1px dotted #a7a7a7 !important;}
h1.purple {
 font-family: 'jaapokki-regular';
 font-size:26px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:16px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:20px !important;
  margin-bottom:10px !important;
  letter-spacing:0px;
}


.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 00px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
	width: 100% !important;
	margin-left:10px !important;

}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 175px !important;
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
	display:none !important;
}

p.slide {display:none !important;}

input#mc-embedded-subscribe.newsletter {
    background-color: #50a648;
    font-size: 14px !important;
    color: #fff;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    line-height: normal;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
    border: 0px solid #fff;
    margin-top: -11px !important;
    padding: 8px 10px 5px 10px !important;
}

input#mce-EMAIL.required.email {
    background-color: #fff;
    border: 0px solid #ccc !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    -webkit-border-radius: 3px 0px 0px 3px !important;
    -moz-border-radius: 3px 0px 0px 3px !important;
    border-radius: 3px 0px 0px 3px !important;
    color: #444349;
    font-size: 12px !important;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    padding: 6px 0px 8px 5px !important;
	width:152px !important;
}

table.mytable {width:75% !important; margin-bottom:25px; border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;}
table.mytable th { text-align:left; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px; font-size:12px !important}
table.mytable td {border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px; font-size:12px !important}

#breadcrumbs { padding-left:20px !important;}

}



@media (min-width:0px) and (max-width: 324px) {
	.pop {display:none !important}	
.phone {display:none !important} 
#breadcrumbs { padding-left:20px !important;}	
.my-social { padding-right:20px !important;}
#top-wrapper { padding-right:0px !important; padding-left:0px !important;}
.logo { padding-left:20px !important}
#bottom2 { padding-right:20px !important; padding-left:20px !important}
#mainbody .container-fluid  { padding-right:20px !important; padding-left:20px !important}
.parallax-window { padding-right:20px !important; padding-left:20px !important} 
#below-content2 { padding-right:20px !important; padding-left:20px !important} 	
#top-toolbar a {
    color: #717171;
    font-size: 10px !important;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}	
.home-img-left {display:none !important}	
span.phone {display:none !important}

li.item-105 a {border-right:0px solid #fff !important;}	
	
.home-img-left {display:none !important}	


span.phone {display:none !important}

h1.purple {
 font-family: 'jaapokki-regular';
 font-size:26px !important;
 text-transform:lowercase;	
  background: -webkit-linear-gradient(530deg, #482342, #954c96, #6c376a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin:0px;
  padding:0px;
  line-height:normal !important;
}

h1.black {
 font-family: 'jaapokki-regular';
 font-size:16px !important;
 text-transform:lowercase;	
 color:#2b2b2b;
   margin:0px;
  padding:0px;
  line-height:20px !important;
  text-indent:20px !important;
  margin-bottom:10px !important;
  letter-spacing:0px;
}


.slide-desc-text-default {
    position: relative;
    color: #2b2b2b !important;
    padding: 0px 0px 16px 00px !important;
    text-align: left;
    font-family: 'Roboto Slab', serif;
    font-size: 14px !important;
    font-weight: 300;
	width: 100% !important;
	margin-left:10px !important;

}

a.learn-more {
    background-color: #2b2b2b;
    color: #fff !important;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 400;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto !important;
    max-width: 275px !important;
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	display:none !important;
}

p.slide {display:none !important;}

input#mc-embedded-subscribe.newsletter {
    background-color: #50a648;
    font-size: 14px !important;
    color: #fff;
    font-family: 'jaapokki-regular';
    text-transform: uppercase;
    line-height: normal;
    -webkit-border-radius: 3px 3px 3px 3px !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    border-radius: 3px 3px 3px 3px !important;
    border: 0px solid #fff;
    margin-top: -11px !important;
    padding: 8px 10px 5px 10px !important;
}

input#mce-EMAIL.required.email {
    background-color: #fff;
    border: 0px solid #ccc !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075) !important;
    -webkit-border-radius: 3px 3px 3px 3px !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    border-radius: 3px 3px 3px 3px !important;
    color: #444349;
    font-size: 12px !important;
    font-weight: 300;
    font-family: 'Roboto Slab', serif;
    padding: 6px 0px 8px 5px !important;
	width:172px !important;
}
table.mytable {width:75% !important; margin-bottom:25px; border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;}
table.mytable th { text-align:left; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px; font-size:12px !important}
table.mytable td {border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:5px; font-size:12px !important}


}