/* Generated by Font Squirrel (https://www.fontsquirrel.com) on September 17, 2016 */



@font-face { font-family: 'montserratbold'; src: url('../Fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../Fonts/montserrat-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }




@font-face { font-family: 'montserratlight'; src: url('../Fonts/montserrat-light-webfont.woff2') format('woff2'), url('../Fonts/montserrat-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }




@font-face { font-family: 'montserratregular'; src: url('../Fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../Fonts/montserrat-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }




@font-face { font-family: 'montserratsemi_bold'; src: url('../Fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../Fonts/montserrat-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }




@font-face { font-family: 'montserrathairline'; src: url('../Fonts/montserrat-hairline-webfont.woff2') format('woff2'), url('../Fonts/montserrat-hairline-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }




* { margin: 0; padding: 0; }

img { border: 0; }

ul { list-style: none; }

li { float: left; }

a { text-decoration: none; color: inherit; display: block; cursor: pointer !important; }

body { font-family: 'montserrathairline'; font-weight:600; font-size: 16px; color: #929293; }

#header { width: 100%; overflow: hidden; position: absolute; }

#header:before { content: ""; height: 1px; width: 100%; background: #fff; position: absolute; opacity: 0.1; top: 110px; }

#header nav { height: 120px; line-height: 80px; color: #fff; position: relative; overflow: initial; }

#header nav ul { max-width: 850px; margin: 30px auto; display: block; text-align: center; overflow: hidden; }

#header nav ul li { text-align: center; font-size: 16px; padding: 0px 16px; }

#header nav ul li:hover.menuli, #header nav ul li.navact { color: #46D1E1; border-bottom: 2px solid #46D1E1; /*borderi koyunca TR wiggle wiggle*/ }

#header nav ul li svg { position: relative; top: -3px; left: 5px; }

#header nav ul li ul { display: none; position: absolute; top: 30px; z-index: 99; }

#header nav ul li ul li { float: left; width: 100px; height: 50px; color: #fff; text-align: center; background: #1E2023; transition: all 0.2s ease; }

#header nav ul li ul li:hover { color: #46D1E1; background: #fff; }

#header nav ul li ul a { line-height: 50px; }

#header nav ul li:hover > ul { display: block; }

#header nav ul #sct:hover a svg polyline, #header nav ul li.navact a svg polyline { fill: #46D1E1 !important; }
/*#header nav ul li:hover > ul li:hover { background: #fff; }*/


#header nav ul li a { display: block; }

#header nav #language { position: absolute; right: 0px; top: 0px; font-size: 16px; transition: all 0.3s ease; }

#header nav #language:hover { color: #46D1E1; }

#header #hlogo { max-width: 435px; max-height: 290px; width: 100%; height: 100%; margin: 50px auto; }

#header #hlogo img, #header #mlogo img { width: inherit; height: inherit; max-width: 435px; max-height: 290px; }

/*Master Page Navigation*/
.master:before { display: none !important; }

.master:after { content: ""; height: 1px; width: 100%; background: #fff; position: absolute; opacity: 0.1; bottom: 183px; }

.master nav { height: 130px !important; line-height: 80px; color: #fff; }

.master nav ul { margin: 10px auto !important; }

.master nav ul ul { display: none; position: absolute; top: 45px !important; z-index: 99; }

.master #mlogo { width: 305px; height: 202px; margin: 30px auto 10px auto; }

#header #pagename { letter-spacing: 4px; font-size: 50px; text-align: center; color: #fff; margin-top: 50px; text-shadow: 0 2px 2px rgba(0,0,0,0.65); }

#header #breadcrumbs { z-index: 99; font-size: 17px; color: #989898; overflow: hidden; display: table; letter-spacing: 2px; margin: 0px auto; position: relative; }

#header #breadcrumbs a { float: left; transition: all 0.3s ease; margin-left:5px;}

#header #breadcrumbs a:hover { color: #46D1E1; }

/*--END--*/

#slider { width: 100%; height: 750px; z-index: -1; }

#slider img { width: 100%; }

#slider #layerslider img { width: 100% !important; height: 100% !important; margin: 0px !important; }

#contentpic { width: 100%; height: 620px; z-index: -1; overflow: hidden; }

#contentpic img { width: 100%; height: 100%; }


#container { width: 100%; }

#container:before { content: ""; height: 258px; background: url(../Images/Triangle.svg) no-repeat center; background-size: cover; position: absolute; width: 100%; margin-top: -258px; }


#container .content #locations { padding-top: 80px; overflow: hidden; }

#container .content #locations .loc { max-width: 555px; width: 100%; height: 330px; float: left; margin-right: 60px; }

#container .content #locations .loc:nth-child(2) { margin-right: 0px; }

#container .content #locations .loc .loctitle { z-index: 98; margin-top: 35px; max-width: 555px; width: 100%; font-size: 30px; position: absolute; height: 50px; letter-spacing: 3px; color: #fff; text-align: center; background: url(../Images/TitleBorder.svg) no-repeat center bottom; }

/*#container .content #locations #ca { background: url(../Images/Canada.jpg) no-repeat center; }
#container .content #locations #tr { background: url(../Images/Turkey.jpg) no-repeat center; }*/

#container .content .pagetitle { margin-top: 60px; margin-bottom:35px;height: 100px; display: block; text-align: center; font-size: 35px; letter-spacing: 3px; color: #1E2023; }

#container .content .pagetitle .subtitle { font-size: 14px; height: 2px; margin-top: 5px; width: 100%; color: #656565; letter-spacing: normal; }

#container .content #principles { overflow: hidden; }

#container .content #principles .principle { margin: 45px 67px 90px 67px; float: left; width: 255px; min-height: 135px; text-align: center; cursor: default; transition: all 0.3s ease; }

#container .content #principles .principle:hover, #container .content #principles .principle:hover .ptitle { color: #46D1E1; }

#container .content #principles .principle:hover .picon svg path { fill: #46D1E1 !important; }

#container .content #principles .principle .picon svg path { transition: all 0.3s ease; }

#container .content #principles .principle .picon { width: 45px; height: 45px; margin: 0px auto; }

#container .content #principles .principle .ptitle { font-family: 'montserratlight';  color: #1E2023; font-size: 16px; margin-top: 25px; transition: all 0.3s ease; }

#container .content #principles .principle .ptext { line-height: 25px; margin-top: 10px; }

#container .content #social { margin-bottom:30px;}
#container .content .pagecontent p:first-child { font-family:'montserratregular';}


#container #services { width: 100%; height: 740px; background: url(../Images/DenemeIstanbul2.jpg) no-repeat center; background-size: cover; }

#container #services:before { content: ""; height: 258px; background: url(../Images/TriangleReverse.svg) no-repeat center; background-size: cover; position: absolute; width: 100%; z-index: 1; }

#container #services .content { z-index: 99; position: relative; }

#container #services .content #slogo { float: left; width: 525px; margin: 50px 22px 0px 22px; height: 485px; background: url(../Images/ServicesLogo.svg) no-repeat center; }

#container #services .content .serv { margin-top: 0px; color: #fff; float: left; width: 300px; height: 560px; z-index: 99; }

#container #services .content .serv .stitle { font-size: 25px; }

#container #services .content .serv a { transition: all 0.3s ease; }

#container #services .content .serv:hover a:hover { color: #46D1E1; }

#container #services .content .serv .sector { margin: 30px 0px 30px 0px; }

#container #services .content .serv .sector .minititle { font-size: 16px; margin-bottom: 5px; }

#container #services .content .serv .sector .stext { font-size: 14px; line-height: 25px; }


#container #services .content #turkey .sector, #container #services .content #turkey .stitle { text-align: right; }

#container #bottom { width: 100%; height: 325px; background: url(../Images/BottomBg.jpg); background-size: cover; }

#container #bottom:before { content: ""; height: 258px; background: url(../Images/TriangleReverse.svg) no-repeat center; background-size: cover; position: absolute; width: 100%; z-index: 1; }

#container #bottom .content .text { padding-top: 140px; font-size: 12px; color: #fff; text-align: center; }
#container #bottom .content .text p { font-size: 30px; }

#container #gmap { width: 100%; height: 325px; }

#container .content #sectors { width:100%; overflow: hidden; min-height: 300px; margin: 30px 0px; position:relative; text-align:center;}

#container .content #sectors .sect { width: 370px; height: 300px; background: #000; margin:8px; display:inline-block; }

#container .content #sectornav { float: left; width: 39%; height: 450px; margin-top: 30px; }

#container .content #sectornav .nsector { width: 450px; height: 70px; margin: 0px 0px 10px 0px; float: right; }

#container #bottom .content .company { width: 270px; height: 200px;  background: rgba(255,255,255,0.2);}


#container .content .offices { overflow: hidden; }

#container .content .offices .office { float: left; width: 40%; padding: 0px 55px; height: 190px; }

#container .content .offices .tr { text-align: right; }

#container .content .offices .office .otitle { font-size: 22px; color: #1E2023; margin: 0px 0px 20px 0px; text-indent: 0px; }

#container .content .offices .office div { color: #656565; font-size: 14px; margin: 15px 0px; text-indent: 50px; height: 35px; overflow:hidden; line-height: 35px; }

#container .content .offices .ca .caddress { background: url(../Images/ContactAddress.svg) no-repeat; }

#container .content .offices .ca .cphone { background: url(../Images/ContactPhone.svg) no-repeat; }

#container .content .offices .ca .cmail { background: url(../Images/ContactMail.svg) no-repeat; }

#container .content .offices .tr .caddress { background: url(../Images/ContactAddress.svg) no-repeat right; }

#container .content .offices .tr .cphone { background: url(../Images/ContactPhone.svg) no-repeat right; }

#container .content .offices .tr .cmail { background: url(../Images/ContactMail.svg) no-repeat right; }

#container .content .offices .tr .otitle { padding-right: 0px; }

#container .content .offices .tr div { padding-right: 50px; text-indent: 0px; }

#container .content #contactform { width: inherit; margin-top: 50px; overflow: hidden; }

#container .content #contactform div { width: 47%; padding-right: 60px; height: 275px; float: left; }

#container .content #contactform div:last-child { padding-right: 0px; }

#container .content #contactform p { font-size: 14px; color: #1E2023; margin: 10px 0px 5px 0px; }

#container .content #contactform .input { color: #656565; width: 100%; border: 1px solid #c8c8c8; height: 38px; margin-bottom: 2px; line-height: 40px; text-indent: 10px; }

#container .content #contactform .input:focus { border: 1px solid #46D1E1; outline: 0; }

#container .content #contactform textarea.input { height: 196px; resize: none; }

#container .content #contactform .validate { font-size: 14px; color: #46D1E1; float: right; }

#container .content #contactform .regex { float: left; }

#container .content #filters { text-align: center; overflow: hidden; width: 300px; margin: 0px auto; }

#container .content #filters a { float: left; margin: 0px 5px; }

#container .content #filters .filter { float: left; font-size: 14px; cursor: pointer; border: none; background: none; transition: all 0.3s ease; }

#container .content #filters .filter:hover { color: #46D1E1; }

#container .content #filters .active { color: #46D1E1; }



#footer { height: 200px; background: #1E2023; font-size:14px; }

#footer .content .contactinfo { height: 120px; line-height: 26px; margin-top: 30px; }

#footer .content .contactinfo .ftitle { font-size: 16px; margin-bottom: 10px; }

#footer .content .contactinfo .email { color: #46D1E1; }

#footer .content #tur { float: right; margin-top: -170px; text-align: right; }


#footer .content #mid { width: 195px; height: 170px; margin: 15px auto; }

#footer .content #mid #flogo { background: url(../Images/FooterLogo.svg) no-repeat center; margin: 0px auto; width: 180px; height: 125px; }

#footer .content #mid #copyright { color: #46D1E1; font-size: 9px; text-align: center; margin-top: 5px; }

#footer .content #mid #socialmedia { width: 72px; height: 15px; margin: 15px auto; }

#footer .content #mid #socialmedia a { float: left; margin: 0px 5px; }

#footer .content #mid #socialmedia a svg path { transition: all 0.3s ease; }

#footer .content #mid #socialmedia a:hover svg path { fill: #46D1E1; }
/*CLASSES*/
.content { max-width: 1170px; margin: 0px auto; overflow: hidden; }

.white { color: #fff !important; }

.pagecontent { padding: 20px 60px; line-height: 26px; text-align: center; color: #1E2023; }

.button { width: 148px; height: 48px; background: none; display: block; border: 1px solid #1E2023; color: #1E2023; font-size: 13px; transition: 0.2s ease; line-height: 50px; margin: 0px auto; text-align: center; cursor: pointer; }

.button:focus { outline: 0px; }

.button:hover { background: #46D1E1; border: 1px solid #46D1E1; color: #fff; }

.sectordetail { text-align: left; width: 58%; float: left; padding: 0px 35px 0px 0px; margin-top: 30px; }

.companies { background: url(../Images/CompaniesBg.jpg) no-repeat !important; height: 460px !important; background-size: cover !important; }

.space { margin-bottom: 40px; }

.tricka { margin-left: 12px; cursor: default !important; font-size: 12px; line-height: 20px; }

.tricka:hover { color: inherit !important; }
.info_content { font-size: 12px; color: #1E2023; line-height: 22px; }
.helper {  display: inline-block;
    height: 100%;
    vertical-align: middle;}
.disable { pointer-events: none;}

/*Font Types*/
.regular { font-family: 'montserratregular'; font-weight:normal; }

.bold {font-family: 'montserratbold';  }

.semibold { font-family: 'montserratsemi_bold'; }

.light { font-family: 'montserratlight'; }

.hairline { font-family: 'montserrathairline'; }






/*HOVER EFFECTS*/

/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; background: #3085a3; text-align: center; cursor: pointer; margin: 0px; }

.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; }

.grid figure figcaption { color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none; }

.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }

.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }

.grid figure h2 span { font-weight: 800; }

.grid figure h2,
.grid figure p { margin: 0; }

.grid figure p { letter-spacing: 1px; font-size: 68.5%; }


/*---------------*/
/***** Bubba *****/
/*---------------*/

#container .content #locations .loc .group { margin: 140px auto; overflow: hidden; display:inline-block;position:relative; }




#container .content #locations .loc .group .sct { width: 89px; height: 85px; background: rgba(255,255,255,0.5); margin: 0px 3px; float: left; }

#container .content #locations .loc .group .sct:hover { background: #46D1E1; }

#container .content #locations .loc .group .sct .scticon { width: 30px; height: 30px; margin: 15px auto 5px auto; }

#container .content #locations .loc .group .sct span { color: #000; font-size: 10px; }


#container .content #locations .loc .group .sct .chem { background: url(../Images/Chemistry.svg) no-repeat; }
#container .content #locations .loc .group .sct .auto { width:55px;background: url(../Images/Automotive.svg) no-repeat; }
#container .content #locations .loc .group .sct .tour { background: url(../Images/Tourism.svg) no-repeat; }

#container .content #locations .loc .group .sct .con { background: url(../Images/ConstructionIcon.svg) no-repeat; }

#container .content #locations .loc .group .sct .food { width: 44px; background: url(../Images/FoodIcon.svg) no-repeat; }
#container .content #locations .loc .group .sct .homes { width:36px; background: url(../Images/KayaHome.svg) no-repeat; }
#container .content #locations .loc .group .sct .maz { background: url(../Images/Mazzad.svg) no-repeat; }
#container .content #locations .loc .group .sct .kw { width:30px;background: url(../Images/Kayawall.svg) no-repeat; }
#container .content #locations .loc .group .sct .resolve { width:60px;background: url(../Images/Resolve.svg) no-repeat; }
#container .content #locations .loc .group .sct .skyrise { background: url(../Images/Skyrise.svg) no-repeat; }

#container .content #locations #ca figure.effect-bubba { background: url(../Images/CanadaColor.jpg) no-repeat center; }

#container .content #locations #tr figure.effect-bubba { background: url(../Images/TurkeyColor.jpg) no-repeat center; }



figure.effect-bubba img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

figure.effect-bubba:hover img { opacity: 0.4; }

figure.effect-bubba figcaption { z-index: 98; }

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }

figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }

figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }


figure.effect-bubba .group { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }

figure.effect-bubba p { font-size: 12px; opacity: 0; margin-top: -110px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p, figure.effect-bubba:hover .group, figure.effect-bubba:hover .mbnav { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

/*---------------*/
/***** SECTORS HOVER *****/
/*---------------*/

#container #sectors figure.effect-bubba { background:#1E2023; }
#container .content #sectors .sect figure.effect-bubba img { opacity:0.5; filter: grayscale(100%);-webkit-filter: grayscale(100%);}
#container #sectors .sect figure.effect-bubba:hover img { opacity:0.8; filter: grayscale(0%);-webkit-filter: grayscale(0%); }

#container #sectors figure.effect-bubba h2 { padding-top: 30%; letter-spacing: 2px; font-size: 22px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }

#container #sectors figure.effect-bubba p { margin-top: 15px; padding: 0px 22px; }


/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah { background: #1E2023; height: 100%; }

figure.effect-sarah img {opacity:0.5; max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;filter: grayscale(100%);-webkit-filter: grayscale(100%); }

figure.effect-sarah:hover img,.sactive img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

figure.effect-sarah figcaption { text-align: left; }

figure.effect-sarah h2 { position: relative; overflow: hidden; text-align: right; color: #fff; padding-right: 20px; letter-spacing: 2px; font-size: 18px; line-height: 70px; }

figure.effect-sarah h2::after,.sactive h2::after  { position: absolute; bottom: 17px; left: 0; width: 100%; height: 1px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }

figure.effect-sarah:hover h2::after,.sactive h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-sarah:hover { background:#46D1E1;}
/*---------------*/
/***** Sadie *****/
/*---------------*/
figure.effect-sadie { height: 200px; width:100%; background: rgba(255,255,255,0.2); }

figure.effect-sadie img {  margin: 0px auto; min-height:0px; display:inline-block;  max-width:270px; max-height:200px; vertical-align: middle; min-height: initial; }

figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1E2023; content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); }

figure.effect-sadie h2 { position: absolute; opacity: 0; top: 110px; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; font-size: 16px; text-align: left; letter-spacing: 1px; text-indent: 10px; }

figure.effect-sadie figcaption::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }

figure.effect-sadie .cinfo { margin-top: 70px; text-align: left; padding-left: 10px; top: 120px; position: relative; line-height: 20px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; }

figure.effect-sadie .cinfo div { color: #fff; position: relative; left: 0; margin: 5px 0px; width: 100%; opacity: 0; text-transform: initial; overflow: hidden; }

figure.effect-sadie .cinfo .caddress { margin: 4px 4px 0px 0px; width: 11px; height: 15px; float: left; background: url(../Images/CompaniesSprite.svg) no-repeat; }

figure.effect-sadie .cinfo .cphone { margin: 5px 4px 0px 3px; width: 8px; height: 12px; float: left; background: url(../Images/CompaniesSprite.svg) no-repeat -14px -1px; }

figure.effect-sadie .cinfo .cmail { margin: 7px 4px 0px 3px; width: 11px; height: 8px; float: left; background: url(../Images/CompaniesSprite.svg) no-repeat -26px -2px; }

figure.effect-sadie div p { float: left; font-size: 12px; margin: 0px; max-width: 245px; }

figure.effect-sadie:hover h2 { color: #fff; opacity: 1; -webkit-transform: translate3d(0,-40px,0) translate3d(0,-40px,0); transform: translate3d(0,-40px,0) translate3d(0,-40px,0); }

figure.effect-sadie:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

figure.effect-sadie:hover div.cinfo { -webkit-transform: translate3d(0,-80px,0) translate3d(0,-80px,0); transform: translate3d(0,-40px,0) translate3d(0,-80px,0); }

figure.effect-sadie:hover div { opacity: 1; }


/*-----------------*/
/***** Kira *****/
/*-----------------*/

figure.effect-kira {
    background:#1E2023;
	background-size:contain;
	text-align: left;
}
figure.effect-kira h2 { 
    padding:27px;
    font-weight:bold;

}
figure.effect-kira img {
transition:all 0.5s ease;
    filter: grayscale(100%);-webkit-filter: grayscale(100%);
}

figure.effect-kira figcaption {
	z-index: 1;
}

figure.effect-kira p {
	
	font-weight: 600;	
    margin-top:20px;
	
	line-height:52px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-kira p{
	text-align:center;
	color: #101010;
    font-size: 15px;
    display:initial;

}

figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
	opacity: 0.6;
    
}

figure.effect-kira figcaption::before {
	position: absolute;
	top: -80px;
	right:0px;
	left: 0px;
	z-index: -1;
	height: 50px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
	transform: translate3d(0,4em,0) scale3d(1,0.023,1);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

figure.effect-kira:hover img {
  
	filter: grayscale(0%);-webkit-filter: grayscale(0%);
}

figure.effect-kira:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-kira:hover figcaption::before {
	opacity: 0.6;
	-webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ;
	transform: translate3d(0,5em,0) scale3d(1,1,1);
}

#container #bottom .content .mcompany { position:relative; text-align:center; margin-top:20px;}
#container #bottom .content .mcompany .company { display:inline-block; margin:8px;}



/*GALLERY OPTIONS*/

.mgrid { max-width: 1170px;list-style: none; margin: 30px auto; padding: 0; }

.mgrid div { float: left; padding: 5px; width: 30%; }
/* clear fix */
.mgrid:after { content: ''; display: block; clear: both; }
.mgrid div a,
.mgrid div img { outline: none; border: none; display: block; max-width: 100%; }


/*Hamburger Menu*/


/* Common styles of menus */

.dl-menuwrapper { width: 100%; max-width: 300px; position: relative; top: 10px; left: 10px; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; z-index: 99; perspective-origin: 50% 200%; }

.dl-menuwrapper:first-child { margin-right: 100px; }

.dl-menuwrapper button { background: #1E2023; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; }

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: #1E2023; }

.dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; }

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.dl-menuwrapper li { position: relative; float: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
.dl-menuwrapper li.language { background: rgba(101, 101, 101, 0.15); }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 14px; line-height: 20px; font-weight: 300; color: #fff; outline: none; }

.no-touch .dl-menuwrapper li a:hover { background: rgba(0,0,0,0.3); color: #46D1E1; }

.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; width: 5px; height: 10px; top: 21px; background: url(../Images/Submenu.svg) no-repeat; speak: none; content: ""; }

.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }

.dl-menuwrapper .dl-menu { margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: initial; -webkit-transform: translateY(0px); transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }


@-webkit-keyframes MenuAnimOut1 {
    0% { }
    50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
    75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@keyframes MenuAnimOut1 {
    0% { }
    50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); }
    75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}



.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }


@-webkit-keyframes MenuAnimIn1 {
    0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}


@keyframes MenuAnimIn1 {
    0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}


.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 {
    0% { -webkit-transform: translateX(50%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
}


@keyframes SubMenuAnimIn1 {
    0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 {
    0% { -webkit-transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(50%); opacity: 0; }
}

@keyframes SubMenuAnimOut1 {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
}


/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }

.no-js .dl-menuwrapper li .dl-submenu { display: block; }

.no-js .dl-menuwrapper li.dl-back { display: none; }

.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }

.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }



/*Media Query*/
@media screen and (min-width:320px) {
    #header:before { display: none; }
    #header #navigation { display: none; }
    .master:after { display: none; }
    #contentpic { height: 350px; }
    #header #pagename { font-size: 32px; margin-top: 3%; }
    #header #breadcrumbs { font-size: 12px; z-index: 98; }
    #header .sd, #header .sd .tricka { font-size:9px !important; }

    #dl-menu { display: block; z-index: 99; position: absolute; }
    #slider { height: 350px; }
    .master #mlogo { width: 70%; height: 40%; max-width: 305px; max-height: 202px; z-index: 98; position: relative; margin-top: 45px; }
    #header #hlogo { width: 60%; height: 40%; margin: 50px auto; }
    #header #hlogo img, #header #mlogo img { width: 100%; height: 100%; }
    #header #mlogo img { max-width: 305px; max-height: 202px; }

    figure.effect-bubba figcaption .group, figure.effect-bubba figcaption p { display: none; }
    #container .content #locations { padding-top: 40px; }
    #container .content #locations .loc { height: 100%;  overflow: hidden; margin: 10px auto; float: none; }
    #container .content #locations .loc:nth-child(2) { margin-right: 5px; }

    #container .content .pagetitle { margin-top: 30px; }

    #container .content #principles .principle { margin:45px auto 35px auto; display: block; float: none; }

    #container #services { height: 550px; }
    #container #services .content #slogo { position: absolute; width: 100%; background-size: contain; margin: 0px; height: 350px; }
    #container #services .content .mservices { width: 90%; margin: 30px auto; overflow: hidden; }
    #container #services .content .serv { width: 50%; height: auto; text-align: center; }
    #container #services .content #turkey .sector, #container #services .content #turkey .stitle { text-align: center; }
    #container #services .content .serv .sector .stext { display: none; }
    #container #bottom .content .text { padding-top: 100px; }

    #container .content #sectors .sect { float: none; margin: 10px auto;}
   

    #container .content #sectornav { width: 90%; float: none; margin: 0px auto; }
    #container .content #sectornav .nsector { width: 100%; }

  figure.effect-kira a.mobile{ display:block;}
    figure.effect-kira p { display:none;}
    figure.effect-kira figcaption:before { display:none;}
    


    #container .content .offices .office { width: 300px; margin: 20px auto; float: none; padding: 0px; }
    #container .content .offices .office .otitle { text-align: center; }
    #container .content .offices .office div { font-size: 12px; }
    #container .content .offices .tr div { text-align: left; text-indent: 50px; padding: 0px; background-position: left !important; }
    #container .content #contactform div { float: none; width: 95%; margin: 34px auto; padding: 0px; height: auto; }
    #container .content #contactform { margin-top: 0px; }

    #footer { height: auto; }
    #footer .content .contactinfo { float: none; font-weight:normal; text-align: center; width: 100%; }
    #footer .content #tur { float: none; margin: -335px 0px 40px 0px; text-align: center; }
    #footer .content #mid { padding-top: 150px; }
    /*Classes*/
    .ls-l { font-size: 12px !important; line-height: 20px !important; width: 80% !important; }
    .ls-v5 .ls-bottom-slidebuttons { display: none !important; }
    .mbnav { width: 80%; font-size: 12px; margin: 90px auto; opacity: 0; position:relative;text-align:center; }
    .mbnav a { display:inline-block;margin: 5px 15px; width: 29%; text-align: center; }
    .mbnav a:hover { color: #46D1E1; }
    .pagecontent { padding: 20px; }
    .sr { font-size: 21px !important; }
    .sectordetail { width: auto; float: none; padding: 20px; text-align: center; }
    
}

@media screen and (min-width:375px) {
    #container:before { margin-top: -257.5px; }
    #container #services:before { margin-top: -1px; }
    #contentpic { height: 400px; }
     #container .content #sectors .sect { float: none; margin: 8px;}
    /*Classes*/
    
    .mbnav a { font-size: 14px; }
}

@media screen and (min-width:425px) {
    #header #hlogo { margin: 30px auto; }
    #slider { height: 400px; }
    #header #pagename { margin-top: 3%; }
}

@media screen and (min-width:475px) {
    #header #hlogo { margin: 10px auto; }
    #contentpic { height: 450px; }
    #header #pagename { font-size: 35px; margin-top: 7%; }
    .sr { font-size: 30px !important; }
    .mgrid div { width: 31%; }
}

@media screen and (min-width:500px) {
    #container .content #sectornav { max-width: 450px; }
}

@media screen and (min-width:555px) {
    #slider { height: 450px; }
    #container .content #locations .loc { height: 330px; margin: 20px auto; }
    #container .content #locations .loc:nth-child(2) { margin: 20px auto; }
    .master #mlogo { margin-top: 60px; }
    figure.effect-bubba figcaption .group, figure.effect-bubba figcaption p { display: block; }
    #container #services { height: 740px; }
    #container #services .content .mservices { margin: 0px; width: 100%; }
    #container #services .content .mservices .serv { text-align: left; width: 49%; margin: 0px 0.25%; }
    #container #services .content .mservices .serv .sector .stext { display: block; }
    #container #services .content #slogo { height: 485px; }
    #container #services .content #turkey .sector, #container #services .content #turkey .stitle { text-align: right; }
    #contentpic { height: 500px; }
    #header #pagename { font-size: 40px; margin-top: 7%; }
    #header #breadcrumbs { font-size: 14px; z-index: 98; }
    #container #bottom .content .text { padding-top: 140px; }
    /*Classes*/
    .mbnav { display: none; }
    .ls-l { font-size: 14px !important; line-height: 20px !important; margin-top: 3% !important; }
    .sr { font-size: 40px !important; }
}

@media screen and (min-width:605px) {
    #container #services .content .mservices { width: 95%; margin: 0px auto; }
    .companies { height: 600px !important; }
}

@media screen and (min-width:655px) {
    #slider { height: 500px; }
    .ls-l { font-size: 16px !important; line-height: 24px !important; margin-top: 0 !important; width: 80% !important; }
    .mgrid div { width: 31.5%; }
    #header #pagename { margin-top: 9%; }
    #header #breadcrumbs { font-size: 14px; z-index: 98; }
        #header .sd, #header .sd .tricka { font-size: 14px !important; }
    #container .content .offices .office { float: left; width: 46%; padding: 40px 5px; margin: 0px; }
    #container .content .offices .office .otitle { text-align: left; }
    #container .content .offices .office div { font-size: 12px; }
    #container .content .offices .tr { float: right; }
    #container .content .offices .tr .otitle { text-align: right; }
    #container .content .offices .tr div { text-align: right; text-indent: 0px; padding-right: 55px; background-position: right !important; }
}

@media screen and (min-width:768px) {
    #slider { height: 600px; }
    #header #hlogo { width: 100%; height: 100%; margin: 55px auto; }
    #container .content #principles .principle { float: left; width: 33.3%; }
    #container .content #principles .principle .ptext { padding: 0px 5px; }
    #container .content .offices .office div { font-size: 14px; }
    #container .content #contactform div { float: left; width: 48%; padding: 0px 0px 0px 7px; }
    #container .content #contactform div:last-child { float: right; padding: 0px 10px 0px 0px; }

    #footer { height: 200px; }
    #footer .content .contactinfo { width: 300px; height: 120px; float: left; line-height: 26px; margin: 30px 0px 0px 0px; text-align: left; }
    #footer .content #tur { float: right; margin: -170px 0px 0px 0px; text-align: right; }
    #footer .content #mid { padding-top: 0px; }
    .mgrid div { width: 32%; }
    .sectordetail { text-align: left; width: 55%; float: left; padding: 0px 15px 0px 0px; }
    #container .content #sectornav { max-width: none; width: 42%; float: right; margin-top: 35px; }
}

@media screen and (min-width:925px) {
    #slider { height: 650px; }
    #container #services .content .mservices .serv { margin: 0px; float: left; width: 300px; height: 560px; z-index: 99; }
    #container #services .content #slogo { margin-top: 50px; }
    #container #services .content .mservices #turkey { float: right; }
    #header #pagename { font-size: 50px; margin-top: 4%; }
    #header #breadcrumbs { font-size: 17px; }
        #header .sd, #header .sd .tricka { font-size: 17px !important; }
    .sr { font-size: 50px !important; }
    .mgrid div { width: 32.3%; }
}

@media screen and (min-width:1170px) {
    #header:before, .master:after { display: block; }
    #header #pagename { margin-top: 50px; }
    #contentpic { height: 620px; }
    .master #mlogo { margin-top: 30px; }
    #header #hlogo { margin: 50px auto; }
    #slider { height: 750px; }
    #dl-menu { display: none; }
    #header #navigation { display: block; }
    figure.effect-bubba figcaption .group { display: block; }
    #container .content #locations { padding-top: 80px; }
    /*#container .content #locations .loc { float: left; margin: 0px 60px 0px 0px; }*/
    #container .content #locations .loc:nth-child(2) { margin: 0px; }
    #container .content #sectornav { width: 39%; margin-top: 30px; }
    #container .content .pagetitle { margin-top: 60px; margin-bottom:0px;}
    #container #services .content .mservices { width: 100%; margin: 0px; }
    #container .content #principles .principle { margin-top:30px !important;}
    #container #services .content #slogo { position: initial; width: 525px; margin: 50px 22px 0px 22px; height: 485px; }
    
  figure.effect-kira a.mobile{ display:none;}
    figure.effect-kira p { display:block;}
    figure.effect-kira figcaption:before { display:block;}
    /*Classes*/
    .ls-l { width: 40% !important ; }
    .sectordetail { width: 58%; }
    .companies { height: 460px !important; }
}