/**
* CSS rewrite
*/

/* Normal */

@font-face {
     font-family: 'AdobeBlack';
     src:url('../fontawesome/webfonts/Adobe_black_Std_B.otf');
}


@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate20 {
    0%, 100%{
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(20deg);
    }
    75% {
        transform: rotate(-20deg);
    }
}

@keyframes moveUpDown{
    0%, 100%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(20px);
    }
    75%{
        transform: translateY(-20px);
    }
}

@keyframes moveUpDownSmall{
    0%, 100%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(10px);
    }
    75%{
        transform: translateY(-10px);
    }
}


@keyframes moveLeftRightSmall{
    0%, 100%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(10px);
    }
    75%{
        transform: translateX(-10px);
    }
}

@keyframes moveLeftRightDrone{
    0%, 100%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(-10px);
    }
    75%{
        transform: translateX(50px);
    }
}

@keyframes moveLeftRightCar{
    0%, 100%{
        transform: translateX(0);
    }
    25%{
        transform: translateX(50px);
    }
    75%{
        transform: translateX(-10px);
    }
}

@keyframes echo {
    0% {
      opacity: 0.5;
      transform: scale(0.8);
    }
    14% {
      opacity: 0.4;
      transform: scale(0.6);
    }
    21% {
      opacity: 0.4;
      transform: scale(0.8);
    }
    100% {
      opacity: 0;
      transform: scale(1.5);
    }
}
@keyframes bg-rotation {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate360 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


@keyframes scale1{
    0%, 100% {transform: scale(1);}
    50% {transform: scale(1.2);}
}

body{ font-size: 1.15rem; font-family: 'AdobeBlack' , sans-serif !important;}

h1 {font-size: 3rem !important;}
h2 {font-size: 2.5rem !important;}
h3 {font-size: 2rem !important;}
h4 {font-size: 1.5rem !important;}
h5 {font-size: 1.25rem !important;}

p, ol li , ul li{line-height: 1.5rem !important;}
.small_text {font-size:1rem !important; line-height: 1.2rem !important;} 
.row { color: #FFF;}

.container i { color: #FFF; }
.container p { color: #FFF; }

.section-big {height: auto !important; min-height: 100vh;}
.section-small {height: auto !important; min-height: 0;}
.sorry_bear {max-height: 40vh;}
.workshop_img_div {margin: 0 auto; text-align: center; align-items: center;} 
.workshop_bear{ width: 166px; margin-right: 50px; }
.workshop_bot{width: 100px;}
.nav-logo { max-height: 90px; padding:10px;}

.navbar .navbar-nav > .nav-item {min-height:  52px;}

.radius-white-bg { background: #FFF; padding: 20px; border-radius: 20px;}

.contact-section h2, 
.contact-section h3,
.contact-section h4,  
.contact-section p, 
.contact-section a , 
.contact-section li, 
.contact-section tr th, 
.contact-section tr td {color:#FFF; }

.white-box-no-margin h2, 
.white-box-no-margin h3, 
.white-box-no-margin h4, 
.white-box-no-margin p, 
.white-box-no-margin a, 
.white-box-no-margin li,
.white-box-no-margin tr th, 
.white-box-no-margin tr td { color: #356ba2; } 


.white-box-no-margin p, .white-box-no-margin tr td{color: #000 !important;}
 
.white-box-no-margin .title { border-bottom: 2px solid #356ba2;}

.contact-section table tr td , .contact-section table tr th { border: 2px solid #FFF;}
.contact-section table tr th {background-color:#356ba2; text-align: center;}
.footer.no-padding{padding-top: 0 !important; position: static;}
.top-padding-50 {padding-top: 50px;}
.top-padding-100 {padding-top: 100px;}

.workshop_btn {background-color:#356ba2; padding:10px; border-radius: 20px; border:2px solid #FFF; align-items: center; text-align: center;} 
.workshop_btn a {text-align: center; text-decoration: none;}
.workshop_btn a h4 {margin: 0 ;}
.workshop_btn:hover , #details-menu div .item:hover{background-color: #183c60;}
.flex1 {min-height: 50px;}

.rem5{width: 5rem;}
.rem3{width: 3rem;}
.rem2{width: 2rem;}
.rem1-5{width: 1.5rem;}
.rem1{width: 1rem;}

.nav-item a.nav-link:hover { background-color: #6699cc !important; width: 100%; border-radius: 20px; border: 1px solid #FFF;}

.radius-white-bg div, .radius-white-bg p, .radius-white-bg h3 { color:#356ba2; } 
.radius-white-bg p {margin-bottom: 2px;}
.radius-white-bg .trophy_img {text-align: center;  margin-bottom: 10px; height:70px; width: 70px; margin:0 auto 10px; background-color: #356ba2; border-radius: 35px; position: absolute; top: -50px; left: calc(50% - 35px); box-shadow: 0 4px #777;}
.radius-white-bg .trophy_img img {width: 50px;  margin: 10px;}
.trophy-box {padding-top:  35px !important;}


#details-menu div .item{background-color:  #356ba2; align-items: center; 
    margin: 10px 0px; 
    border: 1px solid #FFF; 
    border-radius: 10px; 
    text-align: center;
    padding: 10px;}
#details-menu div a {text-align: center; text-decoration: none;}

.home-page-character .bear{width: 200px; vertical-align: bottom;}
.home-page-character .bot{width: 120px; vertical-align: bottom;}
.home-page-character .home_icon {width: 500px;}

.rotating-icon {
     /* font-size: 2rem;   /* Adjust size as needed */
    animation: rotate 10s linear infinite; /* Animation properties */
}

.radius-white-bg h1, .radius-white-bg h2, .radius-white-bg h3, .radius-white-bg h4 {color :#6c757d !important;}

.character-bot{ max-height: 240px; vertical-align: bottom;}
.character-bear{ max-height: 400px; vertical-align: bottom;}

.timetable {margin: auto;}
.timetable-div {text-align: center;}

.clean_50 {height: 50px;}
.width100p {width: 100%;}
table.main-table {width: 100%;}
table.main-table tr td {background-color: #FFF;}

.workshop-icon { width: 150px; float: right;}

.emsd-logo { background-color: #ffffff33;} 

.bg-blue-transparent.logo-fa, .bg-blue-transparent.logo-fa .container i , .container i ,  .bg-blue-transparent.logo-fa p {
    background:none !important;
    color: #FFF !important;
}
.bg-blue-transparent.logo-fa{ color : #356ba2!important;}

.bg-blue-transparent.logo-fa p{font-size: 1.3rem;}

.workshop-section table tr td, .workshop-section table tr th {padding:10px;}
.textcenter {text-align: center;}
.textleft {text-align: left !important; } 

.allcenter tr td {text-align: center;}
/** white theme */
/* .header{ background-color:  #FFF !important;    box-shadow: 8px 4px 2px #CCC; }
.nav-item a {color : #006699 !important;} */
/* #FFF #fbedea // pink */
.white-box {background-color: #fbedea; border-radius:  20px; margin:0 5%; padding: 5%;}
.white-box h1, .white-box h2, .white-box h3, .white-box h4 { color: #356ba2 !important;}
.white-box .item p, .white-box .item ol li, .white-box .item ul li{ color: #000 !important;}
.white-box h2 {text-align: center;}
.white-box .title {border-bottom-color: #356ba2 !important;}

.white-box-2::before { border:1px solid #FFF; left: 5px; top: 5px; }
.white-box-2 p { color: #356ba2;} 
.bottom-bj{
    position: absolute;
    width: 100%;
    height: 6.5rem;
    bottom: -1rem;
    background: #BBE8E4 0% 0% no-repeat padding-box;
    border-radius: 2.75rem;
    left: 0;
    z-index: -1;
}

.white-box {position: relative; box-shadow: 0 8px 2px #CCC;}
.img-center {align-items: center;}
.img-center img {text-align:  center; margin: 0 auto;}



.footer_section p {
    color: #ffffff;
    padding: 20px 0;
    margin: 0;
    border-top: 1px solid #ffffff;
    text-align: center;
}

.footer{
    position: relative !important;
}

.info_section .info_links a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    color: #ffffff;
}

.banner-section{padding-top: 50px !important;}

.bg-blue-transparent.logo-fa{ text-align: left;}
.banner-section .logo-fa span {text-align: center;}
.info_section .info_links a{text-decoration:  none;} 

div#footer-area {
    background-color: transparent; 
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 50px;
}
img.footer-arrow{width: 25px; margin-right: 5px;}


.info_links .info_links { padding-left: 50px;}

.info_social a{text-decoration:none;}
img.footer-sm-icon{width: 40px;}

/* #workshop1, #workshop3 {margin-top: 100px;} */

.white-box-2  table tr td, .white-box-2  table tr th { border:1px solid #356ba2; }
.white-box-2  table tr th, .white-box-2  table tr th h4  { color: #FFF !important;}
.white-box-2  table tr td {color:#356ba2; }


.radius-white-bg a {padding: 10px 50px;
    width: 100%;
    min-width: 200px;
    text-align: center;
    border: 2px solid #356ba2;
    color: #356ba2;
    border-radius: 5px;
    text-decoration: none;
}
.radius-white-bg a:hover {background-color: #99ccff;} 


.white-box-no-margin {position: relative;
    box-shadow: 0 8px 2px #CCC;
    background-color: #FFF;
    border-radius: 20px;
    /* margin: 0 5%; */
    padding: 5%;
}


.white-box-no-margin-2 {margin: 0 !important;}
.white-box-no-margin-2 .info_section .info_links a , 
.info_section .white-box-no-margin-2 .info_links a {color: #356ba2 !important;}

/* 
table tr th:first-child {border-top-left-radius: 5px;}
table tr th:last-child {border-top-right-radius: 5px;}
table tr:last-child td:first-child  {border-bottom-left-radius: 5px;}
table tr:last-child td:last-child  {border-bottom-right-radius: 5px;} */

div.lang-btn { 
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

div.lang-btn:hover, div.lang-btn.active{ 
    padding: 10px 20px;
    border: 1px solid #fff;
    background-color: #FFF;
    color: #356ba2;
    text-decoration: none;
    cursor: pointer;
}

.navbar .navbar-collapse{
    padding-left: 30px;
    padding-right: 30px;
}

.white-box-no-margin table tr th {color: #FFF; }
.white-box-no-margin  table tr td, .white-box-no-margin table tr th { 
    border: 1px solid #356ba2; 
    word-break: normal;
}


.white-box-2:after { content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #B3FF8E;
    border-radius: 1.25rem;
    z-index: -1;
    top: .375rem;
    left: .375rem; } 


.home-title-img { max-width: 70%; margin-left: 15%; margin-right: 15%; margin-top: 10%; position: relative; z-index: 100;}

.letterhead{
    /* box-shadow: 0px 8px 0px #00000011; */
    z-index: 1000;
    position: relative;
}

.white-box-no-margin a {color: #356ab2 !important;} 
.white-box-no-margin p a {color: #000 !important;} 
.input-field {min-width:  400px;}

.popuparea {position: absolute;     
    z-index: 10000;
    min-width: 200px;
    min-height: 120px;
    padding: 10px 30px;
    top: 10vh;
    box-shadow: 0px 4px #ccc;
    border-radius: 20px;
    border: 5px solid #FFF;
    background-color: #FFF;
}

#result-area{
    display: none;
}

#register_form button[type=submit], #register_from_btn, #rule_btn {
    padding: 10px 50px;
    width: 100%;
    min-width: 200px;
    text-align: center;
    border: 2px solid #356ba2;
    background-color: #356ba2;
    color: #FFF !important;
    border-radius: 5px;
    text-decoration: none;
}

.download_form_btn {border: 2px solid #356ba2; 
    border-radius: 5px;
    padding: 10px;
    width: 100px;
    margin: 0 auto 10px;
    text-decoration: none;
    text-align:  center;
}


/* .popuparea #popuparea-bg {
    background-color: #FFF;
} */

.popuparea #popuparea-bg p{
    color: #000;
}

.popuparea #popup_comfirm { margin: 0 10%;  
    background-color: #FFF; 
    width: 80%; 
    border: 1px solid #ccc; 
    border-radius: 10px;
}

.relative-position{ position: relative}
.relative-position .character-bot, .relative-position .character-bear{position: relative; z-index: 1000;}

.blue-circle {position: absolute;  top: calc((100% - 166px) / 2); left: calc((100% - 166px) / 2); height: 166px; width: 166px;  border-radius:  83px; background-color: #356ab2;}
.white-circle {position: absolute; top: calc((100% - 166px) / 2); left: calc((100% - 166px) / 2); height: 166px; width: 166px; border-radius:  83px; background-color: #FFF;}

.triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #FFF;
    position: absolute;  top: calc((100% - 166px) / 2); left: calc((100% - 166px) / 2);}

.inverted_triangle  { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid #FFF;
    position: absolute;  top: calc((100% - 166px) / 2); left: calc((100% - 166px) / 2);}

.triangle.pair {left:0; top: calc(100% - 166px); }    
.inverted_triangle.pair{right:0; left: auto; top: 100px }

/** Animation */
.animation-rotate60 {
    animation: rotate20 5s linear infinite;
    transform-origin: bottom center;
}

.animation-rotate60-center {
    animation: rotate20 5s linear infinite;
}
.animation-updown{
    animation: moveUpDown 2s ease-in-out infinite;
}

.animation-updown-small{
    animation: moveUpDownSmall 2s linear infinite;
}

.animation-leftright-small{
    animation: moveLeftRightSmall 2s linear infinite;
}

.animation-leftright-drone{
    animation: moveLeftRightDrone 4s linear infinite;

}

.animation-leftright-car{
    animation: moveLeftRightCar 7s linear infinite;

}

.animtion-circle {
    animation: echo 2s linear infinite;
}

.animation-rotate-circle{
    animation: rotate360 30s linear infinite;
}

.animation-scale1{ 
    animation: scale1 5s linear infinite;
}

.animation-container {position: relative;}
.animation-container .circle , .circle{ width: 200px;height:200px; border: 2px dashed #FFF; border-radius:  100px;}
.animation-container .circle#circle-1 {z-index: 1; position: absolute; bottom: -50px; right:5%;}
.animation-container .circle#circle-2 {z-index: 1; position: absolute; top: 50px; left:5%;}
.animation-container .circle#circle-3 {z-index: 1; position: absolute; top: -10px; left:50%;}

.animation-container .circle2#circle-1b {z-index: 2; position: absolute; bottom :-40px; right: 5%; background-color: #000; }
.animation-container .circle2#circle-2b {z-index: 2; position: absolute; }
.animation-container .circle#circle-3b {z-index: 2; position: absolute; }
.animation-container .circle2#circle-4 {z-index:2; position: absolute; top: -20px; left: 20%; 
    background-color: #ccccccca;  width:50px; height: 50px; border-radius: 25px;}

.animation-container .content-area {z-index: 10; width: 80%; margin: 10%; min-height: 200px ; background-color: #FFF; position:relative; padding:10px}
.animation-container .content-area p {color: #000;}
.animation-container .circle#circle-1 , .animation-container .circle2#circle-1b{width : 100px; height: 100px; border-radius: 50px;} 
.animation-container .circle#circle-2 {width : 150px; height: 150px;  border-color: #333;} 
.animation-container .circle#circle-3 {width : 60px; height: 60px;  border-color: #333;} 

#section-6 .white-box:hover{ transform: scale(1.15);}
.hover-box:hover { transform: scale(1.15); background-color:  #FFF;}
.hover-box-105:hover { transform: scale(1.05); background-color:  #FFF;}
.hover-box-0:hover { background-color:  #FFF;} 


.navbar-button {z-index:  9999 !important;}
#tm-header {z-index: 8888!important;}

a {word-break: break-all;}
.footer_img{ max-width: 250px;}

.homepage-subtitle{align-self: center; margin-top: 100px; max-width: 70%;margin: 100px 15% 50px;}

.drone {position: absolute; width: 120px; right: -25px; top: 100px } 
.car {position: absolute; width: 200px; left: -50px; bottom:0;} 

a.timeline-btn {background-color: #356ab2;
    padding: 10px 20px;
    margin: 120px 0px 10px !important;
    color: #FFF !important;
    text-decoration: none !important;
    border-radius: 5px;} 

.submitform-table {width: 100%;} 
.submitform-table tr td:first-child{ text-align: center;}




/* white menu bar */ 
#tm-header { background-color:  #FFF; box-shadow: 8px 0px #00000011;}
.fa-1x.rem2 {border-radius: 1rem; box-shadow: 2px 2px #00000033;}

.navbar .navbar-nav > .nav-item > a.nav-link { border: 1px solid transparent;}
.navbar .navbar-nav > .nav-item > a.nav-link { color:#356ba2 !important; padding: 10px; }
.navbar .navbar-nav > .nav-item > a.nav-link:hover{  color:#FFF !important; }

div.lang-btn {color: #356ba2; border-color: #356ba2;}
div.lang-btn:hover, div.lang-btn.active { border-color: #356ba2; background-color: #356ba2; color: #FFF;} 


.navbar .navbar-nav > .nav-item {
    /* background-image: url(../img/menu-item-bg-blue-small2.png); */
    background-image: none;
    padding-left: 0 ;
}
.navbar .navbar-collapse::before {width:0 !important;} 



.white-box h1, .white-box h2, .white-box h3, .white-box h4, .white-box h5, .white-box-no-margin h2.haveborder, .white-box-no-margin h3.haveborder{ color: #FFF !important;
    background-color: #356ab2;
    padding: 10px;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    top: -25px;
    left: 30%;
    width: 40%;
    text-align: center;
} 


.workshop_btn h4{  padding: 0 ; top: 0 ; left: 0; width: 100%; position: relative;  background-color: transparent;} 

.white-box .title.red, .haveborder.red
 {background-color: #e94949 !important;  border-bottom-color: #e94949 !important  } 
.white-box .title.yellow, .haveborder.yellow {background-color: #f8b620 !important; border-bottom-color: #f8b620 !important }
.white-box .title.yellow2, .haveborder.yellow2 {background-color: #eacf54 !important; border-bottom-color: #eacf54 !important }
.white-box .title.orange, .haveborder.orange {background-color: #ee7747 !important; border-bottom-color: #ee7747 !important }
.white-box .title.green, .haveborder.green {background-color: #85c376 !important; border-bottom-color: #85c376 !important }
.white-box .title.brown, .haveborder.brown {background-color: #ac9155 !important; border-bottom-color: #ac9155 !important }

.white-box {margin-top: 25px;} 
.white-box.nomargin {margin-top: 0; padding-top: 5% !important;}
.white-box.trophy-box h4, .white-box .noborder {
    position: relative;
    color: #356ab2 !important;
    background-color: transparent !important ;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 0;
    padding: 0;
}

.matchtitle {
    background: #FFF;
    padding: 10px;
    text-align: center;
    color: #356ba2 !important;
    border-radius: 20px;
    box-shadow: 0px 8px #00000033;
}

.matchtitle h2{
    color: #356ba2;
}

.col-md-6 .white-box {padding-top: 50px;}



.dcs-link-btn {border: 2px solid #356ba2; padding: 10px; border-radius: 20px; text-decoration: none; text-align: center;} 
.dcs-link-btn:hover { background-color: #356ba220;}  
.dcs-link-icon { width: 30px; margin-right: 10px; } 

.text-white { color: #FFF;}

.timeline h4 {color: #356ba2;} 
.section-big{
    background-image: url("../img/bg-1.png");
    background-size: cover;
    background-position: center;
}

/* #section-2, #section-2b,#section-2c,  #section-4, #section-6, #section-7, #section-8{ 
    background: transparent;
}
.homepage{ background-image: url(/img/bg-full.png); background-size: cover; background-position: left;} */

.title_icon { position: absolute; left: 10px;}
.text-black  {color: black}

/* li.text-darkgrey {color: #444 !important;}
li.text-black{color:#000 !important;} */

.bg-gold {background: linear-gradient(180deg, #FFD700, #FFBF00) !important;}
.bg-silver {background: linear-gradient(180deg, #C0C0C0, #D8D8D8) !important;}
.bg-bronze {background:linear-gradient(180deg, #CD7F32, #804a00) !important;}

.bg-other { background:linear-gradient(180deg, #6bbdf4, #1f2cbe) !important} 

.title.width90p{
    width: 90% !important;
    left:5% !important;
}
.bg-white {background-color: #FFF;}

ol li:nth-child(odd), 
ol li:nth-child(odd)::marker {background-color: #DDD;} 
ol li{padding: 10px;}


.homepage-bg section:not(#section-1) , .homepage-bg #section-1{ background: transparent !important;}
.homepage-bg {background-image: url("../img/bg-full.png");}
.home_land {    position: absolute;
    right: 0;
    top: 45%;
    width: 50%;}



#briefing_form {width: 80%; margin: 0 auto;}
#briefing_form table {width: 100%; border: 0;}
#briefing_form table tr , #briefing_form table tr td { border: 0;}
#briefing_form table tr td {padding: 5px; vertical-align: baseline;}
#briefing_form table button, #popup_close, #popup_error_close{ padding: 10px 50px; width: 100%; min-width: 200px; text-align: center; border: 2px solid #356ba2; background-color: #356ba2; color: #FFF !important; border-radius: 5px; text-decoration: none;}
#popup_error_close{background-color:  #db3327;}
#briefing_form table input {width: 100%; padding: 12px 20px; margin: 8px 0; z-index: 1000;}
.popupbox { position: absolute; background: #FFF; border: 1px solid #CCC; padding: 20px; border-radius: 20px; } 

#message_box_success, #message_box_error {margin: 10% 25%;width: 40%;}

.hidden {display: none;} 

hr.dashed {  border-top: 3px dashed #bbb;}
.school_list p, .school_list tr td {color: black;} 
.school_list tr td {text-align:  left;}

.school_list table {width: 80%; margin: 0 10%;}

#workshop_table {width: 80%; margin: 0 auto;}
#workshop_table tr.gray_line {background-color: lightgray;} 


.image_cover img {outline-offset: 0px;
    outline: 10px solid #fff;
    box-shadow: 20px 20px rgba(255, 37, 37, .2);}

.image_cover#img1 { width: 64%; display: inline-block; }
.image_cover#img1 img{ transform: rotate(-9deg);}
.image_cover#img2 { width: 35%; display: inline-block;}
.image_cover#img2 img{ transform: rotate(9deg);}
.image_cover#img3 { width: 40%; display: inline-block;}
.image_cover#img3 img{ transform: rotate(0deg);}
.image_cover#img4 { width: 59%; display: inline-block;}
.image_cover#img4 img{ transform: rotate(15deg);}

.image_cover.img1 { width: 64%; display: inline-block; }
.image_cover.img1 img{ transform: rotate(-9deg);}
.image_cover.img2 { width: 35%; display: inline-block;}
.image_cover.img2 img{ transform: rotate(9deg);}


.empty-50 {height: 50px; width: 100%;} 
.empty-150 {height: 150px; width: 100%;} 

.empty-300 {height: 300px; width: 100%;} 

.image_cover p {text-align: center  ;margin:  50px 20px;} 

.image_cover#img2{
    background: #ffffd2;
    z-index: 1000;
    position: relative;
    box-shadow: #00000075 7px 4px 4px 2px;
    transform: rotate(9deg);
}

.image_cover.img2{
    background: #ffffd2;
    z-index: 1000;
    position: relative;
    box-shadow: #00000075 7px 4px 4px 2px;
    transform: rotate(9deg);
}
.no-shadow{
    box-shadow: none !important;
}

p.no-margin{ margin: 0 !important;} 

.line-height-3 td { line-height:  3; }

.winner_table .trophy_icon  {    width: 60px;
    height: 60px;
    /* padding: 10px; */
    border-radius: 30px;
    text-align: center;
    margin: 0 20px;
    display: inline-block;}
.winner_table .trophy_icon  img{ width:40px; height: 40px;}
.white_in {color:#FFF !important;}

.image_cover.img2.left {float: left; margin-top: 70px;}
.menu_new { width: 30px; height: 30px;}
/* Responsive */
@media (min-width: 991px) {
    .header{ left: 0; right:auto;}
    /* #content-box{ margin-left: 26%;}  */
    #content-box{ margin-left: 20%; width: calc(80% + 1px);
    } 

    .navbar .navbar-nav > .nav-item {margin-bottom: 10px;} 
    .home-page-character {position: absolute; right:50px; top: 220px; vertical-align: bottom;}
    .header{width: 20%;}

}

@media (max-width: 991px){

    .white-box h1, .white-box h2, .white-box h3, .white-box h4, .white-box h5, .white-box-no-margin h2.haveborder, .white-box-no-margin h3.haveborder{  width: 80%; left: 10%;}

    .mobile-bottom {height: 100px;}
    .workshop_img_div { margin-bottom: 100px;} 
    #tm-header {height: 100%; overflow: auto; } 
    .navbar-nav {height: 100%;margin-top: 50px ;}
    .home-title-img {max-width:  100%; margin: 0;}
    .homepage-subtitle{max-width: 90%; margin-left: 5%; margin-right: 5%;}
    .triangle.pair { border-bottom: 150px solid #FFF; border-left: 75px solid transparent;     border-right: 75px solid transparent;}
    .inverted_triangle.pair{border-top: 150px solid #FFF; border-left: 75px solid transparent;     border-right: 75px solid transparent;}
    .trophy-box  {margin-bottom: 50px;} 
    .mobile_margin_top {margin-top: 50px !important;}
    .footer .container{ padding-left: 0 !important; padding-right: 0  !important;}
    #message_box_success, #message_box_error {margin:10% 15%; width: 60%;}

}

@media (max-width: 767px) { 
    .flex1.contact-details{ margin-bottom: 0 !important; width: 50%;}
    .hide-mobile, .hidden_mobile {display: none;}
    #footer-area {padding: 20px 5px 0 !important;  } 
    .bg-blue-transparent.logo-fa {background-color: #FFFFFFCC !important; margin-top: 20px;padding: 10px;}  
    .container{padding-left:  20px; padding-right: 20px;}
    .container table h4 {font-size: 1.2rem !important;}
    .center-mobile{text-align: center;}
    .drone {width: 90px;}
    .car{width: 150px;}

    .white-box h1, .white-box h2, .white-box h3, .white-box h4, .white-box-no-margin h2.haveborder, .white-box-no-margin h3.haveborder{
        width: 80%; left: 10%;
    }
    .mobile_width_100{width: 100% !important;}
    .home_land { bottom: 0;
        width: 75%; top: auto;}
    .mobile_margin_top_small {margin-top: 50px !important;}
    .mobile_margin_top_big {margin-top:  150px !important;}
    .image_cover p {margin: 15px 10px }

    .image_cover.img2.left {float: none; margin-top: 0px;}

}


@media (max-width: 500px) { 

    .image_cover p {margin: 15px 10px ; font-size: 1rem;} 
    .image_cover#img1 {width: 100%; } 
    .image_cover#img2 {width: 80%; transform: rotate(3deg);}

    .image_cover.img1 {width: 100%; } 
    .image_cover.img2 {width: 80%; transform: rotate(3deg);}
    .image_cover.img2.left {float: none; margin-top: 0px;}

}

@media (min-height: 600px) {
    .footer {
                left: 0 !important;         
                border-top-left-radius: 20px;
                border-top-right-radius: 20px;
                border: 3px solid #FFFFFFCC;
            }
}