/* Enter Your Custom CSS Here */
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: #cc1437;
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    -webkit-box-shadow: inset 0 0px 0 rgba(15,15,15,1);
    box-shadow: inset 0 0px 0 rgba(15,15,15,1);
    -webkit-transition: color 80ms ease-in,-webkit-box-shadow .13s ease-in-out;
    transition: color 80ms ease-in,-webkit-box-shadow .13s ease-in-out;
    transition: color 80ms ease-in,box-shadow .13s ease-in-out;
    transition: color 80ms ease-in,box-shadow .13s ease-in-out,-webkit-box-shadow .13s ease-in-out;
}
a {
    color: #cc1437;
    text-decoration: none;
}
hr {
    background-color: #676767;
    border: 0;
    height: 0.5px;
    margin-bottom: 0em;
    opacity: 0.3;
}
@media screen and (min-width: 48em) {
.site-header .navigation-top .menu-scroll-down {
    color: #cc1437;
    top: 0.7em;
}}

.social-navigation a {
    background-color: #cc1437;
}
.social-navigation a:hover, .social-navigation a:focus {
    background-color: #ce1437;
}
body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-height: 200px;
    max-width: 80%;
}
@media screen and (min-width: 48em) {
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 320px;
}}

.site-content {
		background-image: url(https://robotex.international/wp-content/uploads/2020/03/Picture1.png);
    background-position: left top;
    background-repeat: repeat;
    background-color: #ce0429;
}
.panel-content {
    position: relative;
    padding: 2.5em 0 0;
}
@media screen and (min-width: 48em) {
.site-content {
    padding: 2.5em 0 0;
}}
@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
    max-width: 95%;
	  padding-bottom: 4em;
    padding-top: 4em;
}} 

.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.wrap2 {
padding: 3em; background: #fff; border-radius: 15px; margin-bottom: 2.5em;}
.wrap3 {
padding: 0; background: transparent; margin-bottom: 2.5em;}
@media screen and (min-width: 48em) {
.wrap {
    max-width: 95%;
}}
@media screen and (min-width: 48em) {
.page:not(.home) #content {
    padding-bottom: 0;
} }
.page:not(.home) #content {
    padding-bottom: 0;
}

#overlay {
  position: absolute; /* Sit on top of the page content */

  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.0); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
	background-image: linear-gradient(to bottom, transparent,rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.custom-logo-link img {
    -webkit-filter: drop-shadow(1px 1px 6px #000);
    filter: drop-shadow(1px 1px 6px #000);
	max-height: 90px;
}
@media screen and (max-width: 30em) {
	.center {
    text-align:center;
}
	}
@media screen and (min-width: 48em) {
.js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation>div>ul {
    display: block;
    text-align: right;
    padding-right: 35px;
}}

@media screen and (min-width: 48em) {
.social-navigation {
    clear: left;
    float: left;
    margin-bottom: 0;
    width: 100%;
}}
input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], .material.woocommerce-page[data-form-style=default] input#coupon_code {
    background-color: rgba(0,0,0,.04);
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0);
}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date], textarea {
    padding: 10px;
    width: 100%;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    background-color: #f1f1f1;
    border: 1px solid rgba(0,0,0,0);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus {
    border: 1px solid #ce1437;
}
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=date]:focus {
    box-shadow: 0px 0px 10px rgba(0,0,0,.11);
}

button, input[type=button], input[type=submit] {
   
	  background: linear-gradient(to bottom right,#ce1437,#f22e38);
		background-color: #cc1437;
    border: 0;
		letter-spacing: 0.3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    text-shadow: none;

    padding: 15px 22px!important;
    border-radius: 200px!important;
    -webkit-border-radius: 200px!important;
    box-shadow: none;
    -ms-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    -webkit-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
}
:not(.mejs-button)>button:hover, :not(.mejs-button)>button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {
    box-shadow: 0 20px 38px rgba(0,0,0,.16);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
	    background-color: #cc1437;
}
label {
    color: #676767;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 14px;
}
@media screen and (min-width: 48em) {
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 4em;
    display: none;
}}
@media screen and (min-width: 48em) {
.panel-content .wrap {
    padding-bottom: 4.5em;
    padding-top: 3em;
}}
@media screen and (min-width: 30em) {
.panel-content .wrap {
    padding-bottom: 2em;
    padding-top: 3em;
}}

.robit {
    -ms-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    -webkit-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
}
.robit:hover, .robit:focus {
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
	cursor: pointer;
}
.social-navigation li a {
    -ms-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    -webkit-transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
    transition: opacity .45s cubic-bezier(.25,1,.33,1),transform .45s cubic-bezier(.25,1,.33,1),border-color .45s cubic-bezier(.25,1,.33,1),color .45s cubic-bezier(.25,1,.33,1),background-color .45s cubic-bezier(.25,1,.33,1),box-shadow .45s cubic-bezier(.25,1,.33,1);
	
}
.social-navigation li a:hover {
	box-shadow: 0 20px 38px rgba(0,0,0,.16);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
	cursor: pointer;
}
.social-navigation a {
    background: linear-gradient(to bottom right,#ce1437,#f22e38);
}
.widget ul li, .widget ol li {
    padding: 0;
		border: none;
}
.widget ul {
    list-style: disc;
    margin: 0;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    color: #767676;;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 rgba(204, 20, 55, 0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 rgba(204, 20, 55, 0);
}
@media screen and (min-width: 30em){
.panel-content .entry-header {
    margin-bottom: 4.5em;
    display: none;
}}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    display: none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 1px solid #cc1437;
	border-radius: 15px;
	 padding: 10px;
}
div.wpcf7-mail-sent-ok {
    border: 1px solid #398f14 ! important;
	border-radius: 15px;
	 padding: 10px;
}
div.wpcf7-response-output {
    margin: 2em 0.1em 1em;
	border-radius: 15px;
     padding: 10px;
    border: 1px solid #cc1437;
	
}
.menu-toggle:focus {
    outline: none;
}
.menu, .page_item a, .menu-item a {
    font-size: 15px;
    letter-spacing: 0.4px;
		font-weight: 400;
}
.menu-toggle {
    color: #fff;
}
:not(.mejs-button)>button:hover, :not(.mejs-button)>button:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus {
    box-shadow: 0 20px 38px rgba(0,0,0,.16);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    background: #cc1437;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
background-color: transparent;
    width: 300px;
    height: 350px;
	  max-width: 100%;
    border: 0px solid #f1f1f1;
    perspective: 1000px;
    margin: 0 auto;

}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;

}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {

}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;

}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background: linear-gradient(to bottom right,#ce1437,#f22e38);
  color: #fff;
	padding-top: 50px;
	border-radius: 5px;
}

/* Style the back side */
.flip-card-back {
  background-color: #fff;
    color: #676767;

    padding-top: 50px;

}

.sub-menu {
border-color: #ce1437 !important;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.sub-menu li{
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
left: 5px;

}
.sub-menu li:hover{
background: #ce1437 !important;
}
.sub-menu li:focus{
background: #ce1437 !important;
}
@media screen and (min-width: 48em){
.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #ce1437;
    bottom: 0;
}}
@media screen and (min-width: 48em) {
.main-navigation ul ul a {
    padding: .75em 1.25em;
    width: auto;
}
.entry-footer {
    display: table;
    width: 95%;
    margin: 0 auto;
}}
.site-header {
    background-color: #fafafa;
    position: relative;
		overflow: visible;
}
ul, ol {
    padding-left: 0;
}
li {
    list-style-position: inside;
}
.entry-meta .byline {
display: none;
}