body{font-family: 'Ubuntu',arial, sans-serif; color:#000000;background:#fff; font-size:18px; overflow-x: hidden; overflow-y: hidden}
#background_wrapper {width: 100%; transition: 0.5s;}

.montserrat {font-family: 'Montserrat','Roboto', arial, sans-serif;}

pa:link,a:hover,a:active,a:visited{color:inherit;}
small{font-size:12px;}
big{font-size:20px;}
.font_25{font-size:25px;}
.font_24{font-size:24px;}
.font_23{font-size:23px;}
.font_22{font-size:22px;}
.font_21{font-size:21px;}
.cake-error{color:#f00;}
div.top-button {position: absolute; bottom: 6%; text-align: center}
footer .dropdown-content {display: none}
.inner {padding-top: 126px;}
h1, h2 {color: #5A738C;}
.eqipe strong {display: block;}
.eqipe span {
margin-top: 25px;}
.eqipe img {padding-right: 15px}
.eq {margin-bottom: 50px}
.p-top {padding-top: 10%}
/*.slide-body ul li:last-child:before {display: none !important}
.slide-body ul li:last-child {padding-left: 0; margin-top: 25px}*/
.agre {position: absolute; top:25%; right: 10px;}
.agre ul {list-style-type: none; text-align: center; padding: 0; margin: 0;}
.agre ul li {display: inline-block; text-align: center; float: left}
.agre ul li:first-child {color: #fff; text-align: left; height: 55px; margin-top: 13px; margin-right: 15px;font-weight: 600;
color: #145786; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; text-transform: uppercase; font-size: 22px;}
.agre ul li img {max-width: 100%}
.qb {position: relative; text-align: center}
.qb .agre {position: initial; display: inline-block}

.container{width:1260px; margin: 0 auto;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #e24d58;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #0E3C5E;
  opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #e24d58;
}
:-moz-placeholder { /* Firefox 18- */
  color: #e24d58;
  opacity: 1 !important;
}
span.red {color: #f00}
.dummy input {border: none !important;}
header ul.right-list {width: 100%; text-align: right}
.slide-body {font-size: 18px;}
form {padding-top:5%}
form textarea {width: 96%; border: solid 3px #0E3C5E ; background: rgba(255,255,255,.8); padding: 2%; margin-bottom: 25px; color: #e24d58; border-radius: 10px; height:135px;}
.navigation{width: 100%; float: left; text-align: center; margin: auto; }
.navigation ul{padding: 0;margin: 0; list-style-type: none; text-align: right;}
.navigation ul li{display: inline-block; margin-left:25px;}
.navigation ul li:first-child a{font-size: 40px;}
.navigation ul li:nth-child(2) a {font-size: 40px; margin-left: 70px;}
.navigation ul li a{font-size: 21px; color: #fefefe; transition: .3s; text-transform: uppercase;}
.nav {display: flex; height: 75px;}
.navigation ul li a:hover, .navigation ul li a.active{color: #3aaaf1}
.col_64 p {color: #fff;}
p.form-title {font-size: 46px; padding-top: 40px; margin-bottom: 25px;}
p.form-body {text-align: justify; line-height:30px;}
.col_64 {box-sizing: border-box; padding-right: 65px;}
.col_36 {box-sizing: border-box; padding-left: 75px}
form {text-align: right;}
form input {border-radius: 10px; width: 96%; border:  solid 3px #0E3C5E; background: rgba(255,255,255,.8); padding: 2%; margin-bottom: 25px; color: #0E3C5E;}
form input.submit-button{margin-top: 35px;color: #fff; background: #f00; width: 50%; border: solid 3px #f00; transition: .3s; text-transform: uppercase;}
form input.submit-button:hover{background: none; color: #f00; }
.top-bar {background: rgba(72,100,128,.9); padding-top:10px; padding-bottom: 10px; transition: .3s;}
.fixed_header .top-bar {margin-top: -42px;}
footer .right-list {width: 100%; text-align: center}

ul.left-list, ul.right-list{padding: 0;margin: 0; list-style-type: none; }
ul.right-list {float: right; text-align: center;}
ul.left-list {float: left; text-align: left;}
ul.left-list li, ul.right-list li {display: inline-block;}
ul.left-list li a, ul.right-list li a{color: #fefefe; transition: .3s}
ul.left-list li,ul.right-list li {margin-right: 20px;}
ul.left-list li a .fa,ul.right-list li a .fa {margin-right: 10px;}
ul.right-list li:last-child {margin-right: 0;}
ul.right-list li:last-child .fa {margin-right: 0;}
ul.left-list li a:hover, ul.right-list li a:hover{color: #e24d58;}

footer {background: url('/img/footer-bg.jpg')no-repeat center; background-size: cover;  }
footer .container {position: relative}
.footer-title {color: #fefefe;}
footer .cool-link::after {display: none;}
footer .social ul{margin-top: 15px; margin-bottom: 40px;}
footer .social ul li:first-child{}
footer .social ul li a{font-size: 40px; text-transform: uppercase}
.footer-logo {text-align: center; padding-bottom: 50px;}
.cta {
	position: absolute;
    bottom: 20px;
    text-align: center;}
	
footer ul.right-list li:first-child {display: none}

.information ul, .trainings ul{margin:0; padding: 0; list-style-type: none;}
.information ul li, .trainings ul li{margin-bottom: 6px;}
.information ul li a, .trainings ul li a{color: #fefefe; font-size: 16px; transition: .3s;}
.information ul li a:hover, .information ul li a.active,.trainings ul li a:hover, .trainings ul li a.active {color: #e24d58}


.bottom-bar {background: rgba(101,145,176,.9); padding-top:10px; padding-bottom: 10px;}


@media only screen and (min-width: 1020px){
	
.cool-link {display: inline-block; color: #3aaaf1; text-decoration: none;}
.cool-link::after {content: ''; display: block; width: 0; height: 3px; background: #3aaaf1; transition: width .3s; position: relative; top: -52px}
.cool-link:hover::after, a.active.cool-link::after {width: 100%;}
}

.slideshow img {max-width: 100%; display: block; margin:0 auto;}
.slideshow-banner {position: absolute; top: 12%; left: 5%}
.slideshow {position: relative;}
.slide-title {font-size: 50px; font-weight: 600; color: #145786;  text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.slide-body {font-size: 18px; color: #3e3e3e; margin-bottom: 35px}
/*.slide-body ul {margin: 0;}
.slide-body ul li {font-size: 25px; color: #145786; display: inline-block; float: left; width: 50%}
.slide-body ul li img {display: inline-block; height: 20px;} */
.slide-button {text-align: center; position: absolute; bottom: 10px}
a.top-button {color: #fefefe; background:#f00; text-transform: uppercase; border: solid 2px #f00; transition: .3s; display: inline-block; padding: 1% 4%; font-size: 22px; text-align: center;}
a.top-button:hover {background: none; color: #f00}
a.top-button.blue { background:#145786; border: solid 2px #145786; }
a.top-button.blue:hover {background: none; color: #145786}
.new-button {padding-top: 35px}
.full-bg strong{display: block; margin-bottom: 15px; }
.full-bg strong:nth-of-type(1) {
    margin-top: 60px;
}

.section1 {background: #f0f0f0}
.section-title {display: inline-block;}

.separator {color:red;}
.separator::after{content: ' ';display: block; width: 180px; height: 3px; background: #145786; position: relative;
top: -19px;}
.section-title .small {font-size:25px; color: #a2a2a2}
.section-title .big {font-size:45px; color: #3b3b3b}
.section-body p {color: #3b3b3b; text-align: justify }
.col_36 .section-title span.big{color: #fff;}
.col_36 .separator::after{content: ' ';display: block; width: 180px; height: 3px; background: #fff; position: relative;
top: -19px;}
.col_36 .section-title span.small{color: #5bb1ef}
.screen {text-align: center}
.screen img {max-width: 100%; margin-top:60px;}
.last-section .section-title {padding-top: 0}
.last-section {padding-bottom: 50px;}



@media only screen and (min-width: 1020px){
	
li.dropdown { position: relative; }

ul.dropdown-content { 
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 20px;
  padding-top:35px;
  left: 0;
  width: 100%;
  transform: translateY(-2em);
  z-index: -1;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  text-align: left;
  
}
ul.dropdown-content li {margin: 0; display: block}
ul.dropdown-content li a {display: block; background: rgba(101,145,176,.9);  display: inline-block, width: 100%; padding: 5px;}
ul.dropdown-content li a:hover {background: #e24d58; color: #fefefe;}


li.dropdown:hover ul.dropdown-content {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; 
}
}

.section-body ul li {color: #3b3b3b; position: relative; padding-left: 30px; margin-bottom: 10px}
.section-body ul {list-style-type: none; padding: 0 ;margin: 0; margin-top:45px;}
.section-body ul li::before{
position: absolute;
font-family: 'FontAwesome';
top: 0;
left: 0;
content: "\f00c";
color: #145786;
}

.slide-body ul li {color: #3b3b3b; position: relative; padding-left: 45px; margin-bottom: 10px; font-size: 26px;}
.slide-body ul {list-style-type: none; padding: 0 ;margin: 0; margin-top:15px;}
.slide-body ul li::before{
position: absolute;
font-family: 'FontAwesome';
top: 0;
left: 0;
content: "\f00c";
color: #145786;
}

.section-body{box-sizing: border-box; padding-right: 50px;}
.s1-img img {display: block;}
.section-title {margin-top: 40px;}
.boxes {display: flex;}
.box {min-height: 348px; margin:auto; background: #efefef; box-sizing: border-box; padding: 25px; width: 40%; text-align: justify; font-size: 16px; color: #3b3b3b; border:solid 2px #145786; line-height: 25px; position: relative;}
.overlay {background: #145786; color: #fefefe; position: absolute; font-size: 18px; font-style: italic; padding:10px 20px; width: 50%;left: -2px;bottom: -24px;}
.new-form p {text-align: center !important}
.new-form p.form-title {padding-top: 20px;}
.new-form a.top-button:hover {color: #fff; border: solid 2px #fff}

.button,button{border: 1px solid #2e2e2e;background:#2e2e2e;color:#fff; transition:background 0.5s, color 0.5s, opacity 2s; border-radius:35px; padding:10px 20px; text-align:center;}
.button:hover,button:hover{background:transparent;}
.testimonials {padding-bottom: 75px;}
.full-bg {background: url('/img/full-bg.jpg')no-repeat center; background-size: cover; color: #fff; background-attachment: fixed;}
.col_64 {width:64%}
.col_36 {width: 36%;}

#open_mobile_menu{display:none;}

header {height: 143px; position:fixed;left:0;top:0; z-index:10;}
.fa-close{display:none;}
.opened_mobile_menu .fa-close{display:inline;}

.copyrights{background: #0c4873; color:#fefefe;}
.copyrights .text{padding-top:12px;}

.logo {transition: .1s; position: relative}
@media only screen and (max-width: 1680px){
	.slideshow-banner {top: 13%}
	.slide-title {font-size: 36px;}
	.slide-body ul li {font-size: 30px}
	
}

@media only screen and (max-width: 1370px){
	.slide-title {font-size: 32px;}
	.slide-body ul li {font-size: 18px}
	div.top-button {position: absolute; bottom: 3%; text-align: center}
}

@media only screen and (max-width: 1280px){
	.navigation ul li:first-child a{font-size: 28px;}
	.navigation ul li:nth-child(2) a {font-size: 28px;}
	.container{width:96%;}
	.slideshow-banner {top: 20%}
	.navigation ul li a {font-size: 14px;}
	ul.dropdown-content {top: 19px}
	body {font-size: 16px}
	.slide-title {font-size: 40px;}
	.slide-body, ul.flags li {font-size: 18px;}
	a.top-button {font-size: 18px;}
	form textarea {width: 90%;}
	.section1 .col_70 {width: 50%}
	.section1 ..section-body {padding-right: 15px;}
	.boxes {flex-wrap: wrap}
	.box {width: 34%; margin-bottom: 80px;}
	form input {width: 90%}
	.col_36 {padding-left: 40px;}
	.overlay {text-align: left; width: 65%;}
	.box {width: 45%;}
	.slide-title {font-size: 28px;}
	.slide-body ul li {font-size: 16px}
}
@media only screen and (max-width: 1100px){
	.box {font-size: 14px;}
}

@media only screen and (max-width: 1020px){
	div.top-button {position: initial}
div.top-button a {margin-top: 15px; margin-bottom: 15px;}
	body {padding-top:148px; transition: .3s}
	.new-button{padding-top:15px; padding-bottom: 30px;}
		body.fixed_header {padding-top:0}
	.fixed_header .logo {margin-top: -95px;}
	.fixed_header .navigation ul li:first-child a{font-size: 32px;}
	.fixed_header .navigation ul li:nth-child(2) a {font-size: 32px;}
	header ul.right-list {text-align: center;}
	.navigation ul li:first-child a{font-size: 18px;}
	.navigation ul li:nth-child(2) a {font-size: 18px;}
	.p-top {padding-top:0}
	p.form-body {text-align: center}
	.section-title, .section-title span {width:100%; float: left; display: inline-block; text-align: center; padding-top: 15px;}
	.section-title span {padding-bottom:25px}
	.section-title span.separator {display: none}
	.form-title {margin-bottom:5px;}
	body.opened_mobile_menu #background_wrapper,body.opened_mobile_menu nav{margin-left:70%;}
	body.opened_mobile_menu #mobile_menu{left:0%;}
	#mobile_menu{position:fixed;left:-70%;width:70%;top:0; height:100%; overflow:hidden; transition: 0.5s; background: #0077c1; overflow-y: scroll}
	#mobile_menu ul{list-style-type:none; }
	/*#mobile_menu > ul{border-top:1px solid #fff;}*/
	#mobile_menu ul{padding:0;width: 100%; margin:0; float:left;margin-top: 126px; transition: .1s }
	#mobile_menu ul li{border-bottom:1px solid #fff; float:left;width:100%;}
	#mobile_menu ul li.active > a{background: #308E97}
	#mobile_menu ul a{width:100%;display:block;text-align:center; padding: 10px 0; background: #0077c1; color: #fff; font-size:16px; transition: background 0.5s, color 0.5s;}
	#mobile_menu ul ul li a{ width:96%;padding-left:2%;padding-right:2%;background: #007791;}
	#mobile_menu ul ul{display:none;}
	#mobile_menu ul ul li:last-child{border-bottom:none;}
	#mobile_menu ul.dropdown-content {margin-top:0}
	#open_mobile_menu{  position: absolute; top:-15px; left: -9px;z-index: 99999; display:inline-block; text-align:center; color:#fff; font-size: 32px;}
	#open_mobile_menu:focus{ outline: none;}
	.opened_mobile_menu .fa-bars{display:none;}
	.nav {width:100%; float: left;}
	.logo {width: 100%; text-align: center; transition: .3s}
	.under-mobile div {text-align: center; color: #fff; margin: 5px 0}
	.mobile-icons {font-size: 30px;}
	.fixed_header #mobile_menu ul {margin-top: 84px;}
	.information, .trainings {width: 50%; text-align: center;}
	footer {background-size: cover}
	footer .footer-right {width: 100%; text-align: center;}
	footer .footer-right .social ul{text-align: center; width: 100%; margin-bottom:45px}
	.footer-logo {width: 100%; text-align: center; margin-top: 10px; margin-bottom: 15px;}
	
	.section1 .col_70 {width: 100%;}
	.section-body {padding: 0;}
	.section-title {float: right}
	.s1-img {width: 100%; text-align: center;}
	.s1-img img {max-width:100%; display: inline-block}
	.section-body ul {width: 250px; display: block; margin: 0 auto; float: none}
	.box {width: 51%; min-height: auto;}
	.last-section .col_50 {width: 100%}
	.section-title {margin-top: 20px;}
	.last-section .section-title {padding-top: 0;}
	.full-bg {background: #187DC5; height: auto}
	.full-bg .col_64, .full-bg .col_36 {width: 100%}
	p.form-title {padding-top:0; text-align: center;}
	form {width: 50%; margin: 0 auto; text-align: center;}
.full-bg .section-title {display: none}
.testimonials {padding-bottom: 0}
.slide-title {font-size: 22px;}
.slide-body {font-size: 16px; margin-top: 15px; margin-bottom: 15px; }
ul.flags li {font-size: 16px;}
a.top-button {font-size: 14px;}
.slideshow-banner {top: 7%}
.col_36 {padding-left: 0px;}
.col_64 {padding: 0; line-height: inherit}
p.form-body { line-height: inherit}
.agre{position: initial; width: 100%; float: left; text-align: center;}
.slideshow li img{display: inline-block}
.agre ul li {float: none;}
.agre ul li:first-child {position: relative; top: -19px;}
}

@media only screen and (max-width: 900px){ 
	.box {width: 80%}
	.slideshow-banner {top: 35%}
	.slide-button {position: inherit}
	.slide-body ul li {padding-left: 27px; text-align: left;}
	.slide-title {font-size: 22px; position: absolute; z-index: 999; top: -149px;}
	.slideshow {background: #F0F0F0}
	.slideshow-banner {position: relative; margin: 0 auto; float: none; left: inherit; top: inherit; text-align: center;}
	.slideshow-banner .col_10 {display: none}
	.slideshow-banner .col_50 {float: none; margin: 0 auto}
	.slideshow {padding-top: 30px; padding-bottom: 0px;}
	.slide-button {text-align: center;}
	ul.flags {width: 100%; text-align: center; padding: 0; margin: 0;}
	.top-bar {font-size: 14px;}
}
	
	

	
	

@media only screen and (max-width: 700px){
	
}

@media only screen and (max-width: 697px){
	
	.slide-title {font-size: 28px; position: absolute; z-index: 999; top: -149px;}
	
}

@media only screen and (max-width: 570px){
	.slideshow-banner {width:100%; float: left}
	ul {width:100% !important; text-align: left !important}
	
	body > iframe{display:none;}
	.information, .trainings {width: 100%}
	.copyrights .text {width: 100%; text-align: center;}
	.copyrights .container .fright {float: none; margin: 0 auto}
	.dmi_row {text-align: center;}
	.box {width: 80%; line-height: initial}
	.section-body {padding-right: 0}
	#open_mobile_menu {left: 0}
	.section-title .big {font-size: 29px;}
	form {width: 100%;}
	form input {width: 96%}
	p.form-title {font-size: 22px;}
	.overlay {font-size: 14px;}
	textarea {height:100px}
	.section-title {text-align: center; margin-top:0;}
	.separator {display: none}
	.p-top {padding-top: 0}
	.screen img {margin-top: 10px}
	form textarea {width: 96%}
	footer ul.right-list li{margin-right: 0}
	footer ul.right-list li a {font-size: 18px;}
	header ul.right-list li {margin-right: 0; margin-left :0}
	.fixed_header .navigation ul li:first-child a{font-size: 18px;}
	.fixed_header .navigation ul li:nth-child(2) a {font-size: 18px;}
	.section-body ul li{ text-align: left;}
}

@media only screen and (max-width: 470px){
	#dm_login{max-width:96%;}
	#dm_login label, #dm_login input{padding:0;}
	.footer-logo img {max-width: 100%;}
	
	.box {width: 98%; padding: 10px;}
	#mobile_menu ul {margin-top: 106px;}
	header ul.right-list li {width: 100%}
	.navigation ul li:nth-child(2) a {margin-left: 0}
	
}

@media only screen and (max-width: 360px){
	
	.logo {text-align: center}
	.logo img {max-width: 100%}
	
	
}
@media only screen and (max-width: 320px){
	.top-bar {font-size: 12px}
	.logo {text-align: right}
	
}

@media only screen and (max-width: 290px){
	.top-bar {font-size: 10px}
}