@charset "utf-8";
/*MB header CSS Document */
@import url( 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese' );
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
body{background-color: #000000;}
*{box-sizing:border-box;}
/*product*/
#mbheder {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 45px auto;
	padding: 0px;

}
#mbheder::after {
    display: block;
    content: "";
    clear: both;
  }

/**
 * Theme colors
 */
 #mbheder .theme-gaming .productTitle{
	color: #FF0000;

}

/**layout*/

#mbheder .leftbox {display: block; width: 50%; float: left; padding: 0px;}
#mbheder .rightbox {display: block; width: 45%; float: right;  padding: 0px; }

.rightbox .mb-img img {width: 100%;}
/**color**/
.white {color: #FFFFFF;}
.red {color: #FF0000;}
.gray {color: #ccc;}

/*text setting*/
#mbheder .h2 {font-size:24px;line-height:26px; font-weight:500; font-family: 'Open Sans', sans-serif; color: #CBC5C5;}

.iist-container { display: block; margin:0px; padding: 0px;

    width: 100%;
    z-index: 9;}

.iist-container ul.list  {display: block; list-style: none;padding: 0px;}
.list-container ul.list li {font-size: 13px; line-height: 15px;font-family: 'Open Sans', sans-serif; color: #FFF; margin-bottom: 8px;}


/* .checkbox */

	.squaredCheck {

 border:none;
  display: block;
  margin: 10px 0;
  position: relative;
}
.squaredCheck label {
  padding: 5px 10px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.squaredCheck label:before {
  width: 10px;
  height: 10px;
  border-radius: 0%;
  content: '';
  background-color:#FF0000;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.squaredCheck label:after {
  width: 25px;
  height: 25px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;


  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 0;
  z-index: 2;
  position: absolute;
	left: 50px;

/*  right: 30px;*/
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.squaredCheck input:checked ~ label {
  color: #fff;
}
.squaredCheck input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.squaredCheck input:checked ~ label:after {
  background-color: #CCC;
  border-color: #FFF;
}
.squaredCheck input {
  width: 25px;
  height: 25px;
  order: 1;
  z-index: 2;
  position: absolute;
/*  right: 30px;*/
	left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.form {

  max-width: 550px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;font-family: 'Open Sans', sans-serif;
}
.checkT {font-size: 15px; line-height: 15px; color: #FFF;font-family: 'Open Sans', sans-serif;padding-left: 80px;}
/* end .squaredCheck */

/*socialMedia*/


.social-grop ul {
    padding:0;
    list-style: none;
}
.social-grop .footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-grop .social-icon {
    color: #fff;
}
.social-grop ul.social-icons {
    margin-top: 10px;
    text-align: right;
}
.social-grop .social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-grop .social-icons a {
    color: #fff;
    text-decoration: none;
}
.social-grop .fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-facebook:hover {
    background-color: #3d5b99;
}
.social-grop .fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-twitter:hover {
    background-color: #00aced;
}
.social-grop .fa-rss {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-rss:hover {
    background-color: #eb8231;
}
.social-grop .fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-youtube:hover {
    background-color: #e64a41;
}
.social-grop .fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-linkedin:hover {
    background-color: #0073a4;
}
.social-grop .fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.social-grop .fa-google-plus:hover {
    background-color: #e25714;
}



/* Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
	#mbheder .leftbox{ width: 100%; }
	#mbheder .rightbox{ width: 100%;}

	.iist  ul.icons li { width: 25%;}
	.iist  ul.icons li > .icon  { width: 4.5em;  height: 4.5em; }


}