/*
Theme Name: Triolla Main
Theme URI: http://www.createam.co
Description: A simple, three column, widget-ready WordPress theme.
Author: Guy landa
Author URI: http://web-skipper.co.il
version: 5.5
*/


/* basics */
* {margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }
ol, li { margin:0px; padding:0px;}
ul {padding:0 20px 0 0; margin:0px;}

body {background: #E7EBF0;margin: 0; font-family:'almoni-dl'; font-weight:400; font-size: 18px; color:#000; direction:rtl;}
p, h1, h2, h3, h4, h5, h6, a {margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Almoni DL AAA'; font-weight:bold;}
stront, b{font-weight:600;}
a{ text-decoration:none; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;}
a:focus { outline:auto;}
table { border-collapse: collapse; border-spacing: 0; width:100%;}
.blogpage_con table {margin:0 0 20px 0;}
table, td, th { border:1px solid #000;}
td, th {padding:10px;}
th, td, caption { font-weight: normal; vertical-align: central; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: 10px; }
sup { top: 10px; }
svg { overflow: hidden; }
hr { border: 0; border: 1px solid #eee; clear: both; }
code { margin: 10px; }
.clr {clear:both; display:block;}
.cf:after, .cf:before { clear: both; content: ''; display: block; width: 100%;}
img {max-width: 100%; display: block; border: 0px; height:auto;}
img a {border:none;}
label {display:block;}
input, select { font-family:'almoni-dl'; font-weight:400; width:100%; color:#6e6e6e; font-size:14px; height:25px; text-align:right; padding:5px; background:#ffffff; display:block; border:1px solid #222222;  border-radius:0px; outline:none;}
textarea{  font-family:'almoni-dl'; font-weight:400; width:100%; color:#6e6e6e; font-size:14px; height:65px; text-align:right; padding:5px; display:block; border:0px; border-radius:0px;border:1px solid #222222;outline:none; resize: none;}
a {cursor:pointer; color:#000;}

select { box-shadow: none; background-image: none; cursor:pointer; padding:0 35px 0 5px;}
select:focus, input:focus {outline:none;}
select::-ms-expand {display: none;}
input[type=checkbox] {width:auto; height:auto; padding:0px; border:0px;}

input[type=submit] {cursor:pointer; background:#790102; display:inline-block; width:125px; font-size:18px; color:#000;  font-family:'almoni-dl'; font-weight:400; height:41px; padding:0 10px; border:0px; text-align:center; transition:0.3s; -webkit-transition:0.3s; -webkit-appearance: none; appearance:none; -moz-appearance:none;}
input[type=submit]:focus {outline:none;}

.wow { visibility: hidden; }

/**/
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000 }

input.wpcf7-not-valid {border-bottom:1px solid #FF7638 !important;}
textarea.wpcf7-not-valid {border-bottom:1px solid #FF7638 !important;}
div.wpcf7 img.ajax-loader, .div.wpcf7 .ajax-loader {display:none !important;}
div.wpcf7 .ajax-loader.is-active { visibility:hidden !important;}
div.wpcf7-validation-errors {margin:10px 0 !important; text-align:center;}
div.wpcf7-response-output {margin:10px 0 !important; text-align:center; border:2px solid #f00 !important; font-size:16px;}
.wpcf7 form.sent div.wpcf7-response-output {border:2px solid #46b450 !important;}
span.wpcf7-not-valid-tip {font-size:15px;}
div.wpcf7 .ajax-loader {display:none !important;}
.wpcf7 {direction: rtl; text-align:right;}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction:rtl !important; text-align:right;}
.wpcf7-not-valid-tip  {color:#FF7638 !important;}

.main_container {max-width:100%; overflow:hidden; position:relative;}

/*---header----*/
.header{ position: absolute; top:0px; left:0px; right:0px; padding:27px 0px 18px 0px; z-index:9; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; border-bottom: 1px solid #FFBF00; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; width:100%;}
.headnewact.header {top:87px;}
.sticky .headnewact.header {top:40px;}
.sticky .header{background:#FED125;}
.sticky .header { top:40px;}
.header_wrap{max-width:100%; margin:0px auto; padding:0px 48px;}

.logo {float: right;position: relative; padding-right:18px; width:350px;}
.logo a{ display:block;}
.logo a span{font-weight: 400;font-size: 14px;line-height: 25px;letter-spacing: normal; color:#000;}

.logo img.one {display:none;}
.logo img.two {display: block;}

.header_menu{ float:right; width:calc(100% - 705px); text-align:center; padding:22px 0px 0px 0px;}
.header_menu ul.menu {padding: 0px;}
.header_menu ul.menu li {display: inline-block;padding: 0px 10px;vertical-align: top;}
.header_menu ul.menu li a{ display:block; padding:0px 14px;font-weight: 400;font-size: 22px;line-height: 25px;letter-spacing: 0; color:#000;}

.header_right{ float:left; padding:7px 0px 0px 0px;}
.header_contact{ float:left; text-align:center;}
.header_contact a{ display:block;border: 1px solid #000000; text-align:center; border-radius:50px; -mborder-radius:50px; -webkit-border-radius:50px;font-family: 'Almoni ML v5 AAA';font-weight: normal;font-size: 16px;line-height:48px;letter-spacing: normal; color:#000; padding:0px 15px; position: relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; overflow:hidden;}
.header_contact a:hover{ color:#FFF;}
.header_contact a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #000;display: flex;text-align:center;font-weight: 500;font-size: 16px;line-height:48px;letter-spacing: normal;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.header_contact a>span.default-text {color: #000;}
.header_contact a>span.hover-text {color: #000;}
.header_contact a>span.default-text{color: #000;}
.header_contact a>span.hover-text {bottom: 0;color: #FFF;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.header_contact a>span.button-overlay {background: #000;color: #FFF;}
.header_contact a>span.button-overlay {background: #000;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #FFF;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.header_contact a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.header_contact a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}
/*.header_contact a:before {bottom: 0;left: 0;position: absolute;top: 0;transform: scaleX(0);transform-origin: left;content: '';transition: transform .3s ease, opacity .3s ease; -moz-transition: transform .3s ease, opacity .3s ease; -webkit-transition: transform .3s ease, opacity .3s ease; z-index:-1;}
.header_contact a:hover:before {background: #000;transform: scaleX(1);right: 0px;transform-origin: left;}*/
.header_whatsapp{ float:left; margin-left:12px; position:relative; top:2.5px;}
.header_whatsapp a { display:block;}
.header_book{ float:left; margin-left:17px;}
.header_book a{ display:block;border: 1px solid #000000; background:#006BFF; text-align:center; border-radius:50px; -mborder-radius:50px; -webkit-border-radius:50px;font-family: 'Almoni ML v5 AAA';font-weight: normal;font-size: 16px;line-height:48px;letter-spacing: normal; color:#FFF; padding:0px 23px; position: relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; overflow:hidden;}
.header_book a svg{display: inline-block;vertical-align: middle; margin-left:10px; margin-top:0px;}
.header_book a svg * {fill: # FFF; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.header_book a:hover *{fill: #FFF;}
/*.header_book a:hover{ color:#FFF;}
.header_book a:before {bottom: 0;left: 0;position: absolute;top: 0;transform: scaleX(0);transform-origin: left;content: '';transition: transform .3s ease, opacity .3s ease; -moz-transition: transform .3s ease, opacity .3s ease; -webkit-transition: transform .3s ease, opacity .3s ease; z-index:-1;}
.header_book a:hover:before {background: #000;transform: scaleX(1);right: 0px;transform-origin: left;}*/
.header_book a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #000;display: flex;text-align:center;font-weight: normal;font-weight: 500;font-size: 16px;line-height:48px;letter-spacing: normal;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.header_book a>span.default-text {color: #FFF;}
.header_book a>span.hover-text {color: #FFF;}
.header_book a>span.default-text{color: #FFF;}
.header_book a>span.hover-text {bottom: 0;color: #FFF;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.header_book a>span.button-overlay {background: #000;color: #FFF;}
.header_book a>span.button-overlay {background: #000;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #FFF;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.header_book a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.header_book a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}



/*----- Footer-------*/
.footer{ background:#000; padding:50px 0px 33px 0px;}
.footer_inner{ padding-right:34px;}
.footer_wrap{ max-width:100%; margin:0px auto; padding:0px 28px;}
.footer_top{border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom:30px;}
.footer_logo_label{font-family: 'Almoni ML v5 AAA'; font-weight: normal;font-size: 24px;line-height: 16px;letter-spacing: 0; color:rgba(255,255,255,.5); float:right;width:165px; padding:10px 0px 0px 0px;}
.footer_logos{ float:left; width:calc(100% - 180px); padding-left:0px; text-align:left;}
.footer_logos ul{ padding:0px; margin:0px -30px; font-size:0px;}
.footer_logos ul li{ display:inline-block; vertical-align:top; padding:0px 30px;}
.footer_logos ul li a{display:table; width:100%; height:45px;}
.footer_logos ul li a span{ display:table-cell; vertical-align:middle;}

.footer_all_menus{ padding:50px 18px 56px 0px;border-bottom: 1px solid rgba(255,255,255,0.3);}
.footer_menu_wrap{ max-width:1660px; margin:0px auto;}
.footer_menu_inall{ font-size:0px; float:right; width:70%;}
.footer_menu_col{ float:none; display:inline-block; vertical-align:top;}
.footer_menu_col.footer_menu_1, .footer_menu_col.footer_menu_5 {width: /*245px*/21.05%;}
.footer_menu_col.footer_menu_2, .footer_menu_col.footer_menu_3, .footer_menu_col.footer_menu_4 {width: /*224px*/19.278%;}
.footer_all_menus h3 {font-family: 'Almoni ML v5 AAA';font-weight: bold;font-size: 24px;line-height: 25px;letter-spacing: 0;color: #FFF;display: table;width: 100%;min-height: 50px; padding:0px; margin:0px 0px 24px 0px; max-width:170px;pointer-events: none;}
.footer_menu_col.footer_menu_4 h3 {max-width: 100px;}
.footer_all_menus h3 span{ display:table-cell; vertical-align:bottom;}
.footer_menu_col ul, .footer_socail ul{ margin:0px; padding:0px;}
.footer_menu_col ul li, .footer_socail ul li{ display:block; margin:0px; padding:0px 0px 22px 0px;}
.footer_menu_col ul li:last-child, .footer_socail ul li:last-child{ padding-bottom:0px;}
.footer_menu_col ul li a, .footer_socail ul li a{ display:block; font-family: 'Almoni ML v5 AAA';font-weight: 500;font-size: 16px;line-height: 16px;letter-spacing: 0; color:rgba(255,255,255,0.5);}
.footer_menu_col ul li a:hover, .footer_socail ul li a:hover{color:#FFF;}

.footer_socail{ float:right; width:/*235px*/14.2%;}
.footer_contact{ float:right; width:calc(100% - 85%);}
.footer_contact .foo_email{ font-weight: normal;font-size: 16px;line-height: 100%;letter-spacing: 0; color:rgba(255,255,255,0.5); padding-bottom:22px;}
.footer_contact .foo_email a{ display:inline-block; color:rgba(255,255,255,0.5);}
.footer_contact .foo_email a:hover{color:#fff;}
.foo_office_no{font-family: 'Almoni ML v5 AAA'; font-weight: bold;font-size: 16px;line-height: 100%;letter-spacing: 0; color:rgba(255,255,255,0.5); padding-bottom:22px;}
.foo_office_no a{font-family: 'Almoni ML v5 AAA'; font-weight:normal;color:rgba(255,255,255,0.5); display:block;}
.foo_office_no a:hover{ color:#FFF;}
.foo_book{width:156px; padding-top:10px;}
/*.foo_book a {display: block;text-align: center;border-radius: 50px;-mborder-radius: 50px;-webkit-border-radius: 50px;font-family: 'SFProText';font-weight: 500;font-size: 16px;line-height: 44px;letter-spacing: normal;color: #FFF;padding: 0px 10px;background: #006BFF; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.foo_book a span {display: inline-block;vertical-align: middle;padding-right: 10px;margin-top: 0px; position:relative; top:2px;}
.foo_book a:hover{ background:#FED125; color:#000;}
.foo_book a:hover svg *{fill:#000;}*/
.foo_book a{ display:block;border: 1px solid #000000; background:#006BFF; text-align:center; border-radius:50px; -mborder-radius:50px; -webkit-border-radius:50px;font-family: 'Almoni ML v5 AAA';font-weight: 500;font-size: 16px;line-height:44px;letter-spacing: normal; color:#FFF; padding:0px 0px; position: relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; overflow:hidden;}
.foo_book a svg{display: inline-block;vertical-align: middle; margin-left:10px; margin-top:0px;}
.foo_book a svg * {fill: #FFF; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.foo_book a:hover svg *{fill: #000;}
.foo_book a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #000;display: flex;text-align:center;font-weight: normal;font-weight: 500;font-size: 16px;line-height:44px;letter-spacing: normal;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.foo_book a>span.default-text {color: #FFF;}
.foo_book a>span.hover-text {color: #FFF;}
.foo_book a>span.default-text{color: #FFF;}
.foo_book a>span.hover-text {bottom: 0;color: #000;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.foo_book a>span.button-overlay {background: #FED125;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #000;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.foo_book a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.foo_book a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}

.footer_bottom{padding: 18px 0px 0px 0px;}
.footer_logo_site {float: right; padding:16px 0px 0px 0px; width:304px;}
.footer_logo_site a{ display:inline-block;}
.footer_copywright {float: right;width:calc(100% - 775px); text-align: center; padding-top:42px; font-size:0px;}
.footer_copywright p{font-family: 'Almoni ML v5 AAA';font-weight: 510;font-size: 16px;line-height: 16px;letter-spacing: 0; color:rgba(255,255,255,0.5);}
.footer_copywright p a{ display:inline-block;color:rgba(255,255,255,0.5); text-decoration:underline;}
.footer_copywright p a:hover{text-decoration:none;}
.footer_bot_socail {float: left; font-size:0px;}
.footer_bot_socail .foo_bot_socail_label {display: inline-block;vertical-align:top;font-family: 'Almoni ML v5 AAA';font-weight: 500;font-size: 12px;line-height: 16px;letter-spacing: 0; color:rgba(255,255,255,0.5); padding-left:16px;}
.footer_bot_socail .foo_bot_socail_label a{color:rgba(255,255,255,0.5); }
.footer_bot_socail .foo_bot_socail_label img{ display:block;}
.footer_bot_socail ul{ display:inline-block; vertical-align:top;margin:0px; padding:8px 0px 0px 0px; font-size:0px;}
.footer_bot_socail ul li{ display: inline-block; vertical-align:top; padding:0px 8px;}
.footer_bot_socail ul li:last-child{padding-left:0px;}
.footer_bot_socail ul li a{display: block; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.footer_bot_socail ul li a:hover{ transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.footmobdiv h5{transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0; position:relative; bottom:-30px; /*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footmobdiv p{transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.fmobinlft, .fmobinright{transition:2s; -moz-transition:2s; -webkit-transition:2s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footmobdiv.show h5, .footmobdiv.show p, .footmobdiv.show .fmobinlft, .footmobdiv.show .fmobinright{ opacity:1;  bottom:0px;/*transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}

.footer_logo_label{transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footer_logos{transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/ overflow:hidden;}
.footer_top.show .footer_logo_label, .footer_top.show .footer_logos{ opacity:1; bottom:0px;/* transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}

.footer_menu_col, .footer_all_menus h3, .footer_menu_col ul, .footer_socail ul, .footer_contact .footcondvin{transition:2s; -moz-transition:2s; -webkit-transition:2s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footer_menu_wrap.show .footer_menu_col, .footer_all_menus .footer_menu_wrap.show h3, .footer_menu_wrap.show .footer_menu_col ul, .footer_menu_wrap.show .footer_socail ul, .footer_menu_wrap.show .footer_contact .footcondvin{ opacity:1; bottom:0px;/* transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}


.footmoblogos ul{transition:2s; -moz-transition:2s; -webkit-transition:2s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footmoblogos.show ul{ opacity:1; bottom:0px; /*transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}

.footer_logo_site, .footer_copywright, .footmobsocial, .footer_bot_socail .foo_bot_socail_label, .footer_bot_socail ul{transition:2.5s; -moz-transition:2.5s; -webkit-transition:2.5s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.footer_bottom.show .footer_logo_site, .footer_bottom.show .footer_copywright, .footer_bottom.show .footmobsocial, .footer_bottom.show .footer_bot_socail .foo_bot_socail_label, .footer_bottom.show .footer_bot_socail ul{ opacity:1;bottom:0px;/* transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}



/*-------Portfolia Page ----*/
.portfolio_main{background: #E7EBF0;}
.banner_grid {position: absolute;top: 0px; width:100%;}
.banner_grid_layer{position: absolute;top: 0px; left:0px; right:0px;}
.banner_grid_layer img{ object-fit:contain; width:100%;}
.banner_grid img{ height:100%; object-fit:cover; width:100%;}
.portfolio_banner{background: #FED125; width:100%; padding:262px 0px 201px 0px; overflow:hidden; position:relative;}
.portfolio_wrap{width:1214px; margin:0px auto; position:relative;}
.portfolio_text{ position:relative;top:0;}
.portfolio_text h4{font-weight: normal; font-size: 22px;line-height: 25px;letter-spacing: 0; color:#000; text-align:center; margin:0px;; padding:0px 0px 32px 0px; position:relative; bottom:-30px; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; opacity:0;}
.portfolio_text h1{font-family: 'Almoni ML v5 AAA';font-weight: bold;font-size: 260px;line-height: 200px;letter-spacing: 0;text-align: center; color:#000; padding:0px 0px 70px 0px; margin:0px;position:relative; bottom:-30px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;opacity:0;}
.portfolio_con{}
.portfolio_con_bold{font-family: 'Almoni ML v5 AAA';font-weight: bold;font-size: 32px;line-height: 37px;letter-spacing: -0.96px;text-align: center;vertical-align: middle; color:#000;position:relative; bottom:-30px; transition:0.9s; -moz-transition:0.9s; -webkit-transition:0.9s;opacity:0;}
.portfolio_con p{font-weight:300; font-size: 32px;line-height: 37px;letter-spacing: -0.96px;text-align: center;vertical-align: middle; color:#000;font-family: 'Almoni ML v5 AAA';position:relative; bottom:-30px; transition:1.2s; -moz-transition:1.2s; -webkit-transition:1.2s;opacity:0;}
.portfolio_con a.ban_toggle_down{display:inline-block; padding-right:10px;opacity:0;}
.portfolio_con a.ban_toggle_up{ display:inline-block;padding-right:10px;}
.active.dotshave{ opacity:0; visibility:hidden;}

.portfolio_text.show h4, .portfolio_text.show h1, .portfolio_text.show .portfolio_con_bold, .portfolio_text.show .portfolio_con p, .portfolio_text.show .portfolio_con a.ban_toggle_down, .portfolio_text.show .postfolio_banner_but{ bottom:0px;opacity:1;}

.portfolio_con a.ban_toggle_down.active{ opacity:0; visibility:hidden;}
.portfolio_con p span{ display:inline-block; vertical-align:top;}
.portfolio_con a.ban_toggle_up svg{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.portfolio_con .more_ban_txt{ display:none;}

.portfolio_con p span.more_ban_txt{ display:none;}
.postfolio_banner_but{width:204px; margin:0px auto; padding:32px 0px 0px 0px;position:relative; bottom:-30px; transition:1.2s; -moz-transition:1.2s; -webkit-transition:1.2s;opacity:0;}
.postfolio_banner_but a{ /*display: flex;*/ display:block;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; line-height:54px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0; color:#FFF; background:#000; position:relative; transition:0.3s; overflow:hidden; border:1px solid #000;}
.postfolio_banner_but a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #FFF;display: flex;line-height:56px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.postfolio_banner_but a>span.default-text {color: #fff;}
.postfolio_banner_but a>span.hover-text {color: #FFF;}
.postfolio_banner_but a>span.default-text{color: #FFF;}
.postfolio_banner_but a>span.hover-text {bottom: 0;color: #000;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.postfolio_banner_but a>span.button-overlay {background: #FED125;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #000;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.postfolio_banner_but a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.postfolio_banner_but a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}
.postfolio_banner_but a:hover{ /*border:1px solid #FFF;*//*transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);*/ }

/*.postfolio_banner_but a:hover{ background:none;}
.postfolio_banner_but a span{ position:relative; display:block; color:#FFF; z-index:2;}
.postfolio_banner_but a:before {bottom: 0;left: 0;position: absolute;top: 0;transform: scaleX(0);transform-origin: left;content: '';transition: transform .3s ease, opacity .3s ease; -moz-transition: transform .3s ease, opacity .3s ease; -webkit-transition: transform .3s ease, opacity .3s ease; }
.postfolio_banner_but a:hover:before {background: #000;transform: scaleX(1);right: 0px;transform-origin: left; z-index:1;}
*/
.portfolio_jump_1 { position:absolute; right:-43px;animation: animation1 6s cubic-bezier(.19,1,.22,1) infinite; z-index:2;}
.portfolio_jump_2 { position:absolute; left:-42px;animation: animation2 8s cubic-bezier(.19,1,.22,1) infinite;z-index:2;}
.portfolio_jump_3 { position:absolute; bottom:65px; right:-170px;animation: animation1 7s cubic-bezier(.19,1,.22,1) infinite;z-index:2;}

.company_triker{position:relative; bottom:-30px; transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s;opacity:0;}
.company_triker.show{ bottom:0px;opacity:1;}

.company_triker.jctkr-wrapper{ height:111px;border-bottom: 1px solid #CFCFCF; }
.company_triker.jctkr-wrapper ul{ padding:31px 0px;}
.company_triker.jctkr-wrapper ul li{font-family: 'Almoni ML v5 AAA';font-weight: 500;font-size: 36px;line-height: 48.68px;letter-spacing: 0px;vertical-align: middle; padding:0px 29px; color:#000;}
.company_triker.jctkr-wrapper ul li span{ display:block; color:#000;}
@keyframes animation1 {
0% {transform: translate(0);}
50% {transform: translate(-40px,-10px);}
80% {transform: translate(12px,-20px);}
to {transform: translate(0);}
}
@keyframes animation2 {
0% {transform: translate(0);}
50% {transform: translate(1rem,1.875rem);}
80% {transform: translate(2rem,-.75rem);}
to {transform: translate(0);}
}


.portfoli_lists{ padding:260px 0px 0px 0px; position:relative;}
.portfoli_lists ul{ margin:0px; padding:0px;}
.portfoli_lists ul li{ display:block; padding-bottom:144px;}
.portfoli_lists ul li:last-child{ padding-bottom:0px;}
.portfoli_lists ul li .protfolio_img{ float:left; width:1026px; position:relative; bottom:-30px; transition:1s; -webkit-transition:1s; opacity:0;}
.portfoli_lists ul li .protfolio_con{ float:right; width: calc(100% - 1026px); display:table;padding:0px 85px 0 0;margin-top:-167px; position:relative; bottom:-30px; transition:1s; -webkit-transition:1s; opacity:0;}
.portfoli_lists ul li:last-child .postfol_li_img img.one {top:auto !important; margin-top:0px;}
.portfoli_lists ul li:last-child .protfolio_con {margin-top:40px;}

.portfoli_lists ul li.even .protfolio_img{ float:right; width:1026px; position:relative;}
.portfoli_lists ul li.even .protfolio_img img{ position:relative;}
.portfoli_lists ul li.even .protfolio_con{ float:left; width: calc(100% - 1026px); display:table;padding:0px 103px 0px 144px;}
.portfoli_lists ul li .protfolio_con_in{ display:table-cell; vertical-align:middle;}
.portfoli_lists ul li .protolio_log{ padding-bottom:40px;position:relative; bottom:-30px; transition:1.2s; -moz-transition:1.2s; -webkit-transition:1.2s;opacity:0;}
.portfoli_lists ul li .protolio_txt{ padding:0px 0px 58px 0px; position:relative; bottom:-30px; transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s;opacity:0;}
.portfoli_lists ul li .protolio_txt p{font-weight: normal;font-size: 24px;line-height: 30px;letter-spacing: 0px; color:#000;}
.loaded .portfoli_lists ul li .protfolio_con { bottom:0px; opacity:1;}
.loaded .portfoli_lists ul li .protfolio_img{ bottom:0px; opacity:1;}
.portfoli_lists ul li .protolio_txt .portfolio_bold{ padding-bottom:28px;}
.portfoli_lists ul li .protolio_txt .portfolio_bold p{font-weight: normal;font-size: 45px;line-height: 100%;letter-spacing: -1.4px; color:#000;}
.portfoli_lists ul li .protolio_tags{ font-size:0px;position:relative; bottom:-30px; transition:1.7s; -moz-transition:1.7s; -webkit-transition:1.7s;opacity:0;}
.portfoli_lists ul li .protolio_tags a{font-family: 'Almoni ML v5 AAA';font-weight: 500;font-size: 16px;line-height: 9.8px;letter-spacing: 0%;color: #736E6E; display:inline-block; vertical-align:top; padding-right:6px;pointer-events: none;}
.portfoli_lists ul li .protolio_gallery{ padding:34px 0px 0px 0px;position:relative; bottom:-30px; transition:2s; -moz-transition:2s; -webkit-transition:2s;opacity:0;}
.portfoli_lists ul li .protolio_gallery a{ display:inline-block;font-weight: normal;font-size: 24px;line-height: 49px;letter-spacing: 0px; color:#000;}
.portfoli_lists ul li .protolio_gallery a span{ margin-left:12px; width:49px; height:49px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;background: #FED125; border:1px solid #000; display:inline-block; text-align: center;}
.portfoli_lists ul li .protolio_gallery a span svg {text-align: center;position: relative;top: 5px;}
.portfoli_lists ul li .show .protolio_log, .portfoli_lists ul li .show .protolio_txt, .portfoli_lists ul li .show .protolio_tags, .portfoli_lists ul li .show .protolio_gallery{ bottom:0px;opacity:1;}

.postfol_li_img{ position:relative; top:0px; direction:ltr;}
.postfol_li_img img{ position:relative; top:0px;}
.postfol_li_img img.one{ margin-top:50px;}
.portfoli_lists ul li.rownumber3{ margin-top:-50px;}
.portfoli_lists ul li.rownumber3 .protfolio_con {margin-top: -50px;}
.portfoli_lists ul li.rownumber4 {margin-top: -550px;}
.portfoli_lists ul li.rownumber4 .protfolio_con {margin-top: -100px;}
.portfoli_lists ul li.rownumber5 {margin-top: -550px;}
.portfoli_lists ul li.rownumber5 .protfolio_con {margin-top: -250px;}
.partners_with_space {/*position: absolute;*/bottom: 0px;width: 100%; left:0px;}

.partners_with{ text-align:center; padding:0px 50px 151px 50px;}
.partners_with p{font-weight: normal;font-size: 24px;line-height: 30px;letter-spacing: 0px; color:#000;position:relative; bottom:-30px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; opacity:0}
.partners_with_but{ text-align:center; padding:28px 0px 0px 0px; width:250px; margin:0px auto;position:relative; bottom:-30px; transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0;}
.partners_with_but a{ display: flex;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; line-height:76px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0; color:#FFF; background:#000; position:relative; transition:0.3s; overflow:hidden; border: 1px solid #000;}
.partners_with_but a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #FFF;display: flex;line-height:76px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.partners_with_but a>span.default-text {color: #fff;}
.partners_with_but a>span.hover-text {color: #FFF;}
.partners_with_but a>span.default-text{color: #FFF;}
.partners_with_but a>span.hover-text {bottom: 0;color: #000;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.partners_with_but a>span.button-overlay {background: #FED125;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #000;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.partners_with_but a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.partners_with_but a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}
.partners_with.show p, .partners_with.show .partners_with_but, .partners_with_but.arbutnew.show{ bottom:0px;opacity:1;}

.portfolio_why{ background:#000; padding:157px 0px 129px 0px;}
.why_wrap{ max-width:1600px; margin:0px auto;}
.portfolio_why h3{font-family: 'Almoni ML v5 AAA';font-weight: bold;font-size: 160px;line-height: 96%;letter-spacing: 0%;text-transform: capitalize; color:#FFF; margin:0px; padding:0px 0px 36px 0px;position:relative; bottom:-30px; transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0;}
.portfolio_why ul{ font-size:0px; margin:0px -32px; padding:0px;}
.portfolio_why ul li{display:inline-block; vertical-align:top;  width:25%; padding:32px;}
.portfolio_why ul li .port_cyber_con{width:100%; }
.portfolio_why ul li .port_cyber_con_new{ padding:66px 20px 57px 20px; display:block;border: 0.88px solid #D5D5D5; border-radius:44px; -moz-border-radius:44px; -webkit-border-radius:44px; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; height:100%; }
.portfolio_why ul li h4{font-family: 'Almoni ML v5 AAA';font-weight: bold;font-size: 39.34px;line-height: 38.03px;letter-spacing: 0px;text-align: center;vertical-align: middle;text-transform: capitalize; color:#FFF; padding:0px; margin:0px 0px 44px 0px; text-align:center;transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.portfolio_why ul li p{font-weight: normal;font-size: 22px;line-height: 21.88px;letter-spacing: 0px;text-align: center; color:#FFF; text-align: center; padding:0px 36px;transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.portfolio_why ul li:hover h4, .portfolio_why ul li:hover p{ color:#000;}
.portfolio_why ul li:hover .port_cyber_con_new{ background:#FED125;border: 0.88px solid #000;}
.portfolio_why .show h3{ bottom:0px;opacity:1;}

.portfolio_global{background: #FFD729 url(images/global_layer.svg) no-repeat center center; height:1498px; position:relative; display:table;width:100%;}
.global_logos .g_logo{ position:absolute;}
.global_logos img.g_finaro, .global_logos .g_logo12 {right: 10.7%;bottom: 40.7%;}
.global_logos img.g_playtika, .global_logos .g_logo11 {right: 6%;bottom: 14.8%;}
.global_logos img.g_star, .global_logos .g_logo10 {right: 30.4%;bottom: 25.1%;}
.global_logos img.g_is, .global_logos .g_logo9 {bottom: 12%;left: 37.5%;}
.global_logos img.g_taboola, .global_logos .g_logo8 {left: 18.6%;bottom: 26.9%;}
.global_logos img.g_alam, .global_logos .g_logo7 {left: 5.1%;bottom: 20.1%;}
.global_logos img.g_jfrog, .global_logos .g_logo6 {left: 5.35%;top: 37.5%;}
.global_logos img.g_passport, .global_logos .g_logo5 {right: 2.9%;top: 27.8%;}
.global_logos img.g_human, .global_logos .g_logo4 {right: 17.2%; top: 9.3%;}
.global_logos img.g_ni, .global_logos .g_logo3 {left: 46%;top: 11.9%;}
.global_logos img.g_american, .global_logos .g_logo2 {left: 23.5%;top: 12%;}
.global_logos img.g_microsoft, .global_logos .g_logo1 {left: 0px; top:4.7%}

.global_con{ display:table-cell; vertical-align:middle; padding-bottom:150px;}
.global_wrap{max-width:1167px; margin:0px auto; }
.global_con h2{ text-align:center;font-weight: normal;font-size: 48px;line-height: 80px;letter-spacing: 0; color:#000; margin:0px; padding:0px 0px 27px 0px;position:relative; bottom:-30px; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; opacity:0;}
.global_con h3{font-family: 'Almoni ML v5 AAA'; font-weight: bold;font-size: 80px;line-height: 79px;letter-spacing: 0;text-align: center;text-transform: capitalize;color:#000; margin:0px; padding:0px;position:relative; bottom:-30px; transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0;}
.global_but{ text-align:center; padding:53px 0px 0px 0px; width:250px; margin:0px auto;position:relative; bottom:-30px; transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; opacity:0;}
.global_but a{ /*display: flex;*/ display:block;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; line-height:76px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0; color:#FFF; background:#000; position:relative; transition:0.3s; overflow:hidden; border:1px solid #000;}
.global_but a:hover{ /*transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);*/}
.global_but a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #FFF;display: flex;line-height:76px; text-align:center;font-weight: normal;font-size: 22px;letter-spacing: 0;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.global_but a>span.default-text {color: #fff;}
.global_but a>span.hover-text {color: #FFF;}
.global_but a>span.default-text{color: #FFF;}
.global_but a>span.hover-text {bottom: 0;color: #000;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.global_but a>span.button-overlay {background: #FED125;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #000;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.global_but a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.global_but a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}
.global_con.show h2, .global_con.show h3, .global_con.show .global_but{ bottom:0px;opacity:1;}

.unique_design{ background:#FFF; padding:215px 0px 143px 0px;}
.design_layeramination{ position:absolute; top:-30px; left:-50px; transition:5s; -moz-transition:5s; -webkit-transition:5s; height:120%; width:120%; background:#FFF; z-index:1;}
.startani .design_layeramination{ width:0px;}
.design_wrap{max-width:1652px; margin:0px auto;}
.top_design_text{ padding:0px 0px 142px 0px;max-width:1128px; }
.top_design_text h3{font-family: 'Almoni ML v5 AAA'; font-weight: bold;font-size: 160px;line-height: 100%;letter-spacing: -10px;text-transform: capitalize; color:#000; margin:0px; padding:0px 0px 31px 0px;}
.top_design_text h3 span{background: linear-gradient(90.78deg, #EB43A8 0.67%, #FFD729 95.57%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.top_design_text p{ font-weight:normal;font-size: 32px;line-height: 100%;letter-spacing: 0px;vertical-align: middle; color:#000;}
.design_bullets{ position:relative;}
.design_line {position: absolute;background: #000;width: 98%;height: 1px;content: '';}
.design_bullets ul{ margin:0px -95px; padding:0px; font-size:0px;}
.design_bullets ul li{ width:12.5%; display:inline-block; vertical-align:top; position:relative; padding:0px 95px; height:160px;}
.design_bullets ul li span {background: #000;width: 29px;height: 29px;content: '';display: block;border-radius: 50%;top: -14px;position: absolute;}
.design_bullets ul li p {font-weight: normal;font-size: 24px;text-align: right;line-height: 100%;letter-spacing: 0;color: #000;right: 33%; top:55px;position: absolute;width: 75%;}
.design_bullets ul li:first-child p{ right:36%;font-family: 'Almoni ML v5 AAA'; font-weight: bold;}
.design_bullets ul li:last-child p {right: 30%;}
.design_bullets.mobilebullets{ display:none;}

.portfolio_faq{ background:#000; width:100%; padding:202px 0px 299px 50px;}
.portfolio_faq_wrap{ max-width:1460px; margin:0px auto;}
.port_faq_top{ padding:0px 0px 88px 0px;}
.port_faq_top h3{font-family: 'Almoni ML v5 AAA'; font-weight: 600;font-size: 120px;line-height: 100px;letter-spacing: -0.96px;text-align: center;vertical-align: middle;text-transform: capitalize; color:#FFF; margin:0px; padding:0px 0px 29px 0px;transition:1s; -moz-transition:1s; -webkit-transition:1s; opacity:0;position:relative; bottom:-30px; /*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.port_faq_top p{font-size: 32px;line-height: 100%;letter-spacing: -0.96px;text-align: center;vertical-align: middle;color:#FFF;transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; opacity:0; position:relative; bottom:-30px;/*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}
.port_faq_box {border-top: 1px solid #404040;/*opacity:0;position:relative; bottom:-30px;*/ /*transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transform:translateY(50px);*/}

.portfolio_faq_wrap.show .port_faq_top h3, .portfolio_faq_wrap.show .port_faq_top p{ opacity:1; bottom:0px; /*transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}
.portfolio_faq_wrap.show .port_faq_box { /*opacity:1; bottom:0px;*/ /*transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);*/}

.port_faq_box:last-child{border-bottom: 1px solid #404040;}
.faqtitle a{font-size: 36px;line-height: 100%;letter-spacing: 0px;text-align: right;vertical-align: middle; color:#FFF; padding:32px 0px 34px 40px; display:block; position: relative;}
.faqtitle a:after {position: absolute;content: '';top: 44px;left: 0px;background: url(images/faq_plus.svg) no-repeat center center;background-size: cover;width: 32px;height:32px;transition: 0.3s;-webkit-transition: 0.3s;z-index: 1;}
.active .faqtitle a:after {position: absolute;content: '';top: 44px;left: 0px;background: url(images/faq_minus.svg) no-repeat center center;background-size: cover;width: 28px;height:4px;transition: 0.3s;-webkit-transition: 0.3s;z-index: 1;}
.faqtitle a span.faq_quest{float:right; width:calc(100% - 50px); display:block; padding-right:61px; padding-top:7px;}
.faqtitle a span.faq_img{ width:50px; float:right; display:block;}
.faqtitle a span.faq_img img{width:50px; height:50px; object-fit:cover; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.faqdetail {display: none;padding:4px 112px 24px 0px; font-size: 22px;line-height: 100%;letter-spacing: 0px;vertical-align: middle; color: #A9A9A9;}
.faqdetail p{ margin:0px; padding:0px 0px 20px 0px;font-size: 22px;line-height: 100%;letter-spacing: 0px;vertical-align: middle; color: #A9A9A9;}
.faqdetail p a {color: #A9A9A9;}
.faqdetailin {max-width: 997px;}

.port_gridimage_sec {position: relative;padding: 0px;z-index: 1;overflow: hidden; margin-bottom:50px;}
.port_gridimage_space{ padding:191px 0px 0px 0px}
.port_gridimage_sec_inner{ position: relative;/*min-height: 1742px;*/}
.port_gridimage_in {position: /*absolute*/ static;top: 0px;left: 0px;width: 100%;height: 100%;}
.newfilcom img{ position:relative; top:0px;}
.gridimgs {position:/*absolute*/ static;}
.gridimgs img {border-radius:32px; -webkit-border-radius:32px; width:100%;}
.gridimgs1 {/*top: 30px;left: 0px;*/top: 1.58%;right: 0px;}
.gridimgs2 {/*top: 388px;left: 335px;*/top: 20.35%;right: 17.5%;}
.gridimgs3 {/*top: 300px;left: 680px;*/ top: 15.75%; right:35.67%;}
.gridimgs4 {/*top: 86px;left: 1000px;*/top: 4.5%;right: 52.5%;}
.gridimgs5 {/*top: 286px;right: 232px;*/top: 15.05%;left: 12.2%;}
.gridimgs6 {top: 0px; left: 0px;}
.gridimgs7 {/*top: 600px; left: 21px;*/top: 31.55%; right: 1.1%;}
.gridimgs8 {/*top: 693px;left: 512px;*/top: 36.4%;right: 26.9%;}
.gridimgs9 {/*top: 418px;right: 167px;*/top: 25.95%;left: 8.75%;}
.gridimgs10 {/*top: 758px;right: 583px;*/top: 40%;left: 30.6%;}
.gridimgs11 {/*top: 676px;right: -4px;*/top: 37.5%;left: -4px;}
.gridimgs12 {/*top: 500px;right: 0px;*/top: 26.25%;left: 0px;}
.gridimgs13 {/*bottom: 62px;left: 0px;*/bottom: -5.5%;right: 0px;}
.gridimgs14 {/*bottom: 295px;left: 382px;*/bottom: 15.5%;right: 20.1%;}
.gridimgs15 {/*bottom: 266px;right: 0px;*/bottom: 6.5%;left: 0px;}

/*---Portfolio Gallery---*/
body.active{ overflow:hidden;}
.protolio_gallery_overlay {position: fixed;top: 0;left: 0;width: 100%;background: rgba(40, 40, 40, 30%);padding: 50px 20px;z-index: 9;display: none;height: 100%;overflow: auto;transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.protolio_gallery_popup {position: fixed;top: 0px;height: 100vh;background: #FFF;z-index: 99; max-width:/*1308px*/68.7%; left:-100%; opacity:0; visibility:hidden; transition:1s; -moz-transition:0.5s; -webkit-transition:1s; }
.protolio_gallery_overlay.active{ display:block;}
.protolio_gallery_popup.active{right: 0px; opacity: 1; z-index: 99; visibility:visible;}
.protolio_gallery_popup_in {padding: 33px 43px 0px 62px;}
.gallrey_close{ display:inline-block; margin-right:32px;}
.protolio_gallery_popup_in h4 {font-weight: 400;font-size: 32px;line-height: 39px;letter-spacing: -1.4px;vertical-align: middle;padding: 64px 21px 70px; text-align:right;}
.protolio_gallery_area {height: calc(100vh - 79px);overflow: hidden;overflow-y: scroll;direction: ltr; padding-right:25px;}
.protolio_gallery_area::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);background-color: transparent;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.protolio_gallery_area::-webkit-scrollbar{width: 16px;padding:5px; background-clip:content-box;background-color: transparent;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden;}
.protolio_gallery_area::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1); width:6px; border:5px solid #FFF; padding:0px; background-clip:content-box;border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.galler_img_port {border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;overflow: hidden;margin: 0px 0px 32px 0px;}
.galler_img_port img.gallery_mob{ display:none;}

.page-template-page-portfolio .blogmidbot, .page-template-page-blog .blogmidbot, .page-template-page-about .blogmidbot, .page-template-page-service .blogmidbot, .page-template-page-career .blogmidbot, .page-template-page-home .blogmidbot{ margin-top:-500px;}

.footlangmenu {display:inline-block; vertical-align:top; margin:19px 0px 0 38px;}
.footlangmenu svg { display:inline-block; vertical-align:middle; margin:0 0 0 7px;}
.footlangmenu div {display:inline-block; vertical-align:middle;}
.footlangmenu div ul {display:block; margin:0px; padding:0px; font-size:0px;}
.footlangmenu div ul li {display:inline-block; vertical-align:top; font-size:17px; line-height:22px; color:#808080;  font-family: "Almoni ML v5 AAA"; font-weight: 500; padding:0 6px; border-left:1px solid #D8C7C773}
.footlangmenu div ul li a:hover {transform:none !important;}
.footlangmenu div ul li a {color:#808080;}
.footlangmenu div ul li:last-child {border-left:0px;}
.footlangmenu div ul li:last-child {padding:0 6px 0 0 !important;}
.footlangmenu div ul li.wpml-ls-current-language a {color:#fff;}


/*----Services page----*/
.servdevbotrgt.mobilemeu{ display:none;}
.servdevbotlft{ position:relative;}
.servdevbotlft img{ position:relative;}
.servdevbotlft .dev_logo1 {position: absolute;top: 32%;right: 25px;}
.servdevbotlft .dev_logo2 {position: absolute;bottom: 14%;right: -20px;}
.servdevbotlft .dev_logo3 {position: absolute;right: 46.5%;bottom: -5%;}
.servdevbotlft .dev_logo4 {position: absolute;left: 12%;top: 38%;}

.inner_main.error_main {padding: 200px 20px 80px 20px;}
.errorpage {max-width: 1600px;margin: 0 auto; text-align:center;}
.errorpage h1.ptitle {font-size: 60px;line-height: 60px;font-weight: bold;margin: 0 0 30px 0;}
.errorpage h1.ptitle span img {position: absolute;top: -17px;right: -56px;}
.errorpage h1.ptitle span {display: inline;position: relative;}
.errorbut {text-align:center; margin:0px auto;}
.errorbut a{ display:inline-block;border: 1.24px solid #000000; text-align:center; border-radius:30px; -mborder-radius:30px; -webkit-border-radius:30px;font-family: 'Almoni ML v5 AAA'; font-weight: 500;font-size: 24px;line-height:54px;letter-spacing: normal; color:#000; padding:0px 18px; position: relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; overflow:hidden;}
.errorbut a:hover{ color:#FFF;}
.errorbut a>span {align-items: center;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;color: #000;display: flex;text-align:center;font-weight: 500;font-size: 24px;line-height:54px;letter-spacing: normal;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.errorbut a>span.default-text {color: #000;}
.errorbut a>span.hover-text {color: #000;}
.errorbut a>span.default-text{color: #000;}
.errorbut a>span.hover-text {bottom: 0;color: #FFF;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.errorbut a>span.button-overlay {background: #000;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;bottom: 0;color: #FFF;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.errorbut a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.errorbut a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}


/*---Contact page ----*/
.contact_wrap{width:1458px; margin:0px auto; position:relative; padding-left:41px;}
.contact_main_right{ float:left; width:532px;}
.contact_main_right_in{ border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:60px 48px 42px 48px; background:#000; transition:1s; -moz-transition:1s; -webkit-transition:1s;opacity:0; position:relative; bottom:-30px;}
.show .contact_main_right_in{ opacity:1; bottom:0px;}
.con_field { margin:0 0 20px 0; position: relative;}
.con_field input {display:block; width:100%; padding:0px; border:0px; height:45px; border-bottom: 1px solid rgba(255,255,255,35%); font-size:20px; color:#FFF; font-family: 'Almoni ML v5 AAA'; font-weight:normal; background:none; text-align:right;}
.con_field label {position: absolute;top: 10px;right: 0px;transition: 0.4s;-webkit-transition: 0.4s;font-size:20px; color:#FFF;}
.con_field.activefact label{top: -10px;opacity: 1;visibility: visible;z-index: 1; font-size:14px;}
.con_fieldsub { margin:62px 0 0 0;}
.con_fieldsub input {display:none; width:100%; padding:0 15px; height:44px; border-radius:50px; -webkit-border-radius:50px; background:#FED125; font-size:20px; color:#000; font-family: 'Almoni ML v5 AAA'; font-weight:bold; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}
.con_fieldsub input:hover{ /*transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);*/ background:#FED125; color:#000;}
.con_fieldsub a{ display:block; width:auto; padding:0 2px; line-height:44px; border-radius:50px; -webkit-border-radius:50px; background:#FED125; font-size:20px; color:#000; font-family: 'Almoni ML v5 AAA'; font-weight:bold; /*transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;*/ position:relative; border:1px solid #FED125;}
.con_fieldsub a:hover{border:1px solid #FFF;}
.con_fieldsub a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #000;display: flex;line-height:44px; text-align:center;font-weight: bold;font-size: 20px;letter-spacing: 0;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%;}
.con_fieldsub a>span.default-text {color: #000;}
.con_fieldsub a>span.hover-text {color: #000;}
.con_fieldsub a>span.default-text{color: #000;}
.con_fieldsub a>span.hover-text {bottom: 0;color: #FFF;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.con_fieldsub a>span.button-overlay {background: #000;border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;bottom: 0;color: #FFF;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.con_fieldsub a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.con_fieldsub a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}
.con_field_radio{ padding:43px 0px 0px 0px;}
.con_field_radio label.intrested_n{font-weight: 590;font-size: 20px;line-height: 100%;letter-spacing: 0; color:#FFF; display:block; padding-bottom:12px;}
.con_field_radio span label{}
.con_field_radio span  input{ display:none;}
.con_field_radio .wpcf7-list-item {display: inline-block;margin: 0px 0 0 2%;width: 32%;text-align: center;}
.con_field_radio .wpcf7-list-item.last{ margin:0px;}
.con_field_radio .wpcf7-list-item-label{padding:0px 14px; display:block;line-height: 41px;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 1px solid #FFF;font-weight: 700;font-size: 17px; color:#FFF; cursor:pointer;}
.con_field_radio input:checked+.wpcf7-list-item-label {background:#FED125; color:#000;border:1px solid #000;}
.contact_main_right div.wpcf7-response-output{ color:#FFF !important;}

.contact_main_left{ float:right; width:calc(100% - 532px); position:relative; padding:100px 0px 0px 50px;}
.contact_main_left h3{font-weight: 700;font-size: 130px;line-height: 110px;letter-spacing: 0;text-transform: capitalize; color:#000; margin-bottom:30px;ransition:1s; -moz-transition:1s; -webkit-transition:1s;opacity:0; position:relative; bottom:-30px; font-family: 'Almoni ML v5 AAA';}
.contact_in_address p{font-weight: 400;font-size: 24px;line-height: 120%;letter-spacing: 0px;vertical-align: middle; color:#000;ransition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s;opacity:0; position:relative; bottom:-30px;}
.show .contact_main_left h3, .show .contact_main_left p{ opacity:1; bottom:0px;}
.contact_in_address p strong{font-weight: 700;}
.contact_in_address a{ color:#000;}
.contact_main_left .portfolio_jump_1 {right: 50px;z-index: 2;top: -80px;}
.contact_main_left .portfolio_jump_2 {left: 0px;z-index: 2;top: -50px;}
.contact_main_left .portfolio_jump_3 {left: 170px;z-index: 2;bottom: 75px;}

.otgs-development-site-front-end {display:none !important;}

.page-template-page-technology .header_menu ul.menu li a { color:#FFFFFF;}
/*.page-template-page-technology .header_menu ul.menu li a:after { background:url(images/menuarowdeskwhite.svg) no-repeat center center;}*/
.page-template-page-technology .header_contact a {background: linear-gradient(90deg, #E7604D 0%, #5843DA 100%); color:#fff; border:0px;}
.page-template-page-technology .header_contact a>span.default-text {color:#fff;}
.page-template-page-technology .header_contact a>span.button-overlay {background: linear-gradient(90deg, #5843DA 0%, #E7604D 100%);}
.logo img.one {display:none;} 
.logo img.two {display: block;}
.page-template-page-technology .logo img.two {display:block;}
.page-template-page-technology .logo img.one {display:none;}
.page-template-page-technology .logo a span {color:#fff;}
.technology_content .banner_grid_layer img.one { width:990px; position:absolute; top:6%; right:7%;}
.technology_content .banner_grid_layer img.two { width:990px; position:absolute; top:6%; left:20%;}
.technology_content .portfolio_text h1, .technology_content .portfolio_con_bold {color:#fff;}
.technology_content .postfolio_banner_but a {background: linear-gradient(90deg, #E7604D 0%, #5843DA 100%); color:#fff;}
.technology_content .postfolio_banner_but a>span.hover-text {color:#fff;}
.technology_content .postfolio_banner_but a>span.button-overlay {background: linear-gradient(90deg, #5843DA 0%, #E7604D 100%);}
.technology_content .portfolio_text h1 {font-size:182px; line-height:140px;}
.page-template-page-technology .header {border-bottom:1px solid #4d4d4d;}
.page-template-page-technology .postfolio_banner_but {padding:65px 0 0 0;}

.technmidone { padding:50px 9% 100px 0;}
.techmidonediv { margin:0 0 150px 0;}
.techmidonediv.even {margin-right:-10%;}
.techmidonediv:last-child {margin-bottom:0px;}
.techoneleft {float:right; width:44.3%; padding:160px 0 0 0;}
.techoneleft h3 { font-size:80px; line-height:79px; color:#000; margin: 0 0 30px 0; /*font-family:'SFProText'; font-weight:bold;*/}
.techoneleft p { font-size:24px; line-height:30px; color:#000; }
.techtags { font-size:16px; line-height:1; color:#736E6E; font-family:'SFProText'; font-weight:500; margin:5px 0 0 0;}
.techoneright {float:left; width:53.7%;}
.even .techoneleft {float:left; padding:0 0 0 20px;}
.even .techoneright {float:right;}
.techonelftdiv { margin:0 0 46px 0;}
.techonebot {text-align:center;}
.techonebot p { font-size:24px; line-height:30px; color:#000; /*font-family:'SFProText'; font-weight:normal;*/ margin:0 0 25px 0; bottom:-30px; position:relative; transition:0.5s; -webkit-transition:0.5s; opacity:0;} 
.show.techonebot p, .show.techonebot a {opacity:1; bottom:0px;}
.techonebot a{ /*display: flex;*/ display:inline-block;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; text-align:center;font-weight: normal; letter-spacing: 0; color:#FFF; background: linear-gradient(90deg, #E7604D 0%, #5843DA 100%); position:relative; transition:0.3s; overflow:hidden; bottom:-30px; opacity:0;}
.techonebot a>span {align-items: center;border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;color: #FFF;display: flex;line-height:77px; text-align:center;font-weight: normal;font-size: 27px;letter-spacing: 0;justify-content: center;position: relative;transition: transform .3s ease, opacity .3s ease;width: 100%; padding:0 35px;}
.techonebot a>span.default-text {color: #fff;}
.techonebot a>span.hover-text {color: #FFF;}
.techonebot a>span.default-text{color: #FFF;}
.techonebot a>span.hover-text {bottom: 0;color: #fff;left: 0;opacity: 0;position: absolute;right: 0;top: 0;visibility: hidden;}
.techonebot a>span.button-overlay {background: linear-gradient(90deg, #5843DA 0%, #E7604D 100%); border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;bottom: 0;color: #fff;left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: right;}
.techonebot a:hover .hover-text {opacity: 1;visibility: visible;z-index: 1;}
.techonebot a:hover .button-overlay {transform: scaleX(1);transform-origin: left;}

.technmidtwo {padding:170px 20px 134px 20px; background:#000;}
.techmidtwowrap {max-width:1380px; margin:0 auto;}
.techmidtwotitle {text-align:center;}
.techmidtwotitle h3 { font-size:160px; line-height:130px; color:#fff; /*font-family:'SFProText';*/ position:relative; /*font-weight:bold;*/ opacity:0; transition:0.5s; -webkit-transition:0.5s; bottom:-30px;}
.show .techmidtwotitle h3, .show .techmidtwotitle h4, .show .techmidtwotitle p, .show .techmidtwobot { opacity:1; bottom:0px;}
.techmidtwotitle h4 {background: linear-gradient(94.64deg, #49C0B3 -0.94%, #8164E3 26.69%, #D1628E 48.87%, #FFA802 75.32%);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:160px; line-height:130px; /*font-family:'SFProText'; font-weight:bold;*/ padding:0 0 56px 0; opacity:0; transition:0.5s; -webkit-transition:0.5s; bottom:-30px; position:relative;}
.techmidtwotitle p { font-size:22px; line-height:150%; color:#fff; /*font-family:'SFProText';*/ font-weight:300; opacity:0; transition:0.5s; -webkit-transition:0.5s; bottom:-30px; position:relative;}
.techmidtwotitle p strong {font-family:'Almoni DL AAA'; font-weight:bold;}
.techmidtwobot {max-width:1025px; min-height:1025px; margin:0 auto; background:url(images/oursteakblue.svg) no-repeat center center; background-size:cover; opacity:0; transition:0.5s; -webkit-transition:0.5s; bottom:-30px; position:relative;}
.techmidtwobotcircle {max-width:706px; margin:0 auto; position:relative;}
.circleimg img {width:100%}
.circletxt {text-align:center; position:absolute; top:50%; transform:translateY(-50%); font-size:72px; line-height:110%; color:#fff; font-family:'Almoni DL AAA'; font-weight:bold; left:0px; width:100%;}
.techmidtwotitle {margin:0 0 160px 0;}
.tmid {position:absolute;}
.tmid1 {top:-36px; left:44%;}
.tmid2 {top:52px; right:10%;}
.tmid3 {top:294px; right:-8%;}
.tmid4 {top:554px; right:2%;}
.tmid5 {bottom:-73px; left:46%;}
.tmid6 {bottom:30px; left:7%;}
.tmid7 {top:294px; left:-8%;}
.tmid8 {top:72px; left:7%;}
.tmid8txt {position:absolute; top:-59px; left:-322px; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff;}
.tmid8txt img {margin:-10px 0 0 124px;}
.tmid2txt { position:absolute; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; right:26px; top:-17px;}
.frontend {position:absolute; top:12%; right:-145px; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; text-align:center;}
.frontend img.two { position:relative; top:-47px; right:-40px;}
.frontend span { display:inline-block; position:relative; top:-70px; right:-133px;}
.tmid3txt {position:absolute; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; right:-50px; top:32px;}
.tmid4txt {font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; text-align:center; margin:-10px 0 0 0;}
.tmid5txt {font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; text-align:center; margin:-10px 0 0 0;}
.cloudtxt {bottom:0px; left:-108px; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff; position: absolute; text-align: center;}
.cloudtxt span {display:inline-block; position:relative; left:-92px; top:27px;}
.tmid7txt {position:absolute; top:32px; left:-105px; font-family: 'CoreNaraeProW01-Pro'; font-weight:normal; font-size:23px; line-height:16px; color:#fff;}

.technmidthree { background:#371957; padding:116px 114px 246px 114px;}
.techthretop { max-width:1116px; margin:0 auto; text-align:center;}
.techthretop h4 { font-size:160px; /*font-family: 'SF Compact Display'; font-weight:bold;*/ line-height:89%; color:#fff; position:relative; opacity:0; bottom:-30px; transition:0.5s; -webkit-transition:0.5s; margin:0 0 30px 0;}
.techthretop p {/*font-family: 'SF Compact Display'; font-weight:normal;*/ font-size:22px; line-height:110%; color:#fff; position:relative; opacity:0; bottom:-30px; transition:0.5s; -webkit-transition:0.5s;}
.techthretop p strong {font-family:'Almoni DL AAA'; font-weight:bold;}
.techthremid ul {display:block; margin:0px -10px; padding:0px; font-size:0px; opacity:0; bottom:-30px; transition:0.5s; -webkit-transition:0.5s; position:relative;}
.techthremidtwo {opacity:0; bottom:-30px; transition:0.5s; -webkit-transition:0.5s; position:relative;}
.show .techthretop h4, .show .techthretop p, .show .techthremid ul, .show .techthremidtwo {opacity:1; bottom:0px;} 
.techthremid ul li {display:inline-block; vertical-align:top; width:20%; padding:0 10px;}
.technumber {float:right; width:43.89px; height:38.25px; background:url(images/bigribbon.svg) no-repeat center center; background-size:cover; text-align:center; color:#fff; font-size:24px; color:#fff; font-family:'Almoni DL AAA'; font-weight:bold; padding:4px 0 0 0;}
.technmtxt {float:right; width:calc(100% - 44px); padding:0 20px 0 0; font-size:24px; line-height:100%; color:#fff; /*font-family: 'SF Compact Display'; font-weight:normal;*/}
.techthremid {padding:140px 0 46px 0;}
.techstrip { border-radius:20px; -webkit-border-radius:20px; background:linear-gradient(90deg, #AD29FE 82.9%, rgba(173, 41, 254, 0) 94.69%); margin: 0 0 23px 0; padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500;}
.techstriptwo { margin:0 0 23px 0;}
.tstiptwolft {float:right; width:326px; border-radius:20px; -webkit-border-radius:20px; background: linear-gradient(89.96deg, #C19FF0 20.19%, rgba(193, 159, 240, 0) 96.92%); padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500;}
.tstiptworgt {float:right; width:80%; padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500; background: linear-gradient(89.98deg, #5B96CB 47.27%, rgba(91, 150, 203, 0) 96.34%); border-radius:20px; -webkit-border-radius:20px; margin:0 -2% 0 0;}
.techstripthreein {margin:0 0 23px 0; border-radius:20px; -webkit-border-radius:20px; padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500; background: linear-gradient(89.95deg, #41CFA9 40.62%, rgba(65, 207, 169, 0) 98.1%); width:1009px; float:left;}
.techstripfourin { border-radius:20px; -webkit-border-radius:20px; padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500; background: linear-gradient(90deg, #D36489 37.5%, rgba(211, 100, 137, 0) 94.26%); width:878px; float:left;}
.techstripthree {margin:0 0 0 16%;}
.techstripfour {margin:0 0 10px 19%;}
.techstripfivein { float:left; width:378px; background: linear-gradient(90deg, #FFA800 21.43%, rgba(255, 168, 0, 0) 90.23%); border-radius:20px; -webkit-border-radius:20px; padding:0 25px; line-height:42px; color:#fff; font-size:24px; font-weight:500;}
.techfaq.portfolio_faq {padding:200px 0 300px 0;}

.headerticker { padding:11px 70px; background:#1063F4; font-size:20px; line-height:25px; color:#fff; text-align:center; position: absolute; top:0px; right:0px; width:100%; z-index:99;}
.headerticker ul li {padding:0 20px; margin:0px; display:block;}
.headerticker a.tickclose {position:absolute; display:inline-block; left:62px; top:16px;}

.menutoggle a img.two {display:none;}
.page-template-page-technology .menutoggle a img.two {display:block;}
.page-template-page-technology .menutoggle a img.one {display:none;}

.headerticker ul li br {display:none;}

@media only screen and (min-width:1921px){
.header_wrap{max-width:1824px; margin:0px auto;}
.footer_wrap{ max-width:1864px; margin:0px auto;}
}
@media only screen and (max-width: 1799px) {
.tstiptworgt {width:74%;}	
}
@media only screen and (max-width: 1679px) {
.contact_wrap {max-width: 88%;}
}

@media only screen and (max-width:1540px){
.protolio_gallery_popup_in h4{ font-size:28px; line-height:34px;padding:34px 12px 40px;}
.portfolio_why ul li h4{ font-size:36px;}
.portfolio_why ul li a {padding: 66px 10px 57px 10px;}
.techmidonediv.even {margin-right:-20px;}

/*----Services page----*/
.servdevbotlft .dev_logo1{ right:0px;}

.page-template-page-portfolio .blogmidbot, .page-template-page-blog .blogmidbot, .page-template-page-about .blogmidbot, .page-template-page-service .blogmidbot, .page-template-page-career .blogmidbot, .page-template-page-home .blogmidbot {margin-top: -550px;}

.contact_main_left h3{ font-size:100px; line-height:95%;}

.technmidone {padding:50px 20px 100px 0px;}
.tstiptworgt {width:70%;}
.tstiptworgt {width:70%;}
.techstripthreein {width:60%;}
.techstripfourin {width:48%;}
}

@media only screen and (max-width:1440px){
.contact_wrap{ padding-left:0px;}	
.page-template-page-service .blogmidbot{margin-top: -450px;}	
}
@media only screen and (max-width:1365px){
.footer_copywright {width:calc(100% - 557px);}	
.footlangmenu {margin:19px 0 0 15px;}
}
@media only screen and (max-width:1340px){
.page-template-page-service .blogmidbot{margin-top: -450px;}
.technology_content .portfolio_text h1 {font-size:138px; line-height:144px;}
.portfolio_con_bold {font-size:28px;}
.techmidtwotitle h3 {font-size:128px; line-height:132px;}
.techmidtwotitle h4 {font-size:128px; line-height:132px;}
.techmidtwobot {max-width:600px; min-height:630px;}
.techthretop h4 {font-size:128px; line-height:132px;}
.tmid4 {top:458px;}
.techfaq.portfolio_faq {padding:100px 20px;}
}
@media only screen and (max-width:1280px){
/*----Services page----*/
.servdevbotlft .dev_logo1{ right:-10px;}

.contact_main_left h3{ font-size:80px; line-height:95%;}
}
@media only screen and (max-width:1199px){
.protolio_gallery_popup{max-width:75%;}
.protolio_gallery_popup_in {padding: 30px 30px 0px 30px;}

.portfoli_lists ul li.rownumber3{ margin-top:0px;}
.portfoli_lists ul li.rownumber4, .portfoli_lists ul li.rownumber5{ margin-top:0px;}
.partners_with_space{ bottom:-100px;}
.portfoli_lists{ padding-bottom:100px;}
.techmidtwotitle h3, .techmidtwotitle h4, .techthretop h4 {font-size:100px; line-height:100%;}
.tmid8txt img {width:120px;}
.tmid8txt {left:-238px;}
.frontend {top:16%; width:170px; right:-99px;}
.tstiptwolft {width:28%;}
.partners_with_space{ bottom:-50px;}
/*----Services page----*/
.servdevbotlft .dev_logo1{ right:-20px;}

.contact_wrap {max-width: 100%; padding:0px 30px;}
.contact_main_right {float: left;width: 48%;}
.contact_main_left {width: calc(100% - 48%);position: relative;padding: 100px 0px 0px 20px;}
.contact_main_right_in {padding: 40px 28px 32px 28px;}
.contact_main_left h3{ font-size:70px; line-height:95%;}
.contact_main_left .portfolio_jump_3 {left: 100px;}
.contact_in_address p{ font-size:20px;}

.headnewact.header {top:62px;}
}

@media only screen and (max-width:1024px){
.protolio_gallery_popup_in h4{ font-size:22px; line-height:26px;}	
}

@media only screen and (max-width:1023px){
.portfoli_lists ul li.rownumber2 .protfolio_img{ margin-top:100px;}
.portfoli_lists ul li.rownumber3 .protfolio_img{ margin-top:170px;}
.portfoli_lists ul li.rownumber3 .protfolio_con {margin-top: -250px;}

.portfoli_lists ul li.rownumber4{ margin-top:100px;}
.portfoli_lists ul li.rownumber4 .protfolio_img{ margin-top:150px;}
.portfoli_lists ul li.rownumber4 .protfolio_con {margin-top: -350px;}
.portfoli_lists ul li.rownumber5{ margin-top:450px;}

.partners_with_space{ bottom:-100px;}
.portfoli_lists {padding: 130px 0 300px 0 !important;}

.contact_main_left {float: none;width: 100%;}
.contact_main_left{ padding:0px 0px 30px 0px;}
.contact_main_right {float: none;width: 100%;}
.contact_main_left .portfolio_jump_1 {top: -40px;}
.contact_main_left .portfolio_jump_2{top:-10px;}
.contact_main_left .portfolio_jump_3{bottom:95px;}

.techmidtwotitle h3, .techmidtwotitle h4, .techthretop h4 {font-size:60px;}
.technmidone {padding:50px 0px 100px 0px;}
.techmidonediv {margin:0 0 100px 0;}
.techmidonediv.even {margin:0px;}
.techoneright {float:none; width:100%;}
.techoneleft {float:none; width:100%; padding:30px 20px 0 20px;}
.even .techoneleft  {padding:30px 20px 0 20px;}
.technology_content .portfolio_text h1 {font-size:77px; line-height:60px;}
.techoneleft h3 {font-size:66px; line-height:66px;}
.techmidtwobot {max-width:500px; min-height:500px;}
.circletxt {font-size:50px;}
.tmid {width:70px;}
.tmid1 {top:-22px;}
.tmid4 {top:auto; bottom:30px;}
.tmid5 {bottom:-51px;}
.tmid5txt {margin:-10px 0 0 -12px;}
.tmid2 {right:7%;}
.tmid2txt {right:8px;}
.tmid3 {top:237px;}
.tmid3txt {top:19px;}
.tmid8 {top:68px; left:5%;}
.tmid8txt img {width:74px; margin:16px 0 0 75px;}
.tmid7 {top:245px; left:-6%;}
.tmid7txt {top:18px; left:-80px;}
.tmid6 {bottom:37px;}
.cloudtxt img {width:85px;}
.cloudtxt span {left:-66px;}
.cloudtxt {left:-53px;}
.tmid4 {bottom:37px; right:3%;}
.frontend {width:133px; top:19%;}
.frontend span {right:-43px;}
.tmid8txt {left:-144px;}
.tstiptwolft {width:36%;}
.tstiptworgt {width:60%;}
.technumber {width:35px; height:32px; font-size:18px; padding:5px 0 0 0;}
.technmtxt {font-size:18px; padding:0 0 0 4px;}
.frontend img.two {right:-19px;}
.techoneleft h3 {font-size:54px; line-height:58px;}
}
@media only screen and (max-width:979px){

.design_wrap{ padding:0px 0px 0px 20px;;}
.design_bullets.desktopbullets{ display:none;}
.design_bullets.mobilebullets{ display:block;}
.design_bullets .bullet_txt{max-width:85%; padding-bottom:55px;}
.design_bullets .bullet_txt p{font-weight: 510;font-size: 28px;line-height: 28px;letter-spacing: 0%;text-align: right; color:#000;}
.design_bullets .bullet_slider_item{ position: relative; }
.design_bullets .bullet_slider_item span {background: #000;width: 15px;height: 15px;display: block;border-radius: 50%;position: relative; right:-1px;}
.bullet_slider_item:after {position: absolute;content: '';width: 100%;height: 1px;background: #000;bottom: 7px; right:8px;}
}

@media only screen and (max-width:767px){
.galler_img_port img.gallery_mob{ display:block; height:100vh}
.galler_img_port img.gallery_desk{ display:none;}	
.protolio_gallery_popup{max-width:100%;width:100%;background: /*#042A43*/#fff;transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; visibility:visible; opacity:1;}
.protolio_gallery_overlay {transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; }
.protolio_gallery_popup_in h4 {display: none;}
.protolio_gallery_popup_in {padding: /*20px 10px 0px 30px*/0px; text-align:left;}
.gallrey_close{ margin:/*0px -8px 33px 0px*/0px;position:absolute; top:20px; right:30px;}
.gallrey_close svg * {fill: #FFF;}
.protolio_gallery_area {height: /*calc(100vh - 50px)*/100vh; padding-right:/*5px*/0px;}
.protolio_gallery_area::-webkit-scrollbar{width: 6px; padding:0px;-webkit-box-shadow: none; box-shadow:none;}
.protolio_gallery_area::-webkit-scrollbar-track{background: none;}
.protolio_gallery_area::-webkit-scrollbar-thumb{ border:none;background:rgba(0,0,0,0.6);}
.galler_img_port{ padding-right:/*20px*/0px; margin:0px; border-radius:0px;}


.portfoli_lists ul li.rownumber2 .protfolio_img{ margin-top:50px;}
.portfoli_lists ul li.rownumber3 .protfolio_img {margin-top: 50px;}
.portfoli_lists ul li.rownumber3 .protfolio_con {margin-top: -60px;}

.portfoli_lists ul li.rownumber4 {margin-top: 0px;}
.portfoli_lists ul li.rownumber4 .protfolio_img {margin-top: 80px;}
.portfoli_lists ul li.rownumber4 .protfolio_con {margin-top: -60px;}

.portfoli_lists ul li.rownumber5{ margin-top:120px;}
.portfoli_lists ul li.rownumber5 .protfolio_con {margin-top: -100px;}
.portfoli_lists {padding: 130px 0 300px 0 !important;}

.portfoli_lists {padding: 0px 20px 0px 20px !important;}
.partners_with_space{ bottom:-20px;}

.page-template-page-portfolio .blogmidbot, .page-template-page-about .blogmidbot, .page-template-page-service .blogmidbot, .page-template-page-career .blogmidbot, .page-template-page-home .blogmidbot{margin-top: -200px;}
.page-template-page-blog .blogmidbot{margin-top: -200px;}

/*----Services page----*/
.servdevbotlft .dev_log04{ top:30%;}
.servdevbotrgt.mobilemeu{ display:block;}
.servdevbotrgt.dektopmen{ display:none;}

.techmidtwotitle h3, .techmidtwotitle h4, .techthretop h4 {font-size:40px;}
.tmid8txt img, .frontend, .cloudtxt img {display:none;}
.tmid8txt {top:-41px; left:-54px;}
.tmid7txt {top:-22px; left:-26px;}
.cloudtxt span {top:-7px; left:2px;}
.tmid3txt {top:56px; right:0px;}
.technmidtwo {padding:50px 20px 134px 20px;}
.techmidtwotitle h4 {padding:0 0 30px 0;}
.techmidtwotitle {margin:0 0 70px 0;}
.technmidthree {padding:50px 20px;}
.techthremid {padding:60px 0 40px 0;}
.techthremid ul li {display:block; width:100%; padding:0px; margin:0 0 20px 0;}
.techthremid ul {margin:0px;}
.technmtxt {padding:0 0 0 15px;}
.tstiptwolft {float:none; width:100%; margin:0 0 23px 0;}
.tstiptworgt {float:none; width:100%; margin:0px;}
.techstripthree {margin:0px;}
.techstripthreein {float:none; width:100%;}
.techstripfour {margin:0 0 23px 0;}
.techstripfourin {float:none; width:100%;}
.techstripfivein {float:none; width:100%;}
.techfaq.portfolio_faq {padding:63px 23px 73px 23px;}
.technology_content .portfolio_text h1 {font-size:60px;}
.techoneleft h3 {font-size:42px; line-height:44px; margin:0 0 15px 0;}
.techoneleft p {font-size:20px; line-height:28px;}
.techmidtwotitle p {font-size:20px;}
.techonebot a>span {line-height:36px; font-size:16px; padding:0 15px;}
.techonebot p {font-size:20px; line-height:1.1;}
.techthretop p {font-size:20px;}
.headerticker ul li {font-size:14px; padding:0px; line-height:1.2;}
.headerticker {line-height:16px;}
.headerticker a.tickclose {right:10px; top:13px;}
.headerticker {padding:11px 20px;}
.headnewact.header {top:38px;}

.logo img.one {display:block;}
.logo img.two {display:none;}
.sticky .headnewact.header {top:0px;}
.sticky .header {top:0px;}

.techonebot {padding:0 20px;}
}

@media only screen and (max-width:639px){
/*----Services page----*/	
.servdevbotlft .dev_logo2 img, .servdevbotlft .dev_logo1 img, .servdevbotlft .dev_logo3 img, .servdevbotlft .dev_logo4 img {width: 70px;}
.servdevbotlft .dev_logo2{ right:0px;}
.tmid2txt, .tmid3txt, .tmid4txt, .tmid5txt, .cloudtxt, .tmid7txt, .tmid8txt {font-size:18px;}
.tmid5txt {margin:-10px 0 0 -10px;}
.cloudtxt span {left:44px;}
.techmidtwobot {max-width:360px; min-height:370px;}
.circletxt {font-size:36px;}
.tmid {width:50px;}
.tmid1 {top:-14px; left:44%;}
.tmid5 {left:44%; bottom:-40px;}
.tmid2 {top:45px;}
.tmid3 {top:150px;}
.tmid3txt {top:44px;}
.tmid7 {top:150px;}
.tmid8 {top:45px;}
.tmid8txt {top:-28px;}
.tmid6 {left:5%;}
.tmid4 {right:1%;}
}

@media only screen and (max-width:539px){
.page-template-page-portfolio .blogmidbot, .page-template-page-about .blogmidbot, .page-template-page-service .blogmidbot, .page-template-page-career .blogmidbot, .page-template-page-home .blogmidbot{margin-top: -100px;}
.page-template-page-blog .blogmidbot{margin-top: -100px;}	

.contact_main_left h3 {font-size: 60px;}
.con_field_radio .wpcf7-list-item {display: block;margin: 0px 0px 10px;width: 100%;}
}
@media only screen and (max-width:479px){
.technology_content .portfolio_text h1 {font-size:38px; line-height:1.1;}
.techoneleft h3 {font-size:36px; line-height:38px;}
.techmidtwobot {width:230px; min-height:240px;}
.tmid {width:40px;}
.tmid8 {top:31px; left:1%;}
.tmid2txt, .tmid3txt, .tmid4txt, .tmid5txt, .cloudtxt, .tmid7txt, .tmid8txt {font-size:16px;}	
.tmid8txt {left:-39px;}
.tmid2 {top:32px; right:-1px;}
.tmid3 {top:100px; right:-14%;}
.tmid3txt {top:36px;}
.tmid4 {bottom:8px; right:3%;}
.tmid5 {bottom:-31px;}
.tmid7 {top:104px; left:-10%;}
.tmid7txt {top:-25px; left:-10px;}
.tmid6 {bottom:14px; left:3%;}
.cloudtxt {left:-75px; bottom:-20px;}
.headerticker a.tickclose {top:10px;}
}
@media only screen and (max-width:428px){
.headnewact.header {top:55px;}	
.headerticker ul li br {display: block;}
}
@media only screen and (max-width:400px){
.contact_main_left h3 {font-size: 50px;}

.techmidtwotitle h3, .techmidtwotitle h4, .techthretop h4 {font-size:30px;}
}
@media only screen and (min-width: 768px) {
  .header {
    padding: 15px 20px;
    position: fixed;
    max-width: 1069px;
    margin: 0 auto;
    border-radius: 170px;
    background: #000000;
    top: 46px;
    transition: all 0.5s;
    transition: width 0.7s;
  }
  .header_menu ul.menu li a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #ffffff;
    padding: 0px 7px;
  }
  .header .header_menu ul.menu > li {
    padding-bottom: 7px !important;
  }
  .header .header_in .logo span {
    display: none;
  }
  .header_contact a {
    border: 1px solid #FED125;
    padding: 15px;
    background: #FED125;
    border-radius: 50px;
    color: #000000;
    height: 44px;
  }
  .header_contact a > span {
    line-height: 13px;
  }
  .header_menu {
    padding-top: 12px;
  }
  .header_menu ul.menu li > a:after {
    filter: invert(1);
    width: 12px !important;
    height: 6px !important;
    right: -6px !important;
  }
  .header_wrap {
    padding: 0px;
  }
  .header_right {
    padding-top: 0px;
  }
  .logo {
    padding-left: 0px;
    position: relative;
    top: 2px;
  }
  .header_book a {
    height: 44px;
  }
  .header_book a > span {
    line-height: 40px;
  }
  .header_menu ul.menu li.menu-item-has-children > a:after {
    position: relative !important;
    display: inline-block !important;
    right: inherit !important;
    top: inherit !important;
    margin-left: 5px;
  }
  .header .header_menu {
    transform: scale(1);
    height: auto;
  }
  .sticky .header .header_menu {
    transform: scale(0);
    height: 0;
  }
  .sticky .header {
    background: #000000;
  }
  .header_whatsapp a svg,
  .header_whatsapp a {
    width: 44px;
    height: 44px;
  }
  .header_menu ul.menu li > a {
    white-space: nowrap;
  }
  .header_menu ul.menu {
    display: flex;
    justify-content: center;
  }
  .header_whatsapp {
    top: 0px;
  }
  .header .header_book a {
    width: 156px;
    padding: 0px 10px;
  }
  .header {
    border-color: #000000;
    transition: width 0.7s;
    padding: 15px 20px 15px 28px; border:1px solid #707070;
  }
  .header_menu ul.menu li.bigmenu > ul:before {
    content: '';
    width: 100%;
    height: 46px;
    background: transparent;
    display: block;
    left: 0;
    position: absolute;
    top: -40px;
  }
  .header_menu ul.menu li.bigmenu > ul:after {
    border-radius: 0px 15px 15px 0px;
  }
  .header_menu ul.menu li.bigmenu > ul {
    overflow: visible !important;
  }
 }
  @media only screen and (max-width: 1439px) {
    .header_wrap {
      padding: 0 0px !important;
    }
  }
  @media (min-width: 1400px) {
    .header .header_menu {
      width: calc(100% - 540px);
    }
    .header .logo {
      width: 170px;
    }
  }
  @media only screen and (max-width: 1599px) {
    .logo {
      width: 122px;
    }
  }
  @media only screen and (max-width: 1199px) {
    .header_menu {
      padding-top: 14px;
    }
    .header {
      width: calc(100% - 30px);
      padding: 10px 20px !important;
    }
    .sticky .header {
      width: 500px;
    }
    .logo {
      top: 0px;
    }
    .sticky .header .header_menu {
      display: none;
    }
    .sticky .header .header_right .header_whatsapp,
    .sticky .header .header_right .header_book {
      display: none;
    }
  }
  @media only screen and (max-width: 1023px) {
    .header_contact a > span {
      line-height: 14px !important;
    }
    .menutoggle a img {
      filter: invert(1);
    }
   /* .menutoggle {
      margin: 9px 0 0 0 !important;
      display: none !important;
    }*/
    /*.header_right {
      margin-right: 0px !important;
    }*/
  }
  @media only screen and (max-width: 767px) {
	.header {border:0px;}	 
	.sticky .header {width:100%;} 
	.menutoggle a img {
      filter: invert(0);
    } 
  }
  @media (max-width: 550px) {
    /*.sticky .header {
      width: 290px;
    }*/
  }