/*!
Theme Name: republicsystems
Theme URI: http://underscores.me/
Author: Imenso Software
Author URI: http://imensosoftware.com
Description: Corporate Website
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: republicsystems
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

republicsystems is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/*Common css Open*/
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap');
body{font-family: 'Fira Sans', sans-serif;}*/
/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&display=swap');
body{font-family: 'Josefin Sans', sans-serif;}*/
@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap');
body{font-family: 'Sen', sans-serif; color: #121417; }

html {scroll-behavior: smooth; }
body{line-height: 150%;font-size: 1.1rem !important;}
::-webkit-scrollbar {width: 10px; }/* width */
::-webkit-scrollbar-track {background: #f1f1f1; }/* Track */
::-webkit-scrollbar-thumb {background: #888; } /* Handle */
::-webkit-scrollbar-thumb:hover {background: #555; }/* Handle on hover */
:focus{ outline: none !important; box-shadow: none !important }
a{ color: #06060e;}
a:hover{ text-decoration: none }
section{ position: relative;}

p:last-child{ margin-bottom: 0 !important }

ul, ol{ margin-left: 0; padding-left: 0; list-style: none; }
h1, h2, h3, h4, h5, h6{ font-weight: 700; color: #1f1f67 }

.btn{ font-size: 18px; padding: 8px 25px; height: auto; font-weight: 400; border: none !important; outline: none; border-radius: 25px }
.btn.btn-sm{ font-size: 12px; padding: 5px 12px;}
.btn-primary{background: #597bbd !important}
.btn-primary:hover{background: #101044 !important}
.btn-secondary{background: #101044 !important}
.btn-secondary:hover{background: #597bbd !important}
.btn.btn-light{ background: #fff; color: #597bbd !important;border:2px solid transparent !important }
.btn.btn-light:hover{ border:2px solid #fff !important; color: #fff !important;background: #597bbd !important; }
.btn-link{color: #1f1f67; font-size: 16px !important; text-decoration: none; font-weight: 500; cursor: pointer;}

.dropdown-menu {visibility: hidden;opacity:0;transform: translateY(-50px);transition:.5s ease all;}
.dropdown-menu.show {display: block;visibility: visible;opacity:1;transform: translateY(0px);transition:.5s ease all;}

/*p{ opacity: .9; }*/
li{ line-height: 180% }
p:last-child{ margin-bottom: 0 !important }

.border-bottom, .border-top, .border-left, .border-right, .border{border-color: #dee2e6;}

.bg-primary{ background-color: #101044 !important }
.bg-secondary{ background-color: #597bbd !important }
.bg-dark{ background-color: #06060e}
.bg-black{ background-color: #02020c }
.bg-light{background-color: #f1f1f9 !important}
.bg-white{background-color: #fff !important}

.text-primary{ color: #1f1f67 !important }
.text-secondary{ color: #597bbd !important }
.text-dark{ color: #06060e }
.text-black{ color: #02020c }
.text-white{ color: #fff }

.burger{ padding: 8% 0 }
.burger-t{ padding-top: 8%}
.burger-b{ padding-bottom: 8%}

.mt_fix100{ margin-top: 100px }
.pt_fix100{ padding-top: 100px }

.heading_3{ font-size: 24px; color: #1f242e; margin-bottom: 30px }
.heading_1{font-size: 3rem;}

.bg-image-container{ position: relative; }
.burger.bg-image-container{ padding:11% 0; margin-top: -21%; }
.bg-image-container .clipboard_right{position:  absolute; left: 0; top: 0; width: 100%; height: 100%; clip-path: polygon(0 0, 100% 30%, 100% 80%, 0% 100%)}

/*Form*/
label{ text-transform: uppercase; font-size: 14px }
.require{ color: #ed0c3c; font-size: 20px }
.form-control{background: #f5f7f6 !important; border: none !important; padding: .75rem .75rem; height: auto !important; border-radius: 4px; margin-bottom: 30px}

.checkbox-container {display: block; position: relative; padding-left: 35px; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top:11px;} 
.checkbox-container input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #ededed; border-radius: 4px } 
.checkbox-container:hover input ~ .checkmark {background-color: #ededed; } 
.checkbox-container input:checked ~ .checkmark {background-color: #1f1f67; } 
.checkmark:after {content: ""; position: absolute; display: none; } 
.checkbox-container input:checked ~ .checkmark:after {display: block; } 
.checkbox-container .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.slider-bar {-webkit-appearance: none; width: 100%; height: 5px; background: #d3d3d3; outline: none; opacity: .8; -webkit-transition: .2s; transition: opacity .2s;     vertical-align: 15px;} 
.slider-bar:hover {opacity: 1; } 
.slider-bar::-webkit-slider-thumb {-webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: #64a7f5; cursor: pointer; border-radius: 100% } 
.slider-bar::-moz-range-thumb {width: 15px; height: 15px; background: #64a7f5; cursor: pointer; border-radius: 100% }
/*Form*/

a, .animate, .nav-open .main-menu, .top_area .navbar-brand img, .team-leader, .hover-img-large, .hover-img-shadow{transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; }

.hover-img-large:hover{ transform: scale(1.25); }
.hover-img-shadow:hover{ box-shadow: 10px 10px 0px 0px rgba(0,0,0,.2); transform: translate(-10px, -10px); }
/*Icons*/
.icon{ display: inline-block; vertical-align: middle; background: url('images/sprits.png') no-repeat;}
.icon.icon-phone{ background-position: -194px 0 }
.icon.icon-email{ background-position: -260px 0 }
.icon.icon-address{ background-position: -325px 0 }
.icon.icon-facebook{ background-position: -376px 0 }
.icon.icon-linkedin{ background-position: -425px 0 }
.icon.icon-instagram{ background-position: -478px 0 }
/*Icons*/

.margin-top{ margin-top:5%;}
.shift_top_7{ margin-top: -5%;}
.shift_top_6{ margin-top: -6%;}
.shift_top_8{ margin-top: -9%;}
.shift_top_9{ margin-top: -9%;}
.shift_top_10{ margin-top: -7%;}
.shift_top_13{ margin-top: -8%;}
.shift_top_14{ margin-top: -9%;}
.shift_top_15{ margin-top: -15.5%;}
.shift_top_20{ margin-top: -20%;}

/*breadcrum*/
body ul.breadcrumb {padding: 10px 16px; list-style: none; background-color: transparent !important } 
ul.breadcrumb li {display: inline; font-size: 14px; color: #9da4b3 } 
ul.breadcrumb li+li:before {padding: 8px; color: black; color: #597bbd; font-family:'FontAwesome'; content: "\f101"; } 
ul.breadcrumb li a {text-decoration: none; font-weight: 700; color: #597bbd; } 
ul.breadcrumb li a:hover {color:#9da4b3;  }
/*breadcrum*/

/*breadcrum*/
.page-breadcrum{ position: relative;text-align: center; overflow: hidden; background: #1f242e; color: #fff; }
.page-breadcrum .container{  padding-top: 7%; padding-bottom: 7%; position: relative; z-index: 1}
.page-breadcrum img{ position: absolute; left: 0; top: 0; z-index: 0; opacity: .5; min-height: 100%; min-width: 100%; width: auto; margin: auto; }
.page-breadcrum h1{ font-size: 60px; margin-bottom: 0; line-height: 0; color: #fff}
.page-breadcrum a{ color: #fff; }
/*breadcrum*/

.page-bar{ position: fixed; right: 25px; top: 15px; bottom: 20px; width: 1px; background: rgb(110, 110, 111, .3) !important; z-index: 1031 }
.section-opinter{ position: absolute; left: -7px; border-radius: 100%; width: 15px; height: 15px; background: #f1f1f9; border: 5px solid #1f1f67; animation-delay: 3s; }

/*goto top*/
.gotop{position: fixed; right:30px; bottom: 20px; z-index: 3; color: #fff; background: #101044;
    border: 2px solid #ffffff;; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 36px; opacity: .6;  display: none;}
.gotop:hover{ color: #Fff; opacity: 1 }
.gotop i{ font-size: 16px }
/*goto top*/

/*Top Menu*/
.top_area .dropdown-menu{border: none !important; border-radius: 0 !important; margin-top: 0 !important; box-shadow: none !important;}
.top_area header.navbar{ padding: 10px 30px !important; background:#fff; box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2)}
/*.top_area.strip_white .fixed-top{background:#fff; box-shadow: 0px 0px 6px 0px rgba(0,0,0,.2)}
.top_area.strip_white .logo-color, .top_area .logo-white{opacity: 1}
.top_area .logo-color, .strip_white .logo-white{opacity: 0}
.top_area.strip_white .navbar-expand-md .navbar-nav .nav-link{ color: #06060e }
.top_area .navbar-expand-md .navbar-nav .nav-link{ color: #fff }*/
.top_area .navbar, .top_area {padding: 0 !important;}
.fixed-top .dropdown-item:focus, .fixed-top .dropdown-item:hover{ background: none }
.nav-link:focus, .nav-link:hover ,.fixed-top .dropdown-item:focus, .fixed-top .dropdown-item:hover{opacity: .5}
.top_area .navbar-brand{ min-width: 125px; height: 50px; position: relative; }
.top_area .navbar-brand img{ position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.top_area .navbar-light .navbar-nav .nav-item{ margin: 0 1rem; overflow: hidden;}
.top_area .navbar-light .navbar-nav .nav-item:hover{ overflow: visible; }
.top_area .navbar-expand-md .navbar-nav .nav-link{ color: #06060e }
.top_area .navbar-light .navbar-nav .nav-link{ margin: 0 1px; padding: .5rem !important }
.top_area .dropdown-item{ padding: .25rem .5rem;}
/*Top Menu*/

.clipboard{clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0 100%);}
.clipboard_left, .bgshade_left{clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);}
.clipboard_right, .bgshade_right{clip-path: polygon(0 0, 100% 20%, 100% 80%, 0% 100%);}
.clipboard_right, .clipboard_left, .bgshade_top_right{position: absolute; overflow: hidden; text-align: center; left: 0; right: 0; top: 0; height: 100%; width: 100%; background: #fff}
.bgshade_top_right{clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);}
.clipboard_right img, .clipboard_left img, .bgshade_top_right img{ display: block; margin: auto; opacity: .35; min-width: 100%; min-height: 100% }
.bg_fade_img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: .3}
.bg_fade_img_black{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; opacity: .3; text-align: center;}
.bg_fade_img_black img{ width: auto; margin: auto; min-height: 100%; min-width: 100% }
.burger.clipboard{padding: 15% 0 13%}

.burger.bg-primary{clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%); }
/*Banner Code*/
.banner {position: relative; height: 100vh; overflow: hidden;
background: rgb(89,123,189); background: -moz-linear-gradient(-45deg,  rgba(89,123,189,1) 0%, rgba(45,45,119,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(89,123,189,1) 0%,rgba(45,45,119,1) 100%); background: linear-gradient(135deg,  rgba(89,123,189,1) 0%,rgba(45,45,119,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597bbd', endColorstr='#1f1f67',GradientType=1 );clip-path: polygon(0 0%, 100% 0%, 100% 80%, 0 100%);} 
.banner_bg {clip-path: polygon(0 0%, 100% 0%, 100% 85%, 0 100%); position: absolute; left: 0; top: 0; width: 100%; height: 110%; background: #101044  }
.banner_bg img{ width: 100%; min-height: 100%; opacity: .5 }
.banner .swiper-slide { position: relative; height: 100%; overflow: hidden;}
.banner_content{ position: absolute; right: 15%; top:150px; width: 49%; z-index: 1}
.banner_content .col-sm-5{ padding: 10px;  }
.banner_content h2{ color: #1f1f67; font-size: 70px; text-transform: uppercase; margin-bottom: 20px; line-height: 100%; font-weight: 700}
.banner_content p{ font-size: 30px; color: rgb(255, 255, 255, 1); text-transform: uppercase; line-height: 140%; margin-left: 20%; font-weight: 700 }
/*.swiper-slide a{ position: absolute; right: 0%; top:0px; width: 100%; height: 100%; z-index: 2}*/
.banner .swiper-button-prev, .banner .swiper-button-next{ width: 45px; height: 45px; text-align: center; line-height: 50px; border-radius: 100%; background:rgba(0,0,0,.5);; color: #fff; font-size: 18px; opacity: .5 }
.banner .swiper-button-prev:hover, .banner .swiper-button-next:hover{/*background: rgba(0,0,0,1);*/ opacity: 1}
.banner .swiper-button-prev{ left: 50px }
.banner .swiper-button-next{ right: 50px }
.banner .swiper-button-prev:after, .banner .swiper-button-next:after{ font-size: 24px }
/*.case-study section.top-section>.container>.row{ height: 80vh }*/
/*.banner .swiper-slide img{ position: relative; height: 100%; width: auto; margin: auto; }*/
.top-section .right-img .col-6:first-child .device{/* width: 230px !important;*/ right: -90px; }

.swiper-banner{ height: 100%; position: relative; }
.banner_1 .img_1, .banner_1 .img_2{ position: absolute; overflow: hidden; }
.banner_1 .img_1{ width: 30%; height: 70%; left: 15%; top: 0 }
.banner_1 .img_2{ width: 40%; height: 40%; right: 20%; bottom: 5% }
.banner_1 .img_1 img{height: 100%; width: auto;  opacity: .8}
.banner_1 .img_2 img{width: 100%; height: auto; opacity: .8}

.banner_2 .laptop_screen{ position: absolute; right:-20%; top: 150px; width: 60% }
.banner_2 .banner_content{ position: relative; left: 10%; right: auto; width: 45%; top: 50%; transform: translateY(-50%); }
.banner_2 .banner_content h2, .banner_2 .banner_content p{ margin-left: 0; color: #fff }
.banner_2 .banner_content h2{ font-weight: 700; font-size: 60px; text-transform: capitalize;}
.banner_2 .banner_content p{font-size: 40px; text-transform: capitalize;}

.banner_3 .banner_img, .banner_3 .banner_content{ float: left; position: relative;   }
.banner_3 .banner_img{right: -20%; top: 150px;width: 35%;}
.banner_3 .banner_content {left: 10%; top: 50%;width:40%; transform: translateY(-50%);}
.banner_3 .banner_content h2, .banner_3 .banner_content p{ margin-left: 0; color: #fff }
.banner_3 .banner_content h2{ font-weight: 700; font-size: 60px; text-transform: capitalize;}
.banner_3 .banner_content p{font-size: 40px; text-transform: capitalize;}
.banner_3 .mobile-perspective{ float: left; }
/*.banner_3 .mobile-perspective:after{ content:''; background: url('images/shadow.png') no-repeat; background-size: 100% auto; background-position: center bottom; position: absolute; left: 0; bottom: -130px; width: 100%; height: 120px;}*/
.banner_3 .mobile-perspective:first-child{ margin-top: 120px; left: 170px; z-index: 1; }
.banner_3 .mobile-perspective:first-child .mobile_screen{ width: 200px }
.banner_3 .mobile-perspective .mobile_screen{-webkit-transform: rotateX(0) rotateY(-395deg);
    transform: rotateX(0) rotateY(-395deg);}
/*Banner Code*/

/*Footer*/
.footer-area{clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0 100%); background: #121212; padding:100px 0 0 0; font-size: 14px;}
#menu-footer, #nav_menu-2{ list-style: none !important; margin-bottom: 0 }
#menu-footer li{ display: inline-block; }
.footer-link a:after, #menu-footer li:after{ content: '/'; padding: 0 3px; }
.footer-link a:last-child:after, #menu-footer li:last-child:after{ content: ''; }
.footer-area .f_icon{ width: 40px; height: 40px; text-align: center; line-height: 38px; display: inline-block; border: 2px solid rgba(255,255,255,.5); border-radius: 100% }
.footer-area, .footer-area a{ color: rgba(255,255,255,.5); }
.copyright{ padding: 20px 0; border-top: 1px solid rgba(255,255,255,.5); margin-top: 20px}
.social-icons{ text-align: right; margin: 0; padding: 0 }
.social-icons li{ display: inline-block; margin: 0 5px}
.social-icons a:hover{ border: 2px solid rgba(255,255,255,.8); }
.footer-area a:hover{color: #fff; }
.footer-area .social-icons{ position: relative; bottom: 0 }
a.facebook:hover{background:#3b5998 !important}
a.youtube:hover{background: #bb0000 !important}
a.twitter:hover{background: #00aced !important}
a.instagram:hover{background: #517fa4 !important}
a.linkedin:hover{background: #0e76a8 !important}
/*Footer*/

/*Mobile device*/
.mobile_screen, .laptop_screen{ position: relative; overflow: hidden;}
.mobile_screen{width: 250px}
.laptop_screen{width: 450px}
.mobile_screen .device, .laptop_screen .device{position: relative; z-index: 1}
.mobile_screen .device{width: 100%}
.laptop_screen .device{width: 100%}
.mobile_screen .device_img, .laptop_screen .device_img{ position: absolute; z-index:  0; overflow: hidden;}
.mobile_screen .device_img{ height: 95%; top: 2%; left: 5%; border-radius: 0; width: 89%;}
.laptop_screen .device_img{ width: 78%; top: 5%; left: 11%; height: 81%; overflow: hidden; border-radius: 0; }
.mobile_screen .device_img img{ height: 100%; width: auto;}
.laptop_screen .device_img img{ width: 100%; min-height: 100% }
/*Mobile device*/

.img-fit_rec, .img-fit_square{ position: relative; overflow: hidden;  }
.img-fit_square:after{ content: ''; display: block; padding-bottom: 100% }
.img-fit_rec:after{ content: ''; display: block; padding-bottom: 75% }
.img-fit_rec img, .img-fit_square img{ position: absolute; left: 50%; top: 0%; transform: translateX(-50%); width: 100%; height: auto; }

/*Who we are*/
.who-vr.shift_top_20{ position: relative; margin-top: -21%}
.who-vr hr{border-top: 1px solid rgba(31, 31, 103, .5)}
.who-vr .clipboard_right {clip-path: polygon(0 0, 100% 17%, 100% 80%, 0% 100%) !important; background: #fff; }
.who-vr .burger-t{ padding-top: 200px }
.bg_strip{ position: absolute; left: 0; right: 0; height: 650px; z-index: 0; background: url('images/texture.png') #597bbd !important; background-size: 30px !important; }
.bg_strip.clipboard{clip-path: polygon(0% 0%, 100% 28.5%, 100% 100%, 0 80%)}
.who-vr p{; opacity: 1 }
.who-vr .laptop_screen{ width: 70%; margin:50px auto 100px; }
.who-vr .section_heading:after{ background: #f3f1ef !important }
.section_heading{ position: relative; text-align: center; font-weight: 700; margin-bottom: 70px; color: #1f1f67; font-size: 3.5rem }
.section_heading:after, .section_heading:before{ content: ''; position: absolute; transform: translateX(-50%); left: 50%; }
.section_heading:after{ bottom: -23px; border-radius: 100%; width: 16px; height: 16px; display: block; border: 1px solid #d9d9e2; background: #fff}
.bg-light .section_heading:after{background: #f1f1f9 !important}
.section_heading:before{ bottom: -15px; width: 150px; height: 1px; border-top: 1px solid #d9d9e2}
.bdr-dark.section_heading:after{border: 1px solid #1f1f67 !important}
.bdr-dark.section_heading:before{border-top: 1px solid #1f1f67 !important}
.who-vr .btn{ margin-bottom: 50px }
/*.section_heading span{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -50px; font-size: 80px; opacity: .05; font-weight: 800 }*/
.core-value { padding: 40px; box-shadow: 0 0 20px rgba(0,0,0,.1); background: #fff; border-radius: 4px; text-align: center; margin: 20px 0; min-height:160px; display: block; }
.core-value h3{ font-size: 16px; font-weight: 400; min-height: 35px; }
.core-value:hover h3{color: #597bbd}
.core-icon{ margin-bottom: 20px; background: url('images/bg.png') no-repeat center; }
.img-svg{ width: 50px; height: auto; }

.hvr-radial-out {-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } 
.hvr-radial-out:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #597bbd; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 
.hvr-radial-out:hover .core-icon{background: url('images/bg_white.png') no-repeat center;}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {color: white; } 
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {-webkit-transform: scale(2); transform: scale(2); }

.hvr-underline-from-center {vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative; overflow: hidden; } 
.hvr-underline-from-center:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #597bbd; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } 
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0; right: 0; }
/*Who we are*/

/*Team*/
.team.shift_top_20 {margin-top: -23%;padding: 15% 0 12%}
.team .clipboard_left {clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%); }
.team .jumbotron {background: #fff}
.team .jumbotron p{font-size: 18px; line-height: 150%;}
.team .jumbotron strong{color: #1f1f67; text-transform: uppercase;}
.team-leader{ box-shadow: 0 0 5px rgba(0,0,0,.2); margin: 10px 0 40px; cursor: pointer; position: relative; top: 0; background: #fff; border-radius: 4px }
.leadership .team-leader{ margin-bottom: 0 }
.team-leader .overflow-hidden{ padding: 40px 0; position: relative; display: block; border-radius: 4px}
.team-leader .img, .rob_profile{ width: 120px; height: 120px; overflow: hidden;border-radius: 100%; border: 2px solid #597bbd; margin: 0 auto 30px }
.team-leader .img img{ width: 100% }
.team-member{ text-align: center; }
.team-member strong{ text-transform: uppercase; color: #1f1f67; }
.team-member { text-transform: capitalize;opacity: .8 }
.team-leader .cnt{ padding: 20px 20px 30px; text-align: center; background: #597bbd; position: absolute; left: 0; top: 103%; width: 100%; height: 100%; display: flex; align-items: center;}
.team-leader .cnt div{ font-size: 12px; margin-bottom: 10px; line-height: 150%; color: #fff}
.team-leader .cnt strong{ color: #fff; font-size: 14px; text-transform: uppercase; }
.team-leader .cnt p{ font-size: 16px; color: #fff; opacity: 1; max-height: 100%; overflow: auto; }
.team-leader:hover{ top: -10px }
.team-leader:hover .cnt{ background: rgb(45,45,119,.9) !important; top: 0 }

.social-icons{ position: absolute; width: 100%; left: 0; bottom: -17px; text-align: center; z-index: 1 }
.social-icons a{ display: block; width: 36px; height: 36px; text-align: center; line-height: 33px; background:#597bbd; border: 2px solid; color: #fff; border-radius: 100%; font-size: 14px  }
/*.team .section_heading:before{ border-top: 1px solid #1f1f67}
.team .section_heading:after{ background: #a39692; border: 1px solid #1f1f67 }*/
.rob_txt{ padding: 30px; background: #fff; border-radius: 4px }
.rob_txt .rob_profile{float: left; margin-right:20px }
.rob_txt .cnt{}
/*Team*/

/*History*/
.powered-people{ z-index: 1 }
.powered-people .section_heading:after{background: #c0bbbe}
.who-v-r-page .history{ margin-top: -24%; }
.history h5{ color: #1f1f67 }
.history.burger-b{ padding-bottom: 50px }
.history-chart{position: relative;}
.history-chart:after{ content: ''; position: absolute; left: 50%; top: 0; margin-left: -5px; width: 10px; height: 100%; background: rgb(133, 133, 137, .2) !important; display: block; z-index: 0 }
.history-cnt{ width: 45%; position: relative; z-index: 1}
.history-cnt .p-3{border: 1px solid rgb(133, 133, 137, .2) !important; border-radius: 4px; }
/*.history-cnt:hover .p-3{ background: #101044;}
.history-cnt:hover, .history-cnt:hover h5{ color: #fff }*/
.history-cnt:nth-child(odd){ left: 55% }
.history-cnt:after{content: ''; position: absolute; width: 31px; height: 31px; border-radius: 100%; background: #f1f1f9; border: 8px solid #1f1f67; top: 50%; margin-top: -15px; z-index: 1}
.history-cnt:nth-child(even):after{ right: -14%; margin-right: -2px }
.history-cnt:nth-child(odd):after{left: -14%; margin-left: -2px}
.history-cnt:before{content: ''; position: absolute; width: 11%; height: 1px; background: #f1f1f9; border: 1px solid rgb(133, 133, 137, .1) !important; top: 50%; margin-top: -1px;}
.history-cnt:nth-child(even):before{ right: -11%;}
.history-cnt:nth-child(odd):before{left: -11%;}
.history-cnt img{ margin-bottom: 20px; width: 150px; display: none }
.burger.leadership{ margin-top: -10% !important }
/*History*/

/*case-study*/
.case-study{ position: relative; z-index: 1 }
.case-study .burger{ padding: 0 !important }
.case-study .burger.bg-light{ padding: 7% 0 !important }
.case-study .top-section.burger .container{ padding:0 0 7% 0 !important }
.case-study section>.container>.row{ min-height: 85vh }
.case-study section.pt_fix100>.container>.row{ min-height: 90vh; }
.case-study section.top-section>.container>.row{ overflow: visible; }
.case-study .mobile_screen, .case-study .laptop_screen{ width: 100% !important }
.case-study .top-section p{ font-size: 1.4rem; line-height: 150%; text-align: justify; }
.mobile-up{ position: absolute; right: 0; bottom: -20px; z-index: 1 }
.mobile-up .mobile_screen, .mobile-slide .mobile_screen{ width: 100px !important; margin: auto; }
.mobile-slide{ transform: rotate(-35deg); }
.desktop-mobile .mobile-slide{ position: absolute; left: 0; bottom: -10px; z-index: 1 }
.desktop-mobile .mobile-slide .mobile_screen{width: 100px !important;}
.desktop-mobile .mobile-slide{ transform: rotate(15deg); }
.mobile-perspective{position: relative; -webkit-perspective: 440px; perspective: 440px;}
.mobile-perspective .mobile_screen{-webkit-transform: rotateX(0) rotateY(-335deg); transform: rotateX(0) rotateY(-335deg)}
.mobile-perspective.slide-left .mobile_screen{-webkit-transform: rotateX(0) rotateY(-395deg); transform: rotateX(0) rotateY(-395deg)}
.case-study .col-6:first-child .mobile-perspective .mobile_screen, .case-study .col-6:last-child .mobile-perspective.slide-left .mobile_screen{ width: 220px !important;}
.case-study .col-6:last-child .mobile-perspective .mobile_screen, .case-study .col-6:first-child .mobile-perspective.slide-left .mobile_screen{ width: 180px !important;}
.case-study_2 .container{padding-top: 150px; padding-bottom: 100px;}
.case-study_3 .container{padding-top: 100px;}
.left-img, .right-img{ position: relative; z-index: 1 }
.left-img .col-6:last-child .device{width: 280px !important; position: relative; left: -15px;}
.right-img .col-6:first-child .device{width: 280px !important; position: relative; right: -70px;
    z-index: 0;}
.img_up{z-index: 1; position: relative;}
.top-section h1 span{ font-size: 50px;}
.top-section h1 strong, .top-section h1 span{ display: block;/* text-align: justify*/;}
.top-section h1 strong{font-size: 40px; letter-spacing: 2px;}
.top-section h1{ font-size: 36px; /*text-align: center;*/ }
.top-section img{ /*max-height: 650px;*/ margin: auto; }
/*.case-study .top-section .mobile-perspective:first-child .mobile_screen{ width: 180px !important;}
.case-study .top-section .mobile-perspective:last-child .mobile_screen{ width: 220px !important;}*/
.case-study ul{ margin-bottom: 50px }
.case-study ul li{ margin: 0 5px }
.case-study ul a{ border-radius: 4px; text-align: center; color: #1f1f67; font-weight: 700; opacity: 1 !important }
/*.case-study ul a .icon1{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); display: block; width: 80px; height: 70px; margin:0 auto 10px; background: #101044;}*/
.case-study ul a .icon1{background: url('images/poligon.png') no-repeat; background-position: 9px 0; background-size: auto 100%; display: block; width: 80px; height: 70px; margin:0 auto 10px;}
.case-study ul a:hover .icon1, .case-study ul a.active .icon1{background-position: -76px 0;}
.case-study ul a .icon1 .img-svg{ width: 36px; height: auto; margin-top: 17px }
.case-study ul a .icon1 .img-svg path{fill: #597bbd !important}
.case-study ul a:hover .icon1 .img-svg path, .case-study ul a.active .icon1 .img-svg path{fill: #fff !important}
.case-study ul a.active, .case-study ul a:hover{ color: #597bbd;}
/*.case-study ul a.active .icon1, .case-study ul a:hover .icon1 { background: #597bbd;}*/
.case-study p { font-size: 26px; line-height: 150%}

.two-mobile-perspective{ width: 200px; margin: auto; position: relative; }
.case-study .top-section .mobile-perspective:first-child { left: -20px; z-index: 1; position: absolute; top:90px; }
.case-study .top-section .mobile-perspective:last-child { margin-top:0px; left: 50px; z-index: 0; }
/*case-study*/

/*Who we are*/
.who-v-r-page .sticky-top{ top: 100px  }
#side .nav-link{ border-bottom: 1px solid transparent }
#side .nav-link.active, #side .nav-link:hover, #side .nav-link:focus{color: #111; border-bottom: 1px #000 dashed; opacity: .5; }
.who-v-r-page .padding-top{ margin-top: 7% }
.who-v-r-page .team-leader{padding-top: 30px; padding-bottom: 30px; cursor: default; margin: 0px auto }
.who-v-r-page #guiding-principles p { font-size: 22px; line-height: 150%; text-shadow: 1px 1px 9px #d0c8c9;}
.who-v-r-page .social-icons{ width: auto; left: auto; bottom: 0; right: 10px; }
.who-v-r-page .social-icons li{ opacity: 1 !important }
.who-v-r-page .social-icons a{border:2px solid #597bbd}
.who-v-r-page .bgshade_top_right img{opacity: .25}
.leadership .pt-5{ padding-top: 6rem !important }
/*Who we are*/

/*.supply-chain{ z-index: 1; }*/
.supply-chain .clipboard_left{ background: #0abdf9 }
.supply-chain .section_heading:after{background: #0da5de}
.supply-chain .supply-step{ width: 19.8% }
.supply-chain .supply-step h6{ margin-top: 20px; color: #fff }
.supply-chain .supply-step img{ width: 100% }
.supply-arrow{ border: 3px solid #fff; width:5%; height:auto; margin: -7% .2% 0; border-radius: 100%; text-align: center; position: relative; }
.supply-arrow:after{ content: ''; display: block; padding-bottom: 100% }
.supply-arrow .img-svg{ width: 50%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.supply-arrow .img-svg path{ fill: #fff }
.supply-arrow:last-child{ display: none !important; }
.big{ font-size: 22px; line-height: 150%; font-weight: 400; }

.page-navigation{ background: #fff !important; z-index: 2; box-shadow:0 0 0 1px rgba(0,0,0,.1);     position: fixed; left: 0; width: 100%; top: 68px; }
/*.top_fix .page-navigation{ }*/

.system-cnt{ padding: 20px 0; text-shadow: 0 0 5px #e8e8eb; text-align: center; }
.system-icon{ border: 2px solid #1f1f67; border-radius: 4px; width: 80px; height: 80px; text-align: center; line-height: 75px; margin:0 auto 20px; opacity: .8 }
.system-icon .img-svg{ width:50px }
.system-icon .img-svg path{ fill: #1f1f67 }
.system-cnt h5{ margin-bottom: 15px; font-size: 19px;}
.system-cnt p{ font-size: 18px; line-height: 150%; opacity: 1 }

.process-steps .border-right{border-right: 5px solid !important }
.pro_step{/*background: url('images/audit.png') repeat-x; background-size: 24px; background-position: 90% 35px; margin-top: 50px*/}
.step-link{ width: 40px; text-align: center; position: relative; top: 32px; }
.step-link:last-child{ display: none !important; }
.step-link img{ width: 100% }
.pro_step_cnt{text-align: center; padding: 0 15px; width: 120px; position: relative; margin-bottom: 30px}
.pro_step_cnt:last-child{ margin-bottom: 50px }
.pro_step_icon{border-radius: 100%; width: 80px; height: 80px; text-align: center; line-height: 80px; border: 2px solid; background: #fff; margin:0 auto 10px;}
.step_production, .pro_step_cnt:nth-child(1) .pro_step_icon{ background: #efbdbd }
.step_process, .pro_step_cnt:nth-child(3) .pro_step_icon{ background: #eaefbd }
.step_storage, .pro_step_cnt:nth-child(5) .pro_step_icon{ background: #c9efbd } 
.step_manuf, .pro_step_cnt:nth-child(7) .pro_step_icon{ background: #bdefdf } 
.step_trade, .pro_step_cnt:nth-child(9) .pro_step_icon{ background: #bdccef } 
.step_eximp, .pro_step_cnt:nth-child(11) .pro_step_icon{ background: #d5bdef } 
.step_retails, .pro_step_cnt:nth-child(13) .pro_step_icon{ background: #efbddb }
.pro_step_icon .img-svg{ width: 40px; height: auto; }
.pro_step_icon .img-svg path{fill: #000}
.pro_step_cnt h6{text-align: center; vertical-align: top; position: absolute; left: 50%; top: 90px; transform: translateX(-50%); margin: auto;}


.CustomTool-dots{ margin-left: -4px }

.video-area{ position: relative; width: 100%; margin: 0 auto 100px }
.video-area img{ width: 100%; z-index: 0 }
.video-area video{ position: absolute; left: 50%; top: 7%; width: 75%; height: auto; transform: translateX(-50%);}
/*.video-area:after{ content: ''; display: block; padding-bottom: 56%}
.video-area video{ position: absolute; left: 0; top: 0; width: 100%; height: auto; }*/

.video-thumb{ margin-bottom: 50px; text-align: center; border:1px solid #ddd;}
.col-md-4:last-child .video-thumb{ margin-bottom: 0 }
.img{position: relative;}
.img:after{ content: ''; display: block; padding-bottom: 70%}
.img img{ position: absolute; left: 0; top: 0; width: 100%; height: auto }
.video-cnt{ text-align: center; background: #f1f1f1; padding:10px 10px 20px }
.video-cnt h4{ font-size: 16px; margin: 20px auto; min-height:35px }
.video-cnt p{ min-height: 80px }
.video-cnt h4 .opacity{font-size: 13px; font-weight: 500; opacity: .5}
.img-fit{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; }

.swiper-content p{ font-size: 22px; line-height: 150% }

.bg-mix-bottom {clip-path: polygon(0 20%, 100% 0%, 100% 95%, 0 100%); padding: 16% 0 7%; background: #f1f1f9; background: -moz-linear-gradient(top,  #f1f1f9 54%, #ffffff 93%); background: -webkit-linear-gradient(top,  #f1f1f9 54%,#ffffff 93%); background: linear-gradient(to bottom,  #f1f1f9 54%,#ffffff 93%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f9', endColorstr='#ffffff',GradientType=0 ); }

.powered-people p{opacity: 1}
.location-map{ width: 100%; height: 300px; border: 1px solid #ddd; background: #f1f1f1;}

.popup-blank video, .popup-blank .iframe{ width: 100%; height: auto; position: relative; }
.popup-blank .iframe:after{ content: ''; display: block; padding-bottom: 57%; overflow: hidden; }
.popup-blank .iframe iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0 }
.popup-blank .modal-content{ margin: 0 !important; padding: 0 !important; background: none !important; border: none !important;/* box-shadow: 0 0 20px 0px rgba(0,0,0,.4)*/ }
.popup-blank .close{ position: absolute; right: -10px; top: -10px; z-index: 1; width: 20px; height: 20px; text-align: center; line-height: 20px;    background: #fff; border-radius: 100%; opacity: 1 }

#mCiti.burger-t{ padding-top: 8% }
#Crowdsourcing-Success.burger.clipboard{padding: 15% 0 7%;}
.our-process.bgshade_left{margin-top: -7%;padding-top: 18%; padding-bottom: 10%}
ul.disc, ul.disc li{list-style-type: disc;}
.burger-t.our-collaborations{margin-top: -7%; padding-top: 10%}

.our-process .section_heading:after, .clipboard .section_heading:after{background: #f1f1f9}

#mCiti .challenge{ margin-top: -10%;}
#TruTrace{overflow-x: hidden;}
.how-v-w-page #guiding-principles{ z-index: 1; position: relative; }
.how-v-w-page #guiding-principles .bgshade_top_right img{ opacity: .2 }
.how-v-w-page .our-process.bgshade_left{margin-top: -16%;padding-top: 15%;}
.who-v-r .our-process li{ margin:40px auto  }
.classify_section p{ font-size: 1.2rem }
.who-v-r .classify_1 .container{ padding-bottom: 50px }
/*.supply-chain.shift_top_20{ padding-bottom: 10% }*/
.static-page section{ margin-bottom: 30px }
.static-page h2, h3, h4, h5{ margin-bottom: 30px }
.wpcf7-form-control-wrap{ position: relative; display: block; }
.wpcf7-not-valid-tip{ font-size: 13px; position: absolute; bottom: -25px; left: 0 }