/*
css style sheet for the key
- Nrip Nihalani
- for StartupNinja
- External Fonts via Google
- Grid dependency 960.css
- Animation Library - animate.css
*/
/* Reset */

/* Importing Extrernal Fonts, Styles */
/*@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,900,100,300,400italic,500italic);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,400italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic,600italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Nobile:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,800,300italic,300,800italic);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:700|Pacifico|Changa+One);
@import url(http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Mr+Dafoe);
@import url(http://fonts.googleapis.com/css?family=Exo+2);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,600);
@import url(https://fonts.googleapis.com/css?family=Andika);
@import url(https://fonts.googleapis.com/css?family=Slackey);


/* Your local CSS File */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(http://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(/fonts/Roboto/Roboto-Black.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(http://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}


/*-----------------------------------*\
  $ANIMATIONS
\*-----------------------------------*/
/*
@keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(360deg);
  }
}
*/

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }

  to {
    -webkit-filter: hue-rotate(360deg);
  }
}



@keyframes rotate-cube
{
  from
  {
        transform: rotateZ(0Deg) rotateY(0Deg);
  }
  to
  {
    transform: rotateZ(1080Deg) rotateY(360Deg);
  }
}




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

html,body{
height: 100%;
}

body{
margin:0;
padding:0;
background:#ddd;
font-family:"Roboto", "Helvetica Neue",Helvetica, Arial;
/*font: 100%/1.5 "Roboto", Verdana, sans-serif;*/
font-size: 14px;

}

body{
/*background: #ffffff url(http://subtlepatterns.com/patterns/groovepaper.png) repeat;*/
background: #ffffff;
  color: #000000
  
}

div#shim{
visibility: hidden;
width: 100%;
height: 50%;                                                                     
margin-top: -140px;                                                              
float: left;
}

div#content {
width: 940px;
height: 280px;
margin: 0 auto;
clear: both;
position: relative;
top: -140px;

/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}

/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */


.logo_box{
width: 349px;
float: left;
border-right: 1px solid #303030;
height: 300px;
position: relative;
}

h1{
padding: 12px 70px 12px 20px;
position: absolute;
right: 0;
text-align:left;
top: 25%;
float: left;
color: #fff;
letter-spacing: -1px;
font-size: 38px;
}

h1 cufon{
margin-bottom: -4px;
}

h3{
	font-family: "Roboto",sans-serif;
font-size: 24px;
color: #333;
float: left;
margin-right: 15px;
padding-top: 5px;
}

.main_box{
float: left;
width: 500px;
height: 95px;
padding: 25px;
padding-top:4px;
padding-bottom:4px;
}

form{
width: 590px;
padding: 10px 0;
float: left;
background: url(../images/dots.gif) right top repeat-y;
height: 80px;
}

h2{
font-family: 'Open Sans';
color: #ffe400;
font-size: 28px;
margin-bottom: 20px;
}

h2 span{
color: #fff;
font-size: 16px;
line-height: 26px;
font-style: italic;
}

ul.info{
width: 500px;
padding: 0;
margin: 10px 0 0 0;
float: left;
}

ul.info li{
margin-bottom: 20px;
clear: both;
float: left;
}

ul.info li p{
font-size: 12px;
line-height: 20px;
color: #555;
float: left;
margin: 0;
font-family: "Open Sans";
}


ul.info li p.social a.tw{
width: 32px;
height: 32px;
margin-right:16px;
float: left;
}

ul.info li p.social a.fb{
width: 32px;
height: 32px;
margin-right:16px;
float: left;
}

ul.info li p.social a.li{
width: 32px;
height: 32px;
margin-right:16px;
float: left;
}

ul.info li p.social a.tw:hover{
opacity:0.5;
}

ul.info li p.social a.fb:hover{
opacity:0.5;
}

ul.info li p.social a.li:hover{
opacity:0.5;
}

img.icon_social
{
  width:32px;
  height:32px;
}

.field{
float: left;
background: url(../images/input.png) left top no-repeat;
width: 425px;
height: 21px;
font-size: 14px;
color: #666;
padding: 10px;
border: none;
}

.submit_butt{
float: left;
background: url(../images/input.png) right top no-repeat;
width: 109px;
height: 41px;
border: none;
cursor: pointer;
}

.submit_butt:hover{
background: url(../images/input.png) right bottom no-repeat;
}

.connect{
width: 145px;
padding-left: 20px;
float: left;
padding-top: 20px;
}

.connect img{
margin-right: 5px;
}

h2.site_title {
  font-family: "Open Sans";
  font-size:24px;
    color: #ff2626;
    background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
    padding-top:1px;
    margin-top: 1px;
    padding-bottom:1px;
    margin-bottom:2px;
}

.site_sub_title
{
  font-family: "Open Sans";
  font-size:14px;
  color: #ddd ;
    background-image: -webkit-linear-gradient(92deg,#222,#888);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
  color:#eee;
}

p.classSingle{
  padding-top:10px;
}



/*----------HEADER -------*/
.classPageHeader{
  height:110px;
  -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1s;
  -webkit-animation-iteration-count: 1;
}

.classPageHeaderBody{
  height:122px;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: 1;

}


.classPageHeaderMenu
{
  height:60px;
  background:#333;
  
  
  
}

.sticky {
  position: fixed;
  z-index: 9999;
  width: 100%;
}


.classPageHeaderFixed{
  position: fixed;
  z-index: 9999;
  width: 100%;
  clear: both;
  opacity: 1;
  z-index: 100000000;
  height:187px;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 100;
}
.sf-menu {
    line-height: 1.0;
}
#locationsNav .sf-menu {
    line-height: 1.0;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    background-color: #fff;
    border: 6px solid #fff;
}
.sf-menu ul li {
    width: 100%}
#locationsNav .sf-menu ul li {
    width: 50%}
#locationsNav .sf-menu li {
    float: left;
    position: relative;
    width: auto;
}
#locationsNav .sf-menu ul {
    border: 6px solid #fff;
    margin-left: -6px;
    margin-top: 1px;
    width: 308px!important;
    background-color: #fff;
}
#globalNav .sf-menu ul {
    margin-top: 1px;
    width: 180px!important;
    margin-left: -7px;
}
#locationsNav .sf-menu li li.menuLeft {
    float: left;
    position: relative;
    width: 154px!important;
}
#locationsNav .sf-menu li li.menuRight {
    float: left;
    position: relative;
    width: 154px!important;
}
.menuTitleDiv {
    width: auto;
    float: left;
    display: block;
    margin-right: 4px;
    color:#fff;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    float: left;
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
    padding: 6px 0 6px 14px;
    text-decoration: none;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em;
    z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10em;
    top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu {
    float: left;
    border-bottom: 2px;
}
#locationsNav .sf-menu a {
    border-color: #fff;
    border: 1px solid #fff;
    padding: 5px 0 6px 14px;
    text-decoration: none;
    width: auto;
}
#locationsNav .sf-menu li {
    margin-top: 0;
    width: 103px;
}
.sf-menu a, .sf-menu a:visited {
    color: #fff;
    border: 1px solid #333;
    font-family:Lato, Muli, Open Sans, sans-serif;
}
.sf-menu li {
    background: #333;
}
.sf-menu li li {
    background: #f2f2f2;
}
.sf-menu li li a:hover {
    background-color: #00bce4;
    color: #fff!important;
}
.sf-menu li li li {
    background: #f2f2f2;
    margin-left: -7px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    /*background: #fff;*/
    color: #eee;
    outline: 0;
}
.sf-menu ul a:hover {
    background-color: #f2f2f2;
}
.topmenu:hover {
    border-top: solid 4px #ffd204;
    border-top:solid 4px #e6454f;
}

.topmenu1:hover {
    border-top: solid 4px rgb(136, 188, 23);
    border-top:solid 4px #e6454f;
}

.topmenu2:hover {
    border-top: solid 4px rgb(136, 188, 23);
    border-top:solid 4px #e6454f;
}

.topmenu3:hover {
    border-top: solid 4px rgb(136, 188, 23);
    border-top:solid 4px #e6454f;
}

.topmenu4:hover {
   border-top: solid 4px rgb(136, 188, 23);
   border-top:solid 4px #e6454f;
}


.topmenu {
    border-top: solid 4px #222;
    margin-right: 7px;
    width: auto;
    font-family: Lato;
    font-size: 16px;
    color: #000;
}

.topmenu {
    border-top: solid 4px #ffd204;
}

.topmenu1{
    border-top: solid 4px rgb(116, 116, 116);
}

.topmenu2{
    border-top: solid 4px rgb(158, 158, 158);
}

.topmenu3 {
    border-top: solid 4px rgb(200, 200, 200);
}

.topmenu4 {
    border-top: solid 4px #ddd;
}


.topmenu ul {
    font-size: 12px;
    font-family: Lato, Muli, Open Sans, sans-serif;
    color: #8a8a8a;
}
.submenuLi ul {
    margin-left: 35px!important;
}
.submenuLi li {
    margin-left: 0!important;
}
.submenuLi .sf-sub-indicator {
    float: left;
    position: relative;
}
.sf-menu a.sf-with-ul {
    padding-right: 15px;
    min-width: 1px;
}
#locationsNav .sf-menu .sf-sub-indicator {
    padding-right: 0;
    display: block;
}
#locationNav {
    visibility: hidden;
}
#locationItems {
    margin-top: 0;
    margin-left: -6px!important;
}
#locationNav .topmenu {
    width: 140px;
    border-top: 0;
    margin-top: 8px;
}
#locationNav .topmenu:hover {
    border-top: 0;
}
#locationNav .locationName {
    float: left;
    display: block;
    color: #8a8a8a;
}
#locationNav .sf-sub-indicator {
    background: url("../images/arrows-8a8a8a.png") no-repeat scroll -10px -102px transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 10px;
    margin-left: 4px;
    overflow: hidden;
    position: relative;
    text-indent: -999em;
    top: .39em;
    visibility: visible;
    width: 10px;
}
#locationNav .sf-menu a, #locationNav .sf-menu a:visited {
    border: 0;
}
#locationItems a, #locationItems a:visited {
    border: 1px solid #fff!important;
    color: #000;
}
#locationNav .menuTitleDiv a {
    display: block;
    padding: 5px 14px 6px 14px;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    float: left;
    min-width: 75px;
}
#locationNav .menuTitleDiv a:hover {
    border-top: 7px solid #e6e6e6;
    min-width: 75px;
    margin-top: -7px;
}
#locationNav ul ul {
    margin-left: 0;
}
.sf-sub-indicator {
    position: relative;
    display: block;
    top: .2em;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../images/arrows-8a8a8a.png') no-repeat -10px -100px;
}
a>.sf-sub-indicator {
    top: .2em;
    background-position: 0 -100px;
}
a:focus>.sf-sub-indicator, a:hover>.sf-sub-indicator, a:active>.sf-sub-indicator, li:hover>a>.sf-sub-indicator, li.sfHover>a>.sf-sub-indicator {
    background-position: -10px -100px;

}
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a>.sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul a:focus>.sf-sub-indicator, .sf-menu ul a:hover>.sf-sub-indicator, .sf-menu ul a:active>.sf-sub-indicator, .sf-menu ul li:hover>a>.sf-sub-indicator, .sf-menu ul li.sfHover>a>.sf-sub-indicator {
    background-position: -10px 0;
}
.sf-shadow ul {
    padding: 0;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

ul.main-navigation {
  list-style: none;
  padding: 0;
  margin: 0;
  background: transparent;
   font-size: 12px;
    font-family: Lato, Muli, Open Sans, sans-serif;
    color: #8a8a8a;
}

ul.main-navigation li {
  display: block;

  position: relative;
  float: left;
  background: transparent;
     font-size: 16px;
    font-family: Lato, Muli, Open Sans, sans-serif;
    color: #8a8a8a;
    border-top: solid 4px rgb(116, 116, 116);
    margin-left:5px;
    margin-right:5px;
}


ul.main-navigation li ul { display: none; }

ul.main-navigation li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
font-size: 16px;
  border: 1px solid #333;
  font-family: Lato, Muli, Open Sans, sans-serif;
padding: 6px 0 6px 14px;
}

ul.main-navigation li:hover { 
  
  border-top: solid 4px #e6454f;
  color: #333;
  outline: 0;
}

ul.main-navigation li.active { 
  
  border-top: solid 4px #e6454f;
  color: #333;
  outline: 0;
}



ul.main-navigation li a:hover { 
  
  
  color: #333;
  outline: 0;
}


ul.main-navigation li:hover > ul {
  display: block;
  position: absolute;
  z-index:100000;


}

ul.main-navigation li:hover li { float: none; border-top: 1px solid #eee;}

ul.main-navigation li:hover a { color: #eee; font-family: Lato, Muli, Open Sans, sans-serif;
}

ul.main-navigation li:hover ul li a { background: #555;color: #eee; font-family: Lato, Muli, Open Sans, sans-serif;
}

ul.main-navigation li:hover li a:hover { background: #555; color:eee; }

.main-navigation li ul li { border-top: 0; }

ul.main-navigation  ul ul {
  left: 100%;
  top: 0;

}

ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

ul:after { clear: both; }

/*POLLS */

.classMenu {
  display: block;
  float: left;
  height: 50px;
  margin-top: 12px;
}


a.cd-btn {
  color: #E4D9E8;
  text-decoration: none;
}




.stage {
  
  -webkit-perspective: 1600px;
  -webkit-perspective-origin: 50% 0px;
}

#cube {
  width: 100px;
  height: 100px;
  position: absolute;
  transform-style: preserve-3d;
}

#cube figure {
/*  margin: 0;

  position: absolute;*/
    width: 100px;
  height: 100px;
  border: 1px solid #fff;
}

.cube{

}

@keyframes spin {
  from { transform: rotateY(0); }
  to { transform: rotateY(360deg); }
}

@keyframes spinSN {
  from { transform: rotateY(0); }
  to { transform: rotateY(360deg); }
}



#cube { transition: transform 1s; }

img.classImageLogoHeader{
  width:100px;
  height:100px;
}

img.classImageLogoHeaderBody
{
  width:120px;
  height:120px;
  padding:0px;
  margin-left: 25px;
  margin-right: 10px;
}

img.classImageLogoHeaderHome{
   width:120px;
  height:120px;
  margin-left:25px; 
}

img.classImageMenuHeaderHome{
   width:120px;
  height:120px;
  
  padding:35px;
}
/*----------END OF HEADER -------*/

/*HOME PAGE CUSTOM */

#idD1,
#idD2,
#idD3{

width:300px;

float:left;
-webkit-animation-duration: 3s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
/*border:1px solid #fff;*/
}


#idPageD1,
#idPageD2,
#idPageD3{


-webkit-animation-duration: 3s;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: 1;
padding:auto;
}


#idPageD1{

margin-top:5px;
z-index:100;
height:200px;
width:100%;
}


#idPageD2{
  margin-top:5px;
  z-index:200;
  height:180px;
  width:100%;
}


#idPageD3{
  margin-top:0px;
  z-index:300;
  height:180px;
  width:100%;
}




#idD1{

margin-top:5px;
z-index:100;
}


#idD2{
  margin-top:145px;
  z-index:200;
}


#idD3{
  margin-top:5px;
  z-index:300;
}



body{
  /*
   margin: 0;
  padding: 0;
  height: 100%;
    
    background-image:linear-gradient(#434343, #282828);
    */
}

* {
  font-family: Roboto;
}

.content{
    background-color: transparent;
    background-image:       linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
  height:100%;
  background-size:50px 50px;

}
.content h1 {
  font-weight: 500;
  text-align: center;
}

svg#donut-chart {
  display: block;
  margin: 0 auto;
}

text.inner-circle {
  font-weight: 400;
  font-size: 20px;
  /*text-transform: uppercase;*/
  font-family: Candara, 'Muli', sans-serif;


}


text.inner-circle-x2{

  font-weight: 500;
  font-size: 35px;
  /*text-transform: uppercase;*/
  font-family: Candara, 'Muli', sans-serif;
}

text.inner-circle-2 {
  font-weight: 400;
  font-size: 11px;
  /*text-transform: uppercase;*/
   font-family: Candara, 'Muli', sans-serif;
}


text.inner-circle-3 {
  font-weight: 400;
  font-size: 9px;
  /*text-transform: uppercase;*/
   font-family: Candara, 'Muli', sans-serif;
}

text.inner-circle-bold{
  font-weight:700;
  font-size:12px;
}


.arc {
  cursor: pointer;
}

.arc:hover {
  opacity: .85;
}

.arc text {
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  font-family: Candara, 'Roboto Slab', serif;



  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;

}


.arc text.inner-circle-bold{
  font-weight:bold;
  font-weight:600;
}


.arc text.inner-circle-large{
  font-weight:bold;
  font-weight:600;
  font-size: 22px;
}



text.inner-circle-2,
#idPageD2 .arc text,
.arc-n text {
  font-weight: 300;
  font-size: 11px;
  color: #fff;
  font-family: 'Roboto Slab', serif;



  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;
}

text.inner-circle-x2,
#idPageD2 .arc text.inner-circle-x2,
.arc-n text.inner-circle-x2 {
   font-weight: 300;
  font-size: 32px;
  /*text-transform: uppercase;*/
  font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;



  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;
}


text.inner-circle-large-x2,
#idPageD2 .arc text.inner-circle-large-x2,
.arc-n text.inner-circle-large-x2  {
   font-weight: 500;
  font-size: 40px;
  /*text-transform: uppercase;*/
  font-family: "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;



  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;
}


text.inner-circle-3,
#idPadeD2 .arc text.inner-circle-3,
.arc-2 text{

  font-weight: 300;
  font-size: 7px;
  color: #fff;
  fill:#eee;



  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;

}


.arc text.inner-circle-large-2{
  font-weight:bold;
  font-weight:600;
  font-size: 14px;

}

.arc text.inner-circle-large-3{
  font-weight:bold;
  font-weight:600;
  font-size: 9px;
  fill:#e6454f;
}

.inner-circle{

  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;
}

.inner-circle-2{

  background-image: -webkit-linear-gradient(92deg,#a32626,#df2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 2px;
}




.graydient {
  /* http: //www.colorzilla.com/gradient-editor/; */
  background: #000;
  background: -moz-radial-gradient(center, ellipse cover, #444 0%, #000000 90%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#444), color-stop(90%,#000000));
  background: -webkit-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
  background: -o-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
  background: -ms-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
  background: radial-gradient(ellipse at center, #444 0%,#000 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 );
  /*
   -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
*/
}




.classHomePageHeadlines {
  font-family: "changa one";
  font-weight: 400;
  position: relative;
  /*margin: 10px auto;
  width: 960px;*/
  font-size: 36px;
  text-align: center;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  */
  
}


.line-1 {
  font-family: Superclarendon, "changa one";
  font-weight: 500;
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 3px;
  margin: 0 0;
  overflow: hidden;
  height: 36px;
  display: inline-block;
  perspective: 300px;
}


.line-1 span{
  font-family: "changa one" ,"Roboto Slab", serif;
  font-size: 36px;
  font-weight: 400;

}

.line-2{
  font-family: Arvo,verdana, "Roboto", sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  margin: 5px 0 0;
  position: relative;
  letter-spacing: 2px;

}
.line-3 {
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin: 5px 0 0;
  position: relative;
  letter-spacing: 2px;

}

.line-2 span
{
font-family: Arvo,verdana, "Roboto", sans-serif;
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin: 10px 0 0;
  position: relative;
  letter-spacing: 2px;
  color: rgb(230, 69, 79);
}


.line-3:before {
  margin: 7px 0 0 -60px;
}
.line-3:after {
  margin: 7px 0 0 10px;
}

.line-3 span
{
font-family: "Pacifico", sans-serif;
}


.inner-circle{
      color: #f35626;
  background-image: -webkit-linear-gradient(92deg,#f35626,#feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*-webkit-animation: hue 60s infinite linear;*/
}

@media only screen and (min-width: 1170px) {
 
}




@media only screen and (min-width: 768px) {
 
}
@media only screen and (min-width: 1170px) {
}

.cd-headline {
  font-size: 3rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .cd-headline {
    /*font-size: 4.4rem;*/
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    /*font-size: 6rem;*/
  }
}

.line-1 span.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 34px;
}
.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  
  font-weight: normal;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  text-transform: uppercase;

  letter-spacing: 2px;
  
  overflow: hidden;
  top:0px;
  display: inline-block;
  perspective: 300px;
   font-size: 34px;
}

.cd-words-wrapper b i{
white-space: nowrap;
  font-weight: normal;
  font-family: "Roboto Slab", serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0;
  overflow: hidden;
  
  display: inline-block;
  perspective: 300px;
  font-style: normal;
  /*color:#e00;*/
  color:#888;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}
.no-js .cd-words-wrapper b {
  opacity: 0;
}
.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xnugget info 

-------------------------------- */
.cd-nugget-info {
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #0096a7;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #0096a7;
}



/* -------------------------------- 

xrotate-1 

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-1 b {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-animation: cd-rotate-1-in 1.2s;
  -moz-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  -moz-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

xtype 

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #fff;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #fff;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xrotate-2 

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -moz-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  -o-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}
.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  -moz-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  -moz-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -moz-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  -o-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

xloading-bar 

-------------------------------- */
.cd-headline.loading-bar span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after {
  /* loading bar */
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -moz-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -moz-transition: width 3s;
  transition: width 3s;
}
.cd-headline.loading-bar b {
  top: .2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

/* -------------------------------- 

xslide 

-------------------------------- */
.cd-headline.slide span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.slide b {
  opacity: 0;
  top: .2em;
}
.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  -moz-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}
.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  -moz-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

xclip 

-------------------------------- */
.cd-headline.clip span {
  display: inline-block;
  padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
.cd-headline.clip .cd-words-wrapper::after {
  /* line */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}
.cd-headline.clip b {
  opacity: 0;
}
.cd-headline.clip b.is-visible {
  opacity: 1;
}

/* -------------------------------- 

xzoom 

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.zoom b {
  opacity: 0;
}
.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}
.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

xrotate-3 

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  -moz-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  -moz-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

xscale 

-------------------------------- */
.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .cd-headline.scale i {
  opacity: 1;
}
.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

xpush 

-------------------------------- */
.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}


/* END OF HOME PAGE CUSTOM */



/*----------BODY -------*/


.classCarouselBox{
background-color:#000;
display:block;
height:120px;
/*background-image: url("../images/header_the_key_k2m_k2h.gif");*/
/*background-image: url("../images/header_the_key.gif");*/
/*background-image: url("../images/header_thekey__.gif");*/
background-image: url("../images/header_the_key_unlocking_what_customers_want.gif");
background-repeat: no-repeat;
/*background-attachment: fixed;*/
background-position: center bottom; 

}

.classCarouselBox2{
  background-color:#000;
display:block;
height:120px;
background-image: url("../images/header_the_key_unlocking_what_customers_want.gif");
background-repeat: no-repeat;
/*background-attachment: fixed;*/
background-position: center top; 
}

#id_header_phrase_1 {
    -webkit-animation: txt-animation11 60s infinite ease;
    /* cubic --> .03,1.01,.15,.49*/  
}
#id_header_phrase_2 {
    -webkit-animation: txt-animation22 60s infinite ease;
}

#id_header_phrase_3 {
    -webkit-animation: txt-animation33 60s infinite ease;  
}
#id_header_phrase_4 {
    -webkit-animation: txt-animation44 60s infinite ease;
}

@keyframes txt-animation11 {
    0%, 25% {opacity: 1;}
    26%,100%  {opacity: 0;}
    
}

@keyframes txt-animation22 {
    0%, 26% {opacity: 0;}
    27%,50%  {opacity: 1;}
    51%,100% {opacity: 0;}
}

@keyframes txt-animation33 {
   0%, 51% {opacity: 0;}    
    52%,70% {opacity: 1;}
    71%,100% {opacity: 0;}
}

@keyframes txt-animation44 {
    0%, 70% {opacity: 0;}
    70,100% {opacity: 1;}
}


span.os-phrases-single
{
  text-align:center;
  padding:auto;
  font-size:32px;
  font-family: Slackey;
  color:#eee;
  padding-left:14%;
  margin-top:2%;
  position: fixed;
}

span.os-phrases-single img
{
  margin-top:3%;
  position: fixed;
}

span.os-phrases-single-loader
{
  text-align:center;
  padding:auto;
  font-size:32px;
  font-family: Slackey;
  color:#eee;
  padding-left:2%;
  margin-top:2%;
  position: fixed;
}

span.os-phrases-single-loader img
{
  margin-top:3%;
  position: fixed;
}


.classPageBodyPage
{
  position: relative;
  top:182px;
  margin-bottom:-182px;
  min-height: 600px;
    -webkit-animation-duration: 3s;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-iteration-count: 1;
}

.classPageBodyPage:after{
  content:"";
  clear:both;
}

classPageMainBox{
   -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1.2s;
  -webkit-animation-iteration-count: 1;
}
.classPageMainBoxSet{

  /*border:2px solid #fff;
  border-radius:3px;*/
  border:none;
  /*height:725px;*/
  width:100%;
  
    -webkit-animation-duration: 3s;
  -webkit-animation-delay: 1.8s;
  -webkit-animation-iteration-count: 1;
}
.classPageMainBoxSetBox{
   /*height:650px;*/

padding:0px;

}

.classPageMainBoxSetBoxLeft{

}

.classPageMainBoxSetBoxGrid
{
  height:200px;
  background: #333;
  border:1px solid #fff;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
      -webkit-animation-duration: 2s;
  -webkit-animation-delay: 2.4s;
  -webkit-animation-iteration-count: 1;
  padding:5px;

}

.classPageMainBoxSetBoxGridL
{
 height:205px;

}

.classPageMainBoxSetBoxGridBottom{
  height:230px;
}

.classPageMainBoxSetBoxGrid2{
  height:275px;
}
/*----------END OF BODY -------*/



/*----------FOOTER-------*/
.classPageFooter
{

  min-height: 210px;
  background: #555;
  border-top:5px solid #999;
  padding-top:5px;
}

.classFooterWidget
{
  padding:2px;

}
.classBoxContentPL
{
background: #FFF;
}

.classBoxHeadline
{
  color:#eee;
  border-bottom: 1px solid #999;
}

h3.classBoxHeadline,
h3.classBoxHeadlineNL
{
  color:#eee;
  border-bottom: 1px solid #999;
  font-size:24px;
}

.classBoxContent
{
  padding:4px;
}


.classBoxContentHeadline
{
   padding-top:10px;
  color:#e6454f;
  color:#eee;

  font-family: "Roboto",serif;
  font-size: 17px;
  background: #444;

}
.classBoxBlogContent
{
  padding-top:10px;
  color:#eee;
  font-family: Roboto,sans-serif;
  font-size:14px;
  line-height: 21px;

}

a.classLinkReadMore,
a.classLinkReadMore:visited,
a.classLinkReadMore:link{
  color:#fff;
}


a.classLinkReadMore:hover{
  color:#ddd;
}

.classPageFooterBottom
{
  background: #222;
 
  font-size:10px;
  height:28px;
  padding-top:5px;
  text-align:center;
}

.classPageFooterBottom a,
.classPageFooterBottom a:link,
.classPageFooterBottom a:visited,
.classPageFooterBottom a:hover
{
font-size:13px;
font-size:12px;
color:#eee;
font-weight:300;
}
/*----------END OF FOOTER-------*/




/*----------SPECIAL -------*/
.classPageBodyPage,
#idPageTemplate{

padding-top:10px;
background: #ddd;
padding-right:10px;
padding-left:10px;

  padding-top: 10px;
  background: #ddd;
  padding-right: 25px;
  padding-left: 25px;


}
#idPageTemplateContact{

  padding-left: 100px;
  background: #ddd;
}




.tabs-left {
 /* margin-top: 3rem;*/
}

.tabs-left .nav-tabs {
  float: left;
  border-bottom: 0;
}


.tabs-left .nav-tabs li {
  float: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs-left  .nav-tabs li a {
  margin-right: 0;
  border: 1px;
  border-radius: 0px;
  color:#000;
  background-color: #fff;
    text-align: center;

}

.tabs-left  .nav-tabs li.active a {
  background-color: #fff;
  color:#000;
  background: #333;
  color:#fff;
}
.tabs-left  .nav-tabs li a:hover {
  background-color: #333;
}
.tabs-left  .nav-tabs .glyphicon {
  color: #fff;
}
.tabs-left  .nav-tabs .active .glyphicon {
  color: #333;
}

.tabs-left  .nav-tabs > li.active > a,
.tabs-left  .nav-tabs > li.active > a:hover,
.tabs-left  .nav-tabs > li.active > a:focus {
  border: 0;

}

.tabs-left  .nav-tabs > li.active > a:hover,
.tabs-left  .nav-tabs > li.active > a:focus
.tabs-left  .nav-tabs > li.active > a {
  background: #fff;
  color:#000;
}

.tabs-left  .nav-tabs > li.active > a:hover{
  background: #aaa;
  color:#000;
}

.tabs-left  .nav-tabs > li.active{
  background: #fff;
  background: #333;
}

.tabs-left  .nav-tabs > li:hover,
.tabs-left  .nav-tabs > li:hover a{
  background: #fff;
  background: #333;
  background: #eee;
  
}

.tabs-left  .nav-tabs > li.active:hover,
.tabs-left  .nav-tabs > li.active:hover a{
  background: #eee;
  color:#000;
}

.tab-content {
  margin-left: 1px;
  /*height:640px;*/
  background: #fff;


}

.tab-pane {
  margin-left: 5px;
  /*height:475px;*/

}
.tab-content .tab-pane {
  display: none;  
  background-color: #fff;
  padding: 1.6rem;
  overflow-y: scroll;
}
.tab-content .active {
  display: block;
}

.list-group {
  width: 100%;
}
.list-group .list-group-item {
  height: 100px;
}
.list-group .list-group-item h4, .list-group .list-group-item span {
  line-height: 11px;
}

/*----------END OF SPECIAL-------*/



/*----CUBE 1 -----*/


.stage
{
  perspective: 1500px;
  /* perspective-origin: 50% 50%;*/ /* this is the default*/
    transform-style: preserve-3d;
}

.stage2
{
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
    transform:  translateZ(200px);
}
.cube
{
  /*background-color: blue;*/
  position: relative;
  left: 0px;
  top: 0px;
  width: 90px;
  height: 90px;
    top: 1%;
    left: 1%;
    margin-top: 0px;
    margin-left: 0px;
  transform-style: preserve-3d;
  animation: spinSN 30s linear infinite;
}

.cubeface
{
  position: absolute;
  transition: all 600ms;
  top: 2px;
  left: 2px;
}

@keyframes rotate-cube
{
  from
  {
        transform: rotateZ(0Deg) rotateY(0Deg);
  }
  to
  {
    transform: rotateZ(1080Deg) rotateY(360Deg);
  }
}


.cube img{
height:90px;
width:90px;
}
#tile_cube_1   { transform: translateZ(50px); }
#tile_cube_2    { transform: translateX(50px) rotateY(90Deg); }
#tile_cube_3     { transform: translateX(-50px) rotateY(-90Deg); }
#tile_cube_4      { transform: translateZ(-50px); }
#tile_cube_5 { transform: translateY(50px) rotateX(90Deg); }
#tile_cube_6     { transform: translateY(-50px) rotateX(-90Deg); }

:hover > #tile_cube_1   { transform: translateZ(150px); }
:hover > #tile_cube_2    { transform: translateX(150px) rotateY(90Deg); }
:hover > #tile_cube_3     { transform: translateX(-150px) rotateY(-90Deg); }
:hover > #tile_cube_4      { transform: translateZ(-150px); }
:hover > #tile_cube_5 { transform: translateY(150px) rotateX(90Deg); }
:hover > #tile_cube_6     { transform: translateY(-150px) rotateX(-90Deg); }


.classCubeText{
font-family: "Muli",sans-serif;
font-size: 12px;
text-transform:uppercase;
background:#fff;
  color: #333;
  background-image: -webkit-linear-gradient(92deg,#333,#feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  text-align:center;
}




/*!------CUBE LOADER --------*/


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.classLoader {
  position: fixed;
 
  width: 100%;
  height: 100%;
  z-index: 9999;
  text-align:center;
  padding:auto;
  margin:auto;
  position: absolute;
    top: 60px;
    /*left: 16.6%;
    width: 66.6%;*/
    width:100%;
    /*height: 200px;*/
    /*margin-left: -50px;*/
    /*margin-top: 5px;*/
}


.stageL
{
  perspective: 1500px;
  /* perspective-origin: 50% 50%;*/ /* this is the default*/
    transform-style: preserve-3d;
}

.stageL2
{
     transform-style: preserve-3d;
    position: absolute;
    width: 100%;
    height: 100%;
    transform:  translateZ(200px);
}
.cubeL
{
  /*background-color: blue;*/
  position: relative;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
  transform-style: preserve-3d;
  animation: rotate-cube 15s linear infinite;
}

.cubefaceL
{
  position: absolute;
  transition: all 600ms;
  top: 15px;
  left: 15px;
}

@keyframes rotate-cube
{
  from
  {
        transform: rotateZ(0Deg) rotateY(0Deg);
  }
  to
  {
    transform: rotateZ(1080Deg) rotateY(360Deg);
  }
}


.cubeL img{
height:300px;
width:300px;
}
#tile_loader_cube_1   { transform: translateZ(150px); }
#tile_loader_cube_2    { transform: translateX(150px) rotateY(90Deg); }
#tile_loader_cube_3     { transform: translateX(-150px) rotateY(-90Deg); }
#tile_loader_cube_4      { transform: translateZ(-150px); }
#tile_loader_cube_5 { transform: translateY(150px) rotateX(90Deg); }
#tile_loader_cube_6     { transform: translateY(-150px) rotateX(-90Deg); }


.cubeL.hovered #tile_loader_cube_1,
:hover > #tile_loader_cube_1   { transform: translateZ(350px); }
.cubeL.hovered #tile_loader_cube_2,
:hover > #tile_loader_cube_2    { transform: translateX(350px) rotateY(90Deg); }
.cubeL.hovered #tile_loader_cube_3,
:hover > #tile_loader_cube_3     { transform: translateX(-350px) rotateY(-90Deg); }
.cubeL.hovered #tile_loader_cube_4,
:hover > #tile_loader_cube_4      { transform: translateZ(-350px); }
.cubeL.hovered #tile_loader_cube_5,
:hover > #tile_loader_cube_5 { transform: translateY(350px) rotateX(90Deg); }
.cubeL.hovered #tile_loader_cube_6,
:hover > #tile_loader_cube_6     { transform: translateY(-350px) rotateX(-90Deg); }


.classCubeTextL{
font-family: "Muli",sans-serif;
font-size: 32px;
text-transform:uppercase;
background:#fff;
  color: #333;
  background-image: -webkit-linear-gradient(92deg,#333,#feab3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: hue 60s infinite linear;
  text-align:center;
}



.wrap_loader {
  width: 450px;
  text-align: center;
  position: fixed;
  top: 30%;
  left: 35%;
  margin-left: -15px;
  font-size:32px;
  font-family: Lato, "Roboto Slab", serif;
}
.wrap_loader div {
  display: inline;
  margin: -2px;
    font-size:32px;
  font-family: "Roboto Slab", serif;
  color:#777;

}

input#idSNVar_InputName{
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px dashed #eee;
 
}

/*

.l {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.o {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 0.21875s;
          animation-delay: 0.21875s;
}

.a {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 0.4375s;
          animation-delay: 0.4375s;
}

.d {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 0.65625s;
          animation-delay: 0.65625s;
}

.i {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 0.875s;
          animation-delay: 0.875s;
}

.n {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 1.09375s;
          animation-delay: 1.09375s;
}

.g {
  -webkit-animation: shrinkgrow 1.75s ease-in-out infinite;
          animation: shrinkgrow 1.75s ease-in-out infinite;
  -webkit-animation-delay: 1.3125s;
          animation-delay: 1.3125s;
}

*/
@-webkit-keyframes shrinkgrow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  12.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes shrinkgrow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  12.5% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  33% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

.classPointerSideBarBox{
  margin-top:10px;
  float:left;

  vertical-align: middle;
  text-align: center;

}

img.classIconSideBar{
  height:24px;
  padding-top:0px;
}


img.classIconSideBarBlock{
  height:64px;
  padding:0px;

}

.classPointerSideBarBoxT{
  text-align:justify;
}
.classIconTextSideBarBox{
  font-size:11px;
  line-height:15px;
  color:#eee;
  text-align: right;
  height:40px;
   vertical-align: bottom;
   padding-left:2px;
   font-family:Lato, Muli, Open Sans, sans-serif;
   text-align: right;

}



span.classIconTextSideBarBoxTE{
  text-align:left;
}


.classIconTextSideBarBoxTE{
    font-size:12px;
  color:#fff;
  text-align: left;
  
   vertical-align: bottom;
   padding-left:8px;
   font-family:Lato, Muli, Open Sans, sans-serif;
}
.classPointerContentSideBarBox
{
  margin-top:0px;
  float:left;
  text-align: left;
  padding-top:10px;
    font-size:12px;
    line-height: 18px;
    font-weight: 300;
    color:#fff;
}
.classHeadingSideBar
{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 16px;
  
  font-weight: bold;
  color:#fff;
  padding:4px;
  border-bottom:1px solid #555;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;

}

.classHeadingSideBarDL{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 16px;
  
  font-weight: bold;
  color:#fff;
  padding:4px;
  border-bottom:1px solid #555;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;
}

.classBlockSideBarBox{
  vertical-align: middle;
  text-align: center;
}
.classLinkMore{

  color:#e6454f;
}

.classHomePageHeadlineInternal{
  text-align: center;
  color:#e6454f;
  font-weight:600;
}

.classPageBodyCaseStudyBox .classHomePageHeadlineInternal{
  text-align:left;
  
  padding-bottom:10px;
  margin-bottom:10px;
}
.classMainPara{
  font-size:14px;
  line-height: 24px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  text-align:justify;
/*text-align-last:center;*/

}


h3.classHighlightedRed
{
 color:#e6454f; 
}

h4.classHighlightedRed
{
 color:#e6454f; 
 font-size:18px;
}

h5.classHighlightedRed
{
 color:#e6454f; 
 font-size:15px;
}

span.classHighlightedRed
{
color:#e6454f;
}

li.classMainOptionListItemsAlternative
{
  color:#e6454f;
  font-size:16px;

}

li.classMainOptionListItems{
/*padding:10px;*/

padding-bottom:15px;
padding-top:0px;
height:180px;
background-color: #333;
background-color: #fff;
}
li.classMainOptionListItems a{
  font-family:Lato, Muli, Open Sans, sans-serif;
  
  font-size:15px;
}

a.classLink
{
  
color:#317ab7;
  
  
}

a.classLinkTab
{
  
color:#315ab7;
font-weight:500;
}

a.classLinkInPage
{
  text-decoration: none;
  color:#115a97;

  
  font-weight:500;
}





a.classLinkInPageNoD{
  color:#e6454f;
}

.classCustomModal .modal-dialog{
width: 700px;
display: flex;
  align-items: center;
  justify-content: center;
}


.classCustomModalTestimonial{
  top:50px;
}

.classCustomModalTestimonial .modal-dialog{
width: 65%;
display: flex;
  align-items: center;
  justify-content: center;
}

.classCustomModal .modal-content{
background: #333;
padding:5px;
}

.classCustomModalTestimonial .modal-content{
background: rgba(30,30,30,0.2);
padding:10px;
}

.classCustomModalHeader{
  padding:2px;
  height:20px;
    background:#333;
  border-bottom: 1px solid #333;
}


.classCustomModalHeader h4.modal-title{
  font-family:Lato, Muli, Open Sans, sans-serif;
    font-size:14px;
    color:#fff;
      padding:2px;
}

.classCustomModalTestimonial .classCustomModalHeader{
  padding:10px;
  height:60px;
    background: rgba(30,30,30,0.8);
  border-bottom: 1px solid #333;
}


.classCustomModalTestimonial .classCustomModalHeader h4.modal-title{
  font-family:Lato, Muli, Open Sans, sans-serif;
    font-size:16px;
    color:#fff;
      padding:10px;
}


.classCustomModalBody{
  padding:1px;
  background:#333;
}

.classCustomModalTestimonial .classCustomModalBody{
  padding:10px;
  background:rgba(255,255,255,1);
}

.classCustomModalFooter{
   padding:2px;
  height:24px;
    background:#333;
  border-top: 1px solid #333;
}

.classCustomModalTestimonial .classCustomModalFooter{


    padding:10px;
  height:60px;
    background: rgba(30,30,30,0.8);
  border-top: 1px solid #333;


}

.classCustomModalFooter button.classCustomModalFooterButton
{
  height:20px;
  padding:1px;
  background: #fff;
  color:#e6454f;
  border-radius: 0px;
  font-family: Lato;
  font-size: 12px;
}

.classCustomModalTestimonial .classCustomModalFooter button.classCustomModalFooterButton
{
  height:35px;
  padding:5px;
  background: #fff;
  color:#e6454f;
  border-radius: 0px;
  font-family: Lato;
  font-size: 12px;
  display: block;
  float:right;
  width:100px;
}

.classCustomModalHeader button
{
  height:20px;
  padding:1px;

  color:#fff;
  border-radius: 0px;
  font-family: Lato;
  font-size: 12px;
}

.classCustomModalTestimonial .classCustomModalHeader button
{
  height:60px;
  padding:0px;

  color:#fff;
  border-radius: 0px;
  font-family: Lato;
  font-size: 25px;
  opacity: 1;
}

.classIconSideBarBoxTE{
  width: 75px;
  float:left;
  display:block;
  padding-right:5px;
}
img.classIconSideBarTE{
  height:30%;  
  max-height:105px;
  max-width:105px;

}

.classIconSideBarBoxTE{
  text-align: left;
  display:block;
  width:115px;
}
.classTestimonialHeading{
  text-align: left;
 font-family: Lato;
  font-size: 13px;
  color:#fff;
  margin:0px;
  padding:0px;
  margin-top:1px;
  padding-top:1px;
  text-transform: uppercase;
  font-weight:bold;
  display:block;
}

.classTestimonialHeading2{
  text-align: left;
   font-family: Arial;
  font-size: 11px;
  color:#ccc;
  margin:0px;
  padding:0px;
  margin-top:0px;
  padding-top:0px;
  }



  ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.classPageBodyPageBox{
  background: #fff;
  padding:10px;
  
  /*margin-left: 10px;
  margin-right: 10px;*/

  margin-bottom: 0px;
  overflow:auto;
  min-height:640px;
  min-height:840px;
}

table.classTableSetHolder{
  position:relative;
}
table.classTableSetHolder tr td{
  padding:5px;
}


.classImageSetItemW2{
  width:48%;
  float:left;
}

.classImageSetItemW3{
  width:32%;
  float:left;
}

img.classImageEmbed,
img.classImageInline
{
  max-width:250px;
  padding:2px;
}

.classImageCaption.classImageInlineL
{
  max-width:250px;
  padding:10px;
}

.classImageCaption.classImageInlineLM2
{
  text-align: center;
  margin:auto;
}
img.classImageInlineL{
    max-width:250px;
  padding:10px;
height: 250px;
}

img.classImageInlineL2{
    max-width:200px;
  padding:5px;

}

img.classImageInlineL00{
    max-width:40%;
  padding:10px;
}

img.classImageInlineH00{
    max-height:250px;
  padding:10px;
}

img.classImageInlineL0{
    max-width:50%;
  padding:10px;
}

img.classImageInlineLM1{
  max-width: 80%;
  padding:10px;
}

img.classImageInlineLMAX{
  max-width: 100%;
  padding: 5px;
}
img.classImageInlineLM2{
  max-width: 400px;
  padding:10px;
}

.classImageCaption.classImageInlineLM2
{
  max-width: 400px;
  padding:10px;

}

img.classImageInlineLM3{

}
span.classHighlightedText{
  font-size: 24px;
}

img.classImageRight
{
  float:right;
  
}

img.classImageLeft
{
  float:left;
}


.classBoxTestimonial
{
  display:block;
  border-bottom: 1px solid #e6454f;
  /*border-radius: 4px;*/
  padding:4px;
  padding-bottom:2px;
  margin-bottom: 10px;
  margin-top: 30px;
  
}

.classBoxTestimonialImage{
  float:left;
  width:15%;
  display:block;
  max-width:200px;
  text-align: center;
  padding:5px;

}

.classBoxTestimonialImage img{
  width:120px;
  padding:10px;
  clear:both;
  display:block;
  margin: auto;
}

.classBoxTestimonialImageCaption{
  font-size: 13px;
  color:#777;

    font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;

}

.classBoxTestimonialText
{
  width:70%;
  float:right;

  position: relative;
  padding: 5px;
  margin: 10px 0 10px;
  color: #000;
  background: #fff;
  border-radius: 0px;
  border-left: 2px solid #aaa;
  padding-left:20px;
  overflow:scroll;



}

.classBoxTestimonialText:after {
  /*content: "";
  position: absolute;
  bottom: -15px;
  left: 50px;
  border-width: 15px 15px 0;
  border-style: solid;
  border-color: #eee transparent;
  display: block;
  width: 0;
  top: 16px;
  left: -50px;
  bottom: auto;
  border-width: 10px 50px 10px 0;
  border-color: transparent #eee;
  */
}


.classBoxTestimonialTextTitle
{ 
  display: inline-block;
  float:right;
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  font-weight: 300;
  color: #e6454f;
  font-size:16px;
}

.classPageContentSpecial
{
  font-size: 15px;
  padding-bottom:10px;
  padding-top:10px;
  clear:both;
   display:block;
  clear:both;
  width:100%;
  overflow:auto;
}

ul.classPageListingSpecial
{
  display:block;
  clear:both;
  width:100%;
list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.classPageListingSpecial li{

  display: inline;
  width:200px;
  height:200px;
  float: left;

}

ul.classPageListingSpecialSOW li{
   width:140px;
  height:140px;
  text-align: center;
}

li.classPageListingSpecialItem{

}
.classPageListingSpecialItemBox
{

    font-size: 18px;
  font-weight:bold;
  text-transform:uppercase;
  width:190px;
  height:190px;
    margin:5px;
  padding:7px;
  text-align:center;
   border:1px solid #eee;
   /*border-radius: 0 0 0 15px;*/
  text-align: center;
  color: #e6454f;
  font-weight: 600;
  overflow:auto;
}

.classPageListingSpecialItemBoxHas{
   border:1px solid #e6454f;

}

.classPageListingSpecialItemBoxHasNone{
     border:1px solid #eee;

}

.classPageListingSpecialItemBoxSOW{
  width:100px;
  height:100px;
  padding:1px;
}
.
img.classPageListingIconsIconCircular{
  border: 1px solid red;
  border-radius:50%;
  padding:8px;

  
}


img.classPageListingIconsIcon
{

  width:45px;
 text-align:center;
  display:block;
  padding:auto;
  margin:auto;
  margin-bottom:10px;

}
img.classPageListingIconsIconCircularSOW{
  
  width:64px;
}

img.classHasItemsNone{
  opacity:0.6;
}
.classPageListingIconsText
{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
    color: #000;
    vertical-align: bottom;
}

.classPopUpBox{
  min-width:300px;
  min-height:300px;
  background:#fff;
  padding:20px;
}

.classSideBarRightHolder{
 
}

.classPageMainBox{
/*width:100%;*/


}

.classTextEmphasis{
  color: #126;
}

.classCaseStudyInline{
  border: 3px solid #aaa;
  margin:5px;
  padding: 10px;
  background: #f0f0f0;
  background: #fff;
  font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;
  margin-top:40px;
}

.classCaseStudyItem{
  border: 1px solid #fff;
  margin:4px;
  padding: 10px;
  
  background: #fff;
  
  margin-top:10px;
  overflow:visible;
}

.classCaseStudyItem:hover{
  /*border: 1px solid #aaa;*/

}



.classCaseStudyItem::before{
      color: red;
      /*quotes: "\201C""\201D""\2018""\2019";*/
      /*
      quotes: "\2713""\2713""\2713""\2713";
  content: open-quote;
  /*content:url('../images/1024px-Pacman_HD.png');*/
background: #fff;
/*border-right:1px solid #aaa;*/
background-image: url('../images/item_bullet_2.png');
  background-position: middle left;
  background-repeat: no-repeat;
content:"";
background-size: 32px;
    display: inline-block;
    width: 37px; 
    height: 32px;
    padding-right:5px;
  margin-top:0px;
  line-height: 10px;
  
  margin-right:10px;
  margin-bottom:0px;
  /*vertical-align: -0.4em;*/
  z-index: 1000;
  float:left;
  
 
}

.classCaseStudyItemMini::before{
      color: red;
      /*quotes: "\201C""\201D""\2018""\2019";*/
      /*
      quotes: "\2713""\2713""\2713""\2713";
  content: open-quote;
  /*content:url('../images/1024px-Pacman_HD.png');*/
background: #fff;
/*border-right:1px solid #aaa;*/
background-image: url('../images/item_bullet_2.png');
  background-position: middle left;
  background-repeat: no-repeat;
content:"";
background-size: 18px;
    display: inline-block;
    width: 20px; 
    height: 20px;
    padding-right:5px;
  margin-top:0px;
  line-height: 10px;
  
  margin-right:10px;
  margin-bottom:0px;
  /*vertical-align: -0.4em;*/
  z-index: 1000;
  float:left;
  
 
}



.classCaseStudyInline::before{
      color: red;
      /*quotes: "\201C""\201D""\2018""\2019";*/
      /*quotes: "\2713""\2713""\2713""\2713";
  content: open-quote;*/
  /*content:url('../images/1024px-Pacman_HD.png');*/
background: #fff;
/*background-image: url('../images/case_study_icon.png');*/
background-image: url('../images/icon_color_case.svg');

  background-position: middle left;
  background-repeat: no-repeat;
background-size: 90px;
border:3px solid #aaa;

    display: inline-block;
    width: 100px; 
    height: 100px;
    content:"";
  margin-top:-50px;
  line-height: 0.1em;
  
  margin-right:20px;
  margin-bottom:20px;
  /*vertical-align: -0.4em;*/
  z-index: 1000;
  
 
}

.classCaseStudyInline:hover{
  /*border:3px solid #666;*/
}

.classCaseStudyInline:hover::before{
  border:3px solid #e6454f;
}

.classCaseStudyMini:hover::before{
  border:3px solid #e6454f;
}


.classCaseInSection{
   
  font-size: 16px;
  line-height: 30px;
}

.classTextInSection{
  border: 1px solid #96252f;
  border: 3px solid #ccc;
  
  padding: 10px;
  
  font-size: 14px;
  
}

.classCaseStudyInline.classCaseStudyQuestion::before{
  background-image: url('../images/icon_light_with_bulb.jpg');
  border:3px solid #aaa;

}

.classCaseStudyInline.classCaseStudyViewpoint::before{
  background-image: url('../images/icon_light_with_bulb.jpg');
  border:none;
  border:3px solid #aaa;
}

.classCaseStudyInline.classCaseStudyExample::before{
  background-image: url('../images/icon_example.png');
  border:3px solid #aaa;
  background-position: center;
  background-size: 64px;


}

.classCaseStudyInline.classCaseStudyConcepts::before{
  background-image: url('../images/icon_light_with_bulb.jpg');
  border:none;
border:3px solid #aaa;
  margin-bottom:5px;

}



.classCaseStudyMini:before{
   color: red;
      /*quotes: "\201C""\201D""\2018""\2019";*/
      /*
      quotes: "\2713""\2713""\2713""\2713";
  content: open-quote;
  /*content:url('../images/1024px-Pacman_HD.png');*/
background: #fff;
border:5px solid #aaa;
background-image: url('../images/case_study_icon.png');
  background-position: middle left;
  background-repeat: no-repeat;
content:"";
background-size: 50px;
border:3px solid #e6454f;

    display: inline-block;
    width: 54px; 
    height: 60px;
    content:"";
  margin-top:-25px;
  line-height: 0.1em;
  
  margin-right:10px;
  margin-bottom:10px;
  /*vertical-align: -0.4em;*/
  z-index: 1000;
  float:left;
}

.classCaseStudyInline.classCaseStudyTypology:before{
    background-image: url('../images/icon_merge.png');
  border:none;
}


.classCaseStudyInline.classSetListingVisual{
  
}
.classCaseStudyInline.classSetListingVisual:before{
    background-image: url('../images/icon_point_star.png');
  border:none;
}

.classCaseStudyInline.classCaseStudyHealth:before{
  background-image: url('../images/r-pharmacy.png');
  content: "HEALTH";
  padding-top:60px;

  width:80px;
  height:80px;
    border: 3px solid #ccc;
    padding-left: 10px;
  background-position-x: 10px;

}


.classCaseStudyInline.classCaseStudyAuto:before{
  background-image: url('../images/r-automobile.png');
  content: "AUTO";
  padding-top:60px;

  width:80px;
  height:80px;
    border: 3px solid #ccc;
    
  background-position-x: 10px;
  text-align: center;

}

.classCaseStudyInline.classCaseStudyFood:before{
  background-image: url('../images/r-food.png');
  content: "FOOD";
  padding-top:60px;

  width:80px;
  height:80px;
    border: 3px solid #ccc;
    text-align: center;
  background-position-x: 10px;

}

.classCaseStudyInline.classCaseStudyLeisure:before{
  background-image: url('../images/r-hotelTravel.png');
  content: "LEISURE";
  padding-top:60px;

  width:80px;
  height:80px;
    border: 3px solid #ccc;
    padding-left: 10px;
  background-position-x: 10px;

}

.classCaseStudyInline.classCaseStudyFashion:before{
  background-image: url('../images/r-fashion.png');
  content: "FASHION";
  padding-top:60px;

  width:80px;
  height:80px;
    border: 3px solid #ccc;
    padding-left: 10px;
  background-position-x: 10px;


}
.classTestimonialSet{
  height:300px;
  
  border: 3px solid #aaa;
  
  overflow:auto;
}

.classTestimonialSet:hover{
  border: 3px solid #aaa;
}
.classCaseStudyInline.classTestimonialSet:before,
.classCaseStudyInline.classCaseStudyMini.classTestimonialSet:before{
background-image: url('../images/icon_example.png');
border: 3px solid #aaa;
  background-position: center;
  background-size: 32px;

  margin-top: -13px;
  margin-left: -13px;
}


.classCaseStudyInline.classCaseStudyTypology.classCaseStudyMini:before
.classCaseStudyInline.classCaseStudyConcepts.classCaseStudyMini:before,
.classCaseStudyInline.classCaseStudyViewpoint.classCaseStudyMini:before,
.classCaseStudyInline.classCaseStudyQuestion.classCaseStudyMini:before
{
  margin-bottom: 0px;
}
.classTextInSection .classSectionH{
font-weight: 500;
color: #e6454f;
font-size:17px;
}

.classCaseStudyBlert:before{
  
  background-image: url('../images/logo_blert.png');
  border: 3px solid #e06e1d;
}

.classTextInSection .classSectionB{
  font-weight: 300;
  color: #444;
}


a.classHighlightedRed{
   color:#e6454f; 
}

.classHighlightedBlack{
  color:black;
}

h1.classHeadlineInline,
h2.classHeadlineInline,
h3.classHeadlineInline,
h4.classHeadlineInline,
h5.classHeadlineInline,
h6.classHeadlineInline{
  display: inline;
}

h4.classHeadlineInline{
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
}

h1.classHeadlineInsize,
h2.classHeadlineInsize,
h3.classHeadlineInsize,
h4.classHeadlineInsize,
h5.classHeadlineInsize,
h6.classHeadlineInsize{
  font-size: 14px;
}


h1.classHeadlineBlock,
h2.classHeadlineBlock,
h3.classHeadlineBlock,
h4.classHeadlineBlock,
h5.classHeadlineBlock,
h6.classHeadlineBlock{
  display: block;
  clear: both;
  width: 100%;
}

h3.classHeadlineBlock{
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  font-size:20px;
}
h5.classTextEmphasizeXS{
  color: #333;
  font-size: 14px;
  font-weight: 500;

}


/* CSS used here will be applied after bootstrap.css */

.classNavDisplay .nav-tabs{
   border-bottom: 1px solid #333;
  }

   

.classNavDisplay .nav-tabs img{
  width:100%;
  }


.classNavDisplay .nav-tabs li a {
    background:none;
    border: 1px solid #eee;
    border-bottom: 1px solid #333;
  }

  .classNavDisplay  .nav.nav-tabs li.active a{
    background-color: #333;
    }

.classNavDisplay  .nav.nav-tabs li a:hover {
    opacity:0.9;
    
    border: 1px solid #833;
    border-bottom: 1px solid #333;
    }

.classNavDisplay .nav-tabs > .active > a, 
.classNavDisplay  .nav-tabs > .active > a:hover { 
  outline:none;
    background-color: #333;
  border: 1px solid #fff;
  border-bottom-color: transparent;
  cursor: default;    
   border-bottom: 1px solid #333;
    }

.classNavDisplay  .nav-tabs li a:active{
   background-color: #333;
   
   border-bottom: 1px solid #333;
      }

.classNavDisplay  l.nav.nav-tabs {
          
}

.classNavDisplay  .tabs-below > .nav-tabs,
 {
  border: 0px;
}

.classNavDisplay  .tab-content > .tab-pane,
.classNavDisplay  .pill-content > .pill-pane {
  display: none;
}

.classNavDisplay  .tab-content > .active,
.classNavDisplay  .pill-content > .active {
  display: block;
}

.classNavDisplay .tab-content{
  min-height: 800px;
  height:auto;
}

.search-bar {
  height: 44px;
  top: 18px;
  background-color: #eee;
  border-radius: 20px;
  display: inline-block;
}

.classPageBodyCaseStudyBox{
  padding:20px;
  min-height: 900px;
  
}
.classMainCaseStudyHeading{
  margin:5px;
  padding:0px;
  
}

.classMainCaseStudy{
  /*min-height: 950px;*/
  /*height:120%;*/
}
h1.classHeadingCaseStudy{
  padding-left:0px;
  padding-top:5px;
  padding-bottom:5px;
  padding-right:0px;
  font-size:24px;
  font-weight:300;
  color:#333;
  position:relative;
  display:inline;
  
  
}


h4.classCaseStudyInsight{
  color:#777;
  font-style: italic;
}


.classCaseStudySectionHeading{
  padding:6px 20px 5px 20px;
  padding-left:0px;
  color:#fff;
  /*background: #222;*/
  color:#e6454f;
  display:inline-block;
  text-transform: uppercase;
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  margin-bottom:10px;
}

.classTag
{
  padding:4px;
  
  color:#666;
  color:#e6454f;
  margin-right:10px;
  /*background: #666;*/
}

.classTag:before
{
  content:"#";
  color:#e6454f;
  color:#666;
  color:#e6454f;
  
}

.classPageListingBlock{
  height:410px;
  border:1px solid #fff;
  border-radius: 0px;
  padding:10px;
  margin-bottom:30px;
}


.classPageListingBlock a:hover,
.classPageListingBlock a:focus{
text-decoration: none;

}

.classPageListingBlock:hover{
opacity: 0.9;
}
.classPageListingBlock2{
  height:240px;
  
}

.classPageListingBlock3{
  height:240px;
}


.classPageListingBlockLabel{
  font-size: 26px;
  /*line-height: 36px;*/
  padding-top:10px;
    color:#000;
    height:64px;
    overflow:none;
    border-bottom: 1px solid #e6454f;
    text-align: left;

    font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif; 
    font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
    font-size: 18px;
}


.classPageListingBlockIssue{
   color:#666;
   font-size: 14px;
  line-height: 20px;
  padding-top:10px;
  height: 70px;
  text-decoration: none;
}


.classPageListingBlockTags{
  color:#e6454f;
   font-size: 12px;
  line-height: 16px;
  padding-top:6px;
  height: 40px;
  text-decoration: none;
}

.classPageListingBlockImage{
  height:170px;
  max-height:170px;
  overflow:none;
  text-align: center;
  padding-top:10px;
}

img.classPageListingBlockImageItem{
  position: relative;
  max-width:100%;
  max-height:100%;

}

.classPageListingBlockCat{
  height:36px;
  border-top: 1px solid #000;

}

img.classPageListingBlockCatIcon{
  float:left;
  width:32px;
}

.classPageListingBlockCatText{
font-size: 16px;
line-height: 20px;
padding-top:10px;
  text-transform: uppercase;
  font-weight: 400;
  color: #000;
  
  float:right;
  position:relative;
}

.classListClient{
  font-size:16px;
  line-height: 24px;
  text-transform: capitalize;
  
  color:#333;
  height:100px;
  border:1px solid #ddd;
  margin:5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;

}

.classSearchBtnContainer{
  width:40px;
  text-align: center;
  height:40px;
  float:right;
  border-bottom:4px solid #666;
}

.classSearchBtnContainer:hover{
 border-bottom:4px solid #e6454f; 
}
.classSearchBtnContainer img
{
  width:32px;
}
.classSearchBtnContainer:hover img{
 opacity: 0.9;
}

.modal{
  z-index:100000;
}

#idSearchModal,
.classCustomSearchModal{

width:100%;
height:100%;
text-align: center;
/*background: rgba(40,40,40,0.9);*/
background: rgba(17, 17, 17,0.8);
}

.classCustomSearchModal .modal-content{
  width:100%;
  height:100%;
}




#idSearchModal .modal-open .modal{
  width:100%;
  height:100%;
  overflow:auto;
}

#idSearchModal .modal-dialog{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#idSearchModal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;

}

.modal-fullscreen .modal-content {
  background: rgba(40,40,40,0.9);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.classCustomSearchModal.modal-fullscreen .modal-content{
  width:100%;
  height:100%;
background: rgba(40,40,40,0.1);

}



.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}


.classCustomSearchModalBody{
  width:100%;
  height:100%;

  padding:100px;
  text-align: center;
  margin:auto;
  
}

input.classTextSearch{
    width: 100%;
  padding: 0 17px;
  color: #fff;
  -webkit-appearance: none;
  border-radius: 0;
  text-align: left;
  outline: none;
  background-color: #333!important;
  border:none;
  border-bottom: 4px solid #eee;
  border-radius: 0px;
}


.classSearchBox{
  margin: 0 auto;
}

form#idSearchForm{
  width:100%;
  display:block;
  clear:both;
  float:none;
}
.classSearchResults{
 margin: auto;
 height:450px;
 border:1px solid #444;  
}
.classIconSearchGrp{
  background: #e6454f;

}

.form-control:focus {
  border-color: #000;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.classSearchButton,
.btn-lg.classSearchButton{
  border-radius:0px;
}


.btn-danger{
  background: #e6454f;
}
button.classButtonCloseSearch{
  color:#e6454f;
 
  font-size:60px;
  font-weight: 300;
  opacity:1;


}

button.classButtonCloseSearch:hover{
  color:#fff;
}


/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height:100vH;
  width:100vH;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;

  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}


.slideInDown {
  -webkit-animation: slideInDown 1s; /* Safari 4+ */
  -moz-animation:    slideInDown 1s; /* Fx 5+ */
  -o-animation:      slideInDown 1s; /* Opera 12+ */
  animation:         slideInDown 1s; /* IE 10+, Fx 29+ */
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 0;
}

h4.classFSModalTitle{
  font-size:40px;
  color:#fff;
  border-bottom:#ddd;
  font-family: Lato;
}


.classQuickLinks{
  padding:10px;  
}

.classQuickLinks a.classLinksMenu{
  font-size: 15px;
  line-height: 24px;
  display: block;
  color:#fff;
}

.classOpening{
 
  padding:5px;

}

.classOpening h3{
  display: block;
  width:100%;
  margin-bottom: 15px;
}

.classOpening h5{
  display: block;
  color: #777;
  font-size: 17px;
  text-transform: uppercase;
}

.classSidebarHomeMenu{

}

.classSidebarHomeMenu a.classSBMenuItem{
  color:rgb(230, 69, 79);
  font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;
  font-size:17px;
  display: block;

}

.classSidebarHomeMenu a.classSBMenuItem:first-letter {
  font-size: 19px;



}

.dimmed{
  position: relative;
}

.dimmed:after{

  
}

.classPageMainBoxSetBoxSidebar{

background: rgba(255,255,255,0.5);
background: rgba(65,65,65,0.3);
}

.classPageMainBoxSetBoxSidebar:hover{
background: rgba(0,0,0,0.9);  
}

.classPageMainBoxSetBoxSidebar img{
opacity:0.1;
}

.classPageMainBoxSetBoxSidebar:hover img{
opacity:1;
}

.classPageMainBoxSetBox .classIconTextSideBarBox{
  font-size:11px;
  line-height:15px;
  color:#ddd;
  text-align: right;
  height:40px;
   vertical-align: bottom;
   padding-left:2px;
   font-family:Lato, Muli, Open Sans, sans-serif;
   text-align: right;

}


.classPageMainBoxSetBox:hover .classIconTextSideBarBox{
  font-size:11px;
  line-height:15px;
  color:#eee;
  text-align: right;
  height:40px;
   vertical-align: bottom;
   padding-left:2px;
   font-family:Lato, Muli, Open Sans, sans-serif;
   text-align: right;

}

.classHeadingSideBar
{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 12px;
  
  font-weight: bold;
  color:#ddd;
  padding:4px;
  border-bottom:1px solid #ddd;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;

}


.classHeadingSideBarDL{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 16px;
  font-size: 12px;
  font-weight: bold;
  color:#ddd;
  padding:4px;
  border-bottom:1px solid #ddd;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;
}


.classPageMainBoxSetBox:hover .classHeadingSideBar
{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 16px;
    font-size: 12px;
  font-weight: bold;
  color:#fff;
  padding:4px;
  border-bottom:1px solid #555;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;

}

.classPageMainBoxSetBox:hover  .classHeadingSideBarDL{
  margin:0px;
  padding:0px;
  display:block;
  height:32px;
  font-size: 16px;
  font-size: 12px;
  font-weight: bold;
  color:#fff;
  padding:4px;
  border-bottom:1px solid #555;
    font-family: Arvo,verdana, "Roboto", sans-serif;
    text-align: center;
}

.classPageMainBoxSetBox .classLinkMore
{
  color:#ddd;
}

.classPageMainBoxSetBox:hover .classLinkMore
{
  color:#e6454f;
}

.classPageMainBoxSetBox:hover .classIconSideBarBox{
 
  float:left;
  width:24px;
  vertical-align: top;
  text-align: center;
  height:24px;
  opacity:1;
}

.classPageMainBoxSetBox .classIconSideBarBox{
 
  float:left;
  width:24px;
  vertical-align: top;
  text-align: center;
  height:24px;
  opacity:0.1;
}

.classInLineMenuItem{
    display: block;
  position: relative;
  
  background: transparent;
  font-size: 16px;
  font-family: Lato, Muli, Open Sans, sans-serif;
  color: #8a8a8a;
  border-top: solid 4px rgb(196, 196, 196);
  margin-left: 2px;
  margin-right: 2px;
}

.classInLineMenuItem:hover{
    border-top: solid 4px #e6454f;
}


a.classInLineMenu{

    display: block;
  padding: 0.5em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-size: 16px;
  border: 1px solid #333;
  font-family: Lato, Muli, Open Sans, sans-serif;
  padding: 6px 0 6px 1px;
  
}

.classCharacterOne{
  font-weight: 600;
  font-size: 37px;
  color:#000;
  line-height: 16px;
  color:#e6454f;
}

.classImageCaption{
  font-size:12px;
  color:#e6454f;
  /*color:#444;*/

  font-weight:500;
  
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #e6454f;
  margin: 4px 4px;
  padding: 4px 4px;
  margin-bottom:2px;
  quotes: "\201C""\201D""\2018""\2019";
  font-family: Roboto;
  font-size:17px;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

q {
  background: #fff;
  border-left: 5px solid #333;
  margin: 2px 2px;
  padding: 2px 2px;
  margin-bottom:2px;
  quotes: "\201C""\201D""\2018""\2019";
  font-family: Roboto;
    /*font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;*/
font-weight:500;
  font-size:14px;
  margin-top:10px;
  display: block;
  padding:10px;
  padding-left:10px;
  color:#555;
}
q:before {
  color: #e6454f;
  content: open-quote;

  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

q:after {
  color: #e6454f;
  content: closed-quote;
  font-size: 4em;

  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.5em;
}


q.classExternalQuote{

}

q.classQuoteSpecialInternal {
  background: #fff;
  
  
  border-left: 10px solid #aaa;
  

  border-radius: 0px;
  margin: 2px 2px;
  padding: 2px 2px;
  margin-bottom:2px;
  /*quotes: "\201C""\201D""\2018""\2019";*/
  quotes: "\201D";
  font-family: Roboto;
    font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;

  font-size:15px;

  margin-top:10px;
  display: block;
  padding:10px;
  padding-left:5px;
  color:#555;

}

q.classQuoteSpecialInternal{
  font-weight:600;
}

q.classExternalQuote{
  border-left: none;
  padding-left:5px;
}

q.classExternalQuote:before{
content: none;
}

q.classQuoteSpecialInternal:before {
  color: #e6454f;
  content: open-quote;

  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 60px;
  line-height: 12px;
  vertical-align: middle;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

q.classExternalQuote:after{

}
q.classQuoteSpecialInternal:after {
  color: #e6454f;
  content: closed-quote;
  font-size: 4em;

  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.5em;
    font-size: 60px;
  
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}



q p {
  display: inline;
}

/* HEXAGON */
.hexGrid,
#hexGrid {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    padding:0.866% 0;

    
    font-size: 15px;
}

.classHexGridMini{
   width: 80%;
   margin:auto;
   
   padding:2%;
}

.classHexGridMiniClients{
  background:#eee;
}

.hexGrid:after,
#hexGrid:after {
    content: "";
    display: block;
    clear: both;
}
.hex {
    position: relative;
    list-style-type: none;
    float: left;
    overflow: hidden;
    visibility: hidden;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
    -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
        -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
            transform: rotate(-60deg) skewY(30deg) translatez(-1px);
}
.hex * {
    position: absolute;
    visibility: visible;
    outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexIn {
    display:block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
            transform: skewY(-30deg) rotate(60deg);

    cursor: pointer;
}

/*** HEX CONTENT **********************************************************************/
.hex img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    



}


.hex h3.classTextCloud {
  left: -100%;
  right: -100%;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  -webkit-transform: translateY(-0%) translatez(-1px);
  -ms-transform: translateY(-0%) translatez(-1px);
  transform: translateY(0%) translatez(-1px);
  background: #e6454f;
  padding-top: 25%;
  padding-left: 10%;
  padding-right: 10%;
  font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  font-weight: 400;
  font-size: 13px;
  /* text-transform: uppercase; */


}

.hex h3.classTextCloudR1 {
 
  color: #eee;
  
  background: #333;
  


}

.hex h3.classTextCloudR2 {
 
  color: #fff;
  
  background: #666;
  


}

.hex h3.classTextCloudR3{
 
  color: #e6454f;
  
  background: #eee;

  color: #fff;
  
  background: #555;
  


}




.hex h1, .hex p {
    width: 100%;

    /*left:-1%; /* prevent line on the right where background doesn't cover image */
    /*top:50%;*/
    /*padding: 5%;*/
    padding:2px;
    box-sizing:border-box;
    font-size:9px;
    background-color: rgba(230, 69, 79, 0.8);
    background-color: rgba(127, 127, 127, 0.8);
    font-weight: 300;
    -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
            transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex h1 {
  top:0%;
  text-align:center;
    bottom: 50%;
    padding-top:50%;
    font-size: 1.5em;
    font-size:11px;
    background: rgba(230, 69, 79, 0.8);
background: rgba(250, 250, 250, 0.8);
    z-index: 1;
    -webkit-transform:translateY(-100%) translatez(-1px);
        -ms-transform:translateY(-100%) translatez(-1px);
            transform:translateY(-100%) translatez(-1px);
            color: #e6454f;
            padding-bottom:20px;
}
.hex h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 10%;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.hex p {
    top: 50%;
    padding-top:5px;
    padding-bottom:50%;
    padding-top: 15px;
  line-height: 12px;
    background-color: rgba(107, 107, 107, 0.7);
    color:#fff;
    font-size:9px;
    -webkit-transform:translateY(100%) translatez(-1px);
        -ms-transform:translateY(100%) translatez(-1px);
            transform:translateY(100%) translatez(-1px);
}

.hexGridTestimonials .hex h1{
   top:0%;
  text-align:center;
    bottom: 50%;
    padding-top:30%;
    font-size: 1.5em;
    font-size:13px;
    background: rgba(230, 69, 79, 0.8);
background: rgba(250, 250, 250, 0.9);
    z-index: 1;
    -webkit-transform:translateY(-100%) translatez(-1px);
        -ms-transform:translateY(-100%) translatez(-1px);
            transform:translateY(-100%) translatez(-1px);
            color: #e6454f;
            padding-bottom:20px;
}

.hexGridTestimonials .hex .hexIn.classAnimateReverse h1{
   top:0%;
  text-align:center;
    bottom: 50%;
    padding-top:30%;
    font-size: 1.5em;
    font-size:14px;
    background: rgba(230, 69, 79, 0.8);
background: rgba(250, 250, 250, 0.9);
    z-index: 1;
    -webkit-transform:translateY(-100%) translatez(-1px);
        -ms-transform:translateY(-100%) translatez(-1px);
            transform:translateY(-100%) translatez(-1px);
            color: #e6454f;
            padding-bottom:20px;
                -webkit-transform:translateY(0%) translatez(-1px);
        -ms-transform:translateY(0%) translatez(-1px);
            transform:translateY(0%) translatez(-1px);
}


.hexGridTestimonials .hex p {
    top: 50%;
    padding-top:5px;
    padding-bottom:50%;
    padding-top: 15px;
  line-height: 12px;
    background-color: rgba(57, 57, 57, 0.7);
    color:#fff;
    font-size:10px;
    -webkit-transform:translateY(100%) translatez(-1px);
        -ms-transform:translateY(100%) translatez(-1px);
            transform:translateY(100%) translatez(-1px);
}

.hexGridTestimonials .hex .hexIn.classAnimateReverse p {
    top: 50%;
    padding-top:5px;
    padding-bottom:50%;
    padding-top: 15px;
  line-height: 12px;
    background-color: rgba(57, 57, 57, 0.7);
    color:#fff;
    font-size:10px;
    -webkit-transform:translateY(0%) translatez(-1px);
        -ms-transform:translateY(0%) translatez(-1px);
            transform:translateY(0%) translatez(-1px);
}


.hex2 img {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    padding:0px;
    background: #fff;


}

.hex2 h1, .hex2 p {
    width: 100%;

    /*left:-1%; /* prevent line on the right where background doesn't cover image */
    /*top:50%;*/
    /*padding: 5%;*/
    padding:2px;
    box-sizing:border-box;
    background-color: rgba(230, 69, 79, 0.8);
    background-color: rgba(127, 127, 127, 0.8);
    font-weight: 300;
    -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
            transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex2 h1 {
  top:0%;
  text-align:center;
    bottom: 0%;
    padding-top:30%;
    font-size: 1.5em;
    font-size:15px;
    background: rgba(230, 69, 79, 0.8);
background: rgba(250, 250, 250, 0.8);
    z-index: 1;
    -webkit-transform:translateY(-100%) translatez(-1px);
        -ms-transform:translateY(-100%) translatez(-1px);
            transform:translateY(-100%) translatez(-1px);
            color: #e6454f;
            padding-bottom:10px;
}
.hex2 h1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 45%;
    width: 10%;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.hex2 p {
    top: 50%;
    padding-top:20px;
    padding-bottom:50%;
    background-color: rgba(107, 107, 107, 0.7);
    color:#fff;
    font-size:12px;
    -webkit-transform:translateY(100%) translatez(-1px);
        -ms-transform:translateY(100%) translatez(-1px);
            transform:translateY(100%) translatez(-1px);
}


/*** HOVER EFFECT  **********************************************************************/
.hexIn:hover h1, .hexIn:focus h1,
.hexIn:hover p, .hexIn:focus p{
  
    -webkit-transform:translateY(0%) translatez(-1px);
        -ms-transform:translateY(0%) translatez(-1px);
            transform:translateY(0%) translatez(-1px);
            
}

.hexGridTestimonials .hexIn.classAnimateReverse:hover h1,
.hexGridTestimonials .hexIn.classAnimateReverse:focus h1,
.hexGridTestimonials .hexIn.classAnimateReverse:hover p,
.hexGridTestimonials .hexIn.classAnimateReverse:focus p{

    -webkit-transform:translateY(-100%) translatez(-1px);
        -ms-transform:translateY(-100%) translatez(-1px);
            transform:translateY(-100%) translatez(-1px);
            
}

.hexGridTestimonials .hexIn.classAnimateReverse:hover p,
.hexGridTestimonials .hexIn.classAnimateReverse:focus p{

    -webkit-transform:translateY(-200%) translatez(-1px);
        -ms-transform:translateY(-200%) translatez(-1px);
            transform:translateY(-200%) translatez(-1px);
            
}

.hexIn2:hover h1, .hexIn2:focus h1,
.hexIn2:hover p, .hexIn2:focus p{
  
    -webkit-transform:translateY(0%) translatez(-1px);
        -ms-transform:translateY(0%) translatez(-1px);
            transform:translateY(0%) translatez(-1px);
            
}

/*** SPACING AND SIZING *****************************************************************/
@media (min-width:1201px) { /* <- 5-4  hexagons per row */
    .hex {
        /*width: 19.2%; /* = (100-4) / 5 */
        /*width: 10.22%; /* = (100-4) / 5 */
        width: 13.42%; /* = (100-4) / 5 */
        /*padding-bottom: 22.170%; /* =  width / sin(60deg) */
        /*padding-bottom: 11.80%; /* =  width / sin(60deg) */
        padding-bottom: 15.496%; /* =  width / sin(60deg) */

margin-left: 0.25%;
        margin-left: 0.25%;
        /*width: 11.625%; /* = (100-4) / 5 */
        /*padding-bottom: 13.423%; /* =  width / sin(60deg) */
       object-fit: fill;
    }
    /*
    .hex:nth-child(9n+6),
    .hex:nth-child(9n+7),
    .hex:nth-child(9n+8),
    .hex:nth-child(9n+9) {
        margin-top: -4.676%;
        margin-bottom: -4.676%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    .hex:nth-child(9n+6):last-child,
    .hex:nth-child(9n+7):last-child,
    .hex:nth-child(9n+8):last-child,
    .hex:nth-child(9n+9):last-child {
        margin-bottom: 0;
    }
    .hex:nth-child(9n+6) {
        margin-left: 0.5%;
        clear: left;
    }
    .hex:nth-child(9n+10) {
        clear: left;
    }
    .hex:nth-child(9n+2),
    .hex:nth-child(9n+ 7) {
        margin-left: 1%;
        margin-right: 1%;
    }
    .hex:nth-child(9n+3),
    .hex:nth-child(9n+4),
    .hex:nth-child(9n+8) {
        margin-right: 1%;
    }
    */
     
    .hex:nth-child(13n+8),
    .hex:nth-child(13n+9),
    .hex:nth-child(13n+10),
    .hex:nth-child(13n+11),
    .hex:nth-child(13n+12),
    .hex:nth-child(13n+13) {
        /*margin-top: -4.676%;
        margin-bottom: -4.676%;
                margin-top: -4.42%;
        margin-bottom: -4.42%;
        */
        /*
            margin-top: -2.9055%;
        margin-bottom: -2.9055%;
*/
        margin-top: -3.5%;
        margin-bottom: -3.5%;

/*        margin-top: -2.0395%;
        margin-bottom: -2.0395%;*/

        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    
    .hex:nth-child(13n+8):last-child,
    .hex:nth-child(13n+9):last-child,
    .hex:nth-child(13n+10):last-child,
    .hex:nth-child(13n+11):last-child,
    .hex:nth-child(13n+12):last-child,
    .hex:nth-child(13n+13):last-child {
        margin-bottom: 0;
    }

    .hex:nth-child(13n+8) {
        
        clear: left;
    }


    
    .hex:nth-child(13n+14) {
        clear: left;        
        /*margin-left: 13.42%;*/
    }

    .classHexGridMiniScope .hex:nth-child(13n+14) {
        clear: left;        
        margin-left: 13.42%;
    }


    /*
    .hex:nth-child(13n+2),
    .hex:nth-child(13n+ 7) {
        margin-left: 1%;
        margin-right: 1%;
    }
    .hex:nth-child(13n+3),
    .hex:nth-child(13n+4),
    .hex:nth-child(13n+8) {
        margin-right: 1%;

    }
    */
}
@media (max-width: 1200px) and (min-width:901px) {/* <- 4-3  hexagons per row */
    .hex {
        width: 24.25%; /* = (100-3) / 4 */
        padding-bottom: 28.001%; /* =  width / sin(60deg) */
    }
    .hex:nth-child(7n+5),
    .hex:nth-child(7n+6),
    .hex:nth-child(7n+7) {
        margin-top: -6.134%;
        margin-bottom: -6.134%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    .hex:nth-child(7n+5):last-child,
    .hex:nth-child(7n+6):last-child,
    .hex:nth-child(7n+7):last-child {
        margin-bottom: 0;
    }
    .hex:nth-child(7n+2),
    .hex:nth-child(7n+6) {
        margin-left: 1%;
        margin-right: 1%;
    }
    .hex:nth-child(7n+3) {
        margin-right: 1%;
    }
    .hex:nth-child(7n+8) {
        clear: left;
    }
    .hex:nth-child(7n+5) {
        clear: left;
        margin-left: 0.5%;
    }
}
@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
    .hex {
        width: 32.666%; /* = (100-2) / 3 */
        padding-bottom: 37.720%; /* =  width / sin(60) */
    }
    .hex:nth-child(5n+4),
    .hex:nth-child(5n+5) {
        margin-top: -8.564%;
        margin-bottom: -8.564%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    .hex:nth-child(5n+4):last-child,
    .hex:nth-child(5n+5):last-child {
        margin-bottom: 0;
    }
    .hex:nth-child(5n+4) {
        margin-right: 1%;
        margin-left: 0.5%;
    }
    .hex:nth-child(5n+2) {
        margin-left: 1%;
        margin-right: 1%;
    }
    .hex:nth-child(5n+6) {
        clear: left;
    }
}
@media (max-width: 600px) { /* <- 2-1  hexagons per row */
    .hex {
        width: 49.5%; /* = (100-1) / 2 */
        padding-bottom: 57.158%; /* =  width / sin(60) */
    }
    .hex:nth-child(3n+3) {
        margin-top: -13.423%;
        margin-bottom: -13.423%;
        -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
            -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
                transform: translateX(50%) rotate(-60deg) skewY(30deg);
    }
    .hex:nth-child(3n+3):last-child {
        margin-bottom: 0;
    }
    .hex:nth-child(3n+3) {
        margin-left: 0.5%;
    }
    .hex:nth-child(3n+2) {
        margin-left: 1%;
    }
    .hex:nth-child(3n+4) {
        clear: left;
    }
}
@media (max-width: 400px) {
    .hexGrid,
    #hexGrid {
        font-size: 13px;
    }
}


a.classLinkArticle {
    color:#333;
    font-size: 18px;

}

a.classLinkArticle:before {
    content: "";
    display: block;
    background: url("../images/icon_media_article.png") no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 6px 0 0;

}



a.classArticleItem{
  padding:4px;
  display:block;
  overflow: auto;
  border-left: 4px solid red;
  
}

a.classArticleItem.classArticleItemSet,
a.classArticleItem.classArticleItemNews{
  padding:4px;
  display:block;
  overflow: auto;
  border-left: none;
  
}


a.classArticleItem.classArticleItemSet{
  
  
  
}

a.classArticleItem img.classImageArticleIcon{
  width:32px;
  height:32px;
  float:left;
  margin-right:32px;
}




a.classArticleItem.classArticleItemSet img.classImageArticleIcon.classImageArticleSetIcon,
a.classArticleItem.classArticleItemNews img.classImageArticleIcon.classImageArticleNewsImage{
  width:200px;

  height:100px;
object-fit:contain;
  float:left;
  margin-right:32px;
}

a.classArticleItem.classArticleItemSet img.classImageArticleIcon.classImageArticleSetIcon{
  width:100px;

  height:100px;
object-fit:contain;
  float:left;
  margin-right:10px;
}



a.classArticleItem h4{
  display: inline;
  float:left;
  color:#333;
}

a.classArticleItem h4.classArticleItemH{
color:#333;
font-size: 15px;
width:75%;
}

a.classArticleItem h4.classArticleItemH.classArticleItemSetH{
color:#333;
font-size: 22px;
padding-top:4vH;
width:75%;
}



a.classArticleItem.classArticleItemNews h4.classArticleItemH{
color:#333;
font-size: 20px;
width:70%;
}


a.classArticleItem h4.classArticleItemB{
/*color:#aaa;*/
font-size:10px;
}


a.classArticleItem.classArticleItemNews h4.classArticleItemB{
color:#337ab7;
font-size: 13px;
margin-top:13px;
font-weight: 300;

}

a.classArticleItem.classArticleItemNews h4.classArticleItemC{
color:#333;
font-size: 15px;
margin-top:13px;
font-weight: 300;
width:75%;

}



a.classArticleItemQuiz h4.classArticleItemH{
  font-size: 18px;
}
.classLinkBoxRelated:before{
  content: "Related Reading";
  border-bottom: 1px solid red;
}

.classLinkBoxRelatedSet:before{
   content: "Read All";
  border-bottom: 1px solid red;
}

#idPollMenuDisplayText2{
  background: #555;
  border: 1px solid #555;
  color:#eee;
  padding:5px;
  /*width:30px;*/
  display:inline-block;
  text-align: center;
  border-radius: 50%;
}

#mySearchModal{
  z-index:200000000;
}

input[type="radio"].classInputRadio{
  margin-right:20px;
}


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    background: rgba(10,10,10,0.9);
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #e6454f;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 64px;
    margin-left: 50px;
}

.classSidebarHomeMenu a.classSBMenuItem{
  color:rgb(230, 69, 79);
  font-family: Lato, "changa one" ,"Roboto Slab", serif, Candara, 'Muli', sans-serif;
  font-size:17px;
  display: block;

}

.classSidebarHomeMenu a.classSBMenuItem:first-letter {
  font-size: 19px;



}


.classMainheading  a:hover{
  text-decoration: none;
}

.classMainParaMagazine{
  display:block;
  width:100%;
  overflow:hidden;
  min-height: 700px;
  clear:both;
}

.classPageBodyMagazineBox{
  
  width:100%;
  
}
.classTypologySurveySet1{
  padding:10px;
  background:#f4f4f4;
}

.classTypologySurveySet1 h4{
padding-bottom: 10px;
  margin-bottom: 10px;
    font-family: Lato, "arvo","changa one",verdana, "Roboto Slab", serif;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  margin: 5px 0 0;
  position: relative;
  letter-spacing: 2px;
}


.classQuizSectionDisabled{

  position: relative;
  width: 100%;
  
  font-family: Lato;
  font-weight: normal;
  /*border: 1px solid #eee;*/
  /*border: 10px solid #e6454f;*/
  border: 10px solid #fff;
  border-radius: 5%;
  padding: 10%;
  font-size: 16px;
  
  /*background: rgba(0,0,0,0.9);
  background: rgba(255,255,255,0.8);*/
/*  background: rgba(255,55,55,0.5);*/
background: rgba(255,255,255,1);
  color: #333;
  /*color:red;*/
  padding:30px;
  
}


.classQuizSectionDisabled .btn-info{

background: #e6454f;
border: 1px solid #e6454f;
}
caption{
  color:red;
}

.classArrow{
  font-family: sans-serif;
}

.classArrowBig{
  font-size:16px;
}

.classCleanStyle,
p.classCleanStyle,
q.classCleanStyle{
      font-weight: 300;
    color: #444;
}


.css_chart {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 700px;
  height: 200px;
  margin: 0 auto;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.1) 2%, rgba(0, 0, 0, 0) 2%);
  background-size: 100% 50px;
  background-position: left top;
}
.css_chart li {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  height: 200px;
}
.css_chart span {
  margin: 0 1em;
  display: block;
  background: rgba(209, 236, 250, 0.75);
  animation: draw 1s ease-in-out;
}
.css_chart span:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 5px 1em 0;
  display: block;
  text-align: center;
  content: attr(title);
  word-wrap: break-word;
}

@keyframes draw {
  0% {
    height: 0;
  }
}

.col-md-3half, .col-md-8half {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .col-md-3half, .col-md-8half {
        float: left;
    }
    .col-md-2half {
        width: 20%;
    }

    .col-md-9half {
        width: 80%;
    }



    .col-md-3half {
        width: 29.16666667%;
    }
    .col-md-8half {
        width: 70.83333333%;
    }
}

input.classInputTextHW{
  min-width: 350px;
}

.classHidden
{
  display:none;
}

input[type="range"] {
    display: inline-block;
    width: 75%;
}


.btn-arrow {
  
    border-bottom: solid 6px #e6454f;
    text-decoration: none;
}

.btn-arrow2 {
    border-bottom: solid 6px #e6454f;
    text-decoration: none;
}


.btn-arrow {

    position: relative;
    padding-right: 4em;
    width:450px;
    border-radius: 0px;
     white-space: normal;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    font-family: Lato;
    vertical-align: middle;
}

.btn-arrow:hover {
    color: #fff;
    background-color: #e6454f;
    border: solid 1px #e6454f;
    border-bottom: solid 6px #222;

}

.btn-arrow:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.85em;
    right: 1.2em;
    width: 0;
    height: 0;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
    border-left: 0.4em solid #fff;
}


.btn-arrow2:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.85em;
    right: 1.2em;
    width: 0;
    height: 0;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
    border-left: 0.4em solid #e6454f;
}

.btn-arrow:hover:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.85em;
    right: 1.2em;
    width: 0;
    height: 0;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
    border-left: 0.4em solid #fff;
}

.btn-corner-close{

  background: transparent;
  border:none;
  font-size:48px;
  color:#e6454f;
  font-family: Roboto;
  padding:0px;
}

.btn-corner-close:hover{

  background: transparent;
  border:none;
  font-size:48px;
  color:#fff;
  font-family: Roboto;
  padding:0px;
}

ul.main-navigation li.classShowOnlyOnPhones,
ul li.classShowOnlyOnPhones,
li.classShowOnlyOnPhones,
.classShowOnlyOnPhones{
    display: none;
}



.classPageFooterBottomOnlyDevice{
position:relative; 
bottom:0px; 
display:block; 
margin-top:98vH;

}

