@import url('../fonts/ubuntu/css.css');
@import url('font-awesome.css');
@import url('govicons.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('hover.css');
@import url('font-animate.css');
/*** 
====================================================================
Reset
====================================================================
***/
* {margin:0px;padding:0px;border:none;outline:none;}
@font-face{
font-family:'geo';
src:url(../fonts/geo_sans_light/GeosansLight.ttf);
}
@font-face{
  font-family:'Urban';
  src:url(../fonts/Urban.ttf);
  }
/*** 
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Ubuntu';
font-size:14px;
color:#576c85;
line-height:1.8;
font-weight:400;
background:#ffffff;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
-webkit-font-smoothing: antialiased;
}
.captcha{
  font-family: 'Urban';
  height: 40px;
  line-height: 45px;
  font-size: 32px;
  margin: 15px 0px 5px 0px;
  text-align: center;
  letter-spacing: -4px;
  background: #093268;
  color: #093268;
  /* text-decoration: line-through; */
  border-radius: 5px;
}
.captcha span {
  /* text-decoration: overline; */
  color:#fff;
}
::-webkit-scrollbar {
width: 8px;
height:8px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
a{
text-decoration:none;
cursor:pointer;
color:#1d93e5;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none;
}
h1,h2,h3,h4,h5,h6 {
position:relative;
font-family: 'Ubuntu';
font-weight:normal;
margin:0px;
background:none;
line-height:1.3em;
}
input,button,select,textarea{
font-family: 'Ubuntu';
}
.fa-2 {
font-size: 2em;
}
p{
position:relative;
line-height:1.8;
text-align: justify;	
}
.bhoechie-tab-container p{
color:#777777;
position:relative;
line-height:1.8;
text-align: justify;	
}
.strike-through{
text-decoration:line-through;	
}
.auto-container{position:static;max-width:1200px;padding:0px 15px;margin:0 auto;}
.small-container{
max-width:680px;
margin:0 auto;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;	
}
.centered{
text-align:center;	
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
font-family: 'ubuntu', sans-serif;
}
.btn-style-one{
position:relative;
padding:10px 30px;
line-height:24px;
text-transform:uppercase;
color:#ffffff !important;
font-size:13px;
font-weight:900;
background:#1d93e5;
border:2px solid #1d93e5 !important;
letter-spacing:1px;
border-radius:3px;
}
.btn-style-one:hover{
background:none !important;
border-color:#1d93e5 !important;
color:#1d93e5 !important;
font-weight:900;
}
.btn-style-two{
position:relative;
padding:10px 30px;
line-height:24px;
text-transform:uppercase;
color:#1d93e5 !important;
font-size:13px;
font-weight:400;
background:none;
border:2px solid #1d93e5 !important;
letter-spacing:1px;
border-radius:3px;
}
.btn-style-two:hover{
background:#1d93e5 !important;
color:#ffffff !important;
}
.btn-style-three{position:relative;padding: 2px 8px;border: 2px solid #ffffff !important;line-height:24px;text-transform:uppercase;color:#fff !important;font-size: 12px;font-weight:800;background:none;letter-spacing:1px;border-radius:3px;}
.btn-style-three:hover{background:#ffffff !important;color:#51ce33 !important;}
.btn-style-four{
position:relative;
padding:10px 30px;
line-height:24px;
text-transform:uppercase;
color:#1d93e5 !important;
font-size:13px;
font-weight:400;
background:#1d93e5;
border:2px solid #ffffff !important;
letter-spacing:1px;
border-radius:3px;
}
.btn-style-four:hover{
background:none !important;
color:#ffffff !important;
}
.theme-btn.rounded-btn{
border-radius:25px;	
}
.theme-btn .fa{
font-size:16px;	
}
.theme-btn .icon-left{
padding-right:10px;
}
.theme-btn .icon-right{
padding-left:10px;
}
.theme_color{
color:#1d93e5;	
}
.grey_color{
color:#27343e;	
}
.light-font{
font-weight:300;	
}
.regular-font{
font-weight:400;	
}
.semibold-font{
font-weight:600;	
}
.bold-font{
font-weight:700;	
}
.padd-top-10{
padding-top:10px !important;	
}
.padd-top-20{
padding-top:20px !important;	
}
.padd-top-30{
padding-top:30px !important;	
}
.padd-top-40{
padding-top:40px !important;	
}
.padd-top-50{
padding-top:50px !important;	
}
.padd-top-60{
padding-top:60px !important;	
}
.padd-top-70{
padding-top:70px !important;	
}
.padd-left-10{
padding-left:10px !important;	
}
.padd-left-20{
padding-left:20px !important;	
}
.padd-left-30{
padding-left:30px !important;	
}
.padd-left-40{
padding-left:40px !important;	
}
.padd-left-50{
padding-left:50px !important;	
}
.padd-left-60{
padding-left:60px !important;	
}
.padd-left-70{
padding-left:70px !important;	
}
.padd-bott-10{
padding-bottom:10px !important;	
}
.padd-bott-20{
padding-bottom:20px !important;	
}
.padd-bott-30{
padding-bottom:30px !important;	
}
.padd-bott-40{
padding-bottom:40px !important;	
}
.padd-bott-50{
padding-bottom:50px !important;	
}
.padd-bott-60{
padding-bottom:60px !important;	
}
.padd-bott-70{
padding-bottom:70px !important;	
}
.padd-bott-90{
padding-bottom:90px !important;	
}
.padd-bott-100{
padding-bottom:100px !important;	
}
.padd-right-10{
padding-right:10px !important;	
}
.padd-right-20{
padding-right:20px !important;	
}
.padd-right-30{
padding-right:30px !important;	
}
.padd-right-40{
padding-right:40px !important;	
}
.padd-right-50{
padding-right:50px !important;	
}
.padd-right-60{
padding-right:60px !important;	
}
.padd-right-70{
padding-right:70px !important;	
}
.margin-top-10{
margin-top:10px !important;	
}
.margin-top-20{
margin-top:20px !important;	
}
.margin-top-30{
margin-top:30px !important;	
}
.margin-top-40{
margin-top:40px !important;	
}
.margin-top-50{
margin-top:50px !important;	
}
.margin-top-60{
margin-top:60px !important;	
}
.margin-top-70{
margin-top:70px !important;	
}
.margin-bott-10{
margin-bottom:10px !important;	
}
.margin-bott-20{
margin-bottom:20px !important;	
}
.margin-bott-30{
margin-bottom:30px !important;	
}
.margin-bott-40{
margin-bottom:40px !important;	
}
.margin-bott-50{
margin-bottom:50px !important;	
}
.margin-bott-60{
margin-bottom:60px !important;	
}
.margin-bott-70{
margin-bottom:70px !important;	
}
.no-padd-bottom{
padding-bottom:0px !important;	
}
.no-padd-top{
padding-top:0px !important;	
}
.no-margin-bottom{
margin-bottom:0px !important;	
}
.no-margin-top{
margin-bottom:0px !important;	
}
.no-padd-left{
padding-left:0px !important;	
}
.no-padd-right{
padding-right:0px !important;	
}
.bg-lightgrey{
background-color:#f4f5f9 !important;	
}
.no-bg{
background:none !important;	
}
.text-uppercase{
text-transform:uppercase !important;	
}
.preloader{ position:fixed; overflow: hidden !important; left:0px; top:0px; width:100%; height:100%; z-index:9999991; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif);}
/*** 
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top{
position:fixed;
bottom:10px;
right:10px;
color:#72bbec;
font-size:42px;
font-weight:400;
text-transform:uppercase;
line-height:50px;
text-align:center;
z-index:100;
cursor:pointer;
display:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;	
}
.scroll-to-top:hover{
opacity:0.50;
}
/*** 
====================================================================
Main Header style
====================================================================
***/
.main-header{
position:absolute;
left:0px;
top:20px;
z-index:999;
width:100%;
background:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-top {
    position: relative;
    background: #093268;
    color: #647d89;
    z-index: 5;
    float: right;
    border-top-right-radius: 4px;
}
.main-header .header-top .top-left{
position:relative;
float:left;
padding:6px 0px;
}
.main-header .header-top ul li{
position:relative;
float:left;
line-height:24px;
margin-right:25px;
color:#c4c4c4;
}
.main-header .header-top .top-right ul li{
margin-right:0px;
margin-left:25px;	
}
.main-header .header-top ul li a{
position:relative;
line-height:20px;
color:#fff;
font-size:12px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-header .header-top .top-right ul li a{
font-size:11px;
text-transform:uppercase;
color:#fff;	
}
.main-header .header-top ul li .icon{
position:relative;
font-size:14px;
padding-right:5px;
color:#fff;	
}
.main-header .header-top ul li a:hover{
color:#fff;
}
.main-header .header-top .top-right{
position:relative;
padding:6px 0px;
float:right;
}
.main-header .header-lower .logo-outer{
position:relative;
float:left;
}
.main-header .header-lower .logo img{
position:relative;
display:inline-block;
max-width:100%;
}
.main-header .header-lower{
position:relative;
left:0px;
top:0px;
width:100%;
background:#fff url(../images/background/diagonal.png);
z-index:0;
border-bottom:3px solid rgba(0,0,0,0.20);	
}
.main-header.header-style-two .header-lower{
background:#182d37;	
}
.main-header.fixed-header .header-lower{
position:fixed;
}
.main-header .outer{
position:relative;
}
.main-menu{
position:relative;
float:right;	
}
.main-menu .navbar-collapse{
padding:0px;	
}
.main-menu .navigation{
position:relative;
margin:0px;
font-family: 'Ubuntu';
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-left:15px;
padding:0px;
}
.main-menu .navigation > li > a{
position:relative;
display:inline-block;
padding:12px 0px 0px 0px;
font-size:13px;
color:#777;
font-weight:500;
line-height:30px;
border-top:none;
text-transform:uppercase;
opacity:1;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > span.fa{
    margin-left: 3px !important;
}
.header-style-two .main-menu .navigation > li > a{
color:#ffffff;
font-weight:400;	
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
/*color:#01a5c9;*/
opacity:1;
}
.main-menu .navigation > li:hover > a:after{
opacity:1;
}
.main-menu .navigation > li > ul{
white-space: nowrap;
position: absolute;
left: 0px;
top: 120%;
min-width: 281px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border:3px solid #1d93e5;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-radius:3px;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.main-menu .navigation > li > ul:before{
font-family: 'FontAwesome';
content: "\f0d8";
position:absolute;
left:25px;
top:-14px;
line-height:16px;
font-size:20px;
display:block;
color:#1d93e5;
text-align:center;
z-index:5;	
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;	
}
.main-menu .navigation > li > ul.from-right:before{
left:auto;
right:25px;	
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;	
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:8px 15px;
line-height:22px;
font-weight:400;
font-size:13px;
text-transform:capitalize;
color:#27343e;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:#ffffff;
background:#1d93e5;	
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f061";
position:absolute;
right:10px;
top:10px;
width:10px;
height:20px;
display:block;
color:#1d93e5;
line-height:20px;
font-size:10px;
text-align:center;
z-index:5;	
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#ffffff;	
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:110%;
top:0px;
width:200px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border:3px solid #1d93e5;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
border-radius:3px;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(0,0,0,0.10);
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;	
}
.main-menu .navigation > li > ul > li  > ul > li > a{
position:relative;
display:block;
padding:8px 15px;
line-height:22px;
font-weight:400;
font-size:13px;
text-transform:capitalize;
color:#27343e;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navigation > li > ul > li  > ul > li > a:hover{
color:#ffffff;
background:#1d93e5;	
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;	
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
left:100%;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;	
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:34px;
height:30px;
border:1px solid #ffffff;
background:url(../images/icons/submenu-icon.png) center center no-repeat;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
/*** 
====================================================================
Main Slider style
====================================================================
***/
.main-slider{
position:relative;
width:100%;
color:#ffffff;	
}
.main-slider h1{
line-height:1.5em;
font-size:30px;
font-weight:600;
padding:0px;
font-family: 'Ubuntu';
}
.main-slider h2{
line-height:1.5em;
font-weight:300;
font-size:24px;
padding:10px 30px;
}
.main-slider h3{
line-height:1.5em;
font-size:18px;
padding:10px 25px;
}
.main-slider .bg-dark-theme{
background:#27343e;
color:#ffffff;	
}
.main-slider .bg-theme{
background:#1d93e5;
color:#ffffff;	
}
.main-slider .btn-style-one,
.main-slider .btn-style-two{
padding-left:40px;
padding-right:40px;	
}
.main-slider .tp-bullets{
display:none;	
}
.tp-bullets.preview4 .bullet{
background:#ffc13b !important;
border-color:#202020 !important;
margin:0px 5px;	
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected{
border-color:#ffc13b !important;	
}
.main-slider .tp-bannertimer{
display:none !important;	
}
/*** 
====================================================================
Four Column Fluid
====================================================================
***/
.four-col-fluid{
position:relative;
width:100%;
}
.four-col-fluid .column{
padding:10px 10px;
color:#ffffff;
width:25%;
float:left;
background:#1d93e5;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.icon-left-column{
position:relative;
font-family: 'ubuntu', sans-serif;	
}
.icon-left-column .icon-box{
position:absolute;
left:0px;
top:0px;
font-size:36px;
line-height:1.4em;
font-weight:normal;	
}
.icon-left-column .inner-box{
position:relative;
padding-left:60px;
z-index:1;
}
.icon-left-column h3{
text-transform:capitalize;
font-size:17px;
margin-bottom:15px;	
}
.icon-left-column .text{
font-size:14px;
margin-bottom:15px;	
}
.icon-left-column .read-more{
font-size:14px;
text-transform:capitalize;
color:#ffffff;
}
.icon-left-column .read-more .fa{
font-size:12px;
padding-left:5px;	
}
.four-col-fluid .column .overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0.92;	
}
.four-col-fluid .column.blue-theme .overlay{
background:rgba(33,139,213,0.6), url(../images/resource/enterprise-resource-planning.jpg);
background:-moz-linear-gradient(top,rgba(33,139,213,0.6),rgba(17,169,226,0.6)), url(../images/resource/enterprise-resource-planning.jpg);
background:-ms-linear-gradient(top,rgba(33,139,213,0.6),rgba(17,169,226,0.6)), url(../images/resource/enterprise-resource-planning.jpg);
background:-webkit-linear-gradient(top,rgba(33,139,213,0.6),rgba(17,169,226,0.6)), url(../images/resource/enterprise-resource-planning.jpg);
background:-o-linear-gradient(top,rgba(33,139,213,0.6),rgba(17,169,226,0.6)), url(../images/resource/enterprise-resource-planning.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.purple-theme .overlay{
background:rgba(109,57,227,0.6), url(../images/resource/mobile-application-development.jpg);
background:-moz-linear-gradient(top,rgba(109,57,227,0.6),rgba(157,94,220,0.6)), url(../images/resource/mobile-application-development.jpg);
background:-ms-linear-gradient(top,rgba(109,57,227,0.6),rgba(157,94,220,0.6)), url(../images/resource/mobile-application-development.jpg);
background:-webkit-linear-gradient(top,rgba(109,57,227,0.6),rgba(157,94,220,0.6)), url(../images/resource/mobile-application-development.jpg);
background:-o-linear-gradient(top,rgba(109,57,227,0.6),rgba(157,94,220,0.6)), url(../images/resource/mobile-application-development.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.orange-theme .overlay{
background:rgba(219,103,68,0.6), url(../images/resource/barcode-solutions.jpg);
background:-moz-linear-gradient(top,rgba(219,103,68,0.6),rgba(219,164,68,0.6)), url(../images/resource/barcode-solutions.jpg);
background:-ms-linear-gradient(top,rgba(219,103,68,0.6),rgba(219,164,68,0.6)), url(../images/resource/barcode-solutions.jpg);
background:-webkit-linear-gradient(top,rgba(219,103,68,0.6),rgba(219,164,68,0.6)), url(../images/resource/barcode-solutions.jpg);
background:-o-linear-gradient(top,rgba(219,103,68,0.6),rgba(219,164,68,0.6)), url(../images/resource/barcode-solutions.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.green-theme .overlay{
background:rgba(117,184,89,0.6), url(../images/resource/embedded-solutions.jpg);
background:-moz-linear-gradient(top,rgba(117,184,89,0.6),rgba(151,235,95,0.6)), url(../images/resource/embedded-solutions.jpg);
background:-ms-linear-gradient(top,rgba(117,184,89,0.6),rgba(151,235,95,0.6)), url(../images/resource/embedded-solutions.jpg);
background:-webkit-linear-gradient(top,rgba(117,184,89,0.6),rgba(151,235,95,0.6)), url(../images/resource/embedded-solutions.jpg);
background:-o-linear-gradient(top,rgba(117,184,89,0.6),rgba(151,235,95,0.6)), url(../images/resource/embedded-solutions.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.red-theme .overlay{
background:#e17771;
background:-moz-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-ms-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-webkit-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-o-linear-gradient(top,#e17771,rgb(226, 146, 114));
}
.four-col-fluid .column.pink-theme .overlay{
background:#d082cf;
background:-moz-linear-gradient(top,#d082cf,#d082bb);
background:-ms-linear-gradient(top,#d082cf,#d082bb);
background:-webkit-linear-gradient(top,#d082cf,#d082bb);
background:-o-linear-gradient(top,#d082cf,#d082bb);
}
.four-col-fluid .column.grey-theme .overlay{
background:#404040;
background:-moz-linear-gradient(top,#404040,#666);
background:-ms-linear-gradient(top,#404040,#666);
background:-webkit-linear-gradient(top,#404040,#666);
background:-o-linear-gradient(top,#404040,#666);
}
.four-col-fluid .column.light-brown-theme .overlay{
background:rgba(182,33,45,0.8), url(../images/resource/internet-of-things.jpg);
background:-moz-linear-gradient(top,rgba(182,33,45,0.8),rgba(182,33,87,0.8)), url(../images/resource/internet-of-things.jpg);
background:-ms-linear-gradient(top,rgba(182,33,45,0.8),rgba(182,33,87,0.8)), url(../images/resource/internet-of-things.jpg);
background:-webkit-linear-gradient(top,rgba(182,33,45,0.8),rgba(182,33,87,0.8)), url(../images/resource/internet-of-things.jpg);
background:-o-linear-gradient(top,rgba(182,33,45,0.8),rgba(182,33,87,0.8)), url(../images/resource/internet-of-things.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.yellow-theme .overlay{
background:rgba(182,119,33,0.8), url(../images/resource/business-technology-consulting.jpg);
background:-moz-linear-gradient(top,rgba(182,119,33,0.8),rgba(182,144,33,0.8)), url(../images/resource/business-technology-consulting.jpg);
background:-ms-linear-gradient(top,rgba(182,119,33,0.8),rgba(182,144,33,0.8)), url(../images/resource/business-technology-consulting.jpg);
background:-webkit-linear-gradient(top,rgba(182,119,33,0.8),rgba(182,144,33,0.8)), url(../images/resource/business-technology-consulting.jpg);
background:-o-linear-gradient(top,rgba(182,119,33,0.8),rgba(182,144,33,0.8)), url(../images/resource/business-technology-consulting.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.darkgreen-theme .overlay{
background:rgba(35,126,128,0.8), url(../images/resource/web-design-services.jpg);
background:-moz-linear-gradient(top,rgba(35,126,128,0.8),rgba(35,119,128,0.8)), url(../images/resource/web-design-services.jpg);
background:-ms-linear-gradient(top,rgba(35,126,128,0.8),rgba(35,119,128,0.8)), url(../images/resource/web-design-services.jpg);
background:-webkit-linear-gradient(top,rgba(35,126,128,0.8),rgba(35,119,128,0.8)), url(../images/resource/web-design-services.jpg);
background:-o-linear-gradient(top,rgba(35,126,128,0.8),rgba(35,119,128,0.8)), url(../images/resource/web-design-services.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.brown-theme .overlay{
background:rgba(100,68,54,0.8), url(../images/resource/RFID-solutions.jpg);
background:-moz-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8)), url(../images/resource/RFID-solutions.jpg);
background:-ms-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8)), url(../images/resource/RFID-solutions.jpg);
background:-webkit-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8)), url(../images/resource/RFID-solutions.jpg);
background:-o-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8)), url(../images/resource/RFID-solutions.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
}
.four-col-fluid .column.darkblue-theme .overlay{
background:#004181;
background:-moz-linear-gradient(top,#004181,#005181);
background:-ms-linear-gradient(top,#004181,#005181);
background:-webkit-linear-gradient(top,#004181,#005181);
background:-o-linear-gradient(top,#004181,#005181);
}
/***
====================================================================
Three Column Fluid
====================================================================
***/
.three-col-fluid{
position:relative;
width:100%;
}
.three-col-fluid .column{
padding:10px 10px;
color:#ffffff;
width:33.333333%;
float:left;
background:#1d93e5;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.icon-left-column{
position:relative;
font-family: 'ubuntu', sans-serif;	
}
.icon-left-column .icon-box{
position:absolute;
left:0px;
top:0px;
font-size:36px;
line-height:1.4em;
font-weight:normal;	
}
.icon-left-column .inner-box{
position:relative;
padding-left:60px;
z-index:1;
}
.icon-left-column h3{
text-transform:capitalize;
font-size:17px;
margin-bottom:15px;	
}
.icon-left-column .text {
font-weight: 100;
font-size: 13px;
margin-bottom: 15px;
}
.icon-left-column .read-more{
font-size:14px;
text-transform:capitalize;
color:#ffffff;
}
.icon-left-column .read-more .fa{
font-size:12px;
padding-left:5px;	
}
.three-col-fluid .column .overlay{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0.92;	
}
.three-col-fluid .column.blue-theme .overlay{
background:#218bd5;
background:-moz-linear-gradient(top,#218bd5,#11a9e2);
background:-ms-linear-gradient(top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(top,#218bd5,#11a9e2);
background:-o-linear-gradient(top,#218bd5,#11a9e2);
}
.three-col-fluid .column.purple-theme .overlay{
background:#6d39e3;
background:-moz-linear-gradient(top,#6d39e3,#9d5edc);
background:-ms-linear-gradient(top,#6d39e3,#9d5edc);
background:-webkit-linear-gradient(top,#6d39e3,#9d5edc);
background:-o-linear-gradient(top,#6d39e3,#9d5edc);
}
.three-col-fluid .column.orange-theme .overlay{
background:#db6744;
background:-moz-linear-gradient(top,#db6744,#dba444);
background:-ms-linear-gradient(top,#db6744,#dba444);
background:-webkit-linear-gradient(top,#db6744,#dba444);
background:-o-linear-gradient(top,#db6744,#dba444);
}
.three-col-fluid .column.green-theme .overlay{
background:#75b859;
background:-moz-linear-gradient(top,#75b859,#97eb5f);
background:-ms-linear-gradient(top,#75b859,#97eb5f);
background:-webkit-linear-gradient(top,#75b859,#97eb5f);
background:-o-linear-gradient(top,#75b859,#97eb5f);
}
.three-col-fluid .column.red-theme .overlay{
background:#e17771;
background:-moz-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-ms-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-webkit-linear-gradient(top,#e17771,rgb(226, 146, 114));
background:-o-linear-gradient(top,#e17771,rgb(226, 146, 114));
}
.three-col-fluid .column.pink-theme .overlay{
background:#d082cf;
background:-moz-linear-gradient(top,#d082cf,#d082bb);
background:-ms-linear-gradient(top,#d082cf,#d082bb);
background:-webkit-linear-gradient(top,#d082cf,#d082bb);
background:-o-linear-gradient(top,#d082cf,#d082bb);
}
.three-col-fluid .column.grey-theme .overlay{
background:#404040;
background:-moz-linear-gradient(top,#404040,#666);
background:-ms-linear-gradient(top,#404040,#666);
background:-webkit-linear-gradient(top,#404040,#666);
background:-o-linear-gradient(top,#404040,#666);
}
.three-col-fluid .column.light-brown-theme .overlay{
background:#b6212d;
background:-moz-linear-gradient(top,#b6212d,#b62157);
background:-ms-linear-gradient(top,#b6212d,#b62157);
background:-webkit-linear-gradient(top,#b6212d,#b62157);
background:-o-linear-gradient(top,#b6212d,#b62157);
}
.three-col-fluid .column.yellow-theme .overlay{
background:#b67721;
background:-moz-linear-gradient(top,#b67721,#b69021);
background:-ms-linear-gradient(top,#b67721,#b69021);
background:-webkit-linear-gradient(top,#b67721,#b69021);
background:-o-linear-gradient(top,#b67721,#b69021);
}
.three-col-fluid .column.darkgreen-theme .overlay{
background:#237e80;
background:-moz-linear-gradient(top,#237e80,#237780);
background:-ms-linear-gradient(top,#237e80,#237780);
background:-webkit-linear-gradient(top,#237e80,#237780);
background:-o-linear-gradient(top,#237e80,#237780);
}
.three-col-fluid .column.brown-theme .overlay{
background:#644436;
background:-moz-linear-gradient(top,#644436,#645236);
background:-ms-linear-gradient(top,#644436,#645236);
background:-webkit-linear-gradient(top,#644436,#645236);
background:-o-linear-gradient(top,#644436,#645236);
}
.three-col-fluid .column.darkblue-theme .overlay{
background:#004181;
background:-moz-linear-gradient(top,#004181,#005181);
background:-ms-linear-gradient(top,#004181,#005181);
background:-webkit-linear-gradient(top,#004181,#005181);
background:-o-linear-gradient(top,#004181,#005181);
}
/*** 
====================================================================
Features Section
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:0px;	
}
.sec-title h3{
font-size:16px;
text-transform:capitalize;
margin-bottom:0px;
color:#576c85;	
}
.sec-title h2{
font-size:28px;
text-transform:capitalize;
margin-bottom:0px;
color:#3e5773;	
}
.sec-title .slices{
position:relative;
}
.sec-title .slices .slice{
position:relative;
display:inline-block;
width:18px;
height:3px;
background:#d4dde8;
margin:0px 5px;	
}
.features-section{
position:relative;
background:#fff url(../images/background/diagonal.png);
width:100%;
padding:30px 0px 30px;
}
.features-section.style-two{
background:linear-gradient(rgba(33,139,213,0.90),rgba(17,169,226,0.90)), url(../images/resource/about.jpg) 100% 100% no-repeat;
background-size: cover;
padding:20px 0px;
text-align:center;	
}
.features-section.style-two .sec-title h3,
.features-section.style-two .sec-title h2{
color:#ffffff;
}
.features-section.style-two .sec-title .slices .slice{
background:rgba(255,255,255,0.50);	
}
.features-section .bigger-image{
position:relative;
text-align:center;
margin-bottom:80px;	
}
.features-section .bigger-image img{
position:relative;
display:inline-block;
max-width:100%;	
}
.features-section .column{
position:relative;
margin-bottom:20px;
}
.default-icon-column{
padding-left: 13px;
position: relative;
font-family: 'ubuntu', sans-serif;
padding-right: 13px;
}
.default-icon-column .icon-box{
position:relative;
font-size:32px;
line-height:1em;
font-weight:normal;
margin-bottom:12px;
color:#1d93e5;
}
.default-icon-column .inner-box{
position:relative;
}
.features-section.style-two .default-icon-column{
padding:0px !important;
margin:0px;	
}
.features-section.style-two .default-icon-column .inner-box{
position:relative;
padding:15px;
color:#ffffff;
background:rgb(45, 132, 191);
}
.features-section.style-two .default-icon-column:nth-child(2n+2) .inner-box{
background:rgba(48,141,204,0.7);
}
.features-section.style-two .default-icon-column .icon-box,
.features-section.style-two .default-icon-column h3,
.features-section.style-two .default-icon-column .text{
color:#ffffff;	
}
.features-section.default-section.with-padding {
padding: 20px 0px 0px 0px;
}
.features-section.style-two .default-icon-column .icon-box{
margin-bottom:20px;
font-size:42px;
line-height:50px;
}
.default-icon-column h3{
color:#3e5773;
text-transform:capitalize;
font-size:16px;
margin-bottom:10px;	
}
.default-icon-column .text{
font-size:13px;
color:#576c85;
}
.default-icon-column1{
position:relative;
font-family: 'Ubuntu';	
}
.default-icon-column1 .icon-box{
position:relative;
font-size:32px;
line-height:1em;
font-weight:normal;
margin-bottom:12px;
color:#1d93e5;
}
.default-icon-column1 .inner-box{
position:relative;
}
.features-section.style-two .default-icon-column1{
padding:0px !important;
margin:0px;	
}
.features-section.style-two .default-icon-column1 .inner-box{
position:relative;
padding:15px;
color:#ffffff;
background:rgba(48,141,204,0.7);
}
.features-section.style-two .default-icon-column1:nth-child(2n+2) .inner-box{
background:rgb(45, 132, 191);
}
.features-section.style-two .default-icon-column1 .icon-box,
.features-section.style-two .default-icon-column1 h3,
.features-section.style-two .default-icon-column1 .text{
color:#ffffff;	
}
.features-section.style-two .default-icon-column1 .icon-box{
margin-bottom:20px;
font-size:42px;
line-height:50px;
}
.default-icon-column h3{
color:#3e5773;
text-transform:capitalize;
font-size:17px;
margin-bottom:10px;	
}
.default-icon-column .text{
font-size:13px;
color:#777777;
margin-bottom: 10px;
text-align: center;
}
.default-section{
position:relative;
}
.default-section.with-padding{
padding:20px 0px;
}
.default-section .default-content{
position:relative;
padding:70px 0px 80px;
border-top:0px solid #fff;	
}
.default-section .default-content h2{
font-size:28px;
color:#3e5773;
margin-bottom:15px;	
}
.default-section .default-content .text{
font-size:14px;
color:#3e5773;
margin-bottom:40px;	
}
.default-section .default-content .theme-btn{
margin:0px 7px 10px;	
}
/*** 
====================================================================
Skills Section
====================================================================
***/
.skills-section{
position:relative;
padding:80px 0px;	
}
.skills-section .image-layer{
position:absolute;
width:50%;
height:100%;
top:0px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat;	
}
.skills-section .image-layer.left-image-layer{
left:0px;	
}
.skills-section .image-layer.left-image-layer:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#218bd5;
background:-moz-linear-gradient(left top,#218bd5,#11a9e2);
background:-ms-linear-gradient(left top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(left top,#218bd5,#11a9e2);
background:-o-linear-gradient(left top,#218bd5,#11a9e2);
opacity:0.90;	
}
.skills-section .image-layer.right-image-layer{
right:0px;	
}
.skills-section .auto-container{
position:relative;
z-index:1;	
}
.skills-section .sec-title{
margin-bottom:40px;	
}
.skills-section .sec-title h3,
.skills-section .sec-title h2{
color:#ffffff;
}
.skills-section.style-two:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(244,245,249,0.90);	
}
.skills-section.style-two .sec-title{
position:relative;
margin-bottom:50px;
}
.skills-section.style-two .sec-title h3{
color:#576c85;	
}
.skills-section.style-two .sec-title h2{
color:#3e5773;	
}
.skills-section .content-container{
position:relative;
padding:50px 50px 20px;
background:#ffffff;
border-radius:2px;
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);	
}
.skills-section .content-column{
position:relative;
margin-bottom:30px;	
}
.skills-section .content-column .inner-box{
padding-right:20px;	
}
.skills-section .content-column h3{
font-size:20px;
margin-bottom:15px;
}
.skills-section .content-column .text{
position:relative;
margin-bottom:20px;
font-size:13px;
}
.skills-section .content-column .read-more{
font-size:13px;
text-transform:capitalize;
color:#3e5773;
}
.skills-section .content-column .read-more .fa{
font-size:12px;
padding-left:5px;	
}
/*** 
====================================================================
Progress Levels Section
====================================================================
***/
.progress-levels{
position:relative;
}
.normal-section .column .progress-levels{
padding-left:15px;	
}
.progress-levels .progress-box{
position:relative;
margin-bottom:30px;
overflow:hidden;	
}
.member-details .progress-levels .progress-box{
margin-bottom:40px;	
}
.member-details .progress-levels .progress-box:last-child{
margin-bottom:0px;	
}
.about-myself .progress-levels .progress-box:last-child{
margin-bottom:30px;	
}
.progress-levels .progress-box .box-title{
position:relative;
font-size:14px;
color:#3e5773;
text-transform:capitalize;
margin-bottom:15px;
font-family:'Ubuntu';
}
.progress-levels .progress-box .bar{
position:relative;
height:24px;	
}
.progress-levels .progress-box .bar .bar-innner{
position:relative;
left:0px;
top:0px;
width:100%;
height:24px;
background:#f0f3f7;
border-radius:12px;
}
.progress-levels .progress-box .bar .bar-fill{
position:absolute;
left:-100%;
top:0px;
width:0px;
height:24px;
border-radius:12px;
background:#218bd5;
background:-moz-linear-gradient(left top,#218bd5,#11a9e2);
background:-ms-linear-gradient(left top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(left top,#218bd5,#11a9e2);
background:-o-linear-gradient(left top,#218bd5,#11a9e2);
transition:all 2000ms ease 300ms;
-moz-transition:all 2000ms ease 300ms;
-webkit-transition:all 2000ms ease 300ms;
-ms-transition:all 2000ms ease 300ms;
-o-transition:all 2000ms ease 300ms;
}
.progress-levels .progress-box.animated .bar .bar-fill{
left:0px;	
}
.progress-levels .progress-box .percent{
position:absolute;
left:0px;
width:100%;
text-align:center;
letter-spacing:1px;
font-size:13px;
color:#ffffff !important;
line-height:24px;
opacity:0;
transition:all 2000ms ease 700ms;
-moz-transition:all 2000ms ease 700ms;
-webkit-transition:all 2000ms ease 700ms;
-ms-transition:all 2000ms ease 700ms;
-o-transition:all 2000ms ease 700ms;
}
.progress-levels .progress-box.animated .percent{
opacity:1;	
}
/*** 
====================================================================
Gallery Sections
====================================================================
***/
.gallery-section{
position:relative;
padding:20px 0px 40px 0px;
background:url(../images/background/diagonal.png);
}
.gallery-section .sec-title{
margin-bottom:20px;	
}
.gallery-section .filters{
position:relative;
text-align:center;
margin-bottom:50px;
}
.gallery-section .filters li{
position:relative;
display:inline-block;
padding:2px 25px;
line-height:24px;
border-radius:16px;
color:#576c85;
cursor:pointer;
text-transform:capitalize;
font-size:14px;
font-weight:400;
margin:0px 5px 10px;
border:2px solid rgba(0,0,0,0);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-section .filters li:hover,
.gallery-section .filters li.active{
color:#1d93e5;
border-color:#1d93e5;	
}
.default-portfolio-item{
position:relative;
margin-bottom:30px;
}
.default-portfolio-item.mix{
display:none;
}
.fullwidth .default-portfolio-item{
padding:0px !important;
margin:0px;	
}
.default-portfolio-item .inner-box{
position:relative;
overflow:hidden;	
}
.default-portfolio-item .inner-box .image{
position:relative;
display:block;
width:100%;	
}
.default-portfolio-item .inner-box .image img{
position:relative;
display:block;
width:100%;	
min-height: 180px;
}
.gallery-section .default-portfolio-item .inner-box .image img {
    position: relative;
    display: block;
    width: 100%;
    height: 180px;
}
.portfolioDetails {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 15px;
    padding: 15px;
}
.portfolioDetails h3 a {
    color: #404040;
    font-size: 30px;
    font-weight: 700;
}
.potCategory {
    text-align: center;
    padding-bottom: 0px;
}
.potCategory a {
    font-weight: 400;
    color: #de3c2f;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
}
.potCategory span {
    display: inline-block;
    padding-right: 2px;
}
.default-portfolio-item .overlay-box{
position:absolute;
left:0px;
top:-100%;
padding:20px;
width:100%;
height:100%;
text-align:center;	
background:rgba(33,139,213,0.90);
background:-moz-linear-gradient(top,rgba(8,115,189,0.90),rgba(17,169,226,0.90));
background:-ms-linear-gradient(top,rgba(8,115,189,0.90),rgba(17,169,226,0.90));
background:-webkit-linear-gradient(top,rgba(8,115,189,0.90),rgba(17,169,226,0.90));
background:-o-linear-gradient(top,rgba(8,115,189,0.90),rgba(17,169,226,0.90));
opacity:0;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.default-portfolio-item:hover .overlay-box{
top:0px;
opacity:1;	
}
.default-portfolio-item .overlay-box .content-box{
position:absolute;
left:0px;
top:0px;
display:table;
width:100%;
height:100%;
vertical-align:middle;
}
.default-portfolio-item .overlay-box .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.default-portfolio-item .overlay-box h3{
position:relative;
font-size:14px;
color:rgba(255,255,255,0.90);
margin-bottom:10px;
font-family:'Ubuntu';
}
.default-portfolio-item .overlay-box h3 a{
color:rgba(255,255,255,0.90);
}
.default-portfolio-item .overlay-box h3 a:hover{
color:rgba(255,255,255,1);
}
.default-portfolio-item .overlay-box a{
color:#ffffff;	
}
.default-portfolio-item .overlay-box a:hover{
color:#f1f1f1;	
}
.default-portfolio-item .zoom-btn{
position:relative;
display:inline-block;
font-size:32px;
line-height:40px;
margin-top:20px;
opacity:0.80;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;	
}
.default-portfolio-item .zoom-btn:hover{
color:#ffffff;
opacity:1;
}
.default-portfolio-item .line-left{
position:absolute;
left:0px;
top:0px;
width:5px;
height:0%;
border-right:5px solid rgba(255,255,255,0.70);
}
.default-portfolio-item .line-bottom{
position:absolute;
left:0px;
bottom:0px;
width:0%;
height:5px;
border-bottom:5px solid rgba(255,255,255,0.70);
}
.default-portfolio-item .line-right{
position:absolute;
right:0px;
bottom:0px;
width:5px;
height:0%;
border-left:5px solid rgba(255,255,255,0.70);		
}
.default-portfolio-item .line-top{
position:absolute;
right:0px;
top:0px;
width:0%;
height:5px;
border-top:5px solid rgba(255,255,255,0.70);	
}
.default-portfolio-item .inner-box:hover .line-left{
height:100%;
transition:all 300ms ease 500ms;
-moz-transition:all 300ms ease 500ms;
-webkit-transition:all 300ms ease 500ms;
-ms-transition:all 300ms ease 500ms;
-o-transition:all 300ms ease 500ms;	
}
.default-portfolio-item .inner-box:hover .line-bottom{
width:100%;
transition:all 300ms ease 800ms;
-moz-transition:all 300ms ease 800ms;
-webkit-transition:all 300ms ease 800ms;
-ms-transition:all 300ms ease 800ms;
-o-transition:all 300ms ease 800ms;		
}
.default-portfolio-item .inner-box:hover .line-right{
height:100%;
transition:all 300ms ease 1100ms;
-moz-transition:all 300ms ease 1100ms;
-webkit-transition:all 300ms ease 1100ms;
-ms-transition:all 300ms ease 1100ms;
-o-transition:all 300ms ease 1100ms;	
}
.default-portfolio-item .inner-box:hover .line-top{
width:100%;
transition:all 300ms ease 1400ms;
-moz-transition:all 300ms ease 1400ms;
-webkit-transition:all 300ms ease 1400ms;
-ms-transition:all 300ms ease 1400ms;
-o-transition:all 300ms ease 1400ms;
}
/*** 
====================================================================
Testimonials Section
====================================================================
***/
.testimonials-section{
position:relative;
padding: 20px 0px 10px;
color:#ffffff;
background:#218bd5;
background:-moz-linear-gradient(left top,#218bd5,#11a9e2);
background:-ms-linear-gradient(left top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(left top,#218bd5,#11a9e2);
background:-o-linear-gradient(left top,#218bd5,#11a9e2);
}
.testimonials-section.light-theme{
background:#ffffff;	
}
.testimonials-style-two{
padding:80px 0px 60px;	
}
.testimonials-style-one .sec-title{
margin-bottom:0px;	
}
.testimonials-section .sec-title h3,
.testimonials-section .sec-title h2{
color:#ffffff;
}
.testimonials-section.light-theme .sec-title h3{
color:#576c85;	
}
.testimonials-section.light-theme .sec-title h2{
color:#3e5773;	
}
.testimonials-style-one .testimonials-slider .slide-item{
padding-top:20px;
background:url(../images/icons/icon-quote.png) left 80px no-repeat;	
}
.testimonials-style-one.testimonials-section.light-theme .testimonials-slider .slide-item{
background:url(../images/icons/icon-quote-2.png) left 60px no-repeat;	
}
.testimonials-style-two .testimonials-slider .slide-item{
padding-top:65px;
background:url(../images/icons/icon-quote.png) left 0px no-repeat;	
}
.testimonials-style-two.testimonials-section.light-theme .testimonials-slider .slide-item{
background:url(../images/icons/icon-quote-2.png) left 0px no-repeat;	
}
.testimonials-section .testimonials-slider .slide-text{
position:relative;
font-size:14px;
line-height:2em;
margin-bottom:30px;	
}
.testimonials-section.light-theme .testimonials-slider .slide-item{
color:#576c85;	
}
.testimonials-section .testimonials-slider .slide-item .slide-info{
position:relative;
padding-left:30px;	
}
.testimonials-section .testimonials-slider .slide-item .slide-info:before{
content:'';
position:absolute;
left:0px;
top:11px;
width:20px;
height:2px;
background:#ffffff;	
}
.testimonials-section.light-theme .testimonials-slider .slide-item .slide-info:before{
background:#1d93e5;	
}
.testimonials-section .testimonials-slider .slide-item .author-title{
font-size:16px;
line-height:24px;
margin-bottom:5px;	
}
.testimonials-section .testimonials-slider .slide-item .designation{
font-size:13px;
line-height:20px;
}
.testimonials-section .bx-controls{
position:relative;
padding-top: 20px;	
}
.testimonials-style-two .bx-controls{
display:none;
}
.testimonials-section .bx-controls .bx-prev,
.testimonials-section .bx-controls .bx-next{
font-size:14px;
color:rgba(255,255,255,0.75);
margin:0px 15px 0px 0px;
}
.testimonials-section .bx-controls .bx-prev:hover,
.testimonials-section .bx-controls .bx-next:hover{
color:#ffffff;	
}
.testimonials-style-one .testimonials-pager{
position:relative;
width:360px;
height:330px;
margin:0 auto;	
}
.testimonials-style-one .testimonials-pager:before{
content:'';
position:absolute;
left:150px;
top:120px;
width:90px;
height:90px;
border:6px solid #60b3e4;
background:#fff url(../images/tree.png) center center no-repeat;
background-size: 60% !important;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;	
}
.testimonials-style-one .testimonials-pager .pager{
position:absolute;
width:100px;
height:100px;
background:#ffffff;
text-align:center;
color:#202020;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
-webkit-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
z-index:1;
}
.testimonials-style-one .testimonials-pager .pager:nth-child(1){
left: 90px;
top: 0px;	
}
.testimonials-style-one .testimonials-pager .pager:nth-child(2){
right: 60px;
top: 0px;	
}
.testimonials-style-one .testimonials-pager .pager:nth-child(3){
right: 0px;
top: 95px;	
}
.testimonials-style-one .testimonials-pager .pager:nth-child(4){
right: 60px;
bottom: 0px;	
}
.testimonials-style-one .testimonials-pager .pager:nth-child(5){
left: 90px;
bottom: 0px;	
}
.testimonials-style-one .testimonials-pager .pager:nth-child(6){
left: 30px;
top: 95px;	
}
.testimonials-style-one .testimonials-pager .pager:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:rgba(255,255,255,0.30);
border-radius:50%;
opacity:0;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;	
}
.testimonials-style-one .testimonials-pager .pager .image,
.testimonials-style-one .testimonials-pager .pager .image img{
position:relative;
display:block;
width:100%;
z-index:1;
}
.testimonials-style-one .testimonials-pager .pager.active:before{
opacity:1;
transform:scale(1.1,1.1);
}
.testimonials-style-two .testimonials-pager{
position:relative;
margin-left:-10px;
margin-right:-10px;
padding-right:30px;
}
.testimonials-style-two .testimonials-pager .pager{
position:relative;
float:left;
width:33.333%;
padding:0px 10px;
margin:0px 0px 20px;
text-align:center;
overflow:hidden;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
border-radius:3px;
z-index:1;
}
.testimonials-style-two .testimonials-pager .pager img{
display:block;
width:100%;	
border-radius:3px;
}
/*** 
====================================================================
Team Section Style
====================================================================
***/
.team-section{
position:relative;
padding:30px 0px 0px;
}
.team-section .sec-title .slices .slice{
background:#fff;
}
.team-member{
position:relative;
margin-bottom:30px;	
}
.team-member .inner-box{
position:relative;
display:block;
max-width:500px;
background:#ffffff;
margin:0 auto;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;		
}
.team-member .inner-box:hover{
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175);	
}
.team-member .image-box{
position:relative;
}
.team-member .image-box img{
max-height: 200px;
display:block;
width:100%;	
}
.team-member .content-box{
position:relative;
padding:10px 15px 10px 15px;
}
.team-member .content-box h3{
font-size:16px;
text-transform:capitalize;
margin-bottom:8px;
color:#3e5773;
}
.team-member .content-box .designation{
font-size:13px;
text-transform:capitalize;
margin-bottom:15px;
color:#576c85;
}
.team-member .content-box .text{
min-height: 120px;
position:relative;
font-size:13px;
line-height:1.9em;
text-align:justify;	
}
.team-member .social-links{
position:relative;
display:table;
width:100%;
text-align:center;
vertical-align:middle;
border-top:1px solid #1d93e5;	
}
.team-member .social-links a{
position:relative;
display:table-cell;
line-height:24px;
font-size:16px;
color:#576c85;
padding:10px;
border-right:1px solid #f4f5f9;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.team-member .social-links a:before{
content:'';
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
background:#218bd5;
background:-moz-linear-gradient(top,#218bd5,#11a9e2);
background:-ms-linear-gradient(top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(top,#218bd5,#11a9e2);
background:-o-linear-gradient(top,#218bd5,#11a9e2);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.team-member .social-links a:hover:before{
opacity:1;	
}
.team-member .social-links a:hover{
color:#ffffff;
border-color:#218bd5;	
}
.team-member .social-links a span{
position:relative;
z-index:1;	
}
.team-member .social-links a:last-child{
border-right:none;	
}
/*** 
====================================================================
Tabs Section Style
====================================================================
***/
.tabs-section{
position:relative;
}
.tabs-section .outer-container{
position:relative;
}
.tabs-section .tab-buttons{
position:relative;
display:table;
vertical-align:middle;
width:100%;
background:#218bd5;
background:-moz-linear-gradient(top,#218bd5,#11a9e2);
background:-ms-linear-gradient(top,#218bd5,#11a9e2);
background:-webkit-linear-gradient(top,#218bd5,#11a9e2);
background:-o-linear-gradient(top,#218bd5,#11a9e2);
border:1px solid #e9e9e9;
}
.tabs-section .tab-buttons .tab-btn{
position:relative;
display:table-cell;
vertical-align:middle;
padding:12px 15px;
line-height:26px;
color:#3e5773;
background:#ffffff;
text-align:center;
font-size:14px;
border-right:1px solid #e9e9e9;
text-transform:capitalize;
font-weight:400;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.tabs-section .tab-buttons .tab-btn:last-child{
border:none;	
}
.tabs-section .tab-buttons .tab-btn:hover,
.tabs-section .tab-buttons .tab-btn.active-btn{
color:#ffffff;
background:none;
border-color:#1d93e5;
}
.tabs-box{
position:relative;
background:#ffffff;
}
.tabs-box .tab-content{
padding:50px 0px 0px;	
}
.bg-lightgrey .tabs-box .tab-content{
padding:50px 30px;	
}
.tabs-box .tab-content .tab{
position:relative;
display:none;
top:20px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.tabs-box .tab-content .tab.active-tab{
display:block;
top:0px;	
}
.tabs-section .image-column{
position:relative;	
}
.tabs-section .content-column{
position:relative;	
}
.tabs-section .image-column .image-box{
position:relative;
width:100%;	
}
.tabs-section .image-column .image-box img{
position:relative;
display:block;
width:100%;	
}
.tabs-section .image-column .image-box .over-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
border:10px solid transparent;	
}
.tabs-section .image-column .image-box .left-layer{
position:absolute;
left:0px;
top:0px;
width:30px;
height:100%;
border:1px solid #ffffff;
border-right:none;	
}
.tabs-section .image-column .image-box .right-layer{
position:absolute;
right:0px;
top:0px;
width:30px;
height:100%;
border:1px solid #ffffff;
border-left:none;	
}
.tabs-section .tab .content-column{
padding-right:80px;	
}
.tabs-section .tab .content-column h3{
font-size:20px;
text-transform:capitalize;
margin-bottom:20px;
line-height:30px;
color:#3e5773;	
}
.tabs-section .tab .content-column .text{
font-size:13px;	
}
.tabs-section .tab .content-column .text p{
margin-bottom:15px;
line-height:1.9em;	
}
/*** 
====================================================================
Pricing Section Style
====================================================================
***/
.pricing-section{
position:relative;
padding:80px 0px 50px;
}
.pricing-table{
position:relative;
margin-bottom:30px;
}
.pricing-table .inner-box{
position:relative;
top:0px;
background:#ffffff;
border:1px solid #f4f5f9;
border-radius:5px;
overflow:hidden;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;	
}
.pricing-table .inner-box:hover{
top:-12px;
-webkit-transform:scale(1.05,1.05);	
-ms-transform:scale(1.05,1.05);	
-o-transform:scale(1.05,1.05);	
-moz-transform:scale(1.05,1.05);
transform:scale(1.05,1.05);	
}
.pricing-table .table-header{
position:relative;
padding:30px 20px 20px;
text-align:center;
background:#1c95e6;
color:#ffffff;	
}
.pricing-table .table-header .price{
position:relative;
font-size:36px;
letter-spacing:2px;
text-transform:uppercase;
line-height:50px;	
}
.pricing-table .table-header .title{
position:relative;
font-size:15px;
text-transform:capitalize;
left:1px;	
}
.pricing-table .table-header .icon-left{
position:absolute;
left:10px;
top:10px;
line-height:40px;
font-size:36px;	
}
.pricing-table .table-header .icon-right{
position:absolute;
right:10px;
top:10px;
line-height:40px;
font-size:36px;	
}
.pricing-table .table-content{
position:relative;
padding:15px 20px;
text-align:center;
font-size:13px;
text-transform:capitalize;	
}
.pricing-table .table-content li{
line-height:24px;
padding:10px 0px;
border-bottom:1px dashed #e9e9e9;
color:#576c85;	
}
.pricing-table .table-content li:last-child{
border:none;	
}
.pricing-table .table-footer{
position:relative;
padding:20px 20px;
background:#1c95e6;
text-align:center;	
}
.pricing-table .table-footer .theme-btn{
padding:8px 35px;
border-radius:21px;	
}
/*** 
====================================================================
Fact Counter Section
====================================================================
***/
.fact-counter-section{
position:relative;
padding:80px 0px 50px;
color:#ffffff;
background:#218bd5;
background:-moz-linear-gradient(left,#218bd5,#11a9e2);
background:-ms-linear-gradient(left,#218bd5,#11a9e2);
background:-webkit-linear-gradient(left,#218bd5,#11a9e2);
background:-o-linear-gradient(left,#218bd5,#11a9e2);
}
.fact-counter-section .sec-title{
margin-bottom:25px;	
}
.fact-counter-section .sec-title h3,
.fact-counter-section .sec-title h2{
color:#ffffff;
}
.fact-counter-section .column{
position:relative;
margin-bottom:30px;	
}
.fact-counter-section .content-column{
padding-right:50px;	
}
.fact-counter-section .content-column .text{
margin-bottom:30px;	
}
.facts-column .inner-box{
position:relative;
border:1px dashed rgba(255,255,255,0.30);
}
.facts-column .counter-column{
position:relative;
float:left;
width:50%;
padding:40px 10px 40px 114px;
border:1px dashed rgba(255,255,255,0.30);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.facts-column .counter-column .icon-box{
position:absolute;
left:30px;
top:40px;
height:74px;
width:74px;
border:2px solid #ffffff;
text-align:center;
background:#ffffff;
color:#1d93e5;
font-size:32px;
line-height:70px;
-ms-border-radius:50%;
border-radius:50%;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.facts-column .counter-column:hover .icon-box{
background:none;
border-color:#ffffff;
color:#ffffff;
}
.facts-column .counter-column .count-outer{
font-size:42px;
line-height:50px;	
}
.facts-column .counter-column .title{
font-size:15px;
line-height:20px;	
}
/*** 
====================================================================
Blog Section Style
====================================================================
***/
.blog-section{
position:relative;
padding:80px 0px 40px;
}
.blog-section .blog-post{
position:relative;
margin-bottom:40px;	
}
.blog-post .inner-box{
position:relative;
display:block;
background:#ffffff;
margin:0 auto;	
}
.blog-post .image-box{
position:relative;
}
.blog-post .image-box img{
display:block;
width:100%;	
}
.blog-post .inner-box .date{
position:absolute;
left:0px;
bottom:0px;
line-height:24px;
font-size:10px;
background:#27343e;
color:#ffffff;
letter-spacing:1px;
padding:1px 10px;	
}
.classic-view .blog-post .inner-box .date{
bottom:auto;
left:10px;
top:10px;
background:#1d93e5;
padding:10px 20px;
font-size:16px;
line-height:24px;
text-align:center;
font-weight:400;
text-transform:uppercase;
border-radius:3px;
}
.classic-view .blog-post .inner-box .date .day{
font-size:28px;
line-height:32px;
display:block;
margin-bottom:3px;	
}
.blog-post .content-box{
position:relative;
padding:15px 0px 20px;	
}
.blog-post .content-box .post-cat{
position:relative;
font-size:13px;
text-transform:capitalize;
color:#576c85;
padding-left:25px;
margin-bottom:10px;	
}
.blog-post .content-box .post-cat a{
color:#576c85;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.blog-post .content-box .post-cat:before{
content:'';
position:absolute;
left:0px;
top:50%;
margin-top:-1px;
height:2px;
width:15px;
border-bottom:2px solid #1d93e5;	
}
.blog-post .content-box h3{
font-size:16px;
text-transform:capitalize;
margin-bottom:10px;
color:#3e5773;
}
.classic-view .blog-post .content-box h3{
font-size:20px;
margin-bottom:12px;
}
.blog-post .content-box h3 a{
color:#3e5773;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.blog-post .content-box .text{
position:relative;
font-size:13px;
line-height:1.42857143;
color:#576c85;	
}
.blog-post .post-info{
position:relative;
padding:8px 15px;
background:#f4f5f9;
color:#888888;
line-height:24px;
font-size:12px;
}
.blog-post .post-info a{
color:#27343e;
text-transform:capitalize;
line-height:24px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.blog-post .post-info .featured .icon{
font-size:16px;
line-height:24px;	
}
.blog-post .post-info a:hover,
.blog-post .content-box h3 a:hover{
color:#1d93e5;	
}
.blog-post .content-box .images-container .image-column{
padding:0px !important;
margin-bottom:20px;	
}
.blog-post .content-box .images-container .image img{
display:block;
width:100%;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.blog-post .content-box .images-container .image img:hover{
opacity:0.75;	
}
.blog-details .blog-post .content-box p{
margin-bottom:20px;	
}
.blog-section.blog-details .blog-post{
border-bottom:1px solid #fff;	
}
.styled-list {
position: relative;
}
.styled-list li {
position: relative;
line-height: 24px;
margin-bottom: 8px;
padding-left: 25px;
font-size:13px;
}
.styled-list li:before {
content: "\f178";
font-family:'FontAwesome';
color:#1d93e5;
left: 0;
top:0px;
line-height:24px;
font-size:12px;
position: absolute;
}
.blog-section blockquote{
position:relative;
padding:20px 25px;
font-size:14px;
line-height:2em;
font-weight:normal;
color:#3e5773;
background:#f4f5f9;
border-left-color:#1d93e5;
margin:20px 0px !important;
}
/*** 
====================================================================
Newsletter Section
====================================================================
***/
.index-newsletter.newsletter-section{
position: relative;
padding: 20px 0px;
background: #fff;
}
.index-newsletter.newsletter-section .sec-title{
margin-bottom:0px;	
}
.index-newsletter.newsletter-section .sec-title .slices .slice{
background:rgb(62, 87, 123);	
}
.index-newsletter.newsletter-section .sec-title h3,
.index-newsletter.newsletter-section .sec-title h2{
color:rgb(62, 87, 123);
}
.index-newsletter.newsletter-section .newsletter-form{
position:relative;
margin:0 auto;	
}
.index-newsletter.newsletter-section .newsletter-form .form-group{
position:relative;
margin-bottom:0px;	
}
.newsletter-section{
position:relative;
padding:20px 0px;
background:#1d93e5;
color:#ffffff;	
}
.newsletter-section .sec-title{
margin-bottom:0px;	
}
.newsletter-section .sec-title h3,
.newsletter-section .sec-title h2{
color:#ffffff;
}
.newsletter-section .sec-title .slices .slice{
background:rgba(255,255,255,0.40);	
}
.newsletter-section .newsletter-form{
position:relative;
margin:0 auto;	
}
.newsletter-section .newsletter-form .form-group{
position:relative;
margin-bottom:0px;	
}
.newsletter-section .newsletter-form .form-group input[type="text"],
.newsletter-section .newsletter-form .form-group input[type="email"],
.newsletter-section .newsletter-form .form-group input[type="url"]{
position:relative;
display:block;
width:100%;
background:none;
color:#ffffff;
font-size:14px;
line-height:24px;
padding:12px 100px 12px 20px;
border:2px solid rgba(255,255,255,0.50);
height:52px;
border-radius:5px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.newsletter-section .newsletter-form .form-group input[type="text"]:focus,
.newsletter-section .newsletter-form .form-group input[type="email"]:focus,
.newsletter-section .newsletter-form .form-group input[type="url"]:focus{
border-color:#1d93e5;	
}
.newsletter-section .newsletter-form .form-group button,
.newsletter-section .newsletter-form .form-group input[type="submit"]{
position:absolute;
right:0px;
top:0px;
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
background:#1d93e5;
border-radius:0px 5px 5px 0px;
line-height:24px;
padding:14px 20px;
height:52px;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
/*** 
====================================================================
Info Section
====================================================================
***/
.info-section{
position:relative;
padding:0px 0px;
background:#27343e;
color:#ffffff;	
}
.info-section .sec-title{
margin-bottom:50px;	
}
.info-section .sec-title h3,
.info-section .sec-title h2{
color:#ffffff;
}
.info-section .sec-title .slices .slice{
background:rgba(255,255,255,0.40);	
}
.info-section .info-column{
position:relative;
padding:20px 30px !important;
background:#27343e;	
}
.info-section .info-column:nth-child(2n+2){
background:#2e3d49;	
}
.info-section .info-column .info-box{
position:relative;
text-align:center;	
}
.info-section .info-column .info-box .icon-box{
position:relative;
margin:0 auto 20px;
border:2px solid #ffffff;
width:74px;
height:74px;
font-size:26px;
line-height:70px;
text-align:center;
border-radius:50%;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.info-section .info-column .info-box:hover .icon-box{
color:#1d93e5;
border-color:#1d93e5;	
}
.info-section .info-column .info-box ul{
position:relative;
font-size:13px;
font-family:'Open Sans';	
}
.info-section .info-column .info-box ul li{
line-height:24px;	
}
/*** 
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-section{
position:relative;
padding:0px;
color:#ffffff;
overflow:hidden;
background:#fff;
background:-moz-linear-gradient(top,#fff,#fff);
background:-ms-linear-gradient(top,#fff,#fff);
background:-webkit-linear-gradient(top,#fff,#fff);
background:-o-linear-gradient(top,#fff,#fff);
border-top: 0.11px solid #e1e1e1;	
}
.sponsors-section .sponsors-slider img{
display:inline-block;
max-width:100% !important;
width:auto !important;
height:auto !important;
opacity:0.70;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sponsors-section .sponsors-slider img:hover{
opacity:1;	
}
.sponsors-section .sponsors-slider .owl-stage-outer{
overflow:visible !important;	
}
.sponsors-section .sponsors-slider .owl-item{
text-align:center;
opacity:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.sponsors-section .sponsors-slider .owl-item.active{
opacity:1;	
}
.sponsors-section .owl-controls{
display:none !important;	
}
/*** 
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
color:#e9e9e9;
background:#162337;
font-size:13px;
}
.main-footer .footer-upper{
position:relative;
padding:20px 0px 0px;
}
.main-footer .footer-upper .column{
position:relative;
}
.footer-upper .column h2 {
    position: relative;
    font-size: 12px;
    line-height: 0.25;
    padding: 0px 0px 12px;
    margin-bottom: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #878787;
}
.footer-upper .column h2:after{
content:'';
position:absolute;
left:0px;
bottom:0px;
width:30px;
height:1px;
background:#51ce33;
}
.main-footer .about-widget .text{
font-size:12px;
}
.main-footer .footer-upper a{
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
color:#e9e9e9;
font-size: 11px;
}
.main-footer .footer-upper a:hover{
color:#1d93e5;	
}
.footer-upper .links-widget li{
position:relative;
margin-bottom:7px;
}
.footer-upper .links-widget li a{
position:relative;
display:block;
font-size:11px;
color:#e9e9e9;
line-height:15px;
}
.social-links a{
position:relative;
display:inline-block;
font-size:13px;
width:32px;
height:32px;
line-height:28px;
border:2px solid #dadada;
text-align:center;
background:none;
margin-right:8px;
color:#dadada;
}
.footer-upper .social-links a:hover{
color:#ffffff;
background:#1d93e5;
border-color:#1d93e5;	
}
.footer-upper .hours-list li{
color:rgba(255,255,255,0.85);
line-height:24px;
margin-bottom:15px;
}
.main-footer .tags-widget .link{
position:relative;
display:inline-block;
line-height:24px;
padding:7px 14px;
border:1px solid #dadada;
color:#dadada;
text-transform:capitalize;
margin:0px 3px 10px 0px;	
}
.main-footer .tags-widget .link:hover{
background:#1d93e5;
color:#ffffff;
border-color:#1d93e5;	
}
.main-footer .newsletter-form button{
display:block;
width:100%;
margin:0px;
padding:8px 30px;
font-size:14px;
text-transform:capitalize;	
}
.footer-upper .gallery-widget{
position:relative;
}
.footer-upper .gallery-widget .image{
position:relative;
float:left;
width:33.333%;
padding:0px 10px 8px 0px;	
}
.footer-upper .gallery-widget .image img{
position:relative;
display:block;
width:100%;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;	
}
.footer-upper .gallery-widget .image img:hover{
opacity:0.70;	
}
.footer-upper .latest-news .news-item{
position:relative;
margin-bottom:15px;	
}
.footer-upper .latest-news .news-item .news-title{
position:relative;
display:block;
color:#ffffff;	
}
.footer-upper .latest-news .news-item .news-title:hover{
color:#1d93e5;	
}
.footer-upper .latest-news .news-item .update-time{
padding-top:5px;
color:#d3f2fc;
text-transform:uppercase;
font-size:10px;
font-family:'Ubuntu';
}
.footer-bottom{position:relative;background: #162337;font-size:13px;border-top: 1px solid #193e77;text-align:center;padding:10px 0px;}
.footer-bottom .copyright{
position:relative;
line-height:24px;
font-weight:400;
}
.footer-bottom .outer-box{
position:relative;
padding:0px 0px;	
}
.footer-nav{
position:relative;	
}
.footer-nav li{
position:relative;
float:left;
margin-right:22px;
}
.footer-nav.centered{
margin-bottom:30px;	
}
.footer-nav.centered li{
float:none;
display:inline-block;
margin:0px 10px;	
}
.footer-bottom .footer-nav li a{
position:relative;
display:block;
line-height:24px;
color:#dadada;
font-size:13px;
text-transform:capitalize;	
}
.footer-nav li a:hover{
color:#1d93e5;	
}
.footer-nav li:after{
content:'|';
position:absolute;
right:-11px;
top:0px;
height:15px;
}
.footer-nav.centered li:after{
right:-13px;	
}
.footer-nav li:last-child:after{
display:none;	
}
/*** 
====================================================================
Page Title Style
====================================================================
***/
.page-title{position:relative;padding: 150px 0px 25px;color:#ffffff;background-color:#1d93e5;}
.page-title .small-text{
position:relative;
font-size:11px;
color:rgba(255,255,255,0.75);
text-transform:uppercase;
margin-bottom:15px;
letter-spacing:2px;	
}
.page-title .page-name{
position: relative;
font-size: 26px;
color: rgba(255,255,255,0.75);
text-transform: uppercase;
margin-bottom: 15px;
padding: 10px 40px;
line-height: 40px;
letter-spacing: 1px;
border: 3px solid rgba(255,255,255,0.75);
display: inline-block;
font-weight: 400;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
}
.page-title:hover .page-name{
border-color:#ffffff;
color:#ffffff;
}
.page-title .bread-crumb{
position:relative;
}
.page-title .bread-crumb li{
position:relative;
display:inline-block;
line-height:0px;
margin-right:20px;
color:#ffffff;
font-size:12px;
text-transform:uppercase;
}
.page-title .bread-crumb li:after{
content:'/';
position:absolute;
right:-20px;
width:20px;
text-align:center;
line-height:0px;
}
.page-title .bread-crumb li:last-child{
margin-right:0px;	
}
.page-title .bread-crumb li:last-child:after{
display:none;	
}
.page-title .bread-crumb li a{
color:#ffffff;	
}
.page-title .bread-crumb li a:hover{
opacity:0.70;
}
/*** 
====================================================================
Default Three Column
====================================================================
***/
.default-three-column{
position:relative;
padding: 30px 0px 0px;
}
.default-three-column .column{
margin-bottom:30px;	
}
.default-three-column .image-column .image-box img{
display:block;
max-width:100%;	
}
.default-three-column .text-column h3{
font-size:22px;
text-transform:capitalize;
margin-bottom:15px;
color:#3e5773;
}
.default-three-column .text-column .text{
font-size:14px;
line-height:24px;
margin-bottom:30px;
color:#576c85;
}
.default-social-links a{
position:relative;
display:inline-block;
font-size:13px;
width:32px;
height:32px;
line-height:28px;
border:2px solid #1d93e5;
text-align:center;
background:none;
margin-right:8px;
color:#1d93e5;
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.default-social-links a:hover{
color:#ffffff;
background:#1d93e5;	
}
/*** 
====================================================================
Contact Section
====================================================================
***/
.contact-section{
position:relative;
padding:20px 0px;	
}
.contact-section h3{
font-size:20px;
/* margin-bottom:20px; */
margin-bottom:0px;
color:#3e5773;	
}
.contact-section .info-column h3, .contact-section h4{
color:#3e5773;
margin-bottom:20px;
}
.contact-section .outer-container{
position:relative;
/*background:#fff;*/	
color:#3e5773;	
}
.contact-section .form-column{
position:relative;
/*background:#ffffff;*/
padding: 20px 0px 20px 0px;
}
.default-form .form-group{
position:relative;
/* margin-bottom:20px;	 */
margin-bottom:0px;
}
.default-form .form-group .field-label{
text-transform:capitalize;
margin-bottom:0px;
font-weight:400;
font-size:12px;
}
.contact-section.style-two .default-form .form-group .field-label{
margin-bottom:5px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="number"],
.default-form input[type="password"],
.default-form select,
.default-form textarea{
display: block;
    width: 100%;
    line-height: 24px;
    padding: 8px 12px;
    height: 42px;
    font-size: 13px;
    border: 1px solid #7a7a7a;
    background: transparent;
    color: #576c85;
    font-family: 'Ubuntu';
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
input[type='number'] {
-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.contact-section.style-two .default-form input[type="text"],
.contact-section.style-two .default-form input[type="email"],
.contact-section.style-two .default-form input[type="password"],
.contact-section.style-two .default-form select,
.contact-section.style-two .default-form textarea{
border:1px solid #eaeff2;
padding:10px 15px;
height:46px;
border-radius:3px;	
}
.default-form select{
cursor:pointer;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
-o-appearance:none;
background:url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea{
height:100px;
resize:none;	
}
.contact-section.style-two .default-form textarea{
height:200px;
}
.default-form select option{
text-indent:15px;	
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
border-color:#1d93e5 !important;	
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error{
border-color:#ff0000 !important;	
}
.default-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-family:'Open Sans';
font-size:11px;
color:#ff0000;
font-weight:400 !important;	
}
.default-form ::-webkit-input-placeholder { color:#576c85 !important;}
.default-form ::-moz-placeholder { color:#576c85 !important;} /* firefox 19+ */
.default-form :-ms-input-placeholder { color:#576c85 !important;} /* ie */
.default-form input:-moz-placeholder { color:#576c85 !important;}
.contact-section .info-column{
position:relative;
padding:20px 0px;
}
.contact-section .info-column .default-social-links a{
color:rgba(255,255,255,0.50);
border-color:rgba(255,255,255,0.20);	
}
.contact-section .info-column .default-social-links a:hover{
border-color:#1d93e5;
color:#1d93e5;
background:none;
}
.contact-section .contact-info{
position:relative;
padding-bottom:20px;
margin-bottom:0px;
border-bottom:1px dashed rgba(255,255,255,0.15);	
}
.contact-section .contact-info li{
position:relative;
padding-left:30px;
margin-bottom:15px;
font-size:14px;
line-height:24px;
color:#3e5773;
word-spacing:1px;
}
.contact-section .contact-info li .icon{
position:absolute;
left:0px;
top:50%;
margin-top:-12px;
font-size:24px;
line-height:24px;
height:24px;
color:#3e5773;
}
.contact-section .map-column{
position:absolute;
right:0px;
top:0px;
height:100%;	
}
.contact-section .map-container{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;	
}
.map-canvas{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;	
}
.map-canvas .map-data{
text-align:center;
font-size:13px;
font-weight:400;
font-family:'Open Sans';	
}
.map-canvas .map-data h6{
font-weight:400;
text-transform:capitalize;
font-size:14px;
text-align:center;
margin-bottom:5px;
color:#181818;
font-family:'Ubuntu';	
}
/*** 
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container{
position: relative;
padding: 40px 0px;
}
.sidebar-page-container .sidebar,
.sidebar-page-container .content-side{
position:relative;
margin-bottom:0px;	
}
.sidebar .sidebar-title{
position:relative;
margin-bottom:30px;
padding-left:10px;
border-left:3px solid #1d93e5;	
}
.sidebar .sidebar-title h2{
color:#3e5773;
font-weight:400;
text-transform:capitalize;
font-size:17px;
line-height:18px;	
}
.sidebar .sidebar-widget{
position:relative;
margin-bottom:50px;	
}
.sidebar .search-box .form-group{
position:relative;
margin:0px;	
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:24px;
padding:11px 50px 11px 20px;
border:1px solid #eaeff2;
background:#ffffff;
color:#3a3a3a;
display:block;
width:100%;
height:48px;
border-radius:3px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group input:focus{
border-color:#1d93e5;	
}
.sidebar .search-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:48px;
width:50px;
line-height:48px;
text-align:center;
display:block;
font-size:18px;
color:#d0d0d0;
background:none;
border-radius:0px 3px 3px 0px;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
background-color:#1d93e5;
color:#ffffff;
}
.sidebar .sidebar-title h3{
font-size:18px;
color:#2c2c2c;
font-weight:700;
text-transform:uppercase;
}
.sidebar .recent-posts .post{
position:relative;
font-size:14px;
color:#cccccc;
padding-left:95px;
margin-bottom:30px;
}
.sidebar .recent-posts .post:last-child{
margin-bottom:0px;	
}
.sidebar .recent-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:80px;	
}
.sidebar .recent-posts .post .post-thumb img{
display:block;
width:100%;	
}
.sidebar .recent-posts .post h4{
font-size:13px;
padding:5px 0px;
line-height:1.6em;
color:#181818;
}
.sidebar .recent-posts .post a,
.sidebar .recent-posts .post a:hover{
color:#1d93e5;	
}
.sidebar .recent-posts .post h4 a{
color:#181818;	
}
.sidebar .recent-posts .post-info{
font-size:13px;
color:#8b8b8b;
text-transform:capitalize;
}
.sidebar .popular-tags a{
position:relative;
display:inline-block;
line-height:24px;
padding:5px 18px;
margin:0px 4px 12px 0px;
border:1px solid #eaeff2;
color:#576c85;
text-align:center;
font-size:13px;
border-radius:3px;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
}
.sidebar .popular-tags a:hover{
background-color:#1d93e5;
border-color:#1d93e5;
color:#ffffff;	
}
.sidebar .list{
position:relative;
border-top:1px solid #eaeff2;	
}
.sidebar .list li{
position:relative;
line-height:24px;
border-bottom:1px solid #eaeff2;	
}
.sidebar .list li a{
position:relative;
display:block;
color:#576c85;
font-size:13px;
font-weight:400;
line-height:24px;
padding:12px 15px;
padding-left:20px;
}
.sidebar .list li a:before {
content: "\f105";
font-family: "FontAwesome";
font-size: 16px;
left: 0;
width:20px;
line-height: 24px;
position: absolute;
color:#1d93e5;	
}
.sidebar .list li a:hover{
color:#3e5773;	
}
.sidebar .about-me .image-box{
position:relative;
margin-bottom:15px;
border:10px solid #f4f5f9;
border-radius:3px;
}
.sidebar .about-me .image-box img{
display:block;
width:100%;	
}
.sidebar .about-me .content h3{
font-size:16px;
line-height:24px;
color:#3e5773;
text-transform:capitalize;
margin-bottom:3px;	
}
.sidebar .about-me .content h4{
font-size:13px;
color:#576c85;
text-transform:capitalize;
margin-bottom:15px;
}
.sidebar .about-me .content .text{
font-size:13px;
color:#576c85;
text-transform:capitalize;
}
.sidebar .styled-nav{
position:relative;
}
.sidebar .styled-nav .nav-outer{
position:relative;
border:1px solid #dddddd;
border-radius:5px;
overflow:hidden;
}
.sidebar .styled-nav ul li{
position:relative;
display:block;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sidebar .styled-nav ul li a{
position:relative;
display:block;
line-height:24px;
padding: 10px 0px 10px 6px;
text-transform:capitalize;
color:#3e5773;
background:#ffffff;
font-size:12.5px;
font-weight:400;
border-bottom:1px solid rgba(0,0,0,0.10);
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-o-transition:all 300ms ease;	
}
.padd-lr-5{
padding-left:5px;
padding-right: 5px;
}
.sidebar .styled-nav ul li a:after{
content:'\f105';
font-family: 'FontAwesome';
position:absolute;
right:10px;
top:50%;
margin-top:-10px;
height:20px;
line-height:20px;
font-size:16px;	
}
.sidebar .styled-nav ul li:last-child a{
border-bottom:none;	
}
.sidebar .styled-nav li.current a,
.sidebar .styled-nav li:hover a{
color:#ffffff;
background:#1d93e5;
border-color:#1d93e5;
}
.sidebar .contact-widget{
position:relative;
padding:30px 20px;
text-align:center;
background:#1d93e5;
color:#ffffff;
border-radius:5px;	
}
.sidebar .contact-widget h3{
font-size:16px;
color:#ffffff;
line-height:30px;
margin-bottom:0px;
text-transform:capitalize;	
}
.sidebar .contact-widget .phone-numbers{
font-size:16px;
color:#ffffff;
line-height:20px;
}
/*** 
====================================================================
Single Service
====================================================================
***/
.services-single{
position:relative;
color:#777777;
}
.services-single .service-title{
font-size:22px;
margin-bottom:20px;
color:#3e5773;
}
.services-single .main-image{
position:relative;
margin-bottom:25px;	
}
.services-single .main-image img,
.services-single .image-box img{
display:block;
width:100%;	
}
.default-text-block {
margin-bottom:10px;	
}
.default-text-block p{
position:relative;
margin-bottom:5px;
font-size:14px;
}
/*** 
====================================================================
Gallery Single Item
====================================================================
***/
.gallery-single-item{
position:relative;
width:100%;
}
.gallery-single-item .carousel-outer{
position:relative;
padding:80px 0px;	
}
.gallery-single-item .single-item-carousel img{
display:block;
width:100%;
height:auto;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.gallery-single-item .single-item-carousel{
border-radius:7px;
overflow:hidden;	
}
.gallery-single-item .single-item-carousel img:hover{
opacity:0.90;	
}
.gallery-single-item .single-item-carousel .slide-item{
position:relative;
background:#1d93e5;	
}
.gallery-single-item .owl-controls{
margin:0px;	
}
.gallery-single-item .owl-controls .owl-dots{
display:none !important;	
}
.gallery-single-item .owl-controls .owl-next,
.gallery-single-item .owl-controls .owl-prev{
position:absolute;
top:50%;
width:42px;
height:42px;
padding:0px !important;
line-height:38px;
text-align:center;
border:2px solid #ffffff;
background:none !important;
font-size:20px !important;
color:#ffffff !important;
border-radius:3px !important;
margin:0px !important;
margin-top:-18px !important;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.gallery-single-item .owl-controls .owl-prev{
left:15px;	
}
.gallery-single-item .owl-controls .owl-next{
right:15px;	
}
.gallery-single-item .owl-controls .owl-next:hover,
.gallery-single-item .owl-controls .owl-prev:hover{
background:#1d93e5 !important;
border-color:#1d93e5;
color:#ffffff !important;
}
.default-image-box{
position:relative;	
}
.default-image-box img{
display:block;
max-width:100%;	
}
/*** 
====================================================================
FAQs Section Style
====================================================================
***/
.faqs-section{
position:relative;
padding:80px 0px 50px;
}
.faqs-section .column{
position:relative;
padding-right:80px;	
}
.faqs-section .faq-block{
position:relative;
margin-bottom:30px;	
}
.faqs-section .faq-block h4{
font-size:18px;
font-weight:400;
margin-bottom:10px;
color:#3e5773;	
}
.faqs-section .faq-block .text{
color:#576c85;
font-size:13px;
}
/*** 
====================================================================
Accordions style
====================================================================
***/
.accordion-box{
position:relative;
padding-top:10px;
}
.accordion-box .block{
position:relative;
margin-bottom:25px;	
}
.accordion-box .block .acc-btn{
position:relative;
font-size:14px;
margin-bottom:0px;
cursor:pointer;
background:#eaeff2;
line-height:24px;
padding:5px 5px 5px 70px;
border:1px solid #eaeff2;
overflow:hidden;
border-radius:7px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active{
color:#ffffff;
background:#1c333e;	
}
.accordion-box .block .icon-outer{
position:absolute;
left:0px;
top:0px;
width:60px;
height:100%;
text-align:center;
font-size:22px;
color:#ffffff;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .icon-outer:before{
content:'';
position:absolute;
left:0px;
top:0px;
display:block;
width:100%;
height:100%;
background:#1d93e5;	
}
.accordion-box .block .icon-outer .icon{
position:absolute;
left:0px;
top:50%;
margin-top:-20px;
width:100%;
height:40px;
line-height:40px;
text-align:center;
font-size:22px;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;	
}
.accordion-box .block .icon-outer .icon-up{
opacity:0;
}
.accordion-box .block .icon-outer .icon-down{
opacity:1;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-down{
opacity:0;
}
.accordion-box .block .acc-btn.active .icon-outer .icon-up{
opacity:1;
}
.accordion-box .block .acc-btn.active{
border-color:#1d93e5;	
}
.accordion-box .block .acc-content{
position:relative;
display:none;	
}
.accordion-box .block .acc-content.current{
display:block;	
}
.accordion-box .block .content{
position:relative;
font-size:13px;
background:#ffffff;
padding:10px 25px 5px;	
}
.accordion-box .block .content p{
margin-bottom:20px;	
}
.accordion-box .block .content p:last-child{
margin-bottom:0px;	
}
/*** 
====================================================================
Error Page Style
====================================================================
***/
.error-section{
position:relative;
padding:90px 0px 80px;
text-align:center;	
}
.error-section .error-icon{
position:relative;
margin-bottom:20px;
line-height:180px;
font-size:150px;
color:#1d93e5;
}
.error-section .error-icon img{
display:inline-block;
max-width:100%;	
}
.error-section .extra-big{
font-size:48px;
margin-bottom:20px;
color:#1d93e5;
line-height:1.4em;
font-weight:700;
letter-spacing:3px;
}
.error-section .bigger-text{
font-size:20px;
color:#27343e;
line-height:1.4em;
text-transform:capitalize;
margin-bottom:40px;
}
/*** 
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 5px 10px;	
}
.styled-pagination li a{
position:relative;
display:block;
line-height:24px;
padding:4px 5px;
font-size:13px;
text-transform:capitalize;
min-width:36px;
border:1px solid #c2cad0;	
background:#ffffff;
color:#b2b7bb;
text-align:center;
border-radius:3px;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a.next,
.styled-pagination li a.prev{
padding:4px 20px;	
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#1d93e5;
border-color:#1d93e5;	
}
/*** 
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-bottom:50px;	
}
.sidebar-page-container .group-title{
position:relative;
margin-bottom:30px;
}
.sidebar-page-container .group-title h2{
font-size:20px;
text-transform:capitalize;
color:#3e5773;
font-weight:400;
font-family:'Ubuntu';
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
padding:20px 30px;
border:1px solid #e9e9e9;
border-radius:3px;
margin-bottom:25px;
}
.sidebar-page-container .comments-area .comment-box:hover{
border-color:#1d93e5;	
}
.sidebar-page-container .comments-area .comment{
position:relative;
padding:0px 0px 0px 90px;
font-size:13px;	
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:80px;	
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
border-radius:50%;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
border-radius:50%;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:10px;
color:#3e5773;
line-height:24px;
font-size:13px;	
}
.sidebar-page-container .comments-area .comment-box strong{
color:#3e5773;
font-size:14px;
font-weight:400;
display:block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
font-size:12px;
color:#aaaaaa;
}
.sidebar-page-container .comments-area .reply-btn{
position:relative;
right:0px;
margin:10px 0px 0px;
display:inline-block;
line-height:24px;
text-transform:capitalize;
font-size:13px;
color:#3e5773;
border-bottom:1px solid;
}
/*** 
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group{
position:relative;
margin-bottom:20px;	
}
.comment-form .form-group .field-label{
position:relative;
display:block;
font-size:13px;
margin-bottom:7px;
color:#3e5773;	
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:10px 15px;
color:#222222;
border:1px solid #e9e9e9;
height:46px;
background:#ffffff;
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:#1d93e5;
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:8px 15px;
color:#222222;
border:1px solid #e9e9e9;
height:180px;
background:#ffffff;
resize:none;
border-radius:3px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form button{
position:relative;
padding:9px 20px;
}
/* LockScreen Styles */
div.page1:before {
font-family:'geo' !important;
width:100%;
height:100%;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.7);
}
div.page1{
position:fixed; 
left:0px; 
top:0px; 
width:100%; 
height:100%; 
z-index:999999; 
background-size: cover;
background-repeat:no-repeat; 
background-image:url(../images/parallax/intro-bg.jpg);
background-position: 50% 30%;
cursor:-webkit-grab;
cursor:-moz-grab;
overflow:hidden !important;
}
div.ascontainer{
width: 150px;
bottom: 0;
position: absolute;
left: 0;
right: 0;
margin-right: auto;
margin-left: auto;
cursor: pointer;
z-index: 999999;
}
div.logo-centre{
background-size: 50% !important;
background: url(../images/mapol-logo-lg.png) 50% 50% no-repeat;
width: 100%;
height: 100%;
float: left;
padding: 0px;
color: #ff5949;
text-align: center;
position: absolute;
top: 0;
left: -7px;
right: 0;
bottom: 0;
}
div.circle{
box-shadow: black 0px 0px 7px -1px;
height: 220px;
position: absolute;
bottom: 70px;
}
div.arrow{
background-repeat: no-repeat;
height: 100%;
background-size: 100%;
width: 160px;
position: absolute;
background-image: url(../images/tree.png);
margin-left: auto;
margin-right: auto;
}
div.line{
box-shadow: black 0px 0px 7px -1px;
width: 0px;
height: 20px;
border-left: 3px solid #ffffff;
border-right: 2px solid #ffffff;
position: absolute;
bottom: 0px;
margin-left: 23px;
}
.vtitle{
/*background-size: 308px !important;*/
/*background:url(../images/mapol-logo-lg.png) 50% 0% no-repeat ;*/
width:100%;
height:100%;
float:left;
padding:15px 0px;
color:#ff5949;
font-family:segoe wp;
text-align:center;
position: absolute;
left:0;
}
.vcontainer{
width:100%;
height:100%;
overflow:hidden;
margin:0px auto; 
position: absolute;
top:0;  
left:0;
right:0; 
bottom: 0;
}
.vcorner{
position: absolute;
bottom: 0;
z-index: 0;
background: rgba(255,255,255,0.38);
}
img.avatar{
height:50px;
width:50px;
border:solid 5px #339933;
position:absolute;
top:10px;
right:10px;
}
.img-left{
width: 20%;
vertical-align: middle;	
margin-top:3px; 
}
.img-right{
width: 20%;
vertical-align: middle;	
}
.top-corner-head {
font-family:'geo' !important;
font-weight: bolder;
width: 100%;
text-align: center;
/* z-index: 999999; */
position: absolute;
top: 60%;
left: 12%;
right: 0;
bottom: 0;
font-size: 60px;
font-family: 'Geo';
color: #555;
height: 100%;
}
.explore-us{
width: 100%;
font-weight: bold;
position: absolute;
top: 85%;
color: #555;
text-align: center;
font-family:'geo' !important;
}
.overflow{
position:fixed;
overflow:hidden !important;
height:100%;
}
.overflow-hidden{
overflow:hidden !important;
}
@-moz-keyframes bounce-home {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@-webkit-keyframes bounce-home {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce-home {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce-home {
-moz-animation: bounce-home 2s infinite;
-webkit-animation: bounce-home 2s infinite;
animation: bounce-home 2s infinite;
}
.padd-left-10{
padding-left: 10px;
}
.marg-left_8{
margin-left: -8px;
}
.me {
width: 400px;
margin: 90px auto;
}
.me p,
.me h1 {
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
}
.me p {
font-weight: 200;
}
.me span {
font-weight: bold;
}
.social {
position: fixed;
top: 25%;
}
.social ul {
padding: 0px;
-webkit-transform: translate(-250px, 0);
-moz-transform: translate(-250px, 0);
-ms-transform: translate(-250px, 0);
-o-transform: translate(-250px, 0);
transform: translate(-250px, 0);
}
.social ul li {
display: block;
margin: 5px;
background: rgba(0, 0, 0, 0.36);
width: 300px;
text-align: right;
padding: 5px;
-webkit-border-radius: 0 30px 30px 0;
-moz-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.social ul li:hover {
-webkit-transform: translate(110px, 0);
-moz-transform: translate(110px, 0);
-ms-transform: translate(110px, 0);
-o-transform: translate(110px, 0);
transform: translate(110px, 0);
background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
color: #000;
}
.social ul li:hover i {
color: #fff;
background: rgba(0, 0, 0, 0.36);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.social ul li i {
margin-left: 10px;
color: #000;
background: #fff;
padding: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 20px;
background: #ffffff;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.carrers-ico{
background-image: url(../images/icons/carrers-ico.png);
background-repeat:no-repeat;
width: 16px;
height:16px;
}
.top-3{
top:3px !important;
}
.logo-wid{
width:160px;
height:60px;
}
.border-3{
border-top: 3px solid transparent !important;
border-image-source: url(../images/resource/border.png);
border-image-slice: 20 22;
border-image-repeat: round;
-webkit-border-image-source: url(../images/resource/border.png); /* Safari 3.1-5 */
-webkit-border-image-slice: 2 2; /* Safari 3.1-5 */
-webkit-border-image-repeat: round; /* Safari 3.1-5 */
-o-border-image-source: url(../images/resource/border.png); /* Opera 11-12.1 */
-o-border-image-slice: 20 22; /* Opera 11-12.1 */
-o-border-image-repeat: round; /* Opera 11-12.1 */
}
.border-4{
border-top: 3px solid #1d93e5 !important;
}
/*hamburger*/
.menu {
-webkit-filter: url("#shadowed-goo");
filter: url("#shadowed-goo");
}
.menu-item, .menu-open-button {
	background: #e17771;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    /* margin-left: -40px; */
    position: absolute;
    top: 25px;
    color: white;
    text-align: center;
    line-height: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}
.menu-open {
display: none;
}
.hamburger {
display: block;
position: absolute;
left: 25%;
-webkit-transition: -webkit-transform 200ms;
transition: -webkit-transform 200ms;
transition: transform 200ms;
transition: transform 200ms, -webkit-transform 200ms;
font-size: large;
}
.hamburger-1 {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
.hamburger-2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hamburger-3 {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
}
.menu-open:checked + .menu-open-button .hamburger-1 {
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open:checked + .menu-open-button .hamburger-2 {
-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open:checked + .menu-open-button .hamburger-3 {
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu {
z-index: 102;
top: 6.2em;
position: fixed;
left: 1%;
margin-left: -80px;
padding-top: 20px;
padding-left: 80px;
width: 0px;
height: 250px;
box-sizing: border-box;
font-size: 15px;
text-align: left;
}
.menu-item:hover {
background: white;
color: white;
}
.menu-item:nth-child(3) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(4) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(5) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-item:nth-child(6) {
-webkit-transition-duration: 180ms;
transition-duration: 180ms;
}
.menu-open-button {
z-index: 2;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
transform: scale(1.1, 1.1) translate3d(0, 0, 0);
cursor: pointer;
box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 4px 10px rgba(0,0,0,0.15);
-webkit-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3);
}
.menu-open-button:hover {
-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.menu-open:checked + .menu-open-button {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}
.menu-open:checked ~ .menu-item {
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
-webkit-transition-duration: 190ms;
transition-duration: 190ms;
-webkit-transform: translate3d(0, 47px, 0);
transform: translate3d(0, 47px, 0);
background-color: #3b5998 !important;
}
.menu-open:checked ~ .menu-item:nth-child(4) {
-webkit-transition-duration: 290ms;
transition-duration: 290ms;
-webkit-transform: translate3d(0, 102px, 0);
transform: translate3d(0, 102px, 0);
background-color: #00aced !important;
}
.menu-open:checked ~ .menu-item:nth-child(5) {
-webkit-transition-duration: 390ms;
transition-duration: 390ms;
-webkit-transform: translate3d(0, 155px, 0);
transform: translate3d(0, 155px, 0);
background-color: #007bb6 !important;
}
.menu-open:checked ~ .menu-item:nth-child(6) {
-webkit-transition-duration: 490ms;
transition-duration: 490ms;
-webkit-transform: translate3d(0, 205px, 0);
transform: translate3d(0, 205px, 0);
background-color: #dd4b39 !important;
}
svg {position: relative;}
/*home*/
.navigation li.home a:hover, .navigation li.current.home a{
color:#73bbec;
border-bottom:3px solid #73bbec;
}
/*about*/
.navigation li.about a:hover, .navigation li.current.about a{
color:#cf82ce;
border-bottom:3px solid #cf82ce;
}
/*services*/
.navigation li.services a:hover{
color:#e17771;
}
.navigation li.current.services a{
color:#e17771;
border-bottom:3px solid #e17771;
}
.navigation li.current.services a:hover{
border-bottom:0px solid #e17771;
}
.navigation li.current.services ul a{
color:#e17771;
border-bottom:0px solid #e17771;
}
.navigation li.services ul{
color:#e17771;
border: 3px solid #e17771;
}
.navigation li.services ul:before{
color:#e17771;
}
.navigation > li.services > ul > li:hover > a{
color:#ffffff;
background:#e17771;	
}
/*products*/
.navigation li.products a:hover{
color:#3ba284;
}
.navigation li.current.products a{
color:#3ba284;
border-bottom:3px solid #3ba284;
}
.navigation li.current.products a:hover{
border-bottom:0px solid #e17771;
}
.navigation li.current.products ul a{
color:#3ba284;
border-bottom:0px solid #3ba284;
}
.navigation li.products ul{
color:#3ba284;
border: 3px solid #3ba284;
}
.navigation li.products ul:before{
color:#3ba284;
}
.navigation > li.products > ul > li:hover > a{
color:#ffffff;
background:#3ba284;	
}
/*solutions*/
.navigation li.solutions a:hover{
color:#8BC34A;
}
.navigation li.current.solutions a{
color:#8BC34A;
border-bottom:3px solid #8BC34A;
}
.navigation li.current.solutions a:hover{
border-bottom:0px solid #e17771;
}
.navigation li.current.solutions ul a{
color:#8BC34A;
border-bottom:0px solid #8BC34A;
}
.navigation li.solutions ul{
color:#8BC34A;
border: 3px solid #8BC34A;
}
.navigation li.solutions ul:before{
color:#8BC34A;
}
.navigation > li.solutions > ul > li:hover > a{
color:#ffffff;
background:#8BC34A;	
}
/*clients*/
.navigation li.clients a:hover, .navigation li.current.clients a{
color:#f3945b;
border-bottom:3px solid #f3945b;
}
/*industry*/
.navigation li.industry a:hover, .navigation li.current.industry a{
color:#576c85;
border-bottom:3px solid #576c85;
}
/*news*/
.navigation li.news a:hover, .navigation li.current.news a{
color:#a94442;
border-bottom:3px solid #a94442;
}
/*contact*/
.navigation li.contact a:hover, .navigation li.current.contact a{
color:#337ab7;
border-bottom:3px solid #337ab7;
}
/*portfolio*/
.navigation li.portfolio a:hover, .navigation li.current.portfolio a{
color:#FFC107;
border-bottom:3px solid #FFC107;
}
/*contact*/
.wrap {
width:100%;
height:100%;
position: fixed;
overflow: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0px;
display: block;
border-radius: 4px;
transform: translateY(20px);
transition: all 0.5s;
visibility: hidden;
z-index:999999;
}
.wrap .content {
opacity: 0;
}
.wrap:before {
position: absolute;
width: 1px;
height: 1px;
background: rgba(34,34,34,0.5);
content: "";
bottom: 10px;
left: 50%;
top: 95%;
color: #fff;
border-radius: 50%;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
display: block;
visibility: visible;
box-shadow: 2px 3px 16px silver;
transition: all 600ms;
transform: translateY(0px);
transition: all 0.5s;
}
.wrap.active:before {
height: 2000px;
width: 2000px;
border-radius: 50%;
top: 50%;
left: 50%;
margin-left: -1000px;
margin-top: -1000px;
display: block;
-webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
height:100%;
position: relative;
z-index: 1;
opacity: 1;
transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
a.button {
padding: 11px 11px 13px 13px;
outline: none;
border-radius: 50%;
background: #007fed;
color: #fff;
font-size: 24px;
display: block;
position: fixed;
left: 50%;
bottom: 20px;
top: auto;
margin-left: -25px;
transition: transform 0.25s;
z-index:999999;
}
a.button:hover {
text-decoration: none;
background: #2198ff;
}
a.button.active {
transform: rotate(135deg);
transition: transform 0.5s;
}
/*float-nav*/
#float-nav.float-nav.closed {
min-width: 38px;
    min-height: 38px;
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 19px;
    z-index: 102;
}
.float-nav {
    position: fixed;
    z-index: 999;
    top: 8.3em;
    right: 0.975em;
    overflow: hidden;
    min-width: 300px;
    min-height: 272px;
    padding: 8PX;
    text-align: right;
    background: #f4945c;
    border: 5px solid #fff;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), 0 4px 10px rgba(0,0,0,0.15);
    -webkit-transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3);
    transition: all 300ms cubic-bezier(.6, -0.3, .3, 1.3);
}
.float-nav .form-group{
margin-bottom: 4px !important ;
}
.float-nav textarea.form-control {
    height: auto;
}
.float-nav .form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.float-nav.closed {
width: 0;
height: 0;
border: 5px solid #fff;
border-radius: 50%;
}
.float-nav a {
display: inline-block;
color: #fff;
}
.float-nav > a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
.float-nav .toggle {
position: absolute;
left:0;
bottom: 0;
right: 0;
width: 1.375em;
height: 1.375em;
font-size: 200%;
line-height: 1.4em;
font-weight: 300;
text-align: center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.float-nav.closed .toggle {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.float-nav ul {
position: absolute;
bottom: 4.125em;
right: 1.375em;
opacity: 1;
list-style: none;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.float-nav.closed ul { opacity: 0; }
.float-nav li {
padding: 0.25em 0;
margin-bottom: 0;
-webkit-transition: all 600ms;
transition: all 600ms;
}
.float-nav.closed li { margin-bottom: 1.375em; }
.main-content {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/*product-Demo*/
.login-main {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
width: 100%;
position: relative;
margin: 0px auto;
top: 0%;
bottom: 0;
left: 0;
right: 0;
}
.login-main .btn-lg{
width:100%;
text-align: center;
}
.login-main p{
margin:0px;
}
.login-main .btn-style-three:hover {
background: #ffffff !important;
color: #ff7e68 !important;
}
.inner-login{
overflow-x: hidden;
overflow-y: auto;
position: relative;
margin:10px;
top:1%;
background: #ff7e68;
padding:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
}
@media (min-width: 544px){
.inner-login {
    max-width: 600px;
    margin: 30px auto;
}
}
.box1 {
background: #ffd5ce;
min-height: 36px;
text-indent: 10px;
width: 100%;
margin-bottom: 6px;
color: #3B424D;
font-size: 15px;
font-weight: 400;
}
.border1 {
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
-ms-border-radius: 5px 5px;
-o-border-radius: 5px 5px;
border-radius: 5px 5px;
}
.border2 {
-webkit-border-radius:5px 5px;
-moz-border-radius:5px 5px;
-ms-border-radius:5px 5px;
-o-border-radius:5px 5px;
border-radius:5px 5px;
}
.send {
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
right: 9px;
top: 29%;
border: 5px solid #ff7e68;
background: #FF5335;
font-size: 18px;
color: #fff;
font-weight: normal;
text-shadow: 1px 1px 2px #000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.send:hover {
animation: spin 0.3s ease-in-out;
-webkit-animation: spin 0.3s ease-in-out;
-moz-animation: spin 0.3s ease-in-out;
-ms-animation: spin 0.3s ease-in-out;
-o-animation: spin 0.3s ease-in-out;
cursor: pointer;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes spin {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
.text-white{
color:white !important;
}
a.text-white:hover{
color:#FF5335;
text-decoration: underline;
}
.remove-ico{
padding: 0px;
}
.login-header{
padding:0px 8px 8px 0px;
}
.float-nav.closed .enquirt-form{
display: none;
}
.text .contact-info li{
padding: 0px 0px 0px 0px;
text-indent: 0px;
font-size: 11px;
}
.text .contact-info li .icon{
padding-right: 5px;
}
.text-custom{
color:#218bd5;
}
.footer-upper .social-links a.fb:hover {
color: #ffffff;
background: #3b5998 !important;
border-color: #3b5998 !important;
}
.footer-upper .social-links a.twr:hover {
color: #ffffff;
background: #00aced !important;
border-color: #00aced !important;
}
.footer-upper .social-links a.lnk:hover {
color: #ffffff;
background: #007bb6 !important;
border-color: #007bb6 !important;
}
.footer-upper .social-links a.gp:hover {
color: #ffffff;
background: #dd4b39 !important;
border-color: #dd4b39 !important;
}
.pr-pl-6{
padding-right: 6px;
padding-left: 6px;
}
.mapol-products li i, .mapol-solutions li i, .mapol-services li i{
font-size: 11px;
}
/*products-slider*/
#containingDiv {
width:960px;margin:0 auto; padding:0px 0 0 0;	
}
#bottomText {
width:100%; font:18px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:100px; text-align:center;
}
@media screen and (min-width:1200px){
#containingDiv {
width:960px;margin:0 auto; padding:0px 0 0 0;	
}
#bottomText {
width:100%; font:18px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:100px; text-align:center;
}
}
@media screen and (max-width:767px){
 
#containingDiv {
width:100%;margin:0 auto;padding:0px 0 0 0;	
}	
#bottomText {
width:100%;font:14px 'Lato', sans-serif; color:#333333; border-top:1px solid #cccccc; padding:10px 0 0 0; margin-top:50px; text-align:center;
}
}
/*for responsive texts*/
.allinone_carousel.powerful .elementTitle {
position:absolute;
left:0;
top:365px;
width:100%;
text-align:center;
font: bold 16px/25px 'Droid Sans', Verdana, Helvetica, sans-serif;
color:#7f7f7f;
text-transform: uppercase;
}
.tabs-section .bx-controls {
position: relative;
padding-top: 20px;
}
.tabs-section .bx-controls .bx-prev, .tabs-section .bx-controls .bx-next {
font-size: 14px;
margin: 0px 15px 0px 0px;
}
.tabs-section{
background: #eee;
}
/*Logo carousel*/
#clients {
display: block;
margin-left: auto;
margin-right: auto;
}
#clients .clients-wrap {
display: block;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
#clients .clients-wrap ul {
display: block;
list-style: none;
position: relative;
margin-left: auto;
margin-right: auto;
}
#clients .clients-wrap ul li {
display: block;
float: left;
position: relative;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
vertical-align: middle;
margin:0px 10px;
}
#clients .clients-wrap ul li img {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
-webkit-transition: 0 linear left;
-moz-transition: 0 linear left;
transition: 0 linear left;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100); 
opacity: 100;
}
.slideing-arrow{
margin: auto;
top: 0; 
bottom: 0;
left: 0; 
right: 0;
font-size: 40px;
-webkit-animation: fades 2s infinite ease-in-out;
}
@-webkit-keyframes fades {
0%, 20%, 60%, 100%  { -webkit-transform: translatex(0); }
40%  { -webkit-transform: translatex(-5px); }
80% { -webkit-transform: translatex(-5px); }
}
.testimonials-section{
background-size: cover;
background: #218bd5 url(../images/resource/world-map-dotted.png)50%;
background-repeat: no-repeat;
}
.testimonials-section:before{
background: none repeat scroll 0 0 rgba(33,139,213,0.9);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*.tp-simpleresponsive ul li:after{
background: none repeat scroll 0 0 rgba(33,139,213,0.7) !important;
content: "";
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}*/
.par-overlay2 {
background: -moz-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
background: -webkit-gradient(linear, 45deg, color-stop(0%, #673c8e), color-stop(50%, #236295), color-stop(100%, #9869ff));
background: -webkit-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
background: -o-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
background: -ms-linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#673c8e', endColorstr='#9869ff', GradientType='1');
background: linear-gradient(45deg, #673c8e 0%, #236295 50%, #9869ff 100%);
height: 100%;
position: absolute;
top: 0;
width: 100%;
opacity: 0.9;
}
.about-us.page-title{
background-position: 80% 70%;
background-repeat: no-repeat;
background-image: url(../images/background/bg-page-title-1.jpg);
}
.about-us.page-title:before {
    background: none repeat scroll 0 0 rgba(33, 139, 213, 0.6) !important;
    content: "";
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
.our-services1.page-title{
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/resource/IT_Infrastructure_and_Support_Services.png);
background-size: cover;
}
.our-services1.page-title:before{
background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
content: "";
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
.e-invoice.page-title{
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/resource/e-invo.jpg);
background-size: cover;
}
.e-invoice.page-title:before{
background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
content: "";
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
.our-services2.page-title{
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/resource/software-solutions.jpg);
background-size: cover;
}
.our-services2.page-title:before{
background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
content: "";
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important;
}
figure.profile-img{
border: 0px solid #1d93e5;
}
img.features-img{
margin: 0px auto;
max-width: 100% !important;
}
/*
==============================================
pulse
==============================================
*/
.pulse{
animation-name: pulse;
-webkit-animation-name: pulse;	
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
opacity: 1;		
}
50% {
transform: scale(1);
opacity: 1;	
}	
100% {
transform: scale(0.9);
opacity: 1;	
}			
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 1;		
}
50% {
-webkit-transform: scale(1);
opacity: 1;	
}	
100% {
-webkit-transform: scale(0.95);
opacity: 1;	
}			
}
/*
==============================================
floating
==============================================
*/
.floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;	
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);	
}
50% {
transform: translateY(8%);	
}	
100% {
transform: translateY(0%);
}			
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);	
}
50% {
-webkit-transform: translateY(8%);	
}	
100% {
-webkit-transform: translateY(0%);
}			
}
.features-section2 .sec-title .slices {
margin-bottom: 8px;
position: relative;
}
.features-section2 .sec-title .slices .slice {
position: relative;
display: inline-block;
width: 18px;
height: 3px;
background: #3e5773;
margin: 0px 5px;
}
#stage svg {
width: 100% !important;
height:100% !important;
position:relative !important;
}
.soft-proccess.default-section.with-padding {
padding: 10px 0px 0px 0px;
}
.soft-proccess .well{
padding: 5px;
}
.well p{
margin:0px;
}
.hi-icon-wrap {
text-align: center;
margin: 0 auto;
padding: 2em 0 3em;
}
.hi-icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 30px 5px 30px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #1d93e5;
}
.hi-icon:after {
pointer-events: none;
position: absolute;
width: 100px;
height: 100px;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}
.hi-icon:before {
/*font-family: 'ecoicon';*/
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
box-shadow: 0 0 0 4px #1d93e5;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;	
}
.hi-icon-effect-7 .hi-icon:hover {
color: #1d93e5;
}
.hi-icon-effect-7 .hi-icon:after {
top: -4px;
left: -3px;
padding: 8px;
z-index: -1;
opacity: 0;
}
/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
box-shadow: 0 0 0 rgba(255,255,255,1);
-webkit-transition: opacity 0.2s, box-shadow 0.2s;
-moz-transition: opacity 0.2s, box-shadow 0.2s;
transition: opacity 0.2s, box-shadow 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:after {
opacity: 1;
box-shadow: 3px 3px 0 rgba(255,255,255,1);
}
.hi-icon-effect-7a .hi-icon:before {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.7;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7a .hi-icon:hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
box-shadow: 3px 3px #1d93e5;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
-moz-transition: opacity 0.2s, -moz-transform 0.2s;
transition: opacity 0.2s, transform 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:after {
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.hi-icon-effect-7b .hi-icon:before {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
.hi-icon-effect-7b .hi-icon:hover:before {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
opacity: 1;
}
.border-rgt {
border-right: 1px dashed #1d93e5;
}
.it-infra-ico::before {
left: -55px;
position: absolute;
content: url(../images/resource/it-infra.png);
top: -60px;
}
.webservices-ico::before {
left: -55px;
position: absolute;
content: url(../images/resource/web-services.png);
top: -60px;
}
.web-dev-ico::before {
left: -55px;
position: absolute;
content: url(../images/resource/web-dev.png);
top: -60px;
}
.mobile-app-ico::before {
left: -55px;
position: absolute;
content: url(../images/resource/mobile-app.png);
top: -60px;
}
.digi-mark-ico::before {
left: -55px;
position: absolute;
content: url(../images/resource/digi-mark.png);
top: -60px;
}
.business-consulting-ico::before {
left: -55px;
position: absolute;
content: url(../images/icons/business-technology-consulting.png);
top: -60px;
}
.btn-section, .button { transition-timing-function: ease; }
.btn-section {
display: inline-block;
position: relative;
padding: .375rem .375rem 0;
height: 3.3rem;
background: #A9ADB6;
border-radius: .25rem;
perspective: 300;
box-shadow: 0 -1px 2px #fff, inset 0 1px 2px rgba(0,0,0,.2), inset 0 .25rem 1rem rgba(0,0,0,.1);
}
.button { opacity: 0; }
.cover {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
transform-origin: center bottom;
transform-style: preserve-3d;
font: 1.25em/2 "icon";
color: white;
text-align: center;
pointer-events: none;
z-index: 100;
}
.innie, .outie, .spine, .shadow { position: absolute; width: 100%; }
.innie, .outie {
height: 100%;
background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.1) 100%);
border-radius: .25rem;
}
.innie:after, .outie:after { 
content:"\f002"; 
font:normal normal normal 14px/1 FontAwesome; 
}
.innie {
background-color: #63b4ed;
text-shadow: 0 -2px 4px rgba(0,0,0,.2);
}
.spine {
top: .25rem;
background: #2b99e6;
height: .25rem;
transform: rotateX(90deg);
transform-origin: center top;
}
.shadow {
top: 100%;
left: 0;
height: 3.5rem;
transform-origin: center top;
transform: rotateX(90deg);
opacity: 0;
z-index: 0;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, transparent 100%);
background-image: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, transparent 100%);
border-radius: .4rem;
}
.outie {
background-color: #1d93e5;
transform: translateZ(.25rem);
text-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.btn-section:hover { background: #EBEFF2; }
.btn-section:hover .button { opacity: 1; }
.btn-section:hover .cover, .btn-section:hover .innie, .btn-section:hover .spine, .btn-section:hover .outie, .btn-section:hover .spine { transition-timing-function: cubic-bezier(.2,.7,.1,1.1); }
.btn-section:hover .cover { transform: rotateX(-120deg);  }
.btn-section:hover .innie { background-color: #63b4ed; }
.btn-section:hover .spine { background-color: #2b99e6; }
.btn-section:hover .outie { background-color: #1d93e5; color: rgba(255,255,255,0); }
.btn-section:hover .shadow { 
opacity: 1;
transform: rotateX(45deg) scale(.95);
}
.find-out-more{
padding: 8px;
}
.sidebar-title {
position: relative;
margin-bottom: 15px;
padding-left: 10px;
border-left: 3px solid #1d93e5;
}
.sidebar-title h2 {
color: #3e5773;
font-weight: 400;
text-transform: capitalize;
font-size: 17px;
line-height: 18px;
}
.circle li {  
text-indent: -1.09em;
color: #777777;
}
.circle li:before {
content: "\f192";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.services-single figure {
margin: 0px 0px 25px 0px;
}
ul.circle {
margin-bottom: 20px;
}
.check li {  
text-indent: -0.6em;
color: #777777;
}
.check li:before {
content: "\f0da";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.cog li {  
text-indent: -0.9em;
color: #777777;
}
.cog li:before {
content: "\f101";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.anchor li {  
text-indent: -1.09em;
color: #777777;
}
.anchor li:before {
content: "\f101";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.file li {  
text-indent: -1.09em;
color: #777777;
}
.file li:before {
content: "\f101";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.chart li {  
text-indent: -1.09em;
color: #777777;
}
.chart li:before {
content: "\f101";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
.features li {  
text-indent: -0.6em;
color: #777777;
}
.features li:before {
content: "\f0da";
font-family: FontAwesome;
color: #1d93e5; /* or whatever color you prefer */
margin-right: 4px;
}
hr{
width: 100%;
}
.logistics-erp-software .well {
    padding: 5px 10px;
}
/***
====================================================================
Three Column Fluid
====================================================================
***/
.mrgn-btm1{
margin-bottom: 20px;
}
.mrgn-top{
margin-top:20px;
}
.service-ul li{
color:#070707;
font-size:12pt;
list-style: circle !important;
}
.service-ul{
list-style:circle;
margin:0;
padding:0;
}
.service-ultwo{
color:#ffffff;
font-size:18px;
font-weight:300;
}
.service-ultwo li{
text-align: left;
line-height: 1.8em;
color:#ffffff;
font-size:14px;
font-weight:300;
margin-left:25px;
list-style: circle !important;
}
.service-ultwo{
list-style:circle;
margin:0;
padding:0;
}
.service-ultwo span{
display:inline-block;
}
.my-services img {
position: absolute;
top: -15px;
right:15px;   
}
.srvspra{
color:#ff9933;
font-size:28px;
font-weight:300;
font-family:Ubuntu;
}
.my-services h1 a, .my-services h3 a, .my-services h4 a{
font-size:25px;
color:#ffffff;
font-weight:300;
display:block;
margin-bottom:35px;
}
.my-services h1 a:hover, .my-services h3 a:hover, .my-services h4 a:hover{
text-decoration:none;
}
.wrpr-srvs p a{
text-decoration:none;
font-size:12px !important;
font-weight:500;
letter-spacing:2px;
word-spacing:2px;
/*margin-left:15px;*/
color:#fff;
display:block;
/*position:absolute;*/
border-bottom:1px solid #ffffff;
width: 125px;
text-align:center;
}
:not(.no-borderbox), :not(.no-borderbox):after, :not(.no-borderbox):before {/* box-sizing: border-box; *//* -webkit-box-sizing: border-box; */-moz-box-sizing: border-box;}
.wrpr-srvs p a:hover{
border-bottom:3px solid #ffffff;
}
.my-services p{
text-align:left;
}
.my-services .slideing-arrow {
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
font-size: 12px;
/*-webkit-animation: fade 2s infinite ease-in-out;*/
}
.my-blue-theme{
background:rgba(33,139,213,0.8), url(../images/resource/enterprise-resource-planning.jpg);
background:-moz-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/enterprise-resource-planning.jpg);
background:-ms-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/enterprise-resource-planning.jpg);
background:-webkit-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/enterprise-resource-planning.jpg);
background:-o-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/enterprise-resource-planning.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-bluee-theme{
background:rgba(33,139,213,0.8), url(../images/resource/paper-industry.jpg);
background:-moz-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/paper-industry.jpg);
background:-ms-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/paper-industry.jpg);
background:-webkit-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/paper-industry.jpg);
background:-o-linear-gradient(top,rgba(33,139,213,0.8),rgba(17,169,226,0.8)), url(../images/resource/paper-industry.jpg);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}

/*.my-blue-theme p:nth-child(1) {
margin-bottom:0px;
}*/
.my-red-theme{
background:rgba(226, 45, 34, 0.8), url(../images/resource/material-resource-planning.jpg)100% 0% no-repeat;
background:-moz-linear-gradient(top,rgba(226, 45, 34, 0.8),rgba(225,119,113,0.8)), url(../images/resource/material-resource-planning.jpg)100% 0% no-repeat;
background:-ms-linear-gradient(top,rgba(226, 45, 34, 0.8),rgba(225,119,113,0.8)), url(../images/resource/material-resource-planning.jpg)100% 0% no-repeat;
background:-webkit-linear-gradient(top,rgba(226, 45, 34, 0.8),rgba(225,119,113,0.8)), url(../images/resource/material-resource-planning.jpg)100% 0% no-repeat;
background:-o-linear-gradient(top,rgba(226, 45, 34, 0.8),rgba(225,119,113,0.8)), url(../images/resource/material-resource-planning.jpg)100% 0% no-repeat;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-orange-theme{
background:rgba(224,113,46,0.8), url(../images/resource/human-resource-management-system.jpg)77% 25% no-repeat;
background:-moz-linear-gradient(top,rgba(224,113,46,0.8),rgba(208, 130, 63, 0.8)), url(../images/resource/human-resource-management-system.jpg)77% 25% no-repeat;
background:-ms-linear-gradient(top,rgba(224,113,46,0.8),rgba(208, 130, 63, 0.8)), url(../images/resource/human-resource-management-system.jpg)77% 25% no-repeat;
background:-webkit-linear-gradient(top,rgba(224,113,46,0.8),rgba(208, 130, 63, 0.8)), url(../images/resource/human-resource-management-system.jpg)77% 25% no-repeat;
background:-o-linear-gradient(top,rgba(224,113,46,0.8),rgba(208, 130, 63, 0.8)), url(../images/resource/human-resource-management-system.jpg)77% 25% no-repeat;
height:375px;
margin-bottom:20px;
margin-left:20px;
padding: 0px 15px 0px 15px;
}
.my-yellow-theme{
background:rgba(182,129,33,0.8), url(../images/resource/warehouse-management-system.jpg)50% 90% no-repeat;
background:-moz-linear-gradient(top,rgba(182,129,33,0.8),rgba(255,165,0,0.8)), url(../images/resource/warehouse-management-system.jpg)50% 90% no-repeat;
background:-ms-linear-gradient(top,rgba(182,129,33,0.8),rgba(255,165,0,0.8)), url(../images/resource/warehouse-management-system.jpg)50% 90% no-repeat;
background:-webkit-linear-gradient(top,rgba(182,129,33,0.8),rgba(255,165,0,0.8)), url(../images/resource/warehouse-management-system.jpg)50% 90% no-repeat;
background:-o-linear-gradient(top,rgba(182,129,33,0.8),rgba(255,165,0,0.8)), url(../images/resource/warehouse-management-system.jpg)50% 90% no-repeat;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-purple-theme{
background:rgba(109,57,227,0.8), url(../images/resource/vendor-management-system.jpg)42% 5%;
background:-moz-linear-gradient(top,rgba(109,57,227,0.8),rgba(157,94,220,0.8)), url(../images/resource/vendor-management-system.jpg)42% 5%;
background:-ms-linear-gradient(top,rgba(109,57,227,0.8),rgba(157,94,220,0.8)), url(../images/resource/vendor-management-system.jpg)42% 5%;
background:-webkit-linear-gradient(top,rgba(109,57,227,0.8),rgba(157,94,220,0.8)), url(../images/resource/vendor-management-system.jpg)42% 5%;
background:-o-linear-gradient(top,rgba(109,57,227,0.8),rgba(157,94,220,0.8)), url(../images/resource/vendor-management-system.jpg)42% 5%;
height:375px;
margin-bottom:20px;
margin-left:20px;
padding: 0px 15px 0px 15px;
}
.my-green-theme{
background:rgba(83, 173, 77, 0.8), url(../images/resource/lot-management-system.jpg)66% 98% no-repeat;
background:-moz-linear-gradient(top,rgba(83, 173, 77, 0.8),rgba(111, 187, 60, 0.8)), url(../images/resource/lot-management-system.jpg)66% 98% no-repeat;
background:-ms-linear-gradient(top,rgba(83, 173, 77, 0.8),rgba(111, 187, 60, 0.8)), url(../images/resource/lot-management-system.jpg)66% 98% no-repeat;
background:-webkit-linear-gradient(top,rgba(83, 173, 77, 0.8),rgba(111, 187, 60, 0.8)), url(../images/resource/lot-management-system.jpg)66% 98% no-repeat;
background:-o-linear-gradient(top,rgba(83, 173, 77, 0.8),rgba(111, 187, 60, 0.8)), url(../images/resource/lot-management-system.jpg)66% 98% no-repeat;
height:375px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-pink-theme{
background:rgba(165, 28, 163, 0.8), url(../images/resource/sales-management-system.jpg)20% 46% no-repeat;
background:-moz-linear-gradient(top,rgba(165, 28, 163, 0.8),rgba(224, 77, 184, 0.8)), url(../images/resource/sales-management-system.jpg)20% 46% no-repeat;
background:-ms-linear-gradient(top,rgba(165, 28, 163, 0.8),rgba(224, 77, 184, 0.8)), url(../images/resource/sales-management-system.jpg)20% 46% no-repeat;
background:-webkit-linear-gradient(top,rgba(165, 28, 163, 0.8),rgba(224, 77, 184, 0.8)), url(../images/resource/sales-management-system.jpg)20% 46% no-repeat;
background:-o-linear-gradient(top,rgba(165, 28, 163, 0.8),rgba(224, 77, 184, 0.8)), url(../images/resource/sales-management-system.jpg)20% 46% no-repeat;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-grey-theme{
background:rgba(64,64,64,0.8), url(../images/resource/visitor-management-system.jpg)20% 46% no-repeat;
background:-moz-linear-gradient(top,rgba(64,64,64,0.8),rgba(102,102,102,0.8)), url(../images/resource/visitor-management-system.jpg)20% 46% no-repeat;
background:-ms-linear-gradient(top,rgba(64,64,64,0.8),rgba(102,102,102,0.8)), url(../images/resource/visitor-management-system.jpg)20% 46% no-repeat;
background:-webkit-linear-gradient(top,rgba(64,64,64,0.8),rgba(102,102,102,0.8)), url(../images/resource/visitor-management-system.jpg)20% 46% no-repeat;
background:-o-linear-gradient(top,rgba(64,64,64,0.8),rgba(102,102,102,0.8)), url(../images/resource/visitor-management-system.jpg)20% 46% no-repeat;
height:375px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-darkgreen-theme{
background:rgba(35,119,128,0.8), url(../images/resource/asset-management-system.jpg)17% 27% no-repeat;
background:-moz-linear-gradient(top,rgba(35,119,128,0.8),rgba(35,126,128,0.8)), url(../images/resource/asset-management-system.jpg)17% 27% no-repeat;
background:-ms-linear-gradient(top,rgba(35,119,128,0.8),rgba(35,126,128,0.8)), url(../images/resource/asset-management-system.jpg)17% 27% no-repeat;
background:-webkit-linear-gradient(top,rgba(35,119,128,0.8),rgba(35,126,128,0.8)), url(../images/resource/asset-management-system.jpg)17% 27% no-repeat;
background:-o-linear-gradient(top,rgba(35,119,128,0.8),rgba(35,126,128,0.8)), url(../images/resource/asset-management-system.jpg)17% 27% no-repeat;
height:375px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-brown-theme{
background:rgba(100,68,54,0.8);
background:-moz-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8));
background:-ms-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8));
background:-webkit-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8));
background:-o-linear-gradient(top,rgba(100,68,54,0.8),rgba(100,82,54,0.8));
height:375px;
margin-left:20px;
margin-bottom:20px;
padding: 0px 15px 0px 15px;
}
.my-darkblue-theme{
background:rgba(0,65,129,0.8), url(../images/resource/logistics-erp-software.jpg)50% 30% no-repeat;
background:-moz-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/logistics-erp-software.jpg)50% 30% no-repeat;
background:-ms-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/logistics-erp-software.jpg)50% 30% no-repeat;
background:-webkit-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/logistics-erp-software.jpg)50% 30% no-repeat;
background:-o-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/logistics-erp-software.jpg)50% 30% no-repeat;
height:375px;
margin-bottom:20px;
margin-left:20px;
padding: 0px 15px 0px 15px;
}
.my-darkbluee-theme{
background:rgba(0,65,129,0.8), url(../images/resource/failure.jpg)50% 30% no-repeat;
background:-moz-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/failure.jpg)50% 30% no-repeat;
background:-ms-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/failure.jpg)50% 30% no-repeat;
background:-webkit-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/failure.jpg)50% 30% no-repeat;
background:-o-linear-gradient(top,rgba(0,65,129,0.8),rgba(0,81,129,0.8)), url(../images/resource/failure.jpg)50% 30% no-repeat;
height:375px;
margin-bottom:20px;
margin-left:20px;
padding: 0px 15px 0px 15px;
}


.ourproducts-sec .row{
margin:0 auto;
}
.blue{
background:#2e3192;
width:100%;
height:200px;
}
.white-color{
color:#fff;
}
p.min-hgt{
min-height: 175px;
}
.Enterprise-Resource-Planning .default-portfolio-item {
position: relative;
margin-bottom: 0px !important;
}
.Enterprise-Resource-Planning .services-single figure {
margin: 0px 0px 10px 0px;
}
.Human-Resource-Management-System .default-portfolio-item {
position: relative;
margin-bottom: 0px !important;
}
.Human-Resource-Management-System .services-single figure {
margin: 0px 0px 10px 0px;
}
.Logistics-ERP-Software .default-portfolio-item {
position: relative;
margin-bottom: 0px !important;
}
.logistics-erp-software .services-single figure {
margin: 0px 0px 10px 0px;
}
.Material-Resource-Planning .default-portfolio-item {
position: relative;
margin-bottom: 0px !important;
}
.Material-Resource-Planning .services-single figure {
margin: 0px 0px 10px 0px;
}
/*--------------------------------------*/
.board{
width: 85%;
margin: 0px auto;
height: 100%;
background: #fff;
/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
position: relative;
/* border-bottom: 0; */
/* width: 80%; */
margin: 0px auto;
margin-bottom: 0;
box-sizing: border-box;
}
.board > div.board-inner{
background: #fafafa;
background-size: 30%;
}
p.narrow{
/*width: 60%;
margin: 10px auto;*/
}
.liner{
height: 2px;
background: #ddd;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 30%;
z-index: 1;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
/* background-color: #ffffff; */
border: 0;
border-bottom-color: transparent;
}
span.round-tabs{
width: 70px;
height: 70px;
line-height: 65px;
display: inline-block;
border-radius: 100px;
background: white;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px;
}
span.round-tabs.one{
color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}
li.active span.round-tabs.one{
background: #fff !important;
border: 2px solid #ddd;
color: rgb(34, 194, 34);
}
span.round-tabs.two{
color: #febe29;border: 2px solid #febe29;
}
li.active span.round-tabs.two{
background: #fff !important;
border: 2px solid #ddd;
color: #febe29;
}
span.round-tabs.three{
color: #3e5e9a;border: 2px solid #3e5e9a;
}
li.active span.round-tabs.three{
background: #fff !important;
border: 2px solid #ddd;
color: #3e5e9a;
}
span.round-tabs.four{
color: #f1685e;border: 2px solid #f1685e;
}
li.active span.round-tabs.four{
background: #fff !important;
border: 2px solid #ddd;
color: #f1685e;
}
li .four{
color: #f1685e;
}
li .one{
color: #22c222;
}
li .two{
color: #febe29;
}
li .three{
color: #3e5e9a;
}
li .five{
color: #999;
}
li .six{
color: #a0629f;
}
li .seven{
color: #33b8be;
}
span.round-tabs.five{
color: #999;border: 2px solid #999;
}
li.active span.round-tabs.five{
background: #fff !important;
border: 2px solid #ddd;
color: #999;
}
span.round-tabs.six{
color: #a0629f;border: 2px solid #a0629f;
}
li.active span.round-tabs.six{
background: #fff !important;
border: 2px solid #ddd;
color: #a0629f;
}
span.round-tabs.seven{
color: #33b8be;border: 2px solid #33b8be;
}
li.active span.round-tabs.seven{
background: #fff !important;
border: 2px solid #ddd;
color: #33b8be;
}
.nav-tabs > li.active > a span.round-tabs{
background: #fafafa;
}
.nav-tabs > li {
width: 14%;
text-align: center;
}
/*li.active:before {
content: " ";
position: absolute;
left: 45%;
opacity:0;
margin: 0 auto;
bottom: -2px;
border: 10px solid transparent;
border-bottom-color: #fff;
z-index: 1;
transition:0.2s ease-in-out;
}*/
.nav-tabs > li:after {
content: " ";
position: absolute;
left: 44%;
opacity:0;
margin: 0 auto;
bottom: -14px;
border: 5px solid transparent;
border-bottom-color: #ddd;
transition:0.1s ease-in-out;
}
.nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 44%;
opacity:1;
margin: 0 auto;
bottom: -14px;
border: 10px solid transparent;
border-bottom-color: #ddd;
}
.nav-tabs > li a{
width: 70px;
height: 70px;
margin: 0px auto;
border-radius: 100%;
padding: 0;
}
.nav-tabs > li a:hover{
background: transparent;
}
.tab-content{
  padding-top: 20px !important;
}
/*.tab-pane{
position: relative;
padding-top: 20px;
}*/
.tab-content .head{
font-family: 'Ubuntu';
font-size: 25px;
text-transform: uppercase;
padding-bottom: 10px;
}
.btn-outline-rounded{
padding: 10px 40px;
margin: 20px 0;
border: 2px solid transparent;
border-radius: 25px;
}
.btn.green{
background-color:#5cb85c;
/*border: 2px solid #5cb85c;*/
color: #ffffff;
}
@media( max-width : 585px ){
.board {
width: 90%;
height:auto !important;
}
span.round-tabs {
font-size: 10px;
width: 35px;
height: 35px;
line-height: 30px;
}
.liner {
height: 2px;
background: #ddd;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 42%;
z-index: 1;
}
.tab-content .head{
font-size:20px;
}
.nav-tabs > li a {
width: 30px;
height: 30px;
line-height: 30px;
}
.nav-tabs > li.active:after {
bottom: -18px;
content: " ";
position: absolute;
left: 36%;
}
.nav-tabs>li {
float: left;
margin-bottom: 17px !important;
line-height: 14px;
}
li .module-heading {
font-size: 11px;
text-align: center !important;
display: none;
}
.btn-outline-rounded {
padding:12px 20px;
}
}
.Enterprise-Resource-Planning.features-section {
position: relative;
width: 100%;
padding: 0px 0px 0px ;
background-image: none !important;
}
.Enterprise-Resource-Planning p{
position: relative;
color: #777777;
}
.materialandinventory-ico::before {
top: 0;
left: 0;
background-position: 46% 55%;
background-repeat: no-repeat;
content: '';
background-image: url('../images/resource/material-and-inventory-management.png');
height: 100%;
width: 100%;
position: absolute;
background-size: 70%;
right: 0;
bottom: 0;
}
.productionmanagement-ico::before {
top: 0;
left: 0;
background-position: 55% 55%;
background-repeat: no-repeat;
content: '';
background-image: url('../images/resource/production-management-software.png');
height: 100%;
width: 100%;
position: absolute;
background-size: 70%;
right: 0;
bottom: 0;
}
.img-wid{
width: 75px !important;
margin-top: 22px;
margin-left: 10px;
}
.img-wid1 {
width: 81px !important;
margin-top: 33px;
margin-left: 8px;
}
.img-wid2 {
width: 73px !important;
margin-top: 15px;
margin-left: 14px;
}
.img-wid3 {
width: 73px !important;
margin-top: 31px;
margin-left: 14px;
}
.img-wid4 {
width: 73px !important;
margin-top: 27px;
margin-left: 14px;
}
.img-wid5 {
width: 73px !important;
margin-top: 15px;
margin-left: 14px;
}
.gi-lg {
font-size: 1.33333333em;
line-height: 1.75em !important;
vertical-align: -15%;
}
li .module-heading{
font-size:11px;
text-align: center !important;
}
.nav-tabs>li {
float: left;
margin-bottom: 13px;
line-height: 14px;
}
.min-hgt100{
min-height: 100px;
}
.services-single .sec-title {
position: relative;
margin-bottom: 10px;
margin-top: 10px;
}
.domain-reg-ico{
content: '';
display: block;
height: 70px;
width: 75px;
background: url(../images/icons/domain-registration.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.hosting-ico{
content: '';
display: block;
height: 70px;
width: 70px;
background: url(../images/icons/web-hosting.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.web-design-developmentico{
content: '';
display: block;
height: 70px;
width: 75px;
background: url(../images/icons/web-design-and-developement.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.landing-pages-creationico{
content: '';
display: block;
height: 70px;
width: 64px;
background: url(../images/icons/landing-pages-creation.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.brochures-design-ico{
content: '';
display: block;
height: 70px;
width: 75px;
background: url(../images/icons/brochures-design.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.logo-design-ico{
content: '';
display: block;
height: 70px;
width: 96px;
background: url(../images/icons/logo-design.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.ecommerce-portal-devico{
content: '';
display: block;
height: 70px;
width: 80px;
background: url(../images/icons/ecommerce-portal-devico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.content-management-systemico{
content: '';
display: block;
height: 70px;
width: 128px;
background: url(../images/icons/content-management-system.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.btn-section div{
-webkit-transition-duration: .6s;
transition-duration: .6s;
}
/*  bhoechie tab */
div.bhoechie-tab-container{
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
border:1px solid #ddd;
margin-top: 10px;
margin-left: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
color: #1d93e5;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
background-color: #1d93e5;
background-image: #1d93e5;
color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
right: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-right: 10px solid #1d93e5;
}
div.bhoechie-tab-content{
background-color: #ffffff;
/* border: 1px solid #eeeeee; */
padding-left: 0px;
padding-top: 15px;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
display: none;
}
.box h3{
text-align:center;
position:relative;
top:80px;
}
.box {
background: #fff;
margin-bottom:15px;
padding: 5px 15px;
min-height: 118px;
}
.box h6{
text-align: center;
font-size: 11px;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
box-shadow: 0 15px 10px #777;
transform: rotate(-3deg);
}
.effect2:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}
.effect6
{
position:relative;       
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
content:"";
position:absolute; 
z-index:-1;
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
border-radius:100px / 10px;
}
/*==================================================
* Effect 7
* ===============================================*/
.effect7
{
position:relative;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
content:"";
position:absolute; 
z-index:-1;
box-shadow:0 0 15px rgba(0,0,0,0.8);
top:0;
bottom:0;
left:10px;
right:10px;
border-radius:100px / 10px;
} 
.effect7:after
{
right:10px; 
left:auto; 
transform:skew(8deg) rotate(3deg);
}
/*==================================================
* Effect 8
* ===============================================*/
.effect8
{
position:relative;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
content:"";
position:absolute; 
z-index:-1;
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:10px;
bottom:10px;
left:0;
right:0;
border-radius:100px / 10px;
} 
.effect8:after
{
right:10px; 
left:auto; 
transform:skew(8deg) rotate(3deg);
}
.clients-sec .img-responsive{
margin: 0 auto;
height: 70px;
}
.clients-sec figure{
margin-bottom: 5px !important;
border-bottom: 1px solid #ddd;
}
.padd-lr-8{
padding-right: 8px;
padding-left: 8px;
}
.default-text-block h4 {
margin-bottom: 8px;
}
.messages .messages-item .messages-item-text{
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px;
}
.messages{padding: 10px;}
.messages .messages-item{margin-bottom: 8px;}
.messages .messages-item > img{float: left; width: 40px;padding: 2px;}
.messages .messages-item.inbox > img{float: right; width: 40px;padding: 2px;}
.messages .messages-item .messages-item-text{margin-left: 48px; font-size: 12px; background: rgba(0,0,0,0.2); padding: 10px; position: relative;}            
.messages .messages-item .messages-item-text:after{right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.messages .messages-item .messages-item-text:after{border-color: rgba(0, 0, 0, 0);border-right-color: rgba(0, 0, 0, 0.2); border-width: 6px; top: 14px;}                
.messages .messages-item.inbox .messages-item-text{margin-right: 48px; margin-left: 0px;}
.messages .messages-item.inbox .messages-item-text:after{right:auto; left: 100%;}
.messages .messages-item.inbox .messages-item-text:after{border-left-color: rgba(0,0,0,0.2); border-right-color: transparent;}
.messages .messages-item .messages-item-date{font-size: 11px; text-align: right; opacity: 0.3; filter: alpha(opacity=30); margin-top: 5px;}
.messages .messages-item.inbox .messages-item-date{text-align: left;}
.messages .messages-item .messages-attachment{padding-top: 5px; display: inline-block;}
.messages .messages-item .messages-attachment a{display: block; float: left; clear: both; margin-bottom: 5px;}
.messages .messages-item .messages-attachment a [class^='icon-']{font-size: 14px; opacity: 0.6; filter: alpha(opacity=60);}
.messages .messages-item .messages-attachment a:last-child{margin-bottom: 0px;}
.messages .messages-item .messages-attachment a:hover{text-decoration: underline;}
.messages .messages-item .messages-attachment.messages-attachment-inline a{clear: none; margin-right: 10px;}
.messages.messages-white .messages-item .messages-item-text{background: rgba(255,255,255,0.2);}
.messages.messages-white .messages-item .messages-item-text:after{border-right-color: rgba(255,255,255,0.2);}
.messages.messages-white .messages-item.inbox .messages-item-text:after{border-left-color: rgba(255,255,255,0.2);}
.messages-item-text a{
color: #0d4d9f !important;
text-decoration: underline;
}
.bhoechie-tab-menu h2{
	font-size: 15px;
}
.contact-img {
    text-align: center;
}
.newsevent-section h1 {
    text-align: center;
    font-size: 3em;
    font-family: 'Abel', sans-serif;
    color: #C4C4C4;
}

.tabs-section.tab-bg{
position:relative;
background:#fff url(../images/background/diagonal.png);
width:100%;
padding:30px 0px 30px;
}
.our-products.page-title{
	background-size: cover;
    background-position: 40% 63%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/ERP-Logistics-Warehouse-HRMS-software.jpg);
}
.our-products.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.our-industry.page-title{
	background-size: cover;
    background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/industries-we-serve.jpg);
}
.our-industry.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.our-clients.page-title{
	background-size: cover;
    background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/clients.jpg);
}
.our-clients.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.our-portfolio.page-title{
	background-size: cover;
    background-position: 50% 0%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/portfolio.jpg);
}
.our-portfolio.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.news-events.page-title{
	background-size: cover;
    background-position: 50% 39%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/news-and-events.jpg);
}
.news-events.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.contact-us.page-title{
	background-size: cover;
    background-position: 50% 60%;
	background-repeat: no-repeat;
	background-image: url(../images/resource/contact-us.jpg);
}
.contact-us.page-title:before{
	background: none repeat scroll 0 0 rgba(33,139,213,0.8) !important;
	content: "";
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
.enterprise-application-devico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/enterprise-application-development-ico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}

.mobile-application-developmentico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/mobile-application-developmentico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.embedded-solutions-ico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/embedded-solutions-ico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.barcode-solutions-ico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/barcode-solutions-ico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.rfid-solutions-ico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/rfid-solutions-ico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.Website-And-DigitalMarketingServices{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/Website-And-Digital-Marketing-Services.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.iot-ico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/iot-ico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.Business-Technology-Consultingico{
content: '';
display: block;
height: 50px;
width: 50px;
background: url(../images/icons/Business-Technology-Consultingico.png) no-repeat 0px 0px;
background-size: 100%;
margin: auto;
}
.hex1 {
  width: 76px;
  height: 76px;
}

#hex2 {
  width: 150px;
  height: 150px;
}

#hex3 {
  width: 200px;
  height: 200px;
}

#color1 {
  background-color: #39D; 
}

#color2 {
  background-color: #93D;
}

#color3 {
  background-color: #D93;
}
#color4 {
  background-color: #cf82cf;
}
#color5 {
  background-color: #e17771;
}
#color8 {
  background-color: #00aaa0;
}
#color7 {
  background-color: #5d4c46;
}
#color6 {
  background-color: #7b8d8e;
}

.hexagon-wrapper {
  text-align: center;
  margin: auto;
  position: relative;
  display: inline-block;
}

.hexagon {
  height: 100%;
  width: calc(100% * 0.57735);
  display: inline-block;
}

.hexagon:before {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  transform: rotateZ(60deg);
}

.hexagon:after {
  position: absolute;
  top: 0;
  right: calc((100% / 2) - ((100% * 0.57735) / 2));
  background-color: inherit;
  height: inherit;
  width: inherit;
  content: '';
  transform: rotateZ(-60deg);
}
.hexa-ico-span{
	font-size: 38px;
    left: 0;
    text-align: center;
    position: absolute;
    z-index: 9;
    color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px auto;
}
.default-form input[type="text"]::-webkit-input-placeholder, .default-form input[type="email"]::-webkit-input-placeholder, .default-form input[type="number"]::-webkit-input-placeholder, .default-form input[type="password"]::-webkit-input-placeholder, .default-form select::-webkit-input-placeholder, .default-form textarea::-webkit-input-placeholder{
    color: #c2cad0 !important;
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder{
    color: #c2cad0 !important;
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder{
    color: #c2cad0 !important;
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder{
    color: #c2cad0 !important;
}
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
    width: 70%;
    margin: 21px;
    height: 70%;
}

.ih-item.circles {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0px auto;
  border-radius: 50%;
}
.ih-item.circles .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circles .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles .img img {
  border-radius: 0%;
}
.ih-item.circles .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circles.effect1 .spinner {
  width: 160px;
  height: 160px;
  border: 10px solid #d083cf;
  border-top-color: #f9db82;
  border-right-color: #cf82ce;
  border-bottom-color: #f9da82;
  border-radius: 50%;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circles.effect1 .img {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  width: auto;
  height: auto;
}
.ih-item.circles.effect1 .img:before {
  display: none;
}
.ih-item.circles.effect1.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circles.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.ih-item.circles.effect1 .info h3 {
  	color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    font-size: 20px;
    margin: 0px;
    padding: 25px 0 0 0;
    height: 80px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect1 .info p {
    color: #bbb;
    text-align: center;
    padding: 0px 0px;
    font-style: italic;
    margin: 60px 0px;
    font-size: 12px;
    font-weight: 800;
    /* border-top: 1px solid rgba(255, 255, 255, 0.5); */
}
.ih-item.circles.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ih-item.circles.effect1 a:hover .info {
  opacity: 1;
}

.ih-item.circles.effect2 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect2.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circles.effect2 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect2 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect2 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circles.effect2.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect2.left_to_right a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ih-item.circles.effect2.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect2.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect2.right_to_left a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ih-item.circles.effect2.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect2.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect2.top_to_bottom a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ih-item.circles.effect2.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect2.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect2.bottom_to_top a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ih-item.circles.effect2.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect3 .info {
  background: #333333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect3 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circles.effect3.left_to_right .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circles.effect3.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect3.left_to_right a:hover .img {
  -webkit-transform: scale(0.5) translateX(100%);
  -moz-transform: scale(0.5) translateX(100%);
  -ms-transform: scale(0.5) translateX(100%);
  -o-transform: scale(0.5) translateX(100%);
  transform: scale(0.5) translateX(100%);
}
.ih-item.circles.effect3.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect3.right_to_left .img {
  -webkit-transform: scale(1) translateX(0);
  -moz-transform: scale(1) translateX(0);
  -ms-transform: scale(1) translateX(0);
  -o-transform: scale(1) translateX(0);
  transform: scale(1) translateX(0);
}
.ih-item.circles.effect3.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect3.right_to_left a:hover .img {
  -webkit-transform: scale(0.5) translateX(-100%);
  -moz-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  -o-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%);
}
.ih-item.circles.effect3.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect3.top_to_bottom .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circles.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%);
}
.ih-item.circles.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect3.bottom_to_top .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circles.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%);
}
.ih-item.circles.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect4 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.ih-item.circles.effect4.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect4 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.ih-item.circles.effect4 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect4 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect4 a:hover .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circles.effect4 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circles.effect4.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circles.effect4.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect4.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect4.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect4.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circles.effect4.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect4.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect4.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect4.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect4.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect4.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect4.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect4.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect4.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect4.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect4.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect5 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circles.effect5.colored .info .info-back {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circles.effect5 .info {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circles.effect5 .info .info-back {
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circles.effect5 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect5 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect5 a:hover .info {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}
.ih-item.circles.effect5 a:hover .info .info-back {
  visibility: visible;
}

.ih-item.circles.effect6 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect6.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect6 .info {
  background: #333333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect6 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect6 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circles.effect6.scale_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect6.scale_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.circles.effect6.scale_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect6.scale_down .info {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.ih-item.circles.effect6.scale_down a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect6.scale_down a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect6.scale_down_up .info {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.2s;
  -moz-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s;
}
.ih-item.circles.effect6.scale_down_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect6.scale_down_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect7 .img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.ih-item.circles.effect7.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect7 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.circles.effect7 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect7 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect7 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect7 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circles.effect7.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect7.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect7.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect7.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect7.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect7.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect7.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect7.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect8.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect8 .img-container {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ih-item.circles.effect8 .img-container .img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circles.effect8 .info-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
}
.ih-item.circles.effect8 .info {
  width: 100%;
  height: 100%;
  background: #333333;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out 0.6s;
  -moz-transition: all 0.35s ease-in-out 0.6s;
  transition: all 0.35s ease-in-out 0.6s;
}
.ih-item.circles.effect8 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect8 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect8 a:hover .img-container {
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect8 a:hover .img-container .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circles.effect8 a:hover .info-container {
  opacity: 1;
}
.ih-item.circles.effect8 a:hover .info-container .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect8.left_to_right .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circles.effect8.left_to_right .info-container {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect8.left_to_right a:hover .img-container .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect8.left_to_right a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect8.right_to_left .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circles.effect8.right_to_left .info-container {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect8.right_to_left a:hover .img-container .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect8.right_to_left a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect8.top_to_bottom .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect8.top_to_bottom .info-container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect8.top_to_bottom a:hover .img-container .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect8.top_to_bottom a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect8.bottom_to_top .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect8.bottom_to_top .info-container {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect8.bottom_to_top a:hover .img-container .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect8.bottom_to_top a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect9 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
.ih-item.circles.effect9.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect9 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s;
}
.ih-item.circles.effect9 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect9 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect9 a:hover .img {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.ih-item.circles.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect9.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circles.effect9.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}

.ih-item.circles.effect9.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circles.effect9.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}

.ih-item.circles.effect9.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect9.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ih-item.circles.effect9.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect9.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

.ih-item.circles.effect10 .img {
  z-index: 11;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect10.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect10 .info {
  background: #333333;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect10 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect10 .info p {
  color: #bbb;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect10.top_to_bottom .info h3 {
  margin: 0 30px;
  padding: 25px 0 0 0;
  height: 78px;
}
.ih-item.circles.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px;
}
.ih-item.circles.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px) scale(0.5);
  -moz-transform: translateY(50px) scale(0.5);
  -ms-transform: translateY(50px) scale(0.5);
  -o-transform: translateY(50px) scale(0.5);
  transform: translateY(50px) scale(0.5);
}

.ih-item.circles.effect10.bottom_to_top .info h3 {
  margin: 95px 30px 0;
  padding: 25px 0 0 0;
  height: 78px;
}
.ih-item.circles.effect10.bottom_to_top .info p {
  margin: 0 30px;
  padding: 5px;
}
.ih-item.circles.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5);
}

.ih-item.circles.effect11 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circles.effect11 .img {
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect11.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect11 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease 0.35s;
  -moz-transition: all 0.35s ease 0.35s;
  transition: all 0.35s ease 0.35s;
}
.ih-item.circles.effect11 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect11 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect11 a:hover .img {
  opacity: 0;
}
.ih-item.circles.effect11 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circles.effect11.left_to_right .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}
.ih-item.circles.effect11.left_to_right .info {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circles.effect11.left_to_right a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circles.effect11.left_to_right a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}

.ih-item.circles.effect11.right_to_left .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}
.ih-item.circles.effect11.right_to_left .info {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg);
}
.ih-item.circles.effect11.right_to_left a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg);
}
.ih-item.circles.effect11.right_to_left a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0);
}

.ih-item.circles.effect11.top_to_bottom .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}
.ih-item.circles.effect11.top_to_bottom .info {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circles.effect11.top_to_bottom a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circles.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}

.ih-item.circles.effect11.bottom_to_top .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}
.ih-item.circles.effect11.bottom_to_top .info {
  -webkit-transform: translateZ(-1000px) rotateX(-90deg);
  -moz-transform: translateZ(-1000px) rotateX(-90deg);
  -ms-transform: translateZ(-1000px) rotateX(-90deg);
  -o-transform: translateZ(-1000px) rotateX(-90deg);
  transform: translateZ(-1000px) rotateX(-90deg);
}
.ih-item.circles.effect11.bottom_to_top a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateX(90deg);
  -moz-transform: translateZ(-1000px) rotateX(90deg);
  -ms-transform: translateZ(-1000px) rotateX(90deg);
  -o-transform: translateZ(-1000px) rotateX(90deg);
  transform: translateZ(-1000px) rotateX(90deg);
}
.ih-item.circles.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0);
}

.ih-item.circles.effect12 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect12.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect12 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect12 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect12 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect12 a:hover .img {
  opacity: 0;
  pointer-events: none;
}
.ih-item.circles.effect12 a:hover .info {
  opacity: 1;
  visibility: visible;
}

.ih-item.circles.effect12.left_to_right .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circles.effect12.left_to_right .info {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}
.ih-item.circles.effect12.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg);
}
.ih-item.circles.effect12.left_to_right a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circles.effect12.right_to_left .img {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
}
.ih-item.circles.effect12.right_to_left .info {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circles.effect12.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg);
}
.ih-item.circles.effect12.right_to_left a:hover .info {
  -webkit-transform: translateX(0) rotate(0);
  -moz-transform: translateX(0) rotate(0);
  -ms-transform: translateX(0) rotate(0);
  -o-transform: translateX(0) rotate(0);
  transform: translateX(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circles.effect12.top_to_bottom .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
.ih-item.circles.effect12.top_to_bottom .info {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circles.effect12.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%) rotate(-180deg);
  -moz-transform: translateY(-100%) rotate(-180deg);
  -ms-transform: translateY(-100%) rotate(-180deg);
  -o-transform: translateY(-100%) rotate(-180deg);
  transform: translateY(-100%) rotate(-180deg);
}
.ih-item.circles.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circles.effect12.bottom_to_top .img {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
}
.ih-item.circles.effect12.bottom_to_top .info {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg);
}
.ih-item.circles.effect12.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%) rotate(180deg);
  -moz-transform: translateY(100%) rotate(180deg);
  -ms-transform: translateY(100%) rotate(180deg);
  -o-transform: translateY(100%) rotate(180deg);
  transform: translateY(100%) rotate(180deg);
}
.ih-item.circles.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0) rotate(0);
  -moz-transform: translateY(0) rotate(0);
  -ms-transform: translateY(0) rotate(0);
  -o-transform: translateY(0) rotate(0);
  transform: translateY(0) rotate(0);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.ih-item.circles.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circles.effect13 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect13 .info h3 {
  visibility: hidden;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect13 .info p {
  visibility: hidden;
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect13 a:hover .info {
  opacity: 1;
}
.ih-item.circles.effect13 a:hover h3 {
  visibility: visible;
}
.ih-item.circles.effect13 a:hover p {
  visibility: visible;
}

.ih-item.circles.effect13.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ih-item.circles.effect13.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.ih-item.circles.effect13.from_left_and_right a:hover h3 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ih-item.circles.effect13.from_left_and_right a:hover p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.ih-item.circles.effect13.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect13.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circles.effect13.top_to_bottom a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect13.top_to_bottom a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect13.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect13.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circles.effect13.bottom_to_top a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.ih-item.circles.effect13.bottom_to_top a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circles.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circles.effect14 .img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.ih-item.circles.effect14.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect14 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circles.effect14 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect14 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect14 a:hover .img {
  opacity: 0;
  visibility: hidden;
}
.ih-item.circles.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.circles.effect14.left_to_right .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circles.effect14.left_to_right .info {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circles.effect14.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.ih-item.circles.effect14.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.circles.effect14.right_to_left .img {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circles.effect14.right_to_left .info {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circles.effect14.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.ih-item.circles.effect14.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
}

.ih-item.circles.effect14.top_to_bottom .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circles.effect14.top_to_bottom .info {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circles.effect14.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
}
.ih-item.circles.effect14.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.circles.effect14.bottom_to_top .img {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circles.effect14.bottom_to_top .info {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circles.effect14.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.ih-item.circles.effect14.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0);
}

.ih-item.circles.effect15 .img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect15.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect15 .info {
  background: #333333;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(-720deg);
  -moz-transform: scale(0.5) rotate(-720deg);
  -ms-transform: scale(0.5) rotate(-720deg);
  -o-transform: scale(0.5) rotate(-720deg);
  transform: scale(0.5) rotate(-720deg);
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s;
}
.ih-item.circles.effect15 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect15 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.5) rotate(720deg);
  -moz-transform: scale(0.5) rotate(720deg);
  -ms-transform: scale(0.5) rotate(720deg);
  -o-transform: scale(0.5) rotate(720deg);
  transform: scale(0.5) rotate(720deg);
}
.ih-item.circles.effect15 a:hover .info {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1) rotate(0);
  -moz-transform: scale(1) rotate(0);
  -ms-transform: scale(1) rotate(0);
  -o-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}

.ih-item.circles.effect16 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect16.colored .info {
  background: #1a4a72;
}
.ih-item.circles.effect16 .info {
  background: #333333;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect16 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect16 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.ih-item.circles.effect16.left_to_right .img {
  -webkit-transform-origin: 95% 40%;
  -moz-transform-origin: 95% 40%;
  -ms-transform-origin: 95% 40%;
  -o-transform-origin: 95% 40%;
  transform-origin: 95% 40%;
}
.ih-item.circles.effect16.left_to_right .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 95%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circles.effect16.left_to_right a:hover .img {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg);
}

.ih-item.circles.effect16.right_to_left .img {
  -webkit-transform-origin: 5% 40%;
  -moz-transform-origin: 5% 40%;
  -ms-transform-origin: 5% 40%;
  -o-transform-origin: 5% 40%;
  transform-origin: 5% 40%;
}
.ih-item.circles.effect16.right_to_left .img:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 50%;
  top: 40%;
  left: 5%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
.ih-item.circles.effect16.right_to_left a:hover .img {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

.ih-item.circles.effect17 .info {
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect17 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect17 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.ih-item.circles.effect17 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.ih-item.circles.effect17 a:hover .info p {
  opacity: 1;
}
.ih-item.circles.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ih-item.circles.effect18 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circles.effect18 .img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ih-item.circles.effect18.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.circles.effect18 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circles.effect18 .info .info-back {
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
}
.ih-item.circles.effect18 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect18 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circles.effect18.bottom_to_top .img {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.ih-item.circles.effect18.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg);
}

.ih-item.circles.effect18.top_to_bottom .img {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.ih-item.circles.effect18.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg);
}

.ih-item.circles.effect18.left_to_right .img {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.ih-item.circles.effect18.left_to_right a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  -ms-transform: rotate3d(0, 1, 0, 180deg);
  -o-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}

.ih-item.circles.effect18.right_to_left .img {
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
.ih-item.circles.effect18.right_to_left a:hover .img {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}

.ih-item.circles.effect19.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6);
}
.ih-item.circles.effect19 .info {
  background: #333333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circles.effect19 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect19 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect19 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circles.effect20 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px;
}
.ih-item.circles.effect20 .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.ih-item.circles.effect20.colored .info .info-back {
  background: #1a4a72;
}
.ih-item.circles.effect20 .info {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.ih-item.circles.effect20 .info .info-back {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.35s linear;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.ih-item.circles.effect20 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circles.effect20 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circles.effect20 a:hover .img {
  opacity: 0;
}
.ih-item.circles.effect20 a:hover .info .info-back {
  opacity: 1;
  visibility: visible;
}

.ih-item.circles.effect20.top_to_bottom .info .info-back {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circles.effect20.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circles.effect20.top_to_bottom a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}

.ih-item.circles.effect20.bottom_to_top .info .info-back {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.circles.effect20.bottom_to_top a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.circles.effect20.bottom_to_top a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
}
.index-pro.features-section {
    position: relative;
    background: #1d93e5;
    width: 100%;
    padding: 30px 0px 30px;
}
.index-pro.features-section h3, .index-pro.features-section h2{
	color:white !important;
}
.circles small{
    width: 166px !important;
    position: absolute;
}
.vendor_portal .default-portfolio-item {
    position: relative;
    margin-bottom: 0px;
}
.vendor_portal .services-single figure {
    margin: 0px 0px 0px 0px;
}
.visitor .services-single figure {
    margin: 0px 0px 0px 0px;
}
.visitor .default-portfolio-item {
    position: relative;
    margin-bottom: 0px;
}
.asset .services-single figure {
    margin: 0px 0px 0px 0px;
}
.asset .default-portfolio-item {
    position: relative;
    margin-bottom: 0px;
}
.bb-year-end-ribbon,
.bb-year-end-ribbon:before,
.bb-year-end-ribbon:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.bb-year-end-ribbon {
  background:#1d93e5;
  position: relative;
  width:100%;
  color: white;
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  text-transform: capitalize;
  border-radius:50px;
}
.kony {
	height: 5em;
    width: 13em;
    margin: 0px auto;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    border: 3px dashed #ff6600;
    background: url(../images/resource/kony.png);
    background-repeat: no-repeat;
    background-position: 30px 12px;
    background-size: 70%;
}
.xamarin {
    height: 5em;
    width: 13em;
    margin: 0px auto;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    border: 3px dashed #3598db;
    background: url(../images/resource/xamarin.jpg);
    background-repeat: no-repeat;
    background-position: 37px -7px;
    background-size: 60%;
}
.adobe_air {
    height: 5em;
    width: 13em;
    margin: 0px auto;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    border: 3px dashed #d22426;
    background: url(../images/resource/air_logo.jpg);
    background-repeat: no-repeat;
    background-position: 59px 1px;
    background-size: 35%;
}
.phonegap {
    height: 5em;
    width: 13em;
    margin: 0px auto;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    border: 3px dashed #232323;
    background: url(../images/resource/phonegap.png);
    background-repeat: no-repeat;
    background-position: 59px 1px;
    background-size: 35%;
}
.senchatouch {
    height: 5em;
    width: 13em;
    margin: 0px auto;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    border: 3px dashed #232323;
    background: url(../images/resource/senchatouch.png);
    background-repeat: no-repeat;
    background-position: 59px 1px;
    background-size: 35%;
}
.ios {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #232323;
    background: url(../images/resource/ios.jpg);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 85%;
}
.android {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #97c03e;
    background: url(../images/resource/android.jpg);
    background-repeat: no-repeat;
    background-position: 2px 10px;
    background-size: 95%;
}
.windows {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #00adef;
    background: url(../images/resource/windows.jpg);
    background-repeat: no-repeat;
    background-position: 8px 14px;
    background-size: 85%;
}
.blackberry {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #000;
    background: url(../images/resource/blackberry.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 80%;
}
.html5 {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #e44d26;
    background: url(../images/resource/html5.png);
    background-repeat: no-repeat;
    background-position: 13px 12px;
    background-size: 75%;
}
.symbian {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #0080b2;
    background: url(../images/resource/Symbian.png);
    background-repeat: no-repeat;
    background-position: 10px 36px;
    background-size: 80%;
}
.tizen {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #42d5fa;
    background: url(../images/resource/tizen.png);
    background-repeat: no-repeat;
    background-position: 12px 10px;
    background-size: 75%;
}
.bada {
    height: 100px;
    width: 100px;
    margin: 0px auto;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px dotted #00696b;
    background: url(../images/resource/bada.png);
    background-repeat: no-repeat;
    background-position: 6px 21px;
    background-size: 90%;
}
.valign-wrapper {
    display: table;
    width: 100%;
}
.valign-cell {
    display: table-cell;
    vertical-align: middle;
}
.error-wrapper-alt h1 {
    color: #fff;
    font-size: 130px;
    line-height: 130px;
    font-weight: 700;
    text-shadow: 5px 5px 0 #dadada, -1px -1px 0 #dadada, 1px -1px 0 #dadada, -1px 1px 0 #dadada, 1px 1px 0 #dadada;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.error-sub {
    display: block;
    font-size: 30px;
    line-height: 45px;
    font-weight: 700;
    text-transform: uppercase;
}

div.page1 {
		font-family:'geo';
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    height: 100%;
	    z-index: 999999;
        background: #fff;
	    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
	    background-repeat: no-repeat;
	    -o-background-repeat: no-repeat;
    -moz-background-repeat: no-repeat;
    -webkit-background-repeat:no-repeat;
	    background-image: url(../images/parallax/intro-bg.jpg);
	    -o-background-image: url(../images/parallax/intro-bg.jpg);
    -moz-background-image: url(../images/parallax/intro-bg.jpg);
    -webkit-background-image:url(../images/parallax/intro-bg.jpg);
	    background-position: 80% 30%;
	     -o-background-position: 80% 30%;
    -moz-background-position: 80% 30%;
    -webkit-background-position:80% 30%;
	    cursor: -webkit-grab;
	    cursor: -moz-grab;
	    overflow: hidden !important;
	}

/*timeline for Paper Tracking Software */

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-thumbnail {
    background-color: #fff;
    border: 1px solid #ededf0;
    border-radius: 3px;
    display: inline-block;
    height: auto;
    line-height: 1.428571429;
    max-width: 100%;
    moz-transition: all .2s ease-in-out;
    o-transition: all .2s ease-in-out;
    padding: 2px;
    transition: all .2s ease-in-out;
    webkit-transition: all .2s ease-in-out;
}

.img-circle {
    border-radius: 50%;
}

.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }

.side-tab .panel-heading:hover {
    cursor:pointer;
}
.side-tab .panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none;
        background-color: #eee;
    
    }
    .panel-body {
        background-color: #f5f5f5;
    }
    .panel-title {
        font-weight: 400;
        color: white;
    }

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/*/
    
----------------------------------

.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;
}
  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }
.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
  background: #353542;
  border-radius: 100%;
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
    width: 620PX;
    height: 0.9375em;
    position: relative;
    top: -0.75em;
    background: #c6c7ca;
    right: -38px;
}
style.css:5701

.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}

/*tv view*/


@media (max-width: 320px){
.md-macbook-pro .md-lid {
    width: auto; 
    height: 17.625em;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border-radius: 1.875em;
    border: solid 0.1875em #cdced1;
    background: #131313;
}
.md-macbook-pro .md-screen {
    width: auto;
    height: 12.375em;
    margin: 0 auto;
    position: relative;
    top: 2.0625em;
    background: #fff;
    overflow: hidden;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
  right:0px !important;
}

}

/*thumbnail*/

.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 5px;
}
.side-tab .panel-heading {
    padding: 5px !important;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.container {
  position: relative;
  width: 90%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    right: 0;
    height: 88px;
    width: 115px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1d93e5;
    border-radius:5px;
}

.side-tab:hover .overlay1 {
  opacity: 1;
}

.overlay-text {
    color: white;
    line-height: 14px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.overlay2 {
    position: absolute;
    top: 92px !important;
    bottom: 0;
    left: 16px;
    right: 0;
    height: 88px;
    width: 115px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1d93e5;
    border-radius:5px;
}

.tab2:hover .overlay2 {
  opacity: 1;
}

.overlay3 {
    position: absolute;
    top: 185px !important;
    bottom: 0;
    left: 16px;
    right: 0;
    height: 88px;
    width: 115px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1d93e5;
    border-radius:5px;
}

.tab3:hover .overlay3 {
  opacity: 1;
}
.overlay4 {
    position: absolute;
    top: 279px !important;
    bottom: 0;
    left: 16px;
    right: 0;
    height: 88px;
    width: 115px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1d93e5;
    border-radius:5px;
}

.tab4:hover .overlay4 {
  opacity: 1;
}
.overlay5 {
    position: absolute;
    top: 371px !important;
    bottom: 0;
    left: 16px;
    right: 0;
    height: 88px;
    width: 115px;
    opacity: 0;
    transition: .5s ease;
    background-color: #1d93e5;
    border-radius:5px;
}

.tab5:hover .overlay5 {
  opacity: 1;
}
.sales-font {
font-weight: 300;
font-size: 11px !important;
}
.icon-left-column .text.text-zoom {
    font-weight: 100;
    font-size: 13px;
    min-height: 70px !important;
    margin-bottom: 15px;
}
.icontop {
	top:15px !important;
}
.whatsapp {
    position: fixed;
    left: 10px;
    top: 162px;
    width: 44px;
    z-index: 99;
}
.whatsapp img {
max-width: 100%;
}


.navbar-nav>li {
    position: relative;
    float: left;
    margin-left: 15px;
    padding: 0px;
}
.downarrow {
    margin-left: 6px !important;
    font-size: 7px;
    position: relative;
    bottom: 2px;
}
.topnavbar{
	padding-left: 100px;
}
@media (max-width:767px){
    .topnavbar{
	padding-left: 0px;
}
.navbar-nav>li {
    position: relative;
    float: left;
    margin-left: 15px;
    padding: 0px;
    width: 100%;
}
  }

  .listborderl{
  	border-right: 1px solid #c9c6c6
  }
  .listborderr{
  	border-right: 1px solid #c9c6c6
  }
.nav-tabs > li a {
    width: 270px;
    height: 50px;
    margin: 0px auto;
    border-radius: 100%;
    padding: 0;
}
@media (min-width: 768px){
.navbar-nav {
    float: right !important;
    margin: 0;
    padding: 0px;
}
.logotop{
	margin-top: 0px;
}
}
.servicefont{
	font-size: 12px;
}
.logotop {
    margin-top: 16px;
    position: relative;
    left: 16px;
}
@media (max-width: 768px){

.logotop{
	 margin-top: 0px;
    position: initial;
    left: 0px;
}
}
.megamenudrop{
	font-weight: 700;
    font-size: 17px;
    padding: 3px;
}
.mega-dropdown-menu.Services > li > ul > li > a {
    display: block;
    padding: 7px 10px;
    clear: both;
    line-height: 64px;
    overflow: hidden;
    font-weight: normal;
    /* line-height: 1.428571429; */
    color: #000;
    white-space: normal;
    font-size: 12px;
}
.header-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 817px;
    padding: 5px 27px 5px 28px;
    border-bottom-left-radius: 5px;
    background-color: #222;
}

.header-top__contacts {
    margin-right: 15px;
    font-size: 11px;
    font-weight: 400;
    color: #ccc;
}
.header-top .social-links {
    float: right;
}
.social-links > li {
    padding-right: 23px;
    padding-left: 0;
}
.header-top .social-links > li > a {
    transition: all 0.3s;
}
.social-links > li > a {
    font-size: 12px;
    color: #ccc;
}

@media (max-width: 768px){
.main-header .header-top {   
    display: none;
}

}

.demobtn{
	position: relative;
	float: right;
	padding: 2px 4px;
	font-weight: normal;
	background: none;
	border: 2px solid #51ce33 !important;
	letter-spacing: 1px;
	border-radius: 3px;
	line-height: 20px;
	color: #51ce33 !important;
}

@media (max-width: 768px){
.navbar-toggle {
    display: inline-block;
    position: relative;
    
    top: 2px;
}

}

.footer-upper .column h2 {
    position: relative;
    font-size: 11px;
    line-height: 0.25;
    padding: 10px 0px 8px;
    margin-bottom: 3px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #51ce33 ;
}
@media only screen and (max-width: 767px){
.navbar  .navbar-collapse > .topnavbar > li, .navbar  .navbar-collapse > .topnavbar > li > ul > li, .navbar  .navbar-collapse > .topnavbar > li > ul > li > ul > li {
    border-top: 1px solid rgba(255,255,255,1) !important;
    opacity: 1 !important;
    top: 0px !important;
    left: 0px !important;
    visibility: visible !important;
}
}
@media only screen and (max-width: 767px){
.navbar  .navbar-collapse > .topnavbar > li > a, .navbar  .navbar-collapse > .topnavbar > li > ul > li > a, .navbar  .navbar-collapse > .topnavbar > li > ul > li > ul > li > a {
    padding: 10px 10px !important;
    line-height: 22px;
    color: #ffffff;
    background: #1d93e5;
    text-align: left;
}
}
@media only screen and (max-width: 767px){
.navbar  .navbar-collapse > .topnavbar > li > a {
    padding: 10px 10px !important;
    border: none !important;
}

}
@media only screen and (max-width: 767px){
.navbar .collapse.in, .navbar .collapsing {
    padding: 0px 0px 0px;
    border: none;
    margin: 0px 0px 0px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.main-header .navbar-header .navbar-toggle {
    display: inline-block;
    z-index: 7;
    border: 1px solid #1d93e5;
    border-radius: 0px;
    background: #1d93e5;
}
.main-header .navbar-header .navbar-toggle .icon-bar {
    background: #ffffff;
}
.navbar  .navbar-collapse > .topnavbar {
    float: none !important;
    margin: 0px !important;
    width: 100% !important;
    background: #1d93e5;
    border: 1px solid #ffffff;
    border-top: none;
    overflow-y: scroll;
    max-height: 100vh;
}
.navbar  .navbar-collapse > .topnavbar > li {
    margin: 0px !important;
    float: none !important;
    width: 100%;
    position: relative !important;
}
.navbar  .navbar-collapse > .topnavbar li.dropdown .dropdown-btn {
    display: block;
}
.mega-dropdown-menu.products>li ul li.with-link-icon .link-icon {
    display: none !important;
   
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.main-header .container {
    padding-right: 0px; 
     padding-left: 0px; 
    margin-right: auto;
    margin-left: auto;
}
.main-header .container {
    position: relative;
    width: 100%;
}
.fixed-header .mega-dropdown-menu.Services>li ul li.with-link-icon .link-icon {
    display: none !important;
}
.fixed-header .mega-dropdown-menu.products>li ul li.with-link-icon .link-icon {
    display: none !important;
}
.fixed-header .mega-dropdown-menu.solutions>li ul li.with-link-icon .link-icon {
    display: none !important;
}
.dropdown-menu {
    position: relative;
}
.whatsapp {
    position: fixed;
    right: 10px !important;
    left: initial;
    top: 162px;
    width: 44px;
    z-index: 99;
}
.main-slider {
    position: relative;
    width: 100%;
    padding-top: 54px;
    color: #ffffff;
}
.footerinfo {
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}
.footerproduct{
	margin-left: 0px !important;
}
.footerproductsub{
  padding-right: 15px !important;
    padding-left: 15px !important;
}

}
.navbar .navbar-collapse > ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icons/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}
.navbar .navbar-collapse > li > a {
    position: relative;
    display: inline-block;
    padding: 12px 0px 0px 0px;
    font-size: 13px;
    color: #777;
    font-weight: 500;
    line-height: 30px;
    border-top: none;
    text-transform: uppercase;
    opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.header-top__contacts a {
    margin-right: 15px;
    font-size: 11px;
    font-weight: 400;
    color: #ccc;
}
.main-header.sticky .navbar-collapse {
    position: relative;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
.main-header.sticky .navbar {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    margin-top: 0;
    text-align: center;
    box-shadow: 0 0px 6px 0px #333;
    opacity: .7;
    z-index: 1111;
    background-color: #fff;
    transition: all .3s;
}
@media (min-width:1024px){
.mega-dropdown:hover  .dropdown-menu{
  display: block;
}
}
header.main-header.fixed-header {
    top: 0;
}

.fixed-header .container {
    width: 100%;
    padding: 0px;
    top: 0;
    border-radius: 0 !important;
}

.fixed-header nav.navbar.navbar-default {
    border-radius: 0px;
}

.main-header.fixed-header .header-top {
    border-top-right-radius: 0px;
}
.main-header .header-top .icon {
    position: relative;
    font-size: 14px;
    padding-right: 5px;
    color: #fff;
}
.fixed-header .mega-dropdown-menu.Services:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 700px !important;
    z-index: 10;
}
.fixed-header .mega-dropdown-menu.Services:after {
    content: "";
    border-bottom: 17px solid #3ba9e8;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 698px !important;
    z-index: 8;
}
.fixed-header .mega-dropdown-menu.solutions:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 952px !important;
    z-index: 10;
}
.fixed-header .mega-dropdown-menu.solutions:after {
    content: "";
    border-bottom: 17px solid #3ba9e8;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 950px !important;
    z-index: 8;
}
.fixed-header .mega-dropdown-menu:before {
    content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 822px !important;
    z-index: 10;
}
.fixed-header .mega-dropdown-menu:after {
    content: "";
    border-bottom: 17px solid #3ba9e8;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 820px !important;
    z-index: 8;
}
.fixed-header .mega-dropdown-menu.products>li ul li.with-link-icon .link-icon {
    display: inline-block;
    line-height: 64px;
    float: left;
    width: 80px;
    font-size: 14px;
    min-height: 1px;
    text-align: center;
}
.fixed-header .mega-dropdown-menu.products>li ul li.with-link-icon .copy {
    display: inline-block;
    float: left;
    width: 335px;
    line-height: 1.5;
    padding: 0 30px 0 0;
}
.fixed-header .mega-dropdown-menu.Services>li ul li.with-link-icon .link-icon {
    display: inline-block ;
    line-height: 64px;
    float: left;
    width: 80px;
    font-size: 14px;
    min-height: 1px;
    text-align: center;
}
.fixed-header .mega-dropdown-menu.Services >li ul li.with-link-icon .copy {
    display: inline-block;
    float: left;
    width: 335px;
    line-height: 1.5;
    padding: 0 30px 0 0;
}
.fixed-header .mega-dropdown-menu.solutions>li ul li.with-link-icon .link-icon {
    display: inline-block ;
    line-height: 64px;
    float: left;
    width: 80px;
    font-size: 14px;
    min-height: 1px;
    text-align: center;
}
.fixed-header .mega-dropdown-menu.solutions>li ul li.with-link-icon .copy {
    display: inline-block;
    float: left;
    width: 335px;
    line-height: 1.5;
    padding: 0 30px 0 0;
}
.footerinfo{
    padding-left: 25px;
    padding-bottom: 38px;
}
.footerproduct{
	margin-left: -9px;
}
.footerproductsub{
    padding-right: 6px;
    padding-left: 6px;
}
#myTab > li a {
    width: 70px !important;
    height: 70px !important;
    margin: 0px auto;
    border-radius: 100%;
    padding: 0;
}

.icon-big {
  width: 67px;
  height: 67px;
}
.icon-big, .icon-investors span, .icon-small {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.border-grey {
  border-bottom: 1px solid #ccc;
}
@media only screen and (min-width: 48rem){
.mb-md {
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 48rem){
.mt-md {
    margin-top: 30px;
}
}
@media only screen and (min-width: 60rem){
.l-section {
    padding-top: 50px;
    padding-bottom: 100px;
}
}
.section-light-bg {
    background-color: #f5f5f5;
}
@media only screen and (min-width: 60rem){
.l-page {
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
}
}
.l-grid {
    margin-bottom: -30px;
}
@media only screen and (min-width: 60rem){
.l-section-heading {
    padding-bottom: 30px;
}
}
.align-center {
  text-align: center;
}
@media only screen and (min-width: 48rem){
.icon-small {
    width: 36px;
    height: 36px;
}
}
.icon-small {
    width: 36px;
    height: 36px;
    background-size: contain;
}


.no-margin {
  margin: 0;
}
.contactcount{
  margin-left: 50px;
    position: absolute;
    top: 115px;
    border-bottom: 2px solid #576C85;
}
.contactcounttop{
  margin-top: 48px;
}
.contactback{
  box-shadow: -8px 7px 20px 3px rgba(0,0,0,0.05);
  border: 1px solid #eee;
  margin-bottom: 30px;
  padding: 40px;
  background: #fff;
  padding: -17px;
}
.modalimage{
  position: relative;
    max-width: 100%;
   
 
    opacity: 1;
    transition: .5s ease;
    backface-visibility: hidden;
}

.modalbutton{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.containers {
 position: relative;
    width: 70%;
    margin: auto;
    top: 35px;
  
}


.modalclsbtn{
  top: 20px;
    position: relative;
    z-index: 99999;
    color: red;
    opacity: 5;
    right: 4px;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.containers:hover .modalimage {
  opacity: 0.9;
}

.containers:hover .middle {
  opacity: 1;
}

.textbt {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.ico-preview i{color:red;}
.member .member-img {
    margin: 0 10px;
    /* border-radius: 50%; */
    overflow: hidden;
    position: relative;
    border: 4px solid #f9f9f9;
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.2);
}
.member .member-img img {
    position: relative;
    z-index: 1;
}
.member .member-img .features {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    padding-bottom: 20px;
    transition: 0.3s;
    visibility: hidden;
    opacity: 0;
}
.member .member-img .features a {
    transition: 0.3s;
    color:#fff;
    font-size: 20px;
    margin: 0 8px;
}
.member:hover .member-img .features {
    padding-bottom: 0;
    visibility: visible;
    opacity: 1;
}
.member .member-img .features a {
    transition: 0.3s;
    color:#fff;
    font-size: 20px;
    margin: 0 8px;
}

.module-title {
    background-color: #d3e6ff;
    padding: 5px 10px;
	font-size:16px;
	text-transform:uppercase;
	color:#093268;
	font-weight:600;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	margin-bottom:10px;
}
ul.modules li {
    position: relative;
    padding-left:25px;
	color:#093268;
	font-size:16px;
}
ul.modules li i{position:absolute;top:6px;left:2px;}
ul.modules li ul.inner-item li{
    color: #333;
	font-size:14px;
}
ul.modules li ul.inner-item li i{position:absolute;top:6px;left:5px;color:#44ad2c;}
.module-content{margin-bottom:15px;}
a.ico-preview {
    background-color: #093268;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
a.ico-preview:hover {
    background-color: #51ce33;
	padding: 10px 15px;
}
a{
	 transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.circle-list .circle{padding-left:20px;}