/*Teckensnitt för sidan*/


.td-crumb-container {
    display: none;
}

.td-page-title {
    display: none;
}

.rubrik {
    margin-bottom: 20px;
    font-size: 40px;
}

.underrubrik {
    margin-top: 0px;
    font-size: 27px;
    margin-bottom: 25px;
}

.td-page-content p {
    font-size: 17px;
    line-height: 28px;
}



/*Citatbox*/

.td-page-content .td_box_right {
    width: 40%;
}

.td-page-content .td_quote_box p {
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    color: #444;
}

.td-page-content .td_quote_box p strong {
    font-size: 20px;
    line-height: 25px;
}


/*Speltitel*/

.speltitel-container {
    position: relative;
    text-align: center;
    width: 100%;
    padding-bottom: 33.33%;
    border-radius: 10px;
    margin-bottom: 30px;
    color: white;
    margin-top: 30px;
    background-color: white;
}

.speltitel-titel {
    font-size: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.speltitel-rekommendation-text {
    font-size: 30px;
    margin-bottom: 30px;
}



#helasidan {
  max-width: 696px;
    font-family: Catamaran-Light;
    border-radius: 10px;
    margin-bottom: 50px;
    box-shadow: 0px 0px 10px 2px #bbb;
}

#helasidan table td {
    border: none;
}

/* Style the tab */
#helasidan .tab {
  overflow: hidden;
  background-color: #eee;
  display: flex;
  justify-content: space-between;
    border-radius: 10px 10px 0px 0px;
}

/* Style the buttons that are used to open the tab content */
#helasidan .tab button {
  background-color: #eee;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 32px 10px 32px;
  transition: 0.3s;
    border-top: none;
    border-bottom: none;
  width: 33%;
}

/* Change background color of buttons on hover */
#helasidan .tab button:hover {
  background-color: #fff;
}

/* Create an active/current tablink class */
#helasidan .tab button.active {
  background-color: #2FAADC;
  color: white;
}

/* Style the tab content */
#helasidan .tabcontent {
  display: none;
  padding: 10px 20px;
  border-top: none;
  border-radius: 5px;
}

#helasidan .tablinks {
  font-size: 21px;
}

/*Intern tabell*/

#helasidan .gg-tabell {
  width: 101%;
  margin-bottom: 15px;
}

#helasidan .prestanda-tabell {
  width: 100%;
  margin-bottom: 10px;
}

td.produktbild-td {
    width: 69%;
}

.produktbild-td img {
    max-width: 436px;
    max-height: 232px;
}

td.prestanda-td {
    width: 31%;
}

#helasidan td.produktnamn-td {
  width: 66%;
}

#helasidan td.prisjakt-td {
  width: 34%;
}

#helasidan .gg-tabell tr {
  margin-bottom: 10px;
}

#helasidan .prestanda-tabell tr {
  margin-bottom: 10px;
}

.prestanda-tabell img {
    width: 98%;
    float: right;
    margin-right: 6px;
}


.gg-resultat-rek {
    background-color: #2FAADC;
    width: 150px;
    height: 103px;
    border-radius: 5px;
    color: white;
    padding: 10px 10px 5px 10px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.gg-resultat {
    background-color: #f1f1f1;
    color: #444;
    width: 150px;
    height: 90px;
    border-radius: 5px;
    padding: 13px 10px 5px 10px;
    margin-left: 10px;
    margin-bottom: 15px;
}


/*Accordian*/

.accordion {
  background-color: #f2f2f2;
  font-family: Catamaran-Light;
  color: #444;
  cursor: pointer;
  padding: 12px 10px 10px 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active-fps, .accordion:hover {
  background-color: #e9e9e9; 
}

.fps-grafer {
    padding: 30px 18px 0px 18px;
  display: none;
  overflow: hidden;
    border: 2px solid #e5e5e5;
    border-top: none;
    background-color: #fbfbfb;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 28px;
}

img.graf-bild {
    width: 100%;
    font-size: 15px;
    margin-bottom: 6px;
    line-height: 26px;
}

.text-graf {
    margin-top: -10px;
    text-align: center;
}

.text-graf a {
    font-size: 12px;
    color: #333;
}

.accordian-tabell {
   border-collapse: separate; 
   border-spacing: 10px;
}

.konfig-tabell td {
    width: 192px;
    vertical-align: top;
    float: left;
}

table.konfig-tabell {
    clear: both;
    margin-top: 30px;
    margin-bottom: 0px;
}


.annan-spel-tabell td {
    width: 144px;
    vertical-align: top;
    float: left;
}

table.annan-spel-tabell {
    clear: both;
    margin-bottom: 0px;
}



/*Prisjakt*/

span.pspy_widget_price a {
    color: #000;
    text-decoration: none;
}

img.prisjakt-logo {
    position: relative;
    top: 4px;
    margin-left: 5px;
    width: 20px;
    margin-bottom: 0px;
    display: inline-block;
}

.prisjakt {
    float: right;
    margin-right: 12px;
    font-size: 20px;
}

.prisjakt a {
    display: inline-block;
    color: #222;
}



/*Teckensnitt*/

#helasidan h3 {
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 8px;
}

#helasidan h4 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 9px;
}

.gg-resultat-rek .fps {
  font-size: 30px;
    line-height: 35px;
  margin-top: 10px;
  margin-bottom:4px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.gg-resultat-rek .upplosning {
  font-size: 17px;
  margin-bottom: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    line-height: 25px;
}

.gg-resultat .fps {
  font-size: 23px;
    line-height: 32px;
  margin-bottom:0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    display: table;
}

.gg-resultat .upplosning {
  font-size: 15px;
  margin-bottom: 0px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    line-height: 18px;
}

button.accordion {
    font-size: 18px;
    padding-left: 25px;
    border-radius: 5px;
}

p.annan-spelresult {
    font-size: 18px;
    line-height: 23px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    vertical-align: top;
}

p.annan-speltitel {
    font-size: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: 700;
}

p.prestanda {
    font-size: 35px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-bottom: 3px;
    margin-top: 0px;
}

.gg-resultat-rek .min-max {
    margin-top: -10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.gg-resultat .min-max {
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.patch {
    clear: both;
}

.cpu {
    float: left;
    font-size: 12px;
    color: #888;
    margin-left: 14px;
}

.patch-version {
    color: #888;
    text-align: right;
    margin-right: 19px;
    font-size: 12px;
    margin-top: -20px;
}

p.konfig-data {
    font-size: 18px;
    line-height: 23px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    vertical-align: top;
}

p.konfig-titel {
    font-size: 20px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: 700;
}

td.andra-spel-text {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}



/*Specs-tabell*/

#specs button.tablinks-tabell, #testade-GPUer button.tablinks-gpu {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 79px;
    background-color: #f2f2f2;
    border-radius: 5px;
    font-size: 18px;
    padding: 5px;
    border: none;
    line-height: 26px;
}

#specs .active, #testade-GPUer .active {
    background-color: #DDD !important;
    outline-style: none;
}

#specs .tab, #testade-GPUer .tab {
    border-radius: 5px;
}

div#specs, div#testade-GPUer {
    float: right;
    padding: 15px;
    border-radius: 5px;
    background: #FFF;
    width: 275px;
    height: 240px;
    margin: 0px 0px 15px 20px;
    font-size: 15px;
    box-shadow: 0px 0px 10px 2px #bbb;
}

div#testade-GPUer {
    height: auto;
}

.specs, .testad-GPU  {
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.testrigg-rubrik, .testade-GPUer-rubrik {
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    font-family: Catamaran-Medium;
    font-weight: normal;
    margin-top: 15px;
}




@media screen and (max-width: 1018px) and (min-width: 769px) {

	#helasidan h3 {
    		font-size: 24px;
	}

	.speltitel-rekommendation-text {
    		display: none;
	}

	.speltitel-titel {
    		font-size: 60px;
	}

	img.prisjakt-logo {
    		display: none;
	}

	#helasidan td.prisjakt-td {
    		width: 29%;
	}

	#helasidan td.produktnamn-td {
    		width: 71%;
	}

	.gg-resultat-rek .fps {
    		font-size: 27px;
    		line-height: 33px;
	}

	#specs button.tablinks-tabell, #testade-GPUer button.tablinks-gpu {
   		font-size: 13px;
	}

}


@media screen and (max-width: 768px) {

	.rubrik {
		margin-bottom: 10px;
		font-size: 30px;
	}

	.underrubrik {
		margin-top: 0px;
		font-size: 22px;
		margin-bottom: 20px;
	}

	#helasidan h3 {
    		font-size: 30px;
		margin-left: 0px;
    		margin-bottom: 0px;
	}

	#helasidan h4 {
    		font-size: 18px;
    		margin-left: 0px;
	}

	#helasidan table td {
   		display: block;
	}

	#helasidan td.prisjakt-td {
		width: 100%;
	}

	.td-page-content .td_box_right {
		display: none;
	}

	#helasidan .gg-tabell {
		margin-bottom: 0px;
	}

	.speltitel-rekommendation-text {
    		display: none;
	}

	.speltitel-titel {
    		font-size: 50px;
	}

	td.prestanda-td {
    		width: 100%;
		display: flex !important;
	}

	td.produktbild-td {
    		width: 100%;
	}

	.gg-resultat-a {
	    margin-left: auto;
	}

	.gg-resultat-icke-a {
	    margin-right: auto;
	}

	.gg-resultat {
	    	width: 120px;
		padding: 8px 10px 5px 10px;
    		margin-right: auto;
	}

	.gg-resultat-rek {
    		height: 90px;
    		width: 120px;
    		margin-left: auto;
	}

	.gg-resultat-rek .fps {
    		font-size: 25px;
  		line-height: 30px;
    		margin-top: 7px;
	}

	.gg-resultat .fps {
  		font-size: 23px;
  		line-height: 35px;
    		margin-top: 7px;
	}

	.gg-resultat-rek .upplosning {
    		font-size: 14px;
	}

	.gg-resultat .upplosning {
    		font-size: 14px;
		line-height: 31px;
		margin-top: 0px;
	}

	#helasidan td.produktnamn-td {
    		width: 100%;
	}

	#helasidan .tabcontent {
   		display: none;
   		padding: 10px 10px;
	}

	.prestanda-tabell img {
		width: 100%;
   		margin-right: auto;
 		margin-left: auto;
   		display: block;
		float: none;
	}

	.prisjakt {
    		float: right;
   		margin-right: 5px;
    		font-size: 20px;
    		text-align: right;
	}

	p.annan-speltitel {
		font-size: 21px;
	}

	div#specs, div#testade-GPUer  {
    		width: 275px;
    		margin-left: auto;
    		margin-right: auto;
    		margin-bottom: 20px;
    		float: none;
	}

	#specs button.tablinks-tabell, #testade-GPUer button.tablinks-gpu {
    		font-size: 16px;
	}

}


@media screen and (max-width: 500px) {
	#helasidan h3 {
    		font-size: 24px;
		margin-left: 0px;
	}

	#helasidan .tab button {
    		padding: 14px 15px 10px 15px;
	}

}