body { font-family: 'Glegoo', serif; }
/*Cursor*/
::-webkit-scrollbar { width: 7px; background-color: #cecece; border-left: 1px solid #ccc; }
::-webkit-scrollbar-thumb { background-color: #a68f65; }
::-webkit-scrollbar-thumb:hover { background-color: #5ea7bd; }

/*Scroll*/
.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; z-index: 999999999; }
.icon-scroll { width: 15px; height: 30px; margin-left: -7px; bottom: 2%; margin-top: -35px; box-shadow: inset 0 0 0 1px #fff; border-radius: 30px; background-color:rgba(204,204,204,0.1); cursor:pointer; }
.icon-scroll:before { content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }
@-webkit-keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(16px); transform: translateY(16px); } }
@keyframes scroll { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(16px); transform: translateY(16px); } }

/* Standart */
.floatLeft { float:left; }
.floatRight { float:right; }
.width100 { width:100%; }
.positionRelative { position:relative; }
.positionAbsolute { position:absolute; }
.textRight { text-align:right; }
.textCenter { text-align:center; }

.InvaTable { display:table; }
.InvaTableCell { display:table-cell; vertical-align:middle; }

/*Header*/
.Inovia_Header { height:auto; z-index:9998; font-size:12px; top:0px; }
.brdrColorHeader { border-color:#666162; }

.InvaTop { height:24px; border-bottom:1px solid; }
.bgColorInvaTop { background-color:#222222; }
.InvaTop a{ color:#fff; text-decoration:none; }
.InvaTop a:hover{ color:#cecece; }
.lineHeightInvaTop { line-height:24px; }
.InvaTop_Item a div.InvaTopIconMail { width:17px; height:14px; background:url('../images/icon_HeaderTop_eMail.png') no-repeat; margin-top:7px; }
.InvaTop_Item a div.InvaTopIconTelephone { width:17px; height:14px; background:url('../images/icon_HeaderTop_Telephone.png') no-repeat; margin-top:5px; }
.InvaTop_Item a div.InvaTopIconMailAdmin { width:17px; height:14px; background:url('../systems/images/icon_HeaderTop_eMail.png') no-repeat; margin-top:7px; }
.InvaTop_Item a div.InvaTopIconTelephoneAdmin { width:17px; height:14px; background:url('../systems/images/icon_HeaderTop_Telephone.png') no-repeat; margin-top:5px; }
.InvaTop_Item a span { margin-left:5px; }
.InvaBottom { height:99px; border-bottom:1px solid; }
.bgColorHeaderBottom { background-color: rgba(57, 2, 1, 0.6) }
.InvaMenu { color:#fff; height:99px; }

.InvaButton { background: transparent; border: 0; -webkit-transition: .6s; transition: .6s; overflow: hidden; line-height: 99px; font-size: 17px; text-align: center; }
.InvaButton:focus { outline: 0; }
.InvaButton:before { content: ''; display: block; position: absolute; background: transparent; width: 100%; height: 100%; left: 0; top: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: translateX(-100px) skewX(-15deg); }
.InvaButton:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; left: 30px; top: 0; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); }
.InvaButton:hover { background: #c67d16; cursor: pointer; }
.InvaButton:hover:before { -webkit-transform: translateX(300px) skewX(-15deg); transform: translateX(300px) skewX(-15deg); opacity: 0.6; -webkit-transition: .7s; transition: .7s; }
.InvaButton:hover:after { -webkit-transform: translateX(300px) skewX(-15deg); transform: translateX(300px) skewX(-15deg); opacity: 1; -webkit-transition: .7s; transition: .7s; }
.InvaButton:hover span { border-bottom:1px solid #ffd9a4; }

/*Logo*/
.Inovia_Logo { width:250px; height:130px; z-index:9999; border-radius:20px; border:1px solid; text-align:center; line-height:130px; margin-top:-15px; -webkit-transition: .6s; transition: .6s; overflow:hidden; }
.Inovia_Logo:focus { outline: 0; }
.Inovia_Logo:before { content: ''; display: block; position: absolute; background: transparent; width: 100%; height: 100%; left: 0; top: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: translateX(-100px) skewX(-15deg); }
.Inovia_Logo:after { content: ''; display: block; position: absolute; background: rgba(255, 255, 255, 0.2); width: 100%; height: 100%; left: 30px; top: 0; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); }
.Inovia_Logo:hover { cursor: pointer; }
.Inovia_Logo:hover:before { -webkit-transform: translateX(250px) skewX(-15deg); transform: translateX(250px) skewX(-15deg); opacity: 0.6; -webkit-transition: .7s; transition: .7s; }
.Inovia_Logo:hover:after { -webkit-transform: translateX(250px) skewX(-15deg); transform: translateX(250px) skewX(-15deg); opacity: 1; -webkit-transition: .7s; transition: .7s; }

.bg_InvaLogo { background-color:#230201; }
.brdrColorLogo { border-color:#4c4847; }
.Inovia_Logo img { height:110px; }
.shadow_InvaLogo { -moz-box-shadow: 1px 1px 15px -3px #ccc; -webkit-box-shadow: 1px 1px 15px -3px #ccc; box-shadow: 1px 1px 15px -3px #ccc; }

/*Services*/
.Inovia_Services { background-color:#ffeed4; overflow:hidden; }
.Inovia_Services_Style { margin-top: 50px; margin-bottom: 100px; }
.InvaService {  cursor: pointer; height: 400px; display: inline-block; background-color:#fff8ee; border: 2px solid #816d53; position: relative; font-size: 1.5em; letter-spacing: 0.07em; margin-top:15px; margin-bottom:15px; }
.InvaService:after { position: absolute; content: ''; bottom: -2px; left: calc(0.7em * 1.2); right: calc(0.7em * 1.2); height: 3px; background: transparent; z-index: -1; transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s; transform-origin: left; }
.line { position: absolute; background: rgba(57, 2, 1, 1); }
.line.-right, .line.-left { width: 2px; bottom: -2px; top: -2px; transform: scale3d(1, 0, 1); }
.line.-top, .line.-bottom { height: 2px; left: -2px; right: -2px; transform: scale3d(0, 1, 1); }
.line.-right { right: -2px; transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s; transform-origin: top; }
.line.-top { top: -2px; transition: transform 0.08s linear 0.43s; transform-origin: left; }
.line.-left { left: -2px; transition: transform 0.08s linear 0.51s; transform-origin: bottom; }
.line.-bottom { bottom: -2px; transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01); transform-origin: right; }
.InvaService:hover:after,
.InvaService:active:after { transform: scale3d(0, 1, 1); right: -2px; left: -2px; transform-origin: right; transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s; }
.InvaService:hover .line,
.InvaService:active .line { transform: scale3d(1, 1, 1); }
.InvaService:hover .line.-right,
.InvaService:active .line.-right { transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s; transform-origin: bottom; }
.InvaService:hover .line.-top,
.InvaService:active .line.-top { transition: transform 0.08s linear 0.4s; transform-origin: right; }
.InvaService:hover .line.-left,
.InvaService:active .line.-left { transition: transform 0.08s linear 0.48s; transform-origin: top; }
.InvaService:hover .line.-bottom,
.InvaService:active .line.-bottom { transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s; transform-origin: left; }
.InvaServiceItemIcon { height:auto; padding:15px 0 0 0; font-size:25px; }
.InvaServiceItemIcon01 { height:auto; padding:10px 0 0 0;  }
.ServicesFontColorTitle { color:#830707; }
.ServicesLineStyle { width:80%; height:4px; background-color:#808080; margin:0 auto; position:relative; }
.ServicesPointStyle { width:20%; height:10px; background-color:#ffd800; margin:0 auto; position:relative; margin-top:-7px; }
.ServicesContentStyle { font-size:12px; }
.ServicesContentIn { height:125px; overflow:hidden; }
.ServicesButton { width:50%; height:40px; background-color:#a68f65; margin:0 auto; }
.ServicesButtonIn { height:40px; width:100%; font-size:12px; color:#fff;}
.InvaService:hover .ServicesLineStyle { background-color:#480d02; }
.InvaService:hover .ServicesPointStyle { background-color:#c67d16; }
.InvaService:hover .ServicesFontColorTitle {  color:#a68f65; }
.InvaService:hover .ServicesButton { background-color:#480d02; }
.InvaService:hover .ServicesContentStyle { color:rgb(95, 4, 2); }
.InvaServicesTitleStyle { font-size:40px;  }
.InvaServicesTitleLineStyle {margin-bottom:30px; }
.InvaServicesTitleLinebg { width:100%; height:3px; background-color:#808080; position:relative; }
.InvaServicesTitleLinePoint { width:20%; height:10px; background-color:#ff6a00; position:relative; margin:-7px auto; }

/*Footer*/
.InvaFooterBg { background-color:#231b0e; height:auto; overflow:hidden; padding:20px 0 20px 0; }

.InvaTel { text-align:right; }
.InvaTel img{ height:40px; margin-top:10px; }
.InvaTelTitle { font-size:25px; color:#d5c79a; margin-bottom:10px;  }
.InvaTelContent { color:#cecece; font-size:14px;}

.InoviaEtiket { margin-top:25px; }
.InoviaEtiket_Copyright { font-size:11px; color:#4e4c4c; padding-top:25px;  }
.InoviaEtiketLine { width:100%; height:1px; margin:0 auto; border-bottom:1px solid #4e4c4c; margin-top:35px; opacity:0.5; }

/*PageCover*/
.InvaPageCover { background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #444346; position: relative; box-sizing: border-box; }
.InvaPageCoverHeight { height:327px; }
.InvaPageCoverCell { vertical-align:bottom; color:#cecece; font-size:50px; display:table-cell; }
.InvaPageCoverCell p { margin-top:-125px; margin-left:30px; }

/*AboutUs*/
.InvaAboutUsDetail { margin-left: 15px; margin-right: 15px; font-size:17px; text-align:justify; }
.Invacols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom:30px; }
.Invacol { width: calc(50% - 2rem); margin: 1rem; cursor: pointer; }
.Invacontainer { border:1px solid #a68f65; overflow:hidden; background-color:rgb(251, 242, 242); }
.Invafront  { background-size: cover; background-position: center; text-align: center; min-height: 280px; height: auto;}
@media screen and (max-width: 64rem) { .Invacol { width: calc(33.333333% - 2rem); } }
@media screen and (max-width: 48rem) { .Invacol { width: calc(50% - 2rem); } }
@media screen and (max-width: 32rem) { .Invacol { width: 100%; margin: 0 0 2rem 0; } }
.InvafrontMarPad { margin:0; padding:0;  background-color:#ede5ca; }
.InvaattorneysDetailItem { height: 40px; text-align: center; line-height: 40px; font-size: 17px; }
.InvaattorneysDetailItem01 { height: 70px;  line-height: 70px; font-size: 17px; font-weight: 600; text-align: center; }
.InvaattorneysDetailItem02 { height: 120px;  font-size: 15px; font-weight: 400; text-align: left; }
.InvaattorneysDetailItem03 { height: 50px;  font-size: 13px; font-weight: 400; text-align: left; line-height:50px; }
.InvaattorneysButtonCover { height: 40px; text-align: center; font-size: 15px; font-weight: 400; text-align: left; margin-top:10px; }
.InvaattorneysButton { width:50%; height:40px; margin:0 auto; background-color:#a68f65; border:1px solid #808080; line-height:40px; text-align:center; color:#fff;  }
.InvaattorneysStyle {  overflow:hidden; }
.InvaattorneysButton:hover { background-color:#480d02; text-decoration:none; }
.InvaattorneysButtonCover a { text-decoration:none; }

/*Attorneys*/
.InvaAttorneysCol { width: calc(100% - 2rem); margin: 1rem; }
.InvaAttorneysContainer { overflow:hidden; }
.InvaAttorneysfront  { background-size: cover; background-position: center; text-align: center; min-height: 280px; height: auto; border:1px solid #a68f65;}
.InvaAttorneysContent { border:1px solid #a68f65; padding:5px 5px 5px 5px; }
.InvafrontMarPad01 { margin:0; padding:0; }
.InvaAttorneysAllTitle { width:100%; height:60px; border:1px solid #e3e3e3; padding:0px 5px 0px 10px; float:left; line-height:60px; font-size:20px; font-weight:600; }
.InvaAttorneysAll { width:100%; height:40px; border:1px solid #e3e3e3; border-top:none; padding:0px 5px 0px 5px; float:left; background-color:#ebe0bb; line-height:40px; font-size:11px; }
.InvaAttorneysAll:hover { background-color:#a68f65; color:#fff; }
.InvaAttorneysIcon { float:left; background:url(../images/icon_arrow.png) no-repeat; width:25px; height:25px; margin-top:7px; }
.InvaAttorneysAll:hover .InvaAttorneysIcon { background:url(../images/icon_arrow_hover.png) no-repeat; }
.InvaAttorneysAll span { float:left; margin-left:10px; color:#480d02; }
.InvaAttorneysAll:hover span { color:#fff; }
.InoviaButton { background-color: #a68f65; border: 1px solid #a68f65; width: 93%; height: 50px; margin-left: 10px; padding-left: 5px; padding-right: 5px; color: #fff; }
.InoviaButton:hover { background-color:#480d02; }

/*Services*/
.InvaServicesfront  { background-size: cover; background-position: center; text-align: center; min-height: 50px; height: auto; border:0px solid #a68f65;}
.InvaServicesIcon { float:left; background:url(../images/icon_arrow01.png) no-repeat; width:25px; height:25px; margin-top:7px; }

/*News*/
.InvacolNews { width: calc(25% - 2rem); margin: 1rem; cursor: pointer; }
.InvaNewsDetailItem { height: 70px; text-align: center;font-size: 12px; padding:5px; color:#a68f65; margin-bottom:15px; margin-top:15px; }
.InvaNewsDetailItem:hover { color:#480d02; }
.InvaNewsTitleDetailItem { height: 40px; text-align: center; line-height: 40px; font-size: 17px; color:#480d02; }