@charset "utf-8";


/********************************************************
****
********
********
****


****
********
********
****
*********************************************************/






/*********************************************************** FONTS ************************************************************/




/*********************************************************** FONTS ************************************************************/

body {font-family: 'Raleway', sans-serif;}
a {cursor: pointer;text-decoration: none;}
 
/* /// custum classes /// */

/*floating elements*/
.left { float:left;}
.right { float: right;}





/*position*/
.position_relative {position: relative;}
.position_absolute {position: absolute;}
.position_fixed {position: fixed;}




/*position_*/
.pos_left {left:0px;}
.pos_right {right:0px;}
.pos_top {top:0px;}
.pos_bottom {bottom:0px;}
 





/*group OR clearfix*/
.clearfix:after, .group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
.clearfix, .group {clear: both;}   
* html .clearfix, * html .group           { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html .group { zoom: 1; } /* IE7 */






/*centering*/
.center {display: block; text-align: center;}
.center .in_center {display: inline-block; margin: 0px auto;}
.vertical_center {height:100%; max-height:100%; min-height: 100%; width:100%; display: table;}
.vertical_center_child {min-height: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle;}
.height {height:100%; max-height:100%; min-height: 100%; } 
.width {width:100%;}
.max_width {max-width:100%;}
.min_width {min-width:100%;}
/*centering*/





/*Display__*/
.display_block { width:auto; display:block; }
.display_inline_block { display:inline-block; }
.display_none {display: none;}
.display_inline {display: inline;}
.display_table {display: table;}
.display_table_cell {display: table-cell;}
.display_inline_flex {display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display:inline-flex;}
/*Display__*/





/*vertical_align*/
.vertical_align_middle {vertical-align: middle;}
.vertical_align_bottom {vertical-align: bottom;}
.vertical_align_top {vertical-align: top;}
/*vertical_align*/ 
 






/*perspective*/
.perspective {perspective:800px;-moz-perspective:800px; -webkit-perspective:800px; }
.transition {transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out;}





/*alignment_text*/
.text_align_left {text-align: left;}
.text_align_center {text-align: center;}
.text_align_right {text-align: right; }
/*alignment_text*/





/*transformed property*/
.transformed_cap, .transformed_cap * {text-transform: capitalize;}
.transformed_upp, .transformed_upp * {text-transform: uppercase;}
.transformed_low, .transformed_low * {text-transform: lowercase;}




/*zero every thing*/
.zero_left {margin-left: 0px; padding-left: 0px;}
.zero_right {margin-right: 0px; padding-right: 0px;}
.zero_top {margin-top: 0px; padding-top: 0px;}
.zero_bottom {margin-bottom: 0px; padding-bottom: 0px;}



/*display_justify*/
.display_justify {display: inline-block; width: 100%; text-align: justify; font-size: 0}
.display_justify .child {  font-size: initial;  }
.display_justify:after {content: '';   display: inline-block; width: 100%;}



/*z-index*/
.z_index_lowest {z-index: 1;}
.z_index_middle {z-index: 5;}
.z_index_greatest {z-index: 9;}



/* Spacer */
.spacer { clear: both; height: 10px;  width: 100%;}
 
 
/*spaces*/

/* buch of easy to use spacing utlity classes. study it...its easy. */

.m-a-0 {
    margin: 0 !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.m-a {
    margin: 10px !important;
}

.m-t {
    margin-top: 10px !important;
}

.m-r {
    margin-right: 10px !important;
}

.m-b {
    margin-bottom: 10px !important;
}

.m-l {
    margin-left: 10px !important;
}

.m-x {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.m-y {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.m-a-md {
    margin: 15px !important;
}

.m-t-md {
    margin-top: 15px !important;
}

.m-r-md {
    margin-right: 15px !important;
}

.m-b-md {
    margin-bottom: 15px !important;
}

.m-l-md {
    margin-left: 15px !important;
}

.m-x-md {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.m-y-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-a-lg {
    margin: 30px !important;
}

.m-t-lg {
    margin-top: 30px !important;
}

.m-r-lg {
    margin-right: 30px !important;
}

.m-b-lg {
    margin-bottom: 30px !important;
}

.m-l-lg {
    margin-left: 30px !important;
}

.m-x-lg {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.m-y-lg {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.p-a-0 {
    padding: 0 !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-x-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.p-a {
    padding: 10px !important;
}

.p-t {
    padding-top: 10px !important;
}

.p-r {
    padding-right: 10px !important;
}

.p-b {
    padding-bottom: 10px !important;
}

.p-l {
    padding-left: 10px !important;
}

.p-x {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-y {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-a-md {
    padding: 15px !important;
}

.p-t-md {
    padding-top: 15px !important;
}

.p-r-md {
    padding-right: 15px !important;
}

.p-b-md {
    padding-bottom: 15px !important;
}

.p-l-md {
    padding-left: 15px !important;
}

.p-x-md {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.p-y-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-a-lg {
    padding: 30px !important;
}

.p-t-lg {
    padding-top: 30px !important;
}

.p-r-lg {
    padding-right: 30px !important;
}

.p-b-lg {
    padding-bottom: 30px !important;
}

.p-l-lg {
    padding-left: 30px !important;
}

.p-x-lg {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.p-l-2 {padding-left: 2px;}
.p-t-2 {padding-top: 2px;}
.p-r-2 {padding-right: 2px;}
.p-b-2 {padding-bottom: 2px;}

.none {float:none;}

.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}


/*********************************************************** RESET_CSS ************************************************************/

body {background: url('../backgrounds.php') no-repeat fixed; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o-background-size:cover;}
img {max-width: 100%;}  




 
.wrap {margin-top:180px; margin-bottom: 80px; background: #f7f7f7; box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.7), 0 4px 25px 0px rgba(0, 0, 0, 0.3), 0 8px 10px -5px rgba(0, 0, 0, 0.4); border-radius: 5px; border:solid 1px #eee; min-height:300px;    padding-bottom: 30px;}



.logoImg {top:-70px;text-align: center;}
.innerlogoImg {width:140px; height:140px; display: inline-block; background: #fff; box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden;}
.innerlogoImg img {width: 100%}

.logo {margin-top:100px; border-bottom:solid #ddd 1px; position: relative;}
.logo:after {bottom: 0; position: absolute;width: 100%;height: 1px; background: #fff; content: ''; left:0px; right:0px;}

.logo h1 {
    font-family: "Oswald";
    font-size: 35px;
    color: #3C4858;
  }

 
.infoData {background: #fff;  padding:15px 15px;}
.innerInfoData {text-decoration: none !important;padding-bottom:20px; padding-top:20px;}
.innerInfoData h5 {
    font-family: Raleway;
    font-size: 20px;
    color: #888;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
    display: block;
}
.innerInfoData .toAnimate {padding:10px; max-width: 100%;  display: inline-block;
    min-width: 150px; transition:100ms ease; -moz-transition:100ms ease; -ms-transition:100ms ease; -o-transition:100ms ease; -webkit-transition:100ms ease; }
.innerInfoData img {height: 100px}
.innerInfoData:hover .toAnimate {background: #eee; }
.innerInfoData:active .toAnimate {transform:scale(0.95); -moz-transform:scale(0.95); -ms-transform:scale(0.95); -o-transform:scale(0.95); -webkit-transform:scale(0.95);}

.innerInfoTypeData h5 {
    font-family: Raleway;
    font-size: 20px;
    color: #888;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    height: 25px;
    white-space: nowrap;
    display: block;
}


.wrapData {border-bottom: solid 1px #ccc; padding-bottom: 20px;}
.wrapData:last-child {border-bottom: none}


@media (max-width:768px){
   .innerInfoData img {height: auto;}
  .innerInfoData {padding-bottom:5px; padding-top:5px;
    text-align: left;}
    .innerInfoData .toAnimate {min-width: 0px; width:100%; }
  .innerInfoData img {width:20%;display: inline-block; vertical-align: middle; margin-right:2vw; }
  .innerInfoData h5 {display: inline-block;vertical-align: middle; width:70%; margin-top:0px; font-size: 15px;}

}