/* Borrowed from horizon-style.css */


body {
    
    margin: 0;
    padding: 0;
    
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {

    width: 1250px;

}

.sitefooter {

    max-width: 100% !important;

}

header {

    max-width: 100%;

}

.header-main-nav {

    background: #2f2f2f;

}

.loginAreaOuter {

    margin: 0 auto;

}


.header-nav-container {

    background: #2f2f2f;

}

.header-reasons {

    max-width: 100%;

}


.wrapper {

    max-width: 100%;
}

.tagline {

    margin: 0;

}

#category_featuredproducts {

    /*column-count: 3 !important;*/

}

.wrapper-content-outer {
    
    background-color: #131313;
    padding-bottom: 0px;
    
}

#category_featuredproducts {
    
    padding: 20px;
    width: 100% !important;
    
}

#ProductContent {
    
    background: #131313;
    
}


#ctl00_pnlFooter .undoreset {
    
    margin: 0 !important;
    
}

#ctl00_pnlFooter {
    
    margin: 0 !important;
    
}

.undoreset {
    
   margin: 0 !important; 
    
}


@media only screen and (min-width:2245px) {
    
    
    #body_content_1 .inner_body_content2 .inner_hero_pc {
    
        position: relative;
        right: 14.5% !important;
    
    }
    
}


@media only screen and (min-width:1938px) {
    
    
    #body_content_1 {
    
    max-width: 2560px !important;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://www.cclonline.com/content/campaigns/horizon/images/1440_header.jpg) !important;
    min-height: 945px;
    height: 100%;
    
}
    
    
}





.pc-wrap-outer {
    
    font-family: 'Open Sans';
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    
}


.wrap-inner {
    
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    
}


.content-flex dark {
    
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #131313;
    
}


#hero_video_content {
    
    position: relative;
    max-width: 1600px;
    min-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: 30rem;
    background: #131313;
    overflow: hidden; 
    
}


.content-flex-dark {
    
    background-color: #131313;
    
}

.hero_video_content, video {
    
    
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;    
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0;
    
}



.inner_content_wrap {
    
    box-sizing: border-box;    
    display: table;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    width: 100%;
    
}


.inner_content {
    
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    
}


.inner_content img {
    
    max-width: 830px;
    width: 90%;
    padding: 20px;
    
}


.inner_content h2 {
    
   letter-spacing: 10px;
   font-family: 'Open Sans';
   text-align: center;
   color: #fff;
    
}


.content_opacity_trans {
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(2 2 2 / 60%);  
    
}


.row_cont img { 

    max-width: 180px;
    width: 100%;
    margin: 0 auto;
    
}


#sub_content {
    
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    width: 100%;
    
}


#sub_content h3 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 16px;
    color: #373737;
    text-align: center;
    
}


#sub_content p {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #373737;
    
}


.col_content {
    
    display: flex;
    color: #fff;
    justify-content: space-around;
	flex-wrap:wrap;
    
}

.row_cont {
    
    text-align: center;
    max-width: 250px;
    padding: 30px;
    
}

#body_content_1 {
    
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://www.cclonline.com/content/campaigns/horizon/images/1920_header.jpg);
    min-height: 945px;
    height: 100%;
    
}


#body_content_2 {
    
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    
}


#body_content_2 .inner_body_content {
    
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: #fff;
    
}


#body_content_2 .inner_body_content .inner_copy {
    
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    
}

#body_content_2 .inner_body_content .inner_copy h3 {
 
    padding-bottom: 0;
    color: inherit;
    
}


#body_content_2 .inner_body_content .inner_copy .inner_copy_wrapper {
    
    max-width: 700px;
    width: 100%;
    margin: 0 auto; 
    
}


#body_content_2 .inner_body_content .inner_hero_pc {
    
    max-width: max-content;
    width: 50%;
    padding: 0;
    
}


#body_content_2 .inner_body_content .inner_hero_pc img {
    
    max-width: max-content;
    width: 100%; 
    
}


.inner_body_content1 {
    
    padding: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    
}


.inner_body_content2 {
    
    padding-top: 170px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    
}


.inner_copy {
    
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 60px;
    
}


.inner_copy h1 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 63px;
    margin:0;
    padding-bottom: 20px;
    
}

.inner_copy h2 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 63px;
    margin: 0;
    padding-top: 130px;
    
}


.inner_copy p {
    
    font-size: 13px;
    padding-bottom: 20px;
    padding: 20px 0px;
    
}

.inner_hero_pc {
    
    max-width: 1015px;
    width: 100%;
    position: relative;
    right: 4%;
    
}


.inner_hero_pc img {
    
    max-width: 1015px;
    width: 100%;
    
}


.xbox-footer-table {
    
    background-color: #e6e6e6;
    
}

.xbox-footer-table .xbox-footer-table-inner {
    
    width: 65%;
    margin: 0 auto;
    
}

.xbox-footer-table .xbox-footer-table-inner p.xbox-header-disclaimer2 {
    
    color: #505050;
    font-size: 10px;
    margin: 0;
    padding-top: 30px;
    
}

/*/ Bottom Table /*/

.m-system-requirements {
    
    width: 100%;
    min-height: 1px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    padding-bottom: 20px;
    
}

.m-table-1 {
    
    width: 50%;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
    
}

.m-table-1 tr {
    
    border-bottom: 1px solid #dbdbdb;
    
}


.m-table-1 th {
    
    padding: 10px 12px;
    text-align: left;
    
}

.collapsible {
  background-color: #e6e6e6;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.collapsible:hover {
  background-color: #bfbfbf;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #e6e6e6;
}

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

/* New CSS */

.tagline p {
	padding: 0 !important;
}

.flex-parent {
	display:flex;
	padding:5%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

/*
.flex-child-1 {
	flex:1
}
*/

.inner_copy_pcg {
    
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 60px;
    
}


.inner_copy_pcg h1 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 63px;
    margin:0;
    padding-bottom: 20px;
    
}

.inner_copy_pcg h2 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24pt;
    margin: 0;
    padding-top: 130px;
	color: #fff;
    
}


.inner_copy_pcg p {
    
    font-size: 13px;
    padding-bottom: 20px;
    padding: 20px 0px;
    color: #fff;
}
.content-pcg-light {
    
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 50px;
    background-color: #fff;
    
}

.content-pcg-dark {
    
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;

	
    background-color: #3d3d4d;
    
}

.content-pcg-dark h3 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24pt;
    color: #fff;
    text-align: center;
    
}

.content-pcg-dark a {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
	line-height: 1.5;
}

.content-pcg-dark p {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
	line-height: 1.5;
}

#sub_content_pcg {
	
    margin-right: auto;
    margin-left: auto;
    max-width: 1600px;
    width: 100%;
    
}


#sub_content_pcg h3 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24pt;
    color: #373737;
    text-align: center;
    
}

#sub_content_pcg h4 {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24pt;
    color: #373737;
    text-align: center;
    
}


#sub_content_pcg p {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #373737;
	line-height: 1.5;
}

#sub_content_pcg_dark p {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
	line-height: 1.5;
}


#how-to-pcg {
	text-align: center;
	padding-bottom: 50px;
}

.how-to-parent {
	display: flex;
	text-align: center;
}

.how-to-child {
	flex: 1;
	border: 2px solid #f1f1f1;
	border-radius: 10px;
	padding: 50px;
	max-width: 394px;
	margin: 25px 0px;
}

.how-to-child h3 {
	font-size: 16pt !important;
}

#how-to-child-center {
	margin-right: 50px;
	margin-left: 50px;
}

#choose-your-pc {
	text-align: center;
	margin-top: 50px;
}

#choose-your-pc a {
	border: 2px solid #40aafb;
	border-radius: 10px;
	padding: 15px;
	color: #40aafb;
	text-decoration: none;
	
}

#no-wait-cont {
	flex-wrap: wrap;
	justify-content: space-around;
	display:flex;
	border: 2px solid #f1f1f1;
	border-radius: 10px;
	padding: 50px;
	min-width: 200px;
}

#no-wait-sub {
	flex: 3;
	margin-bottom: 30px;
}

#no-wait-sub h3 {
	text-align:left;
}

#no-wait-button {
	text-align:left;
	margin-top:50px;
}

#no-wait-button a {
	background-color: #40aafb;
	border-radius: 10px;
	padding: 15px;
	color: #fff;
	text-decoration: none;
}

#what-makes-top-block {
	text-align:center;
	padding-bottom: 50px;
}

#what-makes-header {
	max-width:50%;
	margin-left: auto;
	margin-right: auto;
}

.wmc-block {
	flex:1;
	padding: 50px;
	text-align: center;
}

.wmc-block h3 {
	font-size: 16pt !important;

}

#wmc-center h3 {
	font-size: 16pt;
}

#pcg-library-parent {
	display: flex;
	background-image:url('https://www.cclonline.com/content/games/images/pcgaming/games-bg.png');
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 5%
	
}

#steam-logos {
	margin-top:15px;
}

#pcg-lib-header {
	flex:1;
}

#pcg-lib-header h3 {
	text-align:left;
}

.hr-light {
	border-top: 1px solid #f1f1f1;
}

.hr-dark {
	border-top: 1px solid #ccc;
}

#fupgrades {
	max-width:50%;
	flex:1;

}


#fupgrades img {
	max-width:100%;

}



.row_cont_pcg {
    
    text-align: center;
    max-width: 250px;
    padding: 30px;
    
}

.row_cont_pcg h3 {
    
   font-size: 16pt !important;
}

.row_cont_pcg img { 

    max-width: 180px;
    width: 100%;
    margin: 0 auto;
    
}

.trustpilot-widget {
	padding-top:30px;
	padding-bottom:100px;
}




@media only screen and (max-width: 1000px) {
    
    
    #body_content_1 {
        
        
    max-width: 1920px !important;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://www.cclonline.com/content/campaigns/horizon/images/1000_header.jpg) !important;
    min-height: 945px;
    height: 100%;
        
        
    }
  
    
    .inner_body_content1, .inner_body_content2 {
    
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    text-align: center !important;        
        
  }
    
    
    .inner_body_content2 {
    
    padding-top: 0 !important;       
        
  }    
    
    
    #body_content_1 .inner_body_content2 .inner_hero_pc {
    
    right: 0 !important;      
    max-width: 860px !important;
  } 
    
    
    .inner_body_content2 .inner_copy h2 {
    
    padding-top: 0 !important;
    text-align: center !important;
        
  }    
    
    
    .inner_body_content2 .inner_copy h1 {
    
    text-align: center !important;
    padding-bottom: 30px;
        
  }  
    
    
    .col_content p {
        
        display: none;
        
    }
    
    
    .col_content {
        
    display: flex;
    font-family: 'Open Sans';
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
        
    }
    
    .inner_copy h3 {
        
        text-align: center;
        
    }
	
	#pcg-library-parent {
		background-image: none !important;
	}
    
}