@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700);
body {
  background: #2b434a ;
  /*url(../img/pattern.png) repeat*/
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.428571429;
  color: #5f8196;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
  background: none;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: caret;
}
p {
  margin-bottom: 21px;
  line-height: 21px;
}
h1.navbar-brand_ {
  margin: 30px 0 0 0;
  padding: 0;
  float: left;
}
h1.navbar-brand_ a {
  display: inline-block;
}
h1.navbar-brand_ span {
  display: none;
}
h2 {
  font: bold 48px/48px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #293b50;
  margin: 0 0 52px 0;
  text-transform: uppercase;
}
h3 {
  font: 16px/21px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #293f4c;
  margin: 0 0 13px 0;
}
.extra-wrap {
  overflow: hidden;
}
.global {
  padding: 50px 0 0 0;
  background: #ffffff;
}
.global.indent {
  padding: 50px 0 0 0;
  background: #e7edec ;
  /*url(../img/pattern2.png) repeat*/
}
.center {
  text-align: center;
}
/*-----menu-----*/
.menuBox {
  background: #293b50 ;
  /*url(../img/pattern.png) repeat*/
}
nav.tm_navbar {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  float: right;
  min-height: 0;
}
nav.tm_navbar li {
  float: left;
  font-size: 13px;
  line-height: 21px;
  padding: 0;
  margin-left: 1px;
  position: relative;
}
nav.tm_navbar li:first-child {
  margin-left: 0;
}
nav.tm_navbar li a {
  position: relative;
  padding: 0 32px;
  text-align: center;
  font: bold 14px/108px 'Arial';
  color: #ffffff;
  text-transform: uppercase;
  background: transparent;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
nav.tm_navbar li.active > a {
  color: #232323;
  background: #ffffff;
}
nav.tm_navbar li > a:hover {
  color: #232323;
  background: #ffffff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
nav.tm_navbar .sfHover > a {
  color: #232323;
  background: #ffffff;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
nav.tm_navbar li span {
  height: 4px;
  background: url(../img/menu-marker.png) center 0 no-repeat;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 28px;
}
/*-----subMenu1-----*/
nav.tm_navbar .sub-menu > ul {
  position: absolute;
  display: none;
  width: 110px;
  left: 7px;
  top: 108px;
  list-style: none !important;
  zoom: 1;
  z-index: 11;
  background: #293f4c;
  padding: 29px 10px 16px 16px;
  margin: 0;
  text-align: left;
}
nav.tm_navbar .sub-menu > ul li {
  background: none;
  border: none;
  width: auto;
  float: none;
  margin: 0 0 13px 0;
  padding: 0;
  display: block;
}
nav.tm_navbar .sub-menu > ul li a {
  background: none;
  padding: 0;
  margin: 0;
  float: none;
  font: 12px 'Arial';
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
nav.tm_navbar .sub-menu > .submenu li span {
  display: inline-block;
  background: url(../img/menu-marker2.png) no-repeat;
  width: 6px;
  height: 7px;
  position: relative;
  left: 9px;
  top: 0;
}
nav.tm_navbar .sub-menu > ul li a:hover {
  text-decoration: none;
  color: #73b8e0 !important;
  background: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
nav.tm_navbar .sub-menu > ul li.sfHover > a {
  text-decoration: none;
  color: #73b8e0 !important;
  background: none !important;
}
/*-----subMenu2-----*/
nav.tm_navbar .sub-menu ul ul {
  position: absolute;
  display: none;
  width: 107px;
  left: 96px;
  top: -5px;
  list-style: none !important;
  zoom: 1;
  z-index: 11;
  background: #ffffff;
  padding: 5px 10px 0 10px;
  margin: 0;
  text-align: left;
}
nav.tm_navbar .sub-menu ul ul li a {
  background: none;
  padding: 0;
  margin: 0;
  float: none;
  font: 12px 'Arial';
  text-transform: uppercase;
  color: #293f4c;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
nav.tm_navbar .sub-menu > ul li > ul li a:hover {
  text-decoration: none;
  color: #73b8e0 !important;
  background: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.select-menu {
  display: none !important;
}
/*-----content-----*/
#icon {
position: absolute;
top: -10px;
left: -10px;
overflow:visible
}
header {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 11;
}
footer {
  padding: 60px 0 0 0;
  margin-bottom: 0;
  background: #333;
  /*url(../img/pattern3.png) repeat*/
}
footer p {
  margin-bottom: 10px;
  font: 13px 'Arial';
  text-transform: uppercase;
  color: #ffffff;
}
footer p a {
  font: 13px 'Arial';
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
footer p a:hover {
  color: #b4cfe5;
}
footer em {
  font-style: normal;
}
footer h3 {
  margin: 0 0 2px 0;
  font: 30px 'Arial';
  color: #b4cfe5;
  text-transform: uppercase;
}
footer figure {
  float: left;
  margin-right: 10px;
}
footer span {
  color: #b4cfe5;
}
.top-box {
  text-align: center;
  margin: 90px 0 80px 0;
}
#toTop {
  display: inline-block !important;
  width: 42px;
  height: 42px;
  background: url(../img/top.png) 0 top no-repeat;
  position: relative;
  z-index: 999;
  margin: 0 !important;
  left: 0 !important;
  right: 0 !important;
}
#toTop:hover {
  background: url(../img/top.png) 0 bottom no-repeat;
}
.follow_icon {
  padding: 0;
  margin: 0;
  list-style: none;
}
.follow_icon li {
  display: inline-block;
  margin-right: 21px;
}
.follow_icon li a {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.follow_icon li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.tools-box {
  padding-bottom: 46px;
}
.tools-box .col-lg-3 > div {
  border-right: 1px solid #e8e8e8;
  padding-top: 16px;
  padding-bottom: 20px;
}
.tools-box .col-lg-3 > div.indent {
  border-right: none;
}
.privacyBox {
  margin: 0 0 65px 0;
}
.blog-box {
  padding: 63px 0 40px 0;
  position: relative;
}
.comment-box {
  padding: 11px 0 26px 0;
  background: #fed46f;
}
.comment-box figure {
  border-radius: 100%;
  float: left;
  margin-right: 45px;
  border: 3px solid #fee097;
}
.comment-box figure img {
  border-radius: 100%;
}
.comment-box .extra-wrap {
  padding-top: 15px;
}
.comment-box p {
  font-size: 14px;
  font-style: italic;
  color: #2e2e2e;
  margin-bottom: 0;
}
.comment-box p a {
  font: bold italic 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2e2e2e;
}
.comment-box p a:hover {
  text-decoration: underline;
}
.block-box {
  padding: 37px 0 29px 0;
  background: #3f3f3f;
}
.block-box p {
  color: #ffffff;
  font-size: 14px;
  margin-bottom: 0;
}
.trainerBox {
  margin-bottom: 30px;
  position: relative;
  /*display: block;*/
}
.trainerBox figure {
  margin: 0;
}
.trainerBox figure a {
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.trainerBox figure a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.trainerBox figure a:hover img {
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.trainerBox figure img {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  outline: 1px solid transparent;
}
.testimBox {
  background: #ffffff;
  padding: 00px 0 60px 0;
}
.testimBox2 {
  background: #ffffff;
  padding: 80px 0 24px 0;
}
.membership-box {
  background: #ffffff;
  padding: 80px 0 24px 0;
}
.links-box {
  padding: 57px 0 37px 0;
  margin-bottom: 58px;
}
.links-box h3 {
  color: #ffffff;
}
.links-box h3 > span {
  background: #ffffff;
}
.links-box h5 {
  color: #ffffff;
}
.links-box p {
  color: #ffffff !important;
}
.links-box .btn2 {
  margin-left: 0 !important;
}
.latest-box {
  padding: 57px 0 48px 0;
  margin-bottom: 58px;
}
.latest-box h3 {
  color: #ffffff;
}
.latest-box h3 > span {
  background: #ffffff;
}
.latest-box h5 {
  color: #ffffff;
}
.latest-box p {
  color: #ffffff;
}
.latest-box .btn2 {
  margin-left: 0 !important;
}
.servicesBox {
  padding: 68px 0 20px 0;
  border-top: 1px solid #eeefef;
  background: #ffffff;
}
.servicesBox .col-lg-4 {
  margin-bottom: 65px;
}
.servicesBox .col-lg-4 p {
  margin-bottom: 27px;
}
.servicesBox hr {
  border-top: 1px solid #eee;
  margin: 0;
}
.overviewBox {
  padding: 83px 0 33px 0;
  background: #ffffff;
}
.gallery-box {
  padding-bottom: 29px;
}
.blogBox {
  margin-bottom: 48px;
}
.about-box {
  text-align: center;
  margin-bottom: 83px;
}
.about-box > div {
  border-top: 1px solid #eee;
  padding: 63px 0 0 0;
}
.center-box {
  background: #e5e9f4 url(../img/pattern2.png) repeat;
  padding: 88px 0 57px 0;
}
.newsform-box {
  background: #eff3f7;
  padding: 22px 0 16px 0;
}
.newsform-box .title {
  background: url(../img/envelope.png) left 1px no-repeat;
  margin-bottom: 0;
  padding-left: 25px;
  font: bold 14px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #293f4c;
  text-transform: uppercase;
  float: left;
  margin-right: 38px;
  margin-top: 11px;
}
.newsform-box .description {
  margin-bottom: 0;
  font: 14px/18px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4d697a;
  float: left;
  margin-right: 38px;
}
.follow_list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.follow_list li {
  margin-bottom: 23px;
  display: block;
}
.follow_list li span {
  float: left;
  font-size: 25px;
  color: #ce3b28;
  margin-right: 16px;
}
.follow_list li a {
  font: 18px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.follow_list li a:hover {
  color: #ce3b28;
}
.who-box .col-lg-4 {
  margin-bottom: 40px;
}
.advice-box {
  background: #f8f8f8;
  padding-top: 58px;
  padding-bottom: 54px;
}
.headlines-box {
  background: #f8f8f8;
  padding-top: 58px;
  padding-bottom: 54px;
}
.banner-box {
  margin-top: 8px;
}
.banner-box .col-lg-6 {
  margin-bottom: 30px;
}
.banner-box figure a {
  display: block;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.banner-box figure a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.banner-box figure img {
  width: 100%;
}
.banner-box hr {
  margin: 80px 0 0 0;
  border-top: 1px solid #cdcdcd;
}
.advantages-box {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 39px;
}
.advantages-box .col-lg-4 {
  margin-bottom: 80px;
}
.values-box p {
  color: #737885;
}
.articles-box {
  padding: 10px 0 50px 0;
}
.articles-box .title {
  font: bold 55px/80px 'Arial';
  color: #293f4c;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  border-bottom: 6px solid #293f4c;
  margin-bottom: 16px;
}

.articles-box .title2 {
  font: bold 36px/36px 'Arial';
  color: #293f4c;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.articles-box .description {
  font: 22px 'Arial';
  color: #678495;
  width: 100%;
  text-align: center;
  margin-bottom: 69px;
}
.afilliate-box {
  padding: 82px 0 82px 0;
  text-align: center;
  background: url(../img/jw_bg.jpg) no-repeat;
  background-size: cover;
  /*margin-bottom: 50px;*/
  
/* url(../img/bg_pic1.jpg) no-repeat */
 
}
.afilliate-box .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box .description {
  font: bold 48px 'Arial';
  color: #00bff3;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(255,255,255,0.35);
}
.afilliate-box .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}

.afilliate-box-jw {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/jw_bg.jpg) no-repeat;
  background-size: cover;
  /*margin-bottom: 50px;*/
  
/* url(../img/bg_pic1.jpg) no-repeat */
 
}
.afilliate-box-jw .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-jw .description {
  font: bold 48px 'Arial';
  color: #00bff3;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(255,255,255,0.35);
}
.afilliate-box-jw .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}

.afilliate-box-jw-footer {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/jw_bg1.jpg) no-repeat;
  background-size: cover;
}

.afilliate-box-splash {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/splash1.jpg) no-repeat;
  background-size: cover;
  /*margin-bottom: 50px;*/
  
/* url(../img/bg_pic1.jpg) no-repeat */
 
}

.afilliate-box-404 {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/404.jpg) no-repeat;
  background-size: cover;
  /*margin-bottom: 50px;*/
 
}
.afilliate-box-404 .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-404 .description {
  font: bold 48px 'Arial';
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(255,255,255,0.35);
 
}
.afilliate-box-masranioil {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/careers_bg.jpg) no-repeat;
  background-size: cover;

}
.afilliate-box-masranioil img {
  background:rgba(0,0,0,0.35);
}
.afilliate-box-masranioil .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-masranioil .description {
  font: bold 48px 'Arial';
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(255,255,255,0.35);
}
.afilliate-box-masranioil .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}


.afilliate-box-masranioil-footer {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/masranioil_bg1.jpg) no-repeat;
  background-size: cover;

}

.afilliate-box-ingen {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/ingen_bg.jpg) no-repeat;
  background-size: cover;
  margin-bottom:0;
  
/* url(../img/bg_pic1.jpg) no-repeat */
  
}
.afilliate-box-ingen .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-ingen .description {
  font: bold 48px 'Arial';
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(0,0,0,0.35);
}
.afilliate-box-ingen .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}

.afilliate-box-ingen-footer {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/ingen_bg1.jpg) no-repeat;
  background-size: cover;

}

.afilliate-box-ingen-inlet {
  padding: 382px 0 90px 0;
  text-align: center;
  background: url(../img/ingensecurity_bg2.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}


.afilliate-box-ingensecurity {
  padding: 82px 0 120px 0;
  text-align: left;
  background: url(../img/ingensecurity_bg.jpg) no-repeat;
  background-size: cover;
  margin-bottom:0;
  
/* url(../img/bg_pic1.jpg) no-repeat */
  
}
.afilliate-box-ingensecurity .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-ingensecurity .description {
  font: bold 48px 'Arial';
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(0,0,0,0.35);
}
.afilliate-box-ingensecurity .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}

.afilliate-box-ingensecurity-footer {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/ingensecurity_bg1.jpg) no-repeat;
  background-size: cover;
  background-position: center;

}

.afilliate-box-offices {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/masrani_offices.jpg) no-repeat;
  background-size: cover;

}

.afilliate-box-media {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/media_bg.jpg) no-repeat;
  background-size: cover;

}


.afilliate-box-mascom {
  padding: 82px 0 120px 0;
  text-align: center;
  background: url(../img/mascom_bg.jpg) no-repeat;
  background-size: cover;
  margin-bottom:0;
  
/* url(../img/bg_pic1.jpg) no-repeat */
  
}
.afilliate-box-mascom .title {
  font: bold 33px/48px 'Arial';
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  background:#00bff3;
  background:rgba(0,191,243,0.35);
}
.afilliate-box-mascom .description {
  font: bold 48px 'Arial';
  color: #FFFFFF;
  text-transform: uppercase;
  display: inline-block;
  padding: 10px 20px;
  background:rgba(255,255,255,0.35);
}
.afilliate-box-mascom .text {
  font: bold 20px 'Arial';
  color: #ffffff;
}


.afilliate-box-mascom-footer {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/mascom_bg1.jpg) no-repeat;
  background-size: cover;

}

.afilliate-box-investors {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/investors_bg.jpg) no-repeat;
  background-size: cover;

}

.afilliate-box-careers {
  padding: 82px 0 360px 0;
  text-align: center;
  background: url(../img/careers_bg.jpg) no-repeat;
  background-size: cover;

}
.badge-profile {
	position: absolute;
	top: 217px;
	left: 80px;
	z-index: 0;
}
.badge-id {
	position: absolute;
	z-index: 1;
}
.badge-name {
	display: table;
	align-content: center;
	vertical-align: middle;
	position: absolute;
	height: 435px;
	width: 300px;
	left: 320px;
	z-index: 1;
}
.badge-name .description-jw {
	display: table-cell;
  	font: bold 22px 'Arial';
  	color: #FFFFFF;
  	text-transform: uppercase;
  	-webkit-transform: rotate(270deg);
  	-moz-transform: rotate(270deg);
  	-o-transform: rotate(270deg);
  	z-index: 1;
}


.errorBox,
.errorBox1 {
  margin-bottom: 54px;
}
/*-----subscribeForm-----*/
#newsletter {
  position: relative;
  float: left;
}
#newsletter label {
  width: 369px;
  float: left;
  margin-right: 5px;
}
#newsletter input {
  background: none;
  box-shadow: none;
  border: 1px solid #e5e9ed;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #5f8196;
  background: #fbfcfd;
  border-radius: 0;
  height: 39px;
  width: 369px;
  padding: 10px 14px;
  margin: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#newsletter input:focus {
  outline: none;
  border-color: #ccc;
}
#newsletter .error {
  position: absolute;
  top: -19px;
  right: 3px;
  text-align: right;
  display: block;
  overflow: hidden;
  height: 0px;
  font-size: 10px;
  color: #327fab;
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#newsletter label.invalid .error {
  height: 19px;
}
#newsletter .success {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border: 1px solid #e5e9ed;
  font: 13px/39px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 14px;
  text-align: center;
  background: #fbfcfd;
  height: 39px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#newsletter .btn-default.btn1 {
  height: 38px;
  line-height: 38px;
  color: #eff3f7;
  padding: 0 26px;
  background: #327fab;
}
#newsletter .btn-default.btn1:hover {
  background: #293f4c;
}
/*-----thumbs-----*/
.thumb-pad0 {
  margin: 0 0 40px 0;
  overflow: hidden;
}
.thumb-pad0:hover .thumbnail .badge {
  border-color: #ffffff;
  background: #293f4c;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0:hover .thumbnail .badge p {
  color: #ffffff;
  border-bottom-color: #ffffff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0:hover .thumbnail .badge span {
  color: #ffffff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0 20px;
  background: none;
  overflow: hidden;
  text-align: center;
}
.thumb-pad0 .thumbnail .badge {
  padding: 35px 0 0 0;
  margin: 0 0 37px 0;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  border: none;
  text-align: center;
  background: transparent;
  width: 229px;
  height: 229px;
  border: 13px solid #c9d1d8;
  border-radius: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0 .thumbnail .badge p {
  font: bold 48px/54px 'Arial Black';
  color: #327fab;
  border-bottom: 5px solid #327fab;
  display: inline-block;
  margin-bottom: 16px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0 .thumbnail .badge span {
  display: block;
  color: #293f4c;
  font: bold 18px/24px 'Arial';
  margin-top: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad0 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
}
.thumb-pad0 .thumbnail .caption p {
  font: 12px/24px 'Arial';
  color: #4e6776;
  margin-bottom: 29px;
}
.thumb-pad1 {
  margin: 0;
  overflow: hidden;
}
.thumb-pad1 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
}
.thumb-pad1 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
}
.thumb-pad1 .thumbnail .caption .title1 {
  font: bold 36px/36px 'Arial';
  color: #293f4c;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.thumb-pad1 figure {
  margin: 0 19px 0 0;
  float: left;
}
.thumb-pad2 {
  margin: 0 0 50px 0;
  overflow: hidden;
}
.thumb-pad2 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  text-align: center;
}
.thumb-pad2 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
}
.thumb-pad2 .thumbnail .caption p {
  margin-bottom: 16px;
}
.thumb-pad2 .thumbnail .caption .title {
  font: bold 24px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #327fab;
  margin-bottom: 12px;
}
.thumb-pad2 .thumbnail .caption .description {
  font: 16px/21px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #293f4c;
  margin-bottom: 13px;
}
.thumb-pad2 figure {
  margin: 0 0 29px 0;
}
.thumb-pad2 figure img {
  width: 100%;
}
.thumb-pad3 {
	overflow: hidden;
	margin-bottom: 50px;
}
.thumb-pad3 .thumbnail {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  text-align: center;
}
.thumb-pad3 .thumbnail .badge {
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
  text-align: center;
  background: #327fab;
  width: 126px;
  height: 126px;
  border-radius: 100%;
  color: #ffffff;
  line-height: 126px;
  font-size: 60px;
  margin-bottom: 26px;
}
.thumb-pad3 .thumbnail .caption {
  padding: 0;
  color: #5f8196;
  overflow: hidden;
}
.thumb-pad3 .thumbnail .caption p {
  margin-bottom: 31px;
}
.popular-box {
  padding-bottom: 18px;
  margin-bottom: 44px;
  border-bottom: 1px solid #e8e8e8;
}
.popular-box.indent {
  border-bottom: none;
  margin-bottom: 56px;
  padding-bottom: 0;
}
.thumb-pad4 {
  margin: 0 0 40px 0;
  overflow: hidden;
}
.thumb-pad4.indent .thumbnail .caption {
  background: #c9d1d8;
  margin: 0 0 57px 0;
}
.thumb-pad4 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  text-align: center;
}
.thumb-pad4 .thumbnail .caption {
  padding: 16px 20px 25px 20px;
  overflow: hidden;
  background: #e7edec url(../img/pattern2.png) repeat;
}
.thumb-pad4 .thumbnail .caption p {
  margin-bottom: 16px;
}
.thumb-pad4 .thumbnail .caption ul {
  padding: 7px 0 0 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.thumb-pad4 .thumbnail .caption ul li {
  float: none;
  display: inline-block;
  margin-left: 5px;
}
.thumb-pad4 .thumbnail .caption ul li a {
  width: 29px;
  height: 29px;
  display: block;
  border-radius: 100%;
  background: #327fab;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  line-height: 29px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad4 .thumbnail .caption ul li a:hover {
  background: #ffffff;
  color: #327fab;
}
.thumb-pad4 .thumbnail .caption ul li:first-child {
  margin-left: 0;
}
.thumb-pad4 figure {
  margin: 0;
}
.thumb-pad4 figure img {
  width: 100%;
}
/*----*/
.thumb-pad4-1 {
  margin: 0 0 0 0;
  overflow: visible
}
.thumb-pad4-1 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
}
.thumb-pad4-1 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
}
.thumb-pad4-1 figure {
  margin: 0 0 16px 0;
}
.thumb-pad4-1 figure img {
  width: 100%;
}
.thumb-pad5 {
  margin-bottom: 22px;
}
.thumb-pad5 .thumbnail {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.thumb-pad5 .thumbnail .name {
  font: italic 18px 'Istok Web';
  color: #1e2731;
  margin-left: 30px;
  margin-bottom: 0;
}
.thumb-pad5 .thumbnail .name a {
  font-weight: bold;
  font-style: normal;
  color: #1e2731;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad5 .thumbnail .name a:hover {
  color: #e22004;
}
.thumb-pad5 .thumbnail .caption {
  padding: 42px 20px 24px 20px;
  color: #5f8196;
  margin-bottom: 38px;
  border: 2px solid #cecece;
  position: relative;
}
.thumb-pad5 .thumbnail .caption i {
  position: absolute;
  display: inline-block;
  top: 15px;
  left: 22px;
  width: 26px;
  height: 18px;
  background: url(../img/quote_left2.png) no-repeat;
}
.thumb-pad5 .thumbnail .caption strong {
  position: absolute;
  display: inline-block;
  bottom: 27px;
  right: 60px;
  width: 26px;
  height: 18px;
  background: url(../img/quote_right2.png) no-repeat;
}
.thumb-pad5 .thumbnail .caption em {
  position: absolute;
  display: block;
  bottom: -33px;
  left: 30px;
  width: 35px;
  height: 33px;
  background: url(../img/tr.png) no-repeat;
}
.thumb-pad5 .thumbnail .caption p {
  font: italic 16px/28px 'Istok Web';
  margin-bottom: 0;
}
.thumb-pad6 {
  overflow: hidden;
}
.thumb-pad6 .thumbnail {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.thumb-pad6 .thumbnail a {
  font: 16px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #293f4c;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad6 .thumbnail a:hover {
  color: #b4cfe5;
}
.thumb-pad6 .thumbnail p {
  color: #5f8196;
  margin-bottom: 14px;
}
.thumb-pad6 .thumbnail .caption {
  padding: 0;
  color: #5f8196;
}
.thumb-pad6 .thumbnail figure {
  float: left;
  margin: 0 12px 0 0;
}
/*-----btn-----*/
.btn-default.btn1 {
  box-shadow: none;
  position: relative;
  text-decoration: none !important;
  padding: 0 32px;
  font: bold 16px/53px 'Arial';
  margin: 0;
  text-shadow: none;
  color: #ffffff;
  border-radius: 0;
  background: #293b50;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn1:hover {
  color: #ffffff;
  background: #327fab;
  text-decoration: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn2 {
  box-shadow: none;
  position: relative;
  text-decoration: none !important;
  padding: 0 32px;
  font: bold 16px/53px 'Arial';
  margin: 0;
  text-shadow: none;
  color: #ffffff;
  border-radius: 0;
  background: #327fab;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn2:hover {
  color: #ffffff;
  background: #293b50;
  text-decoration: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn3 {
  box-shadow: none;
  position: relative;
  text-decoration: none !important;
  padding: 0;
  font: 18px 'Arial';
  margin: 0;
  text-shadow: none;
  color: #3e3e3e;
  background: none;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn3 > span {
  background: url(../img/more_arrow.png) center 0 no-repeat;
  width: 6px;
  height: 5px;
  display: inline-block;
  position: relative;
  top: -3px;
}
.btn-default.btn3:hover {
  color: #327fab;
  background: none;
  text-decoration: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn4 {
  box-shadow: none;
  position: relative;
  text-decoration: none !important;
  padding: 0 27px;
  font: 14px/39px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  text-shadow: none;
  color: #ffffff;
  background: #e22004;
  display: inline-block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.btn-default.btn4:hover {
  color: #e22004;
  background: #b7babe;
  background: rgba(255, 255, 255, 0.27);
  text-decoration: none !important;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
/*-----list-----*/
.list1-1 {
  margin: 0 0 87px 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.list1-1.indent li {
  border-bottom: 1px solid #bec0c3;
  background: url(../img/list_arrow2.png) left 7px no-repeat;
}
.list1-1.indent li a {
  color: #ffffff;
}
.list1-1 li {
  font-size: 13px;
  line-height: 1.428571429;
  overflow: hidden;
  margin-bottom: 8px;
  padding: 0 0 9px 14px;
  border-bottom: 1px solid #dfdfdf;
  background: url(../img/list_arrow.png) left 7px no-repeat;
}
.list1-1 li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.list1-1 li a {
  font: 12px 'Arial';
  color: #5f6775;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list1-1 li a:hover {
  color: #e22004;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list1 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  position: relative;
}
.list1 li {
  font-size: 13px;
  line-height: 1.428571429;
  overflow: hidden;
  padding-bottom: 14px;
  margin: 6px 0 11px 0;
  border-bottom: 1px solid #e4e4e4;
}
.list1 li span {
  background: url(../img/list_arrow.png) 0 top no-repeat;
  width: 12px;
  height: 13px;
  float: right;
  overflow: hidden;
  margin-top: 6px;
}
.list1 li a {
  color: #327fab;
  font: 18px 'Arial';
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.list1 li a:hover {
  color: #293f4c;
}
.list1 li a:hover span {
  background: url(../img/list_arrow.png) 0 bottom no-repeat;
}
.list2 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.list2 li {
  font-size: 13px;
  line-height: 1.428571429;
  overflow: hidden;
  margin-bottom: 9px;
}
.list2 li .badge {
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  border: none;
  background: none;
  width: 100px;
  font: bold 48px/54px 'Arial Black';
  color: #327fab;
  float: left;
  margin-right: 28px;
  margin-top: -7px;
}
.list3 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list3 li {
  font-size: 13px;
  line-height: 1.428571429;
  margin-bottom: 13px;
}
.list3 li a {
  font: 18px/18px 'Istok Web';
  color: #1e2731;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.list3 li a:hover {
  color: #e22004;
}
.list3 li p {
  margin-bottom: 0;
  margin-top: 14px;
}
.list3 li .extra-wrap {
  padding-top: 8px;
}
.list3 li .badge {
  padding: 0;
  margin: 0;
  float: left;
  margin-right: 9px;
  display: inline-block;
  color: #ffffff;
  font: bold 24px/52px 'Istok Web';
  background: #e22004;
  border: none;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  text-align: center;
}
.list6 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list6 li {
  font-size: 13px;
  line-height: 1.428571429;
  margin-bottom: 22px;
}
.list6 li .badge {
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  border-radius: 0;
  background: none;
  text-align: center;
  width: 35px;
  float: left;
  border: none;
  margin-right: 10px;
}
.list6 li .badge time {
  font: bold 24px/21px 'Istok Web';
  color: #e4351c;
}
.list6 li .badge time span {
  display: block;
  font: bold 18px/18px 'Istok Web';
  color: #e4351c;
  margin-top: 0;
}
.list6 li p {
  margin-bottom: 0;
  margin-top: 14px;
  color: #737885;
}
.list6 li a {
  font: 18px/18px 'Istok Web';
  color: #1e2731;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.list6 li a:hover {
  color: #e4351c;
}
.list8 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list8 li {
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 30px;
}
.list8 li p {
  margin-bottom: 0;
}
.list8 .description {
  font: bold 22px 'Arial';
  color: #000000;
  text-transform: uppercase;
}
.list9 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list9 li {
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 30px;
}
.list9 li p {
  margin-bottom: 0;
}
.list9 .description {
  font: bold 22px 'Arial';
  color: #000000;
  text-transform: uppercase;
}

#idcard {
	background-color: #FFF;
	width: 300px;
}

/*-----search-----*/
#search-404 {
  position: relative;
  overflow: hidden;
}
#search-404 .btn-default.btn2 {
  padding: 0 21px;
  line-height: 39px;
}
#search-404 input {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: 1px solid #e5e9ed;
  background: #fbfcfd;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #5f8196;
  padding: 9px 14px;
  height: 39px;
  resize: none;
  margin-bottom: 10px;
}
#search {
  margin: 28px 0 0 0;
  position: relative;
  border-radius: 38px;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  display: inline-block;
  width: 213px;
  float: right;
}
#search a {
  position: absolute;
  float: left;
  top: 2px;
  right: 11px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#search a:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#search input {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: 0;
  width: 215px;
  outline: none;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  float: left;
  color: #5f8196;
  background: none;
  height: 26px;
  padding: 3px 0 9px 20px;
  resize: none;
  overflow: hidden;
}
/*-----map-----*/
.map {
  margin: 0 0 97px 0;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.map iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 403px;
  border: none;
  line-height: 0;
  overflow: hidden;
}
.info {
  margin-bottom: 30px;
}
.info p {
  margin-bottom: 30px;
}
/*-----form-----*/
.formBox {
  padding: 80px 0;
  background: #ffffff;
}
#contact-form {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  text-align: left;
}
#contact-form label {
  position: relative;
  display: block;
  min-height: 49px;
  margin: 0;
  font-weight: normal;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #5f8196;
}
#contact-form label span {
  margin-bottom: 2px;
  display: block;
  color: #5f8196;
}
#contact-form .holder {
  overflow: hidden;
}
.form-div-1,
.form-div-2,
.form-div-3 {
  float: left;
  width: 249px;
  margin-right: 10px;
}
.form-div-3 {
  margin-right: 0;
}
#contact-form ._placeholder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  padding: 10px 14px;
  border-radius: 0;
  display: block;
}
#contact-form ._placeholder.focused {
  opacity: 0;
  filter: alpha(opacity=0);
  box-shadow: none;
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form input,
#contact-form textarea {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: 1px solid #e5e9ed;
  background: #fbfcfd;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #5f8196;
  padding: 9px 14px;
  height: 39px;
  resize: none;
}
#contact-form textarea {
  height: 154px;
  margin-bottom: 37px;
}
#contact-form .error-message,
#contact-form .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px 'Arial';
  color: #327fab;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 5px;
  top: 2px;
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  height: 20px;
}
#contact-form .success-message {
  line-height: 48px;
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  z-index: 10;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  padding: 0;
}
#contact-form.success .success-message {
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: 1px solid #e5e9ed;
  background: #fbfcfd;
  border-radius: 0;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 39px;
  color: #5f8196;
  padding: 0 14px;
  height: 39px;
  resize: none;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.mail {
  color: #327fab;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}
.mail:hover {
  color: #293f4c;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.btns .btn2 {
  float: left;
  margin-right: 15px;
}
.btns p {
  float: left;
  margin-top: 15px;
}
/*----*/
#contact-form2 {
  position: relative;
  overflow: hidden;
  float: right;
}
#contact-form2 label {
  position: relative;
  display: block;
  margin: 0;
  font-weight: normal;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #ffffff;
  text-align: left;
}
#contact-form2 label span {
  margin-bottom: 2px;
  display: block;
  color: #ffffff;
}
#contact-form2 .holder {
  overflow: hidden;
  float: left;
}
#contact-form2 .form-div-1,
#contact-form2 .form-div-2 {
  float: left;
  width: 189px;
}
#contact-form2 .form-div-1 {
  background: url(../img/form_icon1.png) 15px center no-repeat;
  margin-right: 23px;
}
#contact-form2 .form-div-2 {
  background: url(../img/form_icon2.png) 15px center no-repeat;
  margin-right: 5px;
}
#contact-form2 ._placeholder {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: text;
  padding: 10px 14px 10px 42px;
  border-radius: 0;
  display: block;
}
#contact-form2 ._placeholder.focused {
  opacity: 0;
  filter: alpha(opacity=0);
  box-shadow: none;
}
#contact-form2 ._placeholder.hidden {
  display: none;
}
#contact-form2 input,
#contact-form2 textarea {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: none;
  background: #b7babe;
  background: rgba(255, 255, 255, 0.27);
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  color: #ffffff;
  padding: 10px 14px 10px 42px;
  height: 39px;
  resize: none;
}
#contact-form2 textarea {
  height: 336px;
  margin-bottom: 34px;
}
#contact-form2 .error-message,
#contact-form2 .empty-message {
  height: 0;
  overflow: hidden;
  font: 10px 'Arial';
  color: #e22004;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  position: absolute;
  right: 5px;
  top: 2px;
}
#contact-form2 .invalid .error-message,
#contact-form2 .empty .empty-message {
  height: 20px;
}
#contact-form2 .success-message {
  line-height: 48px;
  position: absolute;
  overflow: hidden;
  height: 0;
  left: 0;
  top: 0;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0;
  background: #fff;
  z-index: 10;
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  padding: 0;
}
#contact-form2.success .success-message {
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: none;
  background: #b7babe;
  border-radius: 0;
  font: 13px 'Arial', "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 39px;
  color: #ffffff;
  padding: 0 14px;
  height: 39px;
  resize: none;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/*------------------------------------------------------media queries---------------------------------------------------------*/
@media (min-width: 1700px) {
  .afilliate-box-splash {
      padding: 382px 0 145px 0;
  }
  .afilliate-box {
	  padding: 282px 0 250px 0;
  }
  .afilliate-box-jw-footer {
      padding: 382px 0 400px 0;
  }
  .afilliate-box-mascom {
	  padding: 282px 0 250px 0;
  }
  .afilliate-box-mascom-footer {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-masranioil {
	  padding: 282px 0 250px 0;
  }
  .afilliate-box-masranioil-footer {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-ingen {
	  padding: 282px 0 250px 0;
  }
  .afilliate-box-ingen-footer {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-investors {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-media {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-careers {
	  padding: 382px 0 400px 0;
  }
  .afilliate-box-404 {
	  padding: 282px 0 250px 0;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1220px) and (max-width: 1699px) {
  .container {
    padding: 0;
  }
  #search-404 input {
    float: left;
    width: 370px;
    margin-right: 5px;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1219px) {
  nav.tm_navbar li {
    margin-left: 0;
  }
  nav.tm_navbar li a {
    padding: 0 20px;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #contact-form label {
    min-height: 50px;
  }
  .thumb-pad0 .thumbnail .caption p {
    font-size: 14px;
    line-height: 21px;
  }
  #contact-form.success .success-message {
    height: 141px;
    line-height: 141px;
  }
  .errorBox img {
    width: 100%;
  }
  .thumb-pad1 .thumbnail .caption .title1 {
    font-size: 17px;
    line-height: 23px;
  }
  .newsform-box {
    text-align: center;
  }
  .newsform-box .title,
  .newsform-box .description,
  .newsform-box #newsletter {
    float: none;
  }
  .newsform-box .title {
    display: inline-block;
  }
  .newsform-box p {
    margin-bottom: 20px !important;
  }
  #newsletter label {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #newsletter label input {
    width: 100%;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
  header {
    text-align: center;
  }
  nav.tm_navbar {
    float: none;
  }
  nav.tm_navbar li {
    margin-left: 0;
    float: none;
    display: inline-block;
  }
  nav.tm_navbar li a {
    padding: 0 20px;
  }
  h1.navbar-brand_ {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  #contact-form2.success .success-message {
    height: 93px;
    line-height: 93px;
  }
  .tools-box .col-lg-3 > div {
    border-right: none;
  }
  .thumb-pad0 {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .thumb-pad0 .thumbnail .caption p {
    font-size: 14px;
    line-height: 21px;
  }
  .testimBox .col-lg-3 {
    margin-bottom: 40px;
  }
  #contact-form.success .success-message {
    height: 141px;
    line-height: 141px;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  #contact-form label {
    min-height: 50px;
  }
  .testimBox article {
    margin-bottom: 35px;
  }
  .categories-box {
    margin-bottom: 40px;
  }
  .list1 li .title br {
    display: none;
  }
  .thumb-pad3 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  #search {
    float: none;
  }
  .servicesBox .col-lg-4 {
    margin-bottom: 0;
  }
  .overviewBox {
    padding: 40px 0 33px 0;
  }
  #options {
    margin-bottom: 20px;
  }
  .thumb-pad1 .thumbnail .caption a br {
    display: none;
  }
  .thumb-pad1 .thumbnail .caption {
    overflow: visible;
  }
  .map-box {
    margin-top: 30px;
  }
  .map-box figure img {
    width: auto;
  }
  .errorBox img {
    width: 100%;
  }
  .thumb-pad1 .thumbnail .caption .title1 {
    font-size: 17px;
    line-height: 23px;
  }
  .thumb-pad1 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  .thumb-pad1 figure img {
    width: 100%;
  }
  .newsform-box {
    text-align: center;
  }
  .newsform-box .title,
  .newsform-box .description,
  .newsform-box #newsletter {
    float: none;
  }
  .newsform-box .title {
    display: inline-block;
  }
  .newsform-box p {
    margin-bottom: 20px !important;
  }
  #newsletter label {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #newsletter label input {
    width: 100%;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  header {
    text-align: center;
  }
  h1.navbar-brand_ {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  h2 {
    font-size: 38px;
    line-height: 38px;
  }
  nav.tm_navbar {
    float: none;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  nav.tm_navbar .nav {
    display: none;
  }
  .menuBox {
    padding-bottom: 20px;
  }
  .select-menu {
    display: inline-block !important;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 4px;
    width: 100%;
    border: 1px solid #327fab;
    background: #327fab ;
    color: #ffffff;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    vertical-align: middle;
  }
  #contact-form2.success .success-message {
    height: 93px;
    line-height: 93px;
  }
  .tools-box .col-lg-3 > div {
    border-right: none;
  }
  .thumb-pad2 figure {
    margin: 0 20px 0 0;
    float: left;
  }
  .links-box {
    padding-bottom: 0;
  }
  .links-box .col-lg-8 {
    margin-bottom: 50px;
  }
  .map-box {
    margin-top: 30px;
  }
  .map-box figure img {
    width: auto;
  }
  .errorBox {
    text-align: center;
  }
  .thumb-pad0 {
    margin: 0 0 30px 0;
    overflow: hidden;
  }
  .thumb-pad0 .thumbnail .caption p {
    font-size: 14px;
    line-height: 21px;
  }
  .testimBox .col-lg-3 {
    margin-bottom: 40px;
  }
  #contact-form.success .success-message {
    height: 141px;
    line-height: 141px;
  }
  .form-div-1,
  .form-div-2,
  .form-div-3 {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .map iframe {
    height: 300px;
  }
  .info {
    margin-bottom: 50px;
  }
  #contact-form label {
    min-height: 50px;
  }
  .proffesional-box {
    padding: 70px 0;
  }
  .proffesional-box .title {
    font-size: 21px;
  }
  .privacyBox {
    margin-bottom: 50px;
  }
  .pict {
    background: none;
    padding: 0 0 90px 0;
  }
  .testimBox article {
    margin-bottom: 35px;
  }
  .categories-box {
    margin-bottom: 40px;
  }
  .block-box article {
    margin-bottom: 50px;
  }
  .list1 li .title br {
    display: none;
  }
  footer {
    text-align: center;
  }
  footer figure {
    float: none;
    margin: 0 0 10px 0;
  }
  footer .col-lg-4 {
    margin-bottom: 30px;
  }
  footer .top-box {
    margin: 30px 0;
  }
  .thumb-pad3 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  #search {
    float: none;
  }
  footer {
    padding: 25px 0;
  }
  .servicesBox .col-lg-4 {
    margin-bottom: 0;
  }
  .overviewBox {
    padding: 40px 0 33px 0;
  }
  .thumb-pad1 {
    margin-top: 40px;
  }
  .thumb-pad1 .thumbnail .caption .title1 {
    font-size: 17px;
    line-height: 23px;
  }
  .newsform-box {
    text-align: center;
  }
  .newsform-box .title,
  .newsform-box .description,
  .newsform-box #newsletter {
    float: none;
  }
  .newsform-box .title {
    display: inline-block;
  }
  .newsform-box p {
    margin-bottom: 20px !important;
  }
  .articles-box .title {
    font-size: 40px;
    line-height: 60px;
  }
  #newsletter label {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  #newsletter label input {
    width: 100%;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
  .afilliate-box .title {
	  font-size: 25px;
	  line-height: 28px;
  }
  .afilliate-box .description {
	  font-size: 35px;
	  line-height: 35px;
  }
  .afilliate-box-mascom .title {
	  font-size: 25px;
	  line-height: 28px;
  }
  .afilliate-box-mascom .description {
	  font-size: 35px;
	  line-height: 35px;
  }
  .afilliate-box-masranioil .title {
	  font-size: 25px;
	  line-height: 28px;
  }
  .afilliate-box-masranioil .description {
	  font-size: 35px;
	  line-height: 35px;
  }
  .afilliate-box-ingen .title {
	  font-size: 25px;
	  line-height: 28px;
  }
  .afilliate-box-ingen .description {
	  font-size: 35px;
	  line-height: 35px;
  }  
  .afilliate-box-404 .title {
	  font-size: 25px;
	  line-height: 28px;
  }
  .afilliate-box-404 .description {
	  font-size: 35px;
	  line-height: 35px;
  }  
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 626px) {
  .latest-box {
    background: #2b434a;
  }
  .thumb-pad2 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  #newsletter label {
    width: 100%;
    margin-right: 0;
    display: block;
  }
  #newsletter label input {
    width: 100%;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 560px) {
  .topic-box {
    width: 100%;
    float: none;
  }
  .thumb-pad2 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  .thumb-pad1 figure {
    margin: 0 0 20px 0;
    float: none;
  }
  .thumb-pad1 figure img {
    width: 100%;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 480px) {
  h1.navbar-brand_ a img {
	  width: 100%;
	  height: 100%;
  }
  .tools-box .col-lg-3 {
    width: 100%;
    float: none;
  }
  .testimBox .col-lg-3 {
    width: 100%;
    float: none;
  }
  .baner-box {
    width: 100%;
    float: none;
  }
  .trainerBox {
    width: 50%;
  }
  .services-box {
    width: 100%;
    float: none;
  }
  .overviewBox .col-xs-6 {
    width: 100%;
    float: none;
  }
  .testimBox .col-lg-3 {
    margin-bottom: 20px;
  }
  .projects-box .col-xs-6 {
    width: 100%;
    float: none;
  }
  #search-404 {
    width: 100%;
  }
  .map-box figure img {
    width: 100%;
  }
  .circle-box {
    width: 100%;
    float: none;
  }
  .testimBox2 .col-lg-3 {
    width: 100%;
    float: none;
  }
  .members-box {
    width: 100%;
    float: none;
  }
  .errorBox img {
    width: 100%;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
  .afilliate-box-splash {
      padding: 0 0 20px 0;
  }
  
  .afilliate-box .title {
	  font-size: 18px;
	  line-height: 20px;
  }
  .afilliate-box .description {
	  font-size: 25px;
	  line-height: 25px;
  }
  .afilliate-box-mascom .title {
	  font-size: 18px;
	  line-height: 20px;
  }
  .afilliate-box-mascom .description {
	  font-size: 25px;
	  line-height: 25px;
  }
  .afilliate-box-masranioil .title {
	  font-size: 18px;
	  line-height: 20px;
  }
  .afilliate-box-masranioil .description {
	  font-size: 25px;
	  line-height: 25px;
  }
  .afilliate-box-ingen .title {
	  font-size: 18px;
	  line-height: 20px;
  }
  .afilliate-box-ingen .description {
	  font-size: 25px;
	  line-height: 25px;
  }  
  .afilliate-box-404 .title {
	  font-size: 18px;
	  line-height: 20px;
  }
  .afilliate-box-404 .description {
	  font-size: 25px;
	  line-height: 25px;
  }  
}
/*---------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 320px) {
  h1.navbar-brand_ a img {
    height: 100%;
  }
  .trainerBox {
    width: 100%;
    float: none;
  }
  .gallery-box {
    width: 100%;
    float: none;
  }
  .about-box .col-xs-6 {
    width: 100%;
    float: none;
  }
  .list8 img {
	  width: 100%;
	  float: none;
  }
  .list8 canvas {
	  width: 100%;
	  float: none;
  }
}
/*---------------------------------------------------------------------------------------------------------------------------*/
.margBot {
  margin-bottom: 0;
}
.padBot {
  padding-bottom: 77px;
}
/*Investor tiles*/
/*
#feature_tiles
	
	.investor_tile
	{	width:354px;
		height:234px;
		position:relative;
		float:left}
		
		.investor_tile .label
		{	font-size:13px;
			font-weight:bold;
			padding-top:25px;			
			padding-left:12px;			
			color:#454545}

	.investor_tile p
	{ 	font-size: 13px;
		color: #767676;
		padding: 10px 12px 12px 12px;}

			
		#XML_data
		{	width:330px;
			color:#767676;
			font-size:18px;		
			margin:12px}	
				
			#XML_data th
			{	text-align:left;
				padding:0 0 3px 0;
				font-weight:bold}
				
			#XML_data th#C01
			{	width:150px}
			
			#XML_data th#C02
			{	width:80px}
			
			#XML_data th#C03
			{	width:80px}										
				
			#XML_data td
			{	text-align:left;
				white-space:nowrap;
				border-top:solid 1px #DDDDDD;
				padding:3px 0 3px 0}				
							


*/

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