@charset "UTF-8";


/* CSS Document */

/* COMMON */
.clear{clear:both;}
ul, ol, dl{margin:0; padding:0; list-style:none;}
a{text-decoration:none;}
img{display:block; border:0; width:100%; height:auto;}
a img{border:0;}
p,h1,h2,h3,h4{margin-top:0px; margin-bottom:0px; font-family: 'Playfair Display', serif;}
h4{font-weight:bold;}
div{width:100%; display:block;}

body{font-size:16px; margin:0; padding:0; font-family: 'Playfair Display', serif; background-color:#000;}

* {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*
.bnw img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
*/

.bnw img{
	-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;
	-webkit-filter: brightness(0) invert(1);
  	filter: brightness(0) invert(1);
	/* filter: gray;  IE6-9 */
  /* -webkit-filter: grayscale(1);  Google Chrome, Safari 6+ & Opera 15+ */
  /* filter: grayscale(1);  Microsoft Edge and Firefox 35+ */
}

.bnw img:hover{
	-webkit-filter: grayscale(0);
  filter: none;
	background-color:#fff;
}

.solidtext{white-space:nowrap;}


.animate{-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.delay{transition-delay: 2s;}
.transform_yaxis{-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
.transform_xaxis{-ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
.transform_xy{-ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}
.easing{transition-timing-function: ease;}
.transform_rotate{-ms-transform: rotate(20deg); /* IE 9 */ -webkit-transform: rotate(20deg); /* Safari */ transform: rotate(20deg);}
.transform_scale{-ms-transform: scale(2, 2); /* IE 9 */ -webkit-transform: scale(2, 2); /* Safari */ transform: scale(2, 2);}
.rounded-corners{-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
input:focus, select:focus, textarea:focus, button:focus { outline: none!important; }

/* Scrollbar styling  not for firefox */
body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */ border-radius: 0px; background-color:#555; border:0px solid #ccc; padding:3px;}
body::-webkit-scrollbar-thumb {/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */ border-radius: 10px; background-color:#777;}

.color1{color:#fff;}

.mod_desktop{display:block;}
.mod_mobile{display:none;}

.mc_logo{position:absolute; top: 70px; left: 70px; width:110px; z-index:999; display:none;}
.mc_logo img{display:block;}

.link1{color:#fff; font-weight:900; text-decoration:underline; cursor:pointer;}
.link2{color:#fff; font-weight:900; text-decoration:underline; cursor:pointer;}

.notex{position:fixed; top:0px; left:0px; z-index:999; padding:30px; background-color:#000; color:#fff; display:none;}

.topnav{display:none;}


.slditem h3{font-size:23px; display:block; line-height:28px;}
.formtext{font-size:35px!important;}

@media only screen and (min-width: 950px) {

.linefx1{display: inline-block; position: relative; padding-bottom: 3px;}
.linefx1:hover{border-bottom:0px;}
.linefx1:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .5s ease;}
.linefx1:after {content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #000; transition: width .5s ease;}
.linefx1:hover:before {width: 100%; background: #000; transition: width .5s ease;}
.linefx1:hover:after {width: 100%; background: transparent; transition: all 0s ease;}

}


/* Keyframes */
.keyframe1{animation: blinkx 1s linear infinite;}

@keyframes blinkx{
  0% {opacity:0;}
  50% {opacity:100;}
  100% {opacity:0;}
}

.mc_intro{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow: hidden; background-color:#fff; z-index:999999;}
.mc_intro .box{max-width:500px; width:80%; position:absolute; top:0px; left:0px; display:none;}
.mc_intro .box .logo_type{position:relative; z-index:10; opacity:0; -ms-transform: translate(-100px,0px); -webkit-transform: translate(-100px,0px); transform: translate(-100px,0px);}
.mc_intro .box .logo_a{position:absolute; top:0px; left:0px; z-index:10; visibility: hidden;}
.mc_intro .box .flashcards{position:absolute; top:0px; left:0px;}
.mc_intro .box .glitch-img{display:none;
position: absolute; width : 100%; height : 100%; top: 0 ; left : 50px; background-position:center;  -moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
.mc_intro .box .masker{background:url(../images/logo_intro_typeA.png) no-repeat; background-size:100% auto; position:relative; z-index:10; opacity:0;}

.mc_intro .box .logo_type{-webkit-transition:all 1600ms cubic-bezier(0.165, 0.84, 0.44, 1); transition:all 1100ms cubic-bezier(0.165, 0.84, 0.44, 1);}
.mc_intro .box .logo_type.m1{opacity:1; -ms-transform: translate(0px,0px); -webkit-transform: translate(0px,0px); transform: translate(0px,0px);}


/* ARROWS SETS */
.arrowsets{position:fixed; width:100%; left:0px; bottom:40px; z-index:100; text-align:center;}
.arrowsets .setx img{width:40px; height:auto; display:block; cursor:pointer; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position:relative; top:0px; margin:0 auto;}

.arrowsets .arrowicon img.arw1{animation: arrowupdown1 1s ease infinite;}
.arrowsets .arrowicon img.arw2{animation: arrowupdown2 1s ease infinite;}
.arrowsets .roller{position:absolute; top:16px; left:0px;}
.arrowsets .roller span{display:block; width:2px; height:14px; background-color:#000; margin:0 auto; animation: blinkx .5s ease infinite;}

.arrowsets .arrow1,
.arrowsets .arrow2,
.arrowsets .arrow3{display:none;}

@keyframes arrowupdown1{0% {top:0px;}50% {top:-10px;}100% {top:0px;}}
@keyframes arrowupdown2{0% {top:0px;}50% {top:10px;}100% {top:0px;}}


.arrowsets .arrowicon img,
.arrowsets .arrow1 img,
.arrowsets .arrow2 img,
.arrowsets .arrow3 img{animation: arrowupdown2 1s ease infinite;}

/* SLIDER BACKGROUND */
.slider_background{position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:10;}


.slider_background .bg1{background:url(../images/bgsec1.jpg) center no-repeat; background-size:cover;}
.slider_background .bg2{background:url(../images/bgsec2.jpg) center no-repeat; background-size:cover;}
.slider_background .bg3{background:url(../images/bgsec3.jpg) center no-repeat; background-size:cover;}
.slider_background .bg4{background:url(../images/bgsec4.jpg) center no-repeat; background-size:cover;}


.slidergroup1{max-width:1280px; width:90%; margin:0 auto; position:relative; z-index:10; overflow: hidden; /*background:url(../images/divider.gif) center no-repeat; background-size:2px 550px;*/}
.slidergroup1 .slider_txt1{float:left; width:50%; font-weight:900;}
.slidergroup1 .slider_txt1 .slditem{position:relative;}
.slidergroup1 .slider_txt1 span{display:block; text-align:center; font-size:36px; width:100%; position:absolute; top:0px; left:0px; white-space: nowrap; color:#fff;}
.slidergroup1 .slider_txt1 .slick-list{overflow:visible;}

.slidergroup1 .mcdivider{position:absolute; top:0px; left:0px; width:100%; text-align:center; z-index:20;}
.slidergroup1 .mcdivider .line{position:absolute; top:0px; left:0px; width:3px; height:750px; overflow:hidden;}
.slidergroup1 .mcdivider .line img{width:1px; display:block; height:750px; -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity:0.3;}

.slidergroup1 .mcdivider .line img.on{animation: linedrop 1.5s ease;}

@keyframes linedrop{
	0% {-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
	50% {-ms-transform: translateY(750px); -webkit-transform: translateY(750px); transform: translateY(750px);}
	51% {-ms-transform: translateY(-750px); -webkit-transform: translateY(-750px); transform: translateY(-750px);}
	100% {-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px);}
}


.slidergroup1 .slider_txt4{float:right; max-width:38%;}
.slidergroup1 .slider_txt4 h3{font-size:17px; color:#ccc;}
.slidergroup1 .slider_txt4 .slditem{position:relative;}
.slidergroup1 .slider_txt4 .box{position:absolute; top:0px; left:0px; display:block;}

.slidergroup1 .slider_client{position:absolute; top:0px; right:0px; width:38%; z-index:999; overflow:hidden;}
.slidergroup1 .slider_client img{max-width:145px; margin:0 auto;}
.slidergroup1 .slider_client .box{position:absolute; top:0px; left:0px;}
.slidergroup1 .slider_client .slider ul.iconset li{float:left; width:33.3%;}
.slidergroup1 .slider_client .slider ul.iconset li .spacer{padding:0px;}
.slidergroup1 .slider_client .slick-dots{position:relative; top:10px; display:block!important;}

.slidergroup1 .slider_client ul li{-webkit-transition-duration: 0.7s; /* Safari */ transition-duration: 0.7s; opacity:0;
-ms-transform: translateY(200px); -webkit-transform: translateY(200px); transform: translateY(200px);
}
.slidergroup1 .slider_client ul li.show{
-ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); opacity:1;
}

.slidergroup1 .slick-arrow,
.slidergroup1 .slick-dots,
.slider_background .slick-dots{display:none!important;}
.slick-dots li{margin-left:0px!important; margin-right:0px!important;}
.slick-dots li button:before{font-size:10px!important;}

.feedbackform .editables{background:none; color:#fff; border:none;}
.feedbackform .editables::placeholder {color: #fff; opacity: 1;}
.feedbackform .editables:-ms-input-placeholder {color: #fff;}
.feedbackform .editables::-ms-input-placeholder {color: #fff;}

.desk{display:block;}

.footer{background-color:#fff; position:fixed; bottom:0; left:0px; z-index:999; padding:15px 30px; padding-bottom:20px;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s;
-ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%);
}
.footer.show{-ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);}
.footer_box{position:relative;}
.footer .social{position:absolute; top:0px; left:0px; text-align:right;}
.footer .social a{margin-left:7px;}
.footer .social img{width:25px; display:inline-block; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;
-ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1);
}
.footer .social img:hover{-ms-transform: scale(1.4, 1.4); -webkit-transform: scale(1.4, 1.4); transform: scale(1.4, 1.4);}
.footer .social .footer_share{border-left:1px solid #000; margin-left:10px; display:inline-block; padding-left:5px; cursor:pointer;}
.footer .copyright{font-size:14px; font-family: 'Playfair Display', serif!important;}


.mod_desktop .frmfld{color:#ccc; display:inline-block;}
.mod_desktop #frm_name{min-width: 100px;}
.mod_desktop #frm_email{min-width: 75px;}
.mod_desktop #frm_number{min-width: 105px;}
.mod_desktop #frm_company{min-width: 105px;}
.mod_desktop .feedbackform h3{color:#fff;}



.mod_desktop .frm_send{color:#ffff00; text-decoration:underline; cursor:pointer;}

.mod_desktop .timelinex{position:fixed; top:20px; right:20px; z-index:999; width:auto; max-width: none; display:block!important;}
.mod_desktop .timelinex ul li{display:block; padding:0px 5px; position:relative; padding-top:5px;}
.mod_desktop .timelinex ul li div{font-size: 19px; position: absolute; top: -8px; left: 1px; text-align: center; opacity:0; user-select: none; color:#fff;}
.mod_desktop .timelinex ul li i{width:1px; height:1px; opacity:0; background-color:#fff; display:block; position:relative; left:5px; margin-top:9px; margin-bottom:5px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.mod_desktop .timelinex ul li span{-moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; display:block; width:10px; height:10px; background-color:#fff; text-align:center; font-weight:bold; cursor:pointer;
-webkit-transition-duration: 0.3s; transition-duration: 0.3s
}

.mod_desktop .timelinex ul li:hover span{background-color:#ffff00;}
.mod_desktop .timelinex ul li.active span{background:none;}
.mod_desktop .timelinex ul li.active i{height:50px; opacity:1;}
.mod_desktop .timelinex ul li.active div{opacity:1;}

.txtwork{font-style:normal; position:relative; left:-80px;}
.txtwe{font-style:normal; position:relative; left:-30px;}

.longtext .textset{display:block; min-height:480px;}

.longtext .prevnext{display:none!important;}
.longtext .prevnext span{display:block; text-decoration:underline; cursor: pointer;}
.longtext .prevnext span.l1{float:left; display:block;}
.longtext .prevnext span.l2{float:right; display:block;}
.dynatext{line-height:44px!important;}

.slick-dots li.slick-active button:before{color:#fff!important;}
.slick-dots li button:before{color:#fff!important;}

#page_thankyou table{position:absolute; width:100%; height:100%; top:0px; left:0px; text-align:center; color:#fff; font-family: 'Playfair Display', serif;}
#page_thankyou table img{width:150px; height:auto;}
#page_thankyou table p{font-size:21px; margin-top:15px;}
#page_thankyou table .messagex{border-bottom:1px solid #666; margin-bottom:30px; padding-bottom:30px; display:inline-block; width:auto;}
#page_thankyou .btn_return{-moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; border-radius: 50px; text-transform: uppercase;
	color:#fff; background:#555 url(../images/thankyou_arrow1.png) top left no-repeat; background-size:auto 50%; background-position:10px 10px; padding:10px 20px; display:inline-block; margin-top:20px; cursor:pointer; padding-left:40px;
	-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; text-decoration:none;
}
#page_thankyou .btn_return:hover{background-color:#888;}

/* Rotating object */
@-webkit-keyframes rotating /* Safari and Chrome */ {
	from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
  }
  @keyframes rotating {
	from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  }
  .rotating {
	-webkit-animation: rotating 1s linear infinite;
	-moz-animation: rotating 1s linear infinite;
	-ms-animation: rotating 1s linear infinite;
	-o-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite;
  }
  

.form_1{padding-bottom:22%;}
.form_1 li{color:#fff; font-size:1.8vw;}
.form_1 li span{color:#ccc!important;}
.form_1 .inptxt{width:0px!important; height:0px!important; opacity:1; display: inline-block; border:none!important; background:none!important; color:#58595b; text-align: center; width:5.75vw;}
.form_1 .formloader{background:url(../images/formbg.png); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; display:none;}
.form_1 .formloader .lv1{width: 100px; margin: 0 auto; text-align: center; position:relative; top:50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.form_1 .formloader .lv1 img{width:100%; height:auto;}
.form_1 .formloader .notesend{position: relative; top: -10px; color:#fff;}
.form_1 .btn_submit{color:#ffff00; text-decoration:underline!important; display: inline-block; width:auto; cursor: pointer;}
.form_1 .btn_submit span{color:#ffff00!important;}
.form_1 .btn_submit2{display: none;}


/* CONTACT CONTAINER */

.page_contact_1{background-color:#fff; font-family: 'DIN Next LT Pro'; padding-top:10px;}
.page_contact_1 h1{color: #e6171d; font-size: 13px; text-transform: uppercase; font-family: 'DINCyr'; font-weight: bold; width: 100%; margin-bottom: 9px;}
.page_contact_1 p{font-size:16px; line-height:1.5; margin-bottom:0px;}
.page_contact_1 .dv_contactdetails{width:100%; margin:0 auto; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.page_contact_1 .dv_contactdetails .txt{font-size: 16px; line-height: 32px; color:#36444d; margin-bottom: 1%;}
.page_contact_1 .dv_contactdetails .txt a{color:#db4333; text-decoration:underline; font-family: 'DIN Next LT Pro';}
.page_contact_1 .dv_contactdetails .bx_offices ul li{width:100%;}
.page_contact_1 .dv_contactdetails .bx_offices ul li img{width:123px; margin-bottom: 9px; display:inline-block;}
.page_contact_1 .dv_contactdetails .bx_offices ul li .p1{font-weight:bold; text-transform: uppercase; margin-bottom:5px; color:#36444d;}
.page_contact_1 .dv_contactdetails .bx_offices ul li .p2{margin-bottom:10px;}
.page_contact_1 .dv_contactdetails .bx_offices ul li .p2 span{white-space: nowrap; display:block; color:#36444d; font-family: 'DIN Next LT Pro';}
.page_contact_1 .dv_contactdetails .bx_offices ul li .getdir{background: url(../images/contact_files/contact_getdirection.png) center left no-repeat; background-size: auto 100%; padding-left:23px; color:#36444d; font-size:12px; font-weight:bold; text-transform: uppercase;}
.page_contact_1 .dv_contactdetails .bx_offices ul li .getdir:hover{text-decoration:underline;}

.page_contact_1 .dv_footer{width:90%; max-width:1150px; margin:0 auto; border-top:1px solid #9aa1a6; padding:30px 0px; margin-top: 53px;}
.page_contact_1 .dv_footer .dv_footer_box{color:#36444d; font-size:12px; font-weight:bold; text-transform: uppercase;}
.page_contact_1 .dv_footer p{font-size:12px;}

.page_contact_1 .bx_offices{position:relative;}
.page_contact_1 .bx_offices .dv_bestlogo{display: block; width:126px; height:auto; position:absolute; top:50px; left:290px;}
.page_contact_1 .bx_offices .dv_bestlogo img{border:0px; display: block;}
.page_contact_1 .bx_offices .dv_tsmlogo{display: block; width:126px; height:auto; position:absolute; top:50px; left:150px;}
.page_contact_1 .bx_offices .dv_tsmlogo img{border:0px; display: block;}

.gmap{width:100%; position:relative;}
.gmap img{width:100%!important; height:350px!important; display:block;}
.gmap iframe{display:block; position:absolute; top:0px; left:0px; width:100%; height:100%;

-webkit-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -moz-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -ms-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  -o-filter: sepia(0%) hue-rotate(0deg) saturate(0%);
  filter: sepia(0%) hue-rotate(0deg) saturate(0%);
    
}

.d_mailto{color:#fff!important; font-size: 2.5vw; border-bottom:2px solid #fff; cursor: pointer; text-decoration: none!important;}



@media (max-width:800px){
	.mod_mobile .mob_sec4 .title_lv1{margin-top:13vw;}
}




@media (max-width:700px){
	.page_contact_1 .dv_contactdetails .bx_offices ul li{position:relative;}
	.page_contact_1 .bx_offices .dv_bestlogo{left:260px;}
	.page_contact_1 .bx_offices .dv_tsmlogo{position:absolute; top:0; right:0; left:auto; width:31vw;}
	.page_contact_1 p{font-size:3.5vw;}
	

	.footer_mobile .copyright{font-size:3.5vw!important;}
	.footer_mobile .social img{width:7vw!important;}
	.footer_mobile .social{padding-bottom:4vw;}

}


@media (max-width:500px){

	.page_contact_1 .dv_contactdetails{padding-bottom:40px;}
    
    .page_contact_1 .dv_contactdetails .bx_offices ul li{width:100%;}
	.page_contact_1 .dv_contactdetails .bx_offices ul li .p2{height:auto;}
	.page_contact_1 .dv_contactdetails .bx_offices ul li{margin-top:25px;}
    .page_contact_1 .bx_offices p{font-size: 16px!important; line-height: 1.5!important;}
    .page_contact_1 .dv_footer p{font-size:12px!important;}
    .page_contact_1 p{margin-bottom:15px;}

	.page_contact_1 .bx_offices .dv_bestlogo{position:relative; display: inline-block; top:22px; left:0px;}
	.page_contact_1 .bx_offices .dv_tsmlogo{left:200px;}
    /*.page_contact_1 .bx_offices .dv_tsmlogo{position:relative; display: inline-block; top:22px; left:0px; margin-left:20px;}*/
    
}

/* Mediaqueries */

@media (min-width:1920px){
	.form_1 li{font-size: 1.4vw;}
}

@media (max-width:1024px){

	body{background-color:#fff;}
	
	.mc_logo{top: 10px; left: 32px; width: 100px;}
	.mod_desktop{display:none;}
	.mod_mobile{display:block;}
	.mc_sec1_slider_mobile{display:none;}
	.desk{display:none;}
	
	.prevnext{display:none;}
	
	.footer{display:none;}

	.mod_mobile .form_1 li{color:#fff; font-size:5vw;}
	.mod_mobile .mob_sec4 .content_lv1 .btn_submit span{color:#ffff00!important;}

	.d_mailto{font-size:7vw;}
	
}

@media (max-width:800px){}