/*
Theme Name: Codingame for Work
Theme URI: codingame.com/work/
Description: Codingame for Work child theme
Author: codingame.com/work/
Author URI: codingame.com/work/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.page-id-176881 .forminator-row, .page-id-177086 .forminator-row {margin:0px !important;}
.page-id-176881 .forminator-button-submit, .page-id-177086 .forminator-button-submit  {margin-top:40px !important;}



#captcha-1 {display: none !important}

/* #forminator-module-172442 #captcha-1 {display: initial !important}*/

/* Hide Free Trial */
.page-id-176881 #menu-item-175736 {display:none !important;}

a:hover {
	color: #f2bb13
}

.pswp {display: none !important}

#menu-main-menu span{
	font-weight: 600;
}

#menu-main-menu > li {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

#menu-main-menu .sub-menu li {
	height: 60px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-bottom: dashed 1px #3D3D3D;
}

#menu-main-menu .lastitem {
	padding-right: 21px;
}

#menu-main-menu .lastitem span {
	background-color: #fff;
	color: #252e38;
	padding: 15px 24px;
	text-transform: uppercase;
	font-size: 14px;
	transition: all 450ms;
	line-height: 1;
}

#menu-main-menu .lastitem span:hover {
	background-color: #FFD200 ;
	color: #252e38;
	transition: all 450ms;
}

#menu-main-menu #menu-item-167748 a{
	height: 60px;
}

#menu-main-menu #menu-item-167748 ul li{
	height: 50px
}

#menu-main-menu #menu-item-167748 ul li span{
	font-size: 16px
}

a:focus{
	outline: none;
}
/* LEGAL PAGES */

.elementor-170189 h2,
.elementor-170242 h2,
.elementor-170245 h2,
.elementor-170233 h2,
.elementor-170452 h2,
.elementor-170218 h2 {
	margin-bottom: 20px;
	margin-top: 30px
}

.elementor-170189 h3,
.elementor-170242 h3,
.elementor-170245 h3,
.elementor-170233 h3,
.elementor-170452 h3,
.elementor-170218 h3 {
	color: #f2bb13;
	margin-top: 10px
}

a.legal {
	font-weight: bold;
	color: #f2bb13
}

a.legal:hover{
	color: #ffd200
}

/* END LEGAL PAGES */

.search-results article {
	border: none;
}

.page-header{
display:none;
}

.relatedtitle {
    color: #252e38;
    font-family: "Open Sans", Open Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.page-id-167472 #site-header {background-color:#252e38 !important;}

#twitter .swiper-slide .elementor-testimonial {
    background-color: #fff;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);
}

#twitter .swiper-slide .elementor-testimonial__footer {
    background-image: url(https://www.codingame.com/work/wp-content/uploads/2018/11/twitter-logo.png);
    background-repeat: no-repeat;
    background-position: right;
}


#site-header {
    background: #252e38;
    position: fixed;
	padding-left:20px;
    top: var(--wp-admin--admin-bar--height, 0px);
    left: 0px;
	height: 80px
}

#site-header .aux-menu-label {color:#ffffff;}

.elementor-testimonial__image img {
    width: 100% !important;
    border-radius: 0;
    height: 100% !important;
}

.titre, h1 {
    color: #252e38;
    font-family: "Open Sans", Open Sans;
    font-size: 42px;
    font-weight: bold;
    line-height: 52px;
    letter-spacing: 0px;
    margin: 0px 0px 010px 0px;
}

h2 {
    color: #252e38;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: bold;
    line-height: 42px;
    letter-spacing: 0px;
	margin-bottom:0px;
}

#site-logo #site-logo-inner a img {max-width:160px;}

#site-header #site-header-inner {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.custom-logo-link img {
    max-height: 85px;
}


#site-header.hide-down{
	-webkit-transition: background-color 300ms ease-out, height 300ms ease-out;
    transition: background-color 300ms ease-out, height 300ms ease-out;
}

.contact-us-btn {
	transition: background-color 200ms;
    text-align: center;
	color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #000000;
	line-height: 50px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#cg-escape-button, #yellow-button{
	transition: background-color 200ms;
    text-align: center;
	color: #454C55;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #F2BB13;
	line-height: 52px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#cg-escape-button:hover, #yellow-button:hover {background-color: #ffd200;}

#cg-escape-button span, .yellow-button span {
    display: inline-block;
    line-height: 50px;
    color: #454C55;
    width: 100%;
    border: none;
    cursor: pointer;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    transition: background-color 200ms;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f2bb13;
    text-align: center;
	max-width: 300px
}

#cg-escape-button span:hover,.yellow-button span:hover {background-color: #ffd200;}

#contact-our-team {
	color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #252e38;
	line-height: 52px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#start-free-trial {
	color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #F2BB13;
	line-height: 52px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#contact-our-team:hover{
	background-color: #545960
}
#contact-us-btn {
	transition: background-color 200ms;
    text-align: center;
	color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #164972;
	line-height: 52px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#contact-us-btn:hover {
	background-color: #003f72;
}

#go-unlimited-btn {
	transition: background-color 200ms;
    text-align: center;
	color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 700;
    background-color: #276b9c;
	line-height: 52px;
    padding: 0px 30px 0px 30px;
	text-transform: uppercase;
	border-radius: 0;
	width: 300px;
}

#go-unlimited-btn:hover {
	background-color: #005a9b
}

.contact-our-enterprise-button span {
    display: inline-block;
    line-height: 50px;
    color: #fff;
    width: 100%;
    border: none;
    cursor: pointer;
    height: 50px;
    padding: 0 20px;
    font-size: 14px;
    transition: background-color 200ms;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #252e38;
    text-align: center;
	max-width: 300px
}

.contact-our-enterprise-button span:hover {background-color:#54595f}

@media screen and (max-width: 780px) {
	#yellow-button{width:280px}
	#yellow-button span {max-width:280px; font-size: 13px;}
	#contact-our-team{width:280px}
	#contact-our-team span{max-width:280px; font-size: 13px;}
	#contact-us-btn{width:280px}
	#go-unlimited-btn{width:280px}
	.contact-our-enterprise-button{width:280px}
}

#site-header .container {width:100%;}

#footer-widgets {padding: 0px}


.pricing-switcher{
	background-color: yellow
}

.pricingtable h2 {font-weight: 800 !important; margin:0px !important;}

.pricingtable .plan-details {
    color: #ffffff;
    font-family: "Open Sans", Open Sans;
    font-size: 14px;
    font-weight: 500;
}

.pricingtable .pricing {font-size: 50px; color: #252E38;}
.pricingtable sup {font-size: 30px; font-weight: 500 !important;}

.pricingtable .elementor-icon-list-items {margin-bottom: 0px !important;}
.pricingtable .pricing-details{font-size: 14px; color: #252E38}
.pricingtable .price-part-enterprise{height: 200px !important; width: 80% !important; display: flex; justify-content: center; align-items: center; margin: auto}

.pricingtable .price-part{height:200px !important}

.go-unlimited-button {
	background-color: #276b9c !important
}

.go-unlimited-button:hover {
	background-color: #164972 !important
}

.contact-us-button {
	background-color: #545960 !important
}

.contact-us-button:hover {
	background-color: #252E38 !important
}

.yearly {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.monthly {
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.switcher-part h2{
	color:#ffffff
}



/* Related Post Blog */


/* Related Post Blog */
.rowblog {width:100%;}
.column-3{width:30%; margin:1%; float:left;}
.relatedtitle {margin-bottom:20px;}


/* SEO Pages*/
#contentbloc code {
	text-shadow: none;
}

#contentbloc .syntaxhighlighter {
	background-color: #0f192a !important;
	padding: 20px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#contentbloc h1 {
	font-size: 40px;
	font-weight: bold;
	color: #252e38;
	margin-bottom: 40px;
	line-height: 1.58;
}

#contentbloc h2 {
	font-size: 30px;
	font-weight: 500;
	color: #252e38;
	margin-bottom: 40px;
	margin-top: 40px;
	line-height: 1.58;
}

#contentbloc h3 {
	font-size: 22px;
	font-weight: 500;
	color: #252e38;
	margin-bottom: 40px;
	margin-top: 40px;
	line-height: 1.58;
}

#contentbloc h4 {
	font-size: 18px;
	font-weight: bold;
	color: #252e38;
	margin-bottom: 40px;
	margin-top: 40px;
	line-height: 1.58;
}

#contentbloc p {
	color: #252e38;
	font-size: 16px;
	line-height: 1.58;
	margin: 30px 0px;
}

#contentbloc .mistakes {
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

#contentbloc .rationale {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

#contentbloc .error {
	color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

#contentbloc .correct {
	color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

#contentbloc li {
	color: #252e38;
	padding-left: 30px;
}

#contentbloc ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}

#contentbloc ol li:before {
  color: #f2bb13;
  content: counter(list) ".";
  left:-10px;
  position: absolute;
  text-align: right;
  width: 26px;
	font-weight:bold;
}

/* Signup */
form .signup {
		padding: 0;
}
.signup {
	opacity: 0;
}
.signup #translations {
	display: none;
}

.signup .two-cols {
    display: flex;
	flex-wrap: wrap;
}

.signup .one-col>div {
    margin: 0 10px 10px 10px;
}

.signup .two-cols>div {
    flex: 1 1 200px;
    margin: 0 20px 27px 20px;
}

.signup .form-element-container.submit {
    margin-top: 13px;
}

.signup label {
    width: 100%;
    color: #20252a;
    margin: 0;
    font-size: 13px;
}

.signup .hasError .header {
    color: #d03737;
}

.signup .header {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 5px;
}

.signup .sub-header {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
}

.signup .form-element-label {
    flex: 1 0 auto;
    width: auto;
    padding: 0 !important;
    font-size: 14px;
    max-width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: normal;
}

.signup .required .header::after {
    color: #f2bb13;
    content: "*";
    font-size: 21px;
    margin-top: 5px;
    line-height: 7px;
    margin-left: 6px;
}

.signup .input-container {
    position: relative;

}

.signup .error {
    flex: none;
    font-size: 12px;
    max-width: 100%;
    word-wrap: break-word;
    text-align: left;
    font-weight: 400;
}

.signup .password-details {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    justify-content: space-between;
}

.signup .password-constraints {
    color: #7e8082;
    font-size: 12px;
    font-weight: 700;
}

.signup input,
.signup select,
.signup select:not([multiple]),
.signup input[type="text"],
.signup input[type="password"],
.signup input[type="email"],
.signup input[type="tel"],
.signup input[type="url"],
.signup textarea {
    background-color: white;
    width: 100%;
    max-width: 100%;
    outline: none;
    padding: 10px 15px;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #e4e4e4;
    height: auto;
}

#expectedRecruitments {
	max-width: 100%
}

.signup input:hover,
.signup select:hover {
    border: 1px solid #e4e4e4
}

.signup input:focus,
.signup select:focus,
.signup input[type="text"]:focus,
.signup input[type="password"]:focus,
.signup input[type="email"]:focus,
.signup input[type="tel"]:focus,
.signup input[type="url"]:focus,
.signup textarea:focus {
    border: 1px solid #b1b3b5refacto
}

.signup .hasError input,
.signup .hasError input:hover,
.signup .hasError select,
.signup .hasError select:hover {
    border: 1px solid red
}

.signup #save {
	margin: 0px 10px
}

.signup #save .form-element-container {
    margin-top: 13px
}

.signup #save button {
    color: white;
    border: none;
    height: 50px;
    padding: 0 20px;
    position: relative;
    font-size: 14px;
    transition: background-color 200ms;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #61BD4F;
    width: 100%;
}

.signup #save button[disabled],
.signup #save input[disabled] {
	opacity: 0.5;
}

.signup #save button:not(:disabled):hover {
    background-color: #3F6F21;
}

.signup #save .form-element-label {
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

/* End Signup */

/* Related Post Blog */
.rowblog {width:100%;}
.column-3{width:30%; margin:1%;}

.related_post_title {
  font-size: 18px;
  font-weight: 600;
  color: #252e38;
  margin-bottom: 20px;
}
.related_post_title::before {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 14px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url(/work/wp-content/uploads/2018/11/Related_24.png);
  background-repeat: no-repeat;
  background-position: 50%;
}
ul.related_post {
  margin: 10px -20px;
  display: flex;
  flex-wrap: wrap;
}
ul.related_post li {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  margin: 10px 20px;
  overflow: hidden;
}
ul.related_post li img {
  width: 100%;
  max-height: 144px;
  min-height: 144px;
}
ul.related_post li .wp_rp_title {
    font-size: 18px;
    font-weight: 700;
    color: #252e38;
    margin: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: text-shadow 0.2s;
    text-decoration: none !important;
    border: 0px !important;
}

ul.related_post li .wp_rp_excerpt {
    font-size: 16px;
    font-weight: 500;
    color: #252e38;
}

ul.related_post li::before {content:none !important;}/* End custom CSS */

/* PRESS PAGES */

.press .postcontent a  {
	color: #F2BB13
}

.press .postcontent a:hover {
	color: #ffd200
}

#download_useful_resources {
	display: flex; justify-content: center
}

#download_useful_resources button {
	height: 50px;
	width: 200px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	border: none;
}

#press_kit {
	background-color: #f2bb13;
	color: #454c55;
	margin: 0px 10px 0px 80px;
}
#press_kit:hover {
	background-color: #ffd200;
}

#our_story {
	background-color: #ECEDEE;
	color: #454c55;
	margin: 0px 80px 0px 10px
}
#our_story:hover {
	background-color: #454C55;
	color: #fff;
}

#press_kit_contact_us {
	background-color: #ECEDEE;
	line-height: 52px;
	width: 285px;
	color: #454c55;
	transition: background-color 200ms;
    text-align: center;
	font-size: 14px;
    font-weight: 700;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	align-items: center;
	padding: 0px 30px 0px 30px;
}
#press_kit_contact_us:hover {
	background-color: #D8DBDE;
	color: #454C55
}

#feel_free_to_contact_us {
	display: flex;
	justify-content: center;
	margin: 0px 80px
}

#feel_free_to_contact_us > div {
	display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center
}

#feel_free_to_contact_us span {color: #f2bb13; font-size: 16px; font-weight: 400;}

#feel_free_to_contact_us img {height: 25px; margin-bottom: 25px}

@media screen and (max-width: 780px) {
	#download_useful_resources {flex-direction: column; align-items: center}
	#download_useful_resources button {width: 250px}
	#press_kit {margin: 0px 0px 25px 0px}
	#our_story {margin: 0px}

	#feel_free_to_contact_us {flex-direction: column; margin: 0px}
	#feel_free_to_contact_us > div {margin-bottom: 15px}
	#feel_free_to_contact_us img {margin-bottom: 10px}
}

.pressKit {
    display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	margin-bottom: 60px
}
.pressKit-card {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	border-radius: 10px;
	box-shadow: 0px 20px 25px 0px rgba(69, 76, 85, 0.1);
	width: 49%;
    min-height: 300px
}
.pressKit-card-left {
    flex: 1;
    padding: 70px 0px;
}
.pressKit-card-left div {
    margin-left: 20px
}
.pressKit-card-title {
	font-size: 30px;
	font-weight: 700;
	color: #252E38;
	line-height: 41px;
	margin-bottom: 10px
}
.pressKit-card-text {
	font-size: 16px;
	font-weight: 400;
	color: #454C55;
	line-height: 22px;
	margin-bottom: 40px
}
.pressKit button {
    background-color: #F2BB13;
    border: none;
    height: 50px;
    width: 200px;
}
.pressKit button span {
    font-size: 14px;
	font-weight: 700;
	color: #454C55;
	text-transform: uppercase;
	margin-right: 15px
}
.pressKit-card-right {
    flex: 1;
    min-height: 300px;
    border-radius: 0px 10px 10px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 780px) {
    .pressKit {
        flex-direction: column;
		width: 90%;
		margin: auto
    }
    .pressKit-card {
        flex-direction: column-reverse;
		width: 100%;
		margin-bottom: 20px
    }
	.pressKit-card-left {
		min-height: 250px;
		padding: 30px 0px;
	}
	.pressKit-card-left div {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-left: 0px
	}
	.pressKit-card-title {
		text-align: center
	}
	.pressKit-card-text {
		text-align: center
	}
	.pressKit-card-right {
		min-height: 250px;
		width: 100%;
		border-radius: 10px 10px 0px 0px;
	}
}

/* SINGLE */

.sharedaddy {display: none;}

.elementor .elementor-widget:not(.elementor-widget-text-editor) figure {
    margin: auto !important; }

.body-post-content {font-size:18px;}

.body-post-content h3 em {font-weight: normal; font-size:20px;}

.body-post-content h2 {color:#252e38; font-size:30px; font-weight:700; margin-top:50px; margin-bottom: 30px}
.body-post-content h3 {color:#252e38; font-weight:700; font-size:22px; margin-top:40px; margin-bottom:20px}
.body-post-content a {color:#f2bb13; font-weight:500;}

.body-post-content a:hover {color:#ffd200; font-weight:500;}

.body-post-content .wp-caption {
    max-width: 100%;
    width: 100% !important;
    margin: 80px 0px 0px 0px; !important;
    padding: 0px !important;
}

.body-post-content .wp-caption img {
    max-width: 100%;
    width: 100% !important;

}

.body-post-content blockquote {
    margin-left: 1em;
    font-style: italic;
    font-family: "Open Sans";
    font-size:16px;
    border-left: 3px solid;
    border-color: #F2BB13;
    background-color: #f9f9f9;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
}

.body-post-content ul {
  list-style: none;
  margin-top: 20px;
}

.body-post-content ul li {margin-bottom: 10px;}
.body-post-content ul li::before {
  content: "\2022";
  color: #f2bb13;
  font-weight: bold;
  display: inline-block;
  width: 1em;
}

.body-post-content strong {font-weight:700;}

.body-post-content h1 {
    font-family: "Open Sans", Open Sans;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.9em;
}

/* PRICING PAGE */

.false {
	/*display: none;*/
	transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.true {
	opacity: 1;
	height: auto;
	/*display: block*/
}

.quote-true {
	visibility: true;
	height: auto
}

.quote-false {
	visibility: hidden;
	height: 0
}

.product-switcher {
	display: flex;
	justify-content: center;
	align-items: flex-end
}
.product-switcher span{
	color: #252E38;
	font-size: 25px;
	font-weight: 700;
}
.product-type{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f2bb13;
	border-radius: 10px 10px 0px 0px;
	margin: 0px 5px;
	border: none;
	height: 70px;
	width: 300px
}
.product-type img {
	margin-right: 15px
}
.product-type.active {
	background-color: #fff;
	height: 80px;
	width: 330px;
}

@media screen and (max-width: 600px) {
  .product-switcher span {
    font-size: 20px;
  }
  .product-type{
    margin: 0px 10px;
  }
  .product-type img {
        display: none;
    }
}

/*New Css Start*/

.dropdown-menu .sub-menu{
    min-width: 335px !important;
}
.weglot-language .sub-menu{
    min-width: 120px !important;
}

.sub-menu li {
	box-shadow : 0px 2px 4px 0px rgba(0, 0, 0, .5)
}
.sub-menu li img{
    width: 24px;
}
.dropdown-menu ul li a.menu-link {
    display: flex;
    align-items: flex-start;
}
.sub-menu .text-wrap {
    display: flex;
    align-items: flex-start;
}

#menu-main-menu .sub-menu li {
    height: auto;
}
.sub-menu .menu-text {
    display: flex;
    flex-flow: column;
}
#menu-main-menu .sub-menu li{
    border-bottom: dashed 0px #3D3D3D;
}
#menu-main-menu .sub-menu li a{
    border-bottom: dashed 0px #3D3D3D;
    background: #252E38;
}
#menu-main-menu .sub-menu li a:hover{
    background-color: #20252A
}
#menu-main-menu .sub-menu li a:hover .nav-content{
    color: #fff;
}
#menu-main-menu .lastitem span {
    background-color: #F2BB13;
    color: #454C55;
}
#site-header {
  padding-left: 0;
    padding-right: 0;
}
#site-header #site-header-inner {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}
.text-wrap{
    position: relative;
}
object{
    max-width: 24px;
}
.menu-text{
    margin-left: 10px;
}
.icon_hover{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}
#menu-main-menu .sub-menu li a:hover .before{
    opacity: 0;
}
#menu-main-menu .sub-menu li a:hover .icon_hover{
    opacity: 1;
}

.main-menu .span.text-wrap{
        font-weight: 400 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif;
}
.main-menu span.menu-title {
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif;
}
.main-menu span.nav-content{
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
	text-transform: none;
}
.dropdown {
    position: relative;
}
a.menu_button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #F2BB13 !important;
    color: #454C55 !important;
    border-radius: 15px;
        padding: 3px 7px 5px;
    border-radius: 15px;
    font-size: 11px;
    font-weight: 700;
}
.menu-text .nav-arrow{
    display: none !important
}
.navigation li a img.before {
    margin-right: 10px;
}
.custom_link p, .custom_link span{
    color: #454C55;
    font-weight:700 !important;
    margin-bottom: 0 !important;
}
.custom_link p a{
    color: #454C55;
    font-weight:700;
    text-decoration: underline
}
.codingame p strong{
    font-weight:700;
    text-decoration: underline
}
.custom_link p a:hover{
    color:#F2BB13;
}
strong{
    font-weight:700 !important;
}

@media(max-width:959px) {
    #site-header #site-header-inner {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

#mobile-dropdown {
    background-color: #252e38;
}
#mobile-dropdown ul li a {
    color: #fff;
}
#mobile-dropdown ul li a .dropdown-toggle {
    color: #fff;
}
#mobile-dropdown ul li a {
  display: flex;
  align-items: flex-start;
    position: relative;
}
#mobile-dropdown ul li a.menu_button {
    position: absolute;
    top: 10px;
    right: 40px;
    background-color: #F2BB13 !important;
    color: #454C55 !important;
    padding: 5px 8px;
    border-radius: 15px;
    width: 152px;
        text-align: center;
    display: none !important
}
.menu-item-has-children, .menu-item-has-children a{
    position:relative !important
}
#mobile-dropdown ul li a:hover{
    background-color: #20252A;
    color: #f2bb13;
}
    #mobile-dropdown ul li a:hover .nav-content{
        color: #fff;
    }
#mobile-dropdown ul li a:hover .before{
    opacity: 0;
}
#mobile-dropdown ul li a:hover .icon_hover{
    opacity:1;
}
.icon_hover {
    position: absolute;
    top: 12px;
    left: 40px;
    opacity: 0;
}
    span.menu-title {
    font-size: 15px;
    font-weight: 700;
}
    span.nav-content {
    font-size: 14px;
    font-weight: 300;
}
}

@media(max-width:390px) {
#mobile-dropdown ul li a {
    padding: 12px 20px;
}
.icon_hover {
    left: 20px;;
}
}

/*06.04.21*/

.platforms_wrapper {
    border-width: 1px 1px 1px 1px;
    border-color: #DADADA;
/*     box-shadow: 0px 0px 48px 0px rgb(0 0 0 / 13%); */
/*     border-radius: 15px; */
}
.row_wrapper {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E4E4E4;
}
.row_wrapper:first-child{
    border-top: 0;
}
.row_wrapper h4, .row_wrapper p, .row_wrapper img{
    margin: 0;
    padding: 0;
}
.row_wrapper img {
    max-height: 34px;
    width: auto;
    height: auto;
}
.row_wrapper .box a{
      color: #F2BB13;
    font-family: "Open Sans", Open Sans;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}
.row_wrapper .box{
    width: 25%;
    border-right: 1px solid #E4E4E4;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 15px;
    flex-flow: column;
}
.row_wrapper .box:first-child{
    text-align: left;
    justify-content: center;
    align-items: flex-start;
}
.row_wrapper .box:last-child{
    border-right: 0;
}
.row_wrapper h4{
    color: #454C55;
    font-family: "Open Sans", Open Sans;
    font-size: 20px;
    font-weight: 700;
}
.row_wrapper p{
    color: #454C55;
    font-family: "Open Sans", Open Sans;
    font-size: 20px;
    font-weight: 400;
      line-height: 1.4;
}

.for_mobile_slide .row_wrapper{
    flex-flow: column;
}
.for_mobile_slide .box{
    width: 100%;
    flex-flow: column;
    border: 0;
}
.for_mobile_slide .box:first-child{
    justify-content: flex-start;
    align-items: flex-start;
}
.for_mobile_slide .box img{
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}
.swiper-container
{
    width: 100%;
    height: auto;
}

@media(max-width:767px) {
.for_mobile .row_wrapper{
    flex-flow: column;
}
.for_mobile .box{
    width: 100%;
    flex-flow: column;
    border: 0;
}
.for_mobile .box:first-child{
    justify-content: flex-start;
    align-items: flex-start;
}
.for_mobile .box img{
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}
.row_wrapper .box {
        width:100%;
    padding: 20px 15px;
        border-bottom: 1px solid #E4E4E4;
}
    .row_wrapper .box:last-child{
        border-bottom: 0
    }
    .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img, .swiper-button-next img, .swiper-container-rtl .swiper-button-prev img{
        max-width: 22px;
    }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
}
/*06.04.21*/

/* 07.04.21 */
/*#site-header.hide-down{
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.7);
box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.7);
}*/
.special-menu {
    /*display: none;*/
    background: #20252a;
    position: relative;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
z-index: -1
}
.special-menu:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 2px 4px 0px rgba(0,0,0,0.5);
}


.special-menu ul {
    padding: 0;
    margin: 0 auto !important;
    max-width: 1200px;
    width: 100%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    display: flex;
    flex-flow: row wrap;
}
.special-menu ul li{
    list-style: none;
}
.special-menu ul li a {
    font-weight: 600 !important;
    font-size: 16px !important;
    font-family: 'Open Sans',sans-serif;
    color: #FFFFFF;
    padding: 15px;
    border-bottom: 4px solid transparent;
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.special-menu ul li a:hover{
    color: #f2bb13;
    border-color: #f2bb13;
}
.page-id-175763 .special-menu ul.retain_sub_menu li:first-child a{
    color: #f2bb13;
    border-color: #f2bb13;
}
.page-id-172379 .special-menu ul.retain_sub_menu li:nth-of-type(2) a, .page-id-167472 .special-menu ul.screening_sub_menu li:nth-of-type(2) a, .page-id-175763 .special-menu ul.screening_sub_menu li:nth-of-type(1) a{
    color: #f2bb13;
    border-color: #f2bb13;
}

.special-menu .current-menu-item a{
    color: #f2bb13;
    border-color: #f2bb13;
}

.page-id-172274 .special-menu, .page-id-170753 .special-menu, .page-id-172379 .special-menu, .page-id-175763 .special-menu,  .page-id-167472 .special-menu{
    display: block ;
}
.codingame_menu_hide{
    display: none;
}

.elementor-element-b634da0 .platforms_wrapper .row_wrapper:nth-of-type(5) .box{
        justify-content: flex-start;
}

.elementor-element-a8022a4 .platforms_wrapper .row_wrapper:nth-of-type(4) .box{
        justify-content: flex-start;
}
.elementor-element-3161a7f .platforms_wrapper .row_wrapper:nth-of-type(5) .box{
        justify-content: flex-start;
}

.custom_svg img {
    width: auto !important;
    min-height: 60px !important;
}
.dropdown-menu .sub-menu {
    border-top: 0px solid #13aff0 !important;
}
@media(max-width:767px) {
.special-menu ul li a {
    font-weight: 400 !important;
    font-size: 13px !important;
    padding: 9px;
    border-bottom: 2px solid transparent;
}
}