/*
Project: A Future HTML UI Kit
Version: 1.0.0
Author: webstrot
------------------------------------------------------------------
[Table of contents]
1. body
2. Preloader
3. Global
4. page_header start
5. Navigation
6. Dropdown Menu
7. mega-menu
8. navbar-toggle
9. cart-dropdown
10. mobail_menu_main
11. home_banner
12. home_banner_counter_wrapper
13. Demo Section
14. portfolio_section
15. portfolio-filter
16. slider_section
17. main_feature_section
18. shortcode_section
19. revolution_slider_banner
20. shortcode_banner_section
21. testimonial_section
22. newsletter_section
23. Footer
-----------------*/
body, html {
font-size: 16px;
font-family: 'Nunito', sans-serif;
color: #303030;
overflow-x:hidden;
}
/* Reset
-----------------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
}
p {
font-family: 'Open Sans', sans-serif;
line-height:25px;
font-size:15px;
margin-top: 15px;
font-weight: 300;
}
a:hover,
a:focus,
a.active
{
color: #4385f5;
outline: none!important;
text-decoration: none!important;
}
.hm_slider {width:50%;margin-top:21%;}
ul {
padding: 0px;
margin:0px;
}
li {
list-style: none;
}
/* ---------------------------------------------- /*
* Preloader
/* ---------------------------------------------- */
#preloader {
background: #FFF;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
}
.hosting-container {
background-image: url(../images/hosted-solution.jpg);
background-position: left;
min-height: 560px;
background-repeat: no-repeat;
background-size: contain;
}
.endover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(2,17,30,0.7);
width: 56.5%;
}
.web-endeavor-content-main {
padding: 100px 85px 100px 0;
}
.tab-cells {background-color:#fff;padding:15px;}
.endover {
float: left;
position: relative;
width: 100%;
background-image: url(../images/web-endeavor-bg-img.jpg);
min-height: 490px;
background-repeat: no-repeat;
background-position: center center;
position: relative;
background-size: cover;
overflow:hidden;
}
.nav-stacked li {float:left;}
.nav-stacked li a {padding:0px;}
.web-endeavor-points-icon {
width: 58px;
height: 54px;
background-image: url(../images/industries-icon.png);
background-repeat: no-repeat;
}
.web-endeavor-points-txt {
font-size: 18px;
color: #ffffff;
font-family: ralewayregular;
margin-left: 70px;
}
.web-endeavor-points { border: 1px solid rgba(255,255,255,0.1);
padding: 0 20px;
height: 95px;
display: table;
width: 100%;
cursor: pointer;
position: relative;}
.web-endeavor-points-inner {
display: table-cell;
vertical-align: middle;
position: relative;
}
.healthcare-icon {
float: left;
background-position: -8px -1px;
background-size: 70px;
}
#status,
.status-mes {
height: 200px;
left: 47%;
position: absolute;
top: 50%;
}
.status-mes {
background: none;
left: 0;
margin: 0;
text-align: center;
top: 65%;
}
.button {
min-width: 150px;
max-width: 250px;
display: block;
border: none;
text-align: center;
border-radius:20px;
position: relative;
top:15px;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.srvcie-block2 {
background-attachment: fixed;
background-size: cover;
min-height: 621px;
margin: 0px;
width: 100%;
}
.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
color: #ffffff;
}
.button > a{
color: #ffffff;
}
/* admin_demo_btn */
.navbar-default .navbar-nav>li> .buy_now{
padding: 4px 22px;
min-width: 125px;
max-width: 156px;
color: #fff;
background: #df301b;
overflow: hidden;
font-size: 11px;
font-weight: 600;
text-transform:uppercase;
margin: 0 0 0 16px;
}
.modal-header {border:none;overflow:hidden;padding:0px;height: 0;}
.modal-footer {border:none;}
.modal-dialog {
width: 700px;
margin: 30px auto;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
background-color: rgba(0, 0, 0, 0);
border: 0;
position: absolute;
right: -13px;
z-index: 999;
color: #fff;
opacity: 1;
padding: 5px 10px;
background-color: #333;
border-radius: 100%;
line-height: 21px;
top: -7px;
}
.wh-widget-send-button-get-button {display:none;}
.form-pop h4 {color:#000;font-size:25px;text-align:left;font-family: 'Roboto', sans-serif;margin-bottom:15px;}
.mrgnbtm10 {margin-bottom:5px;}
.form-pop {margin-top:8px;}
.bg-white {background-color:#fff !important;border: 1px solid #fff;}
button.close:hover {opacity:1;background-color:#fff;color:#333;}
.btn-full {width:100%;}
.form-pop {padding:18px;}
.modal-content {
border:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0e1f0+39,51add9+100 */
background: #d0e1f0; /* Old browsers */
background: -moz-linear-gradient(left, #d0e1f0 39%, #51add9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d0e1f0 39%,#51add9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d0e1f0 39%,#51add9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e1f0', endColorstr='#51add9',GradientType=1 ); /* IE6-9 */
}
.modal-body {overflow:hidden;padding: 0;}
.pop-img {min-height:535px;}
.navbar-default .navbar-nav>li> .buy_now::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #eb6d6d;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.navbar-default .navbar-nav>li> .buy_now:hover,
.navbar-default .navbar-nav>li> .buy_now:focus{
color:#fff;
}
.navbar-default .navbar-nav>li> .buy_now:hover::before{
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.web-imge5{
width: 732px;
position: relative;
top: 85px;
z-index: 999;
left: 12%;
}
.seo-icon {
position: absolute;
left: 48%;
z-index: 999;
display: table;
top: 191px;
}
.seo-ranking p {font-size:19px;}
.seo-ranking h4 {text-transform:uppercase;color:#7c9ffd;font-family: 'Montserrat', sans-serif;font-weight:600;}
.seo-box {background-color:#fff;min-height:350px;}
.seo-bg2 {
position:relative;
background-color: #333;
padding: 75px 0px;}
.seo-box img {display:table;margin:0 auto;}
.seo-box h5 {text-align: center;
color: #000;
margin-bottom: 8px;
font-size: 17px;
margin-top: 20px;}
.seo-box p {text-align:center;color:#333;margin-bottom:8px;}
.seo-bg2 h3 {text-transform:uppercase;color:#fff;font-size:40px;text-align:center;font-family: 'Montserrat', sans-serif;font-weight:800;}
.seo-box {
text-align: center;
padding: 27px;
padding-top: 27px;
padding-top: 64px;
}
.seo-intro h6 {font-size:29px;line-height:42px;}
/* admin_demo_btn*/
/* Global
-------------------*/
.menu-fixed .navbar-default .navbar-nav > li > a {color:#333 !important;}
.no-padding {
padding: 0px;
}
.no-margin {
margin: 0px;
}
.section-padding {
padding: 100px 0px;
}
.color-green {
color: #4385f5;
}
.color-white {
color: #ffffff;
}
.bg-m-light {
background: #4385f5 !important;
}
.bg-m-dark {
background: #10dcb7!important;
}
.pattern-overlay {
background-color: rgba(0, 0, 0, 0.7);
}
.img-brightness {
filter: brightness(30%);
}
.heading{
padding: 0px 15px;
}
.heading .sup-head {
font-size: 26px;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 10px;
line-height: 45px;
font-weight: 700;
letter-spacing: 1px;
font-family: 'Roboto', sans-serif;
position: relative;
}
.hm_slider h2 {color:#fff;font-size:54px;font-family: 'Montserrat', sans-serif;font-weight:800;}
.heading h1,
.heading h2 {
font-size: 36px;
color: #ffffff;
position: relative;
font-weight: 300;
margin-top: 30px;
}
.custom-input {
box-shadow: none;
border: none;
}
.custom-input:hover,
.custom-input:focus,
.custom-input.active {
border: none;
box-shadow: none;
}
.main_menu_wrapper{
float:left;
width:100%;
}
/*Navigation*/
@media (min-width: 768px) {
.navbar-default {
border: 0;
border-radius: 0;
}
.navbar-right .dropdown-menu {
right: auto;
}
.mega-menu .nav .cart_dropdown_wrapper,
.mega-menu .nav .shop_dropdown_wrapper
{
position: relative;
}
.navbar-right .cart_dropdown_wrapper .dropdown-menu{
right: 0;
}
.navbar-right .shop_dropdown_wrapper .dropdown-menu {
right: 0;
}
}
.navbar-default {
background-color: transparent;
margin-bottom: 0;
border: none;
}
.navbar-default .navbar-nav>li>a {
padding: 24px 11px;
color: #fff;
font-size:14px;
line-height: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
text-transform: capitalize;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: #4385f5;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #4385f5 !important;
background-color: transparent;
}
/*Dropdown Menu*/
.dropdown-menu {
display: inherit;
min-width: 220px;
padding: 3px 0;
background-color: #012a5e;
border-bottom: none;
border-left: none;
border-right: none;
border-radius:0;
-o-box-shadow: 0px 3px 20px -3px;
-ms-box-shadow: 0px 3px 20px -3px;
-moz-box-shadow: 0px 3px 20px -3px;
-webkit-box-shadow:0px 3px 20px -3px;
box-shadow: 0 6px 12px rgba(0,0,0,.100);
}
.dropdown-header {
font-size: 11px;
line-height: 30px;
font-weight: 600;
color: #313131;
text-transform: uppercase;
}
.dropdown-menu li a {
display: block;
padding: 12px 20px;
font-size: 14px;
font-weight: 400;
line-height: 30px;
border-bottom: 1px solid #324C94;
color: #fff;
}
.dropdown-menu li a:hover,
.dropdown-menu>li>a:focus {
color: #fff;
background-color: #0594d1;
}
.dropdown .dropdown-menu {
opacity: 0;
visibility: hidden;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.dropdown:hover .dropdown-menu {
display: block;
margin-top: -1px !important;
opacity: 1;
visibility: visible;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #4385f5;
background-color: transparent;
}
.dropdown .dropdown-menu li .dropdown-menu-right{
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 3px 0;
background-color: #012a5e;
border-radius:0;
-o-box-shadow: 0px 3px 20px -3px;
-ms-box-shadow: 0px 3px 20px -3px;
-moz-box-shadow: 0px 3px 20px -3px;
-webkit-box-shadow:0px 3px 20px -3px;
box-shadow: 0px 3px 20px -3px;
top:0;
left:100%;
right:auto;
min-width:210px;
}
.sr-thumb-title img {width:42px;}
.dropdown .dropdown-menu li .dropdown-menu-left{
display: none;
position: absolute;
top: 100%;
left: 0;
padding: 3px 0;
background-color: #fff;
border-top: 3px solid #4385f5;
border-radius: 0;
-o-box-shadow: 0px 3px 20px -3px;
-ms-box-shadow: 0px 3px 20px -3px;
-moz-box-shadow: 0px 3px 20px -3px;
-webkit-box-shadow: 0px 3px 20px -3px;
box-shadow: 0px 3px 20px -3px;
top: 0;
left: auto;
right: 100%;
min-width: 250px;
}
.dropdown .dropdown-menu li .dropdown-menu-right li a,
.dropdown .dropdown-menu li .dropdown-menu-left li a{
padding:5px 20px;
font-size:14px;
font-weight:400;
}
.dropdown .dropdown-menu li:hover > .dropdown-menu-right,
.dropdown .dropdown-menu li:hover > .dropdown-menu-left
{
display:block;
}
.dropdown .dropdown-menu li {
position: relative;
}
.dropdown .dropdown-menu li a i {
margin-right:20px;
}
.dropdown .dropdown-menu li a span i {
position: absolute;
right: 10px;
top:21px;
}
/*mega-menu*/
.mega-menu .nav,
.mega-menu .collapse,
.mega-menu .dropup,
.mega-menu .dropdown {
position: static;
}
.mega-menu .container {
position: relative;
}
.mega-menu .dropdown-menu {
left: auto;
}
.mega-menu .dropdown.m-menu-fw .dropdown-menu {
left: auto;
right: 15px;
}
.m-menu-content ul {
border-right: 1px solid #f5f5f5;
padding: 20px;
}
.m-menu-content ul:last-of-type {
border-right: 0;
}
/*navbar-toggle*/
.navbar-toggle {
margin-top:20px;
border-radius: 5px;
position:absolute;
right:0;
border-color:#ddd;
}
.navbar-toggle .icon-bar{
background-color: #888;
}
.navbar-toggle:focus,
.navbar-toggle:hover {
background-color: #4385f5;
border-color: transparent;
}
.navbar-toggle:hover .icon-bar,
.navbar-toggle:active .icon-bar,
.navbar-toggle:focus .icon-bar {
background-color: #fff;
}
.lv_search_bar{
float: right;
width: auto;
text-align: center;
padding: 22px 15px;
color: #ffffff;
font-size: 16px;
cursor: pointer;
}
.lv_search_box{
position: absolute;
width: 270px;
top: 100%;
padding: 20px;
display: inline-block;
border-top: 4px solid #4385f5;
border-radius: 0px;
-webkit-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 2px 7px -3px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.5);
background-color: #ffffff;
display: none;
z-index: 1000;
right:0;
}
.lv_search_box input{
float: left;
color:#111111;
width: calc(100% - 45px);
padding: 0px 10px;
height: 45px;
border: 1px solid #e1e1e1;
border-right: 0px;
}
.lv_search_box button{
width: 45px;
height: 45px;
border: 1px solid #e1e1e1;
border-left: none;
background-color: #fff;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.lv_search_box button:hover{
color:#ffffff;
background:#4285f4;
border-color:#4285f4;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.sidebar_search {
border: 1px solid #f2f2f2;
}
.sidebar_search input{
float: left;
width: calc(100% - 45px);
height: 50px;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #fff;
color: #000000;
border: none;
border-radius: 0;
outline: none;
}
.sidebar_search button {
width: 45px;
height: 50px;
border: 1px solid transparent;
background-color: transparent;
color: #888;
font-size: 15px;
position: relative;
right: 3px;
text-align: center;
padding: 0px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul li .buy_now {
padding: 15px 40px;
min-width: 235px;
max-width: 156px;
margin: 0 auto;
display:block;
margin: 0 0 0 10px;
background-color:#4285f4;
color:#fff;
border:1px solid #4285f4;
}
/*cart-dropdown*/
.cart-dropdown{
width: 350px;
}
.cart-dropdown .media {
margin-top: 0;
position: relative;
}
.cart-dropdown .media-list li {
border-bottom: 1px solid #f5f5f5;
padding: 20px 40px;
}
.cart-dropdown .media>.media-left{
padding-right: 30px;
}
.cart-dropdown .media-heading {
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: #212121;
margin-bottom: 20px;
text-transform: capitalize;
}
.cart-dropdown .quantity,
.cart-dropdown .price {
font-size: 16px;
}
.cart-dropdown .quantity{
float: left;
width: 20px;
height: 20px;
background: #f7f7f7;
color: #999;
line-height: 20px;
text-align: center;
}
.cart-dropdown .price {
color: #4385f5;
margin-left:20px;
font-weight:600;
}
.cart-dropdown .close i {
width: 25px;
height: 25px;
line-height: 23px;
font-size: 14px;
border: 1px solid #A59F9F;
border-radius: 50%;
color: #B5B0B0;
text-align: center;
position: absolute;
top: 50px;
right: 30px;
}
.cart-dropdown .total {
padding: 20px 40px;
text-transform: capitalize;
}
.cart-dropdown .total a.btn{
position: relative;
top: -25px;
color: #fff;
width:160px;
height:50px;
line-height:38px;
text-align:center;
background: #4385f5;
text-transform: uppercase;
font-weight:600;
font-size: 14px;
border:1px solid #4385f5;
}
.cart-dropdown .total a.btn:hover{
background-color: #2c6ad4;
border-color: #2c6ad4;
}
.cart-dropdown .total .total_price{
margin-top:0;
color: #4385f5;
font-weight: 600;
}
.cart-dropdown .total .total_item{
font-size:12px;
color: #999;
}
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
}
#cart-badge {
font-size: 10px;
background: #eb6d6d;
color: #fff;
padding: 2px 5px;
vertical-align: top;
position: absolute;
right: 4px;
top: 18px;
}
.menu_fixed{
background: #fff;
-webkit-box-shadow: 0px 0px 25px -10px;
box-shadow: 0px 0px 25px -10px;
top:0;
left: 0;
right: 0;
z-index: 100;
position:fixed;
}
.menu_fixed .navbar-default .navbar-nav>li>a {
color: #333;
}
.menu_fixed .navbar-default .navbar-nav > li > .buy_now {
padding:6px 30px;
min-width: 125px;
max-width: 156px;
color: #fff;
box-shadow: 0 3px 12px 2px rgba(0,0,0,.12);
}
/* mobail_menu_main */
.mobail_menu_main{
float:left;
width:100%;
}
#sidebar {
position: fixed;
display: block;
height: 100%;
top: 0px;
left: -500px;
background-color: #ffffff;
overflow: scroll;
z-index:1000;
}
#links {
position: relative;
float: left;
}
#link_list {
list-style-type: none;
width: 100%;
padding: 0px 50px 0px 0px;
}
#link_list li {
display: block;
width: 100%;
}
#link_list li:hover {
background-color: #4285f4;
}
#toggle_close{
position: absolute;
z-index: 100;
right: 20px;
top: 20px;
font-size: 25px;
color: #888;
cursor: pointer;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
margin: 0;
padding: 0;
border: 0;
list-style: none;
line-height: 1;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cssmenu {
width: 300px;
font-family: Roboto, sans-serif;
color: #ffffff;
}
#cssmenu ul ul {
display: none;
}
#cssmenu > ul > li.active > ul {
display: block;
}
.align-right {
float: right;
}
#cssmenu > ul > li > a {
padding: 16px 22px;
cursor: pointer;
z-index: 2;
font-size: 16px;
text-decoration: none;
color: #000000;
font-weight:500;
border:1px solid #f2f2f2;
background: #ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu > ul > li:first-child > a{
border-top:1px solid #f2f2f2;
}
#cssmenu > ul > li > a:hover{
background:#4285f4;
border-bottom:1px solid #f2f2f2;
color:#ffffff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:after {
position: absolute;
right: 26px;
top: 19px;
z-index: 5;
display: block;
height: 10px;
width: 2px;
background: #888;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:before {
position: absolute;
right: 22px;
top: 23px;
display: block;
width: 10px;
height: 2px;
background: #888;
content: "";
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub > a:hover:after, #cssmenu ul > li.has-sub > a:hover:before{
background:#000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
background:#000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#cssmenu ul ul li a {
padding: 14px 32px;
cursor: pointer;
z-index: 2;
font-size: 14px;
font-weight: 400;
text-decoration: none;
background: #f9f9f9;
color: #000;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
#cssmenu ul ul ul li a {
padding-left: 32px;
}
#cssmenu ul ul > li.has-sub > a:after {
top: 16px;
right: 26px;
background:#888;
}
#cssmenu ul ul > li.has-sub > a:before {
top: 20px;
background:#888;
}
#sidebar .sidebar_logo{
padding: 15px 0px;
padding-left: 20px;
display: inline-block;
}
/* home_banner start */
.home_banner{
float: left;
width: 100%;
background-image: url(../images/home_banner_bg.jpg);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 100vh;
}
.home_banner_overlay{
background: #000000;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
opacity: 0;
}
.header{
float:left;
width:100%;
z-index: 1000;
position: absolute;
}
.home_banner_bottom_wrapper{
text-align:center;
}
.home_banner_bottom_heading{
padding-bottom:30px;
padding-top:200px;
}
.home_banner_bottom_heading h1{
font-size: 60px;
text-transform: uppercase;
font-weight: 500;
line-height: 50px;
color: #f9f7f7;
font-family: 'Nunito', sans-serif;
}
.home_banner_bottom_heading2{
padding-bottom: 30px;
}
.home_banner_bottom_heading2 h2 a{
color: #4385f5;
font-weight: 400;
font-family: 'Nunito', sans-serif;
}
.home_banner_bottom_heading2 h2 {
font-size: 50px;
color: #fff;
margin-bottom: 70px;
text-transform: lowercase;
font-weight: 200;
}
.home_banner_bottom_vedio{
float:left;
width:100%;
padding-top:100px;
}
.home_banner_bottom_vedio h3{
font-size:14px;
color:#fff;
text-transform:uppercase;
padding-top:10px;
position:relative;
animation-delay: 1s;
}
.home_banner_bottom_vedio .play-trigger:before{
content: '';
border: 1px solid rgba(255, 255, 255, 0.4);
height: 70px;
position: absolute;
top: -120px;
left: 50%;
}
.home_banner_bottom_vedio .play-trigger {
width: 80px;
height: 80px;
border: 0;
display:inline-block;
border-radius: 50%;
color: #fff;
background: #4285f4;
font-size: 30px;
line-height: 80px;
text-align: center;
position:relative;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
animation-delay: 0.5s;
}
.home_banner_bottom_vedio .play-trigger:hover {
color: #4285f4;
background: #fff;
}
.home_banner_bottom_vedio .play-trigger i {
margin-left: 7px;
}
.home_banner_bottom_scroll{
padding-top:80px;
padding-bottom:80px;
display:none;
}
.home_banner_bottom_scroll img{
display:inline-block;
}
/* home_banner end*/
/* home_banner_counter_wrapper start*/
.home_banner_counter_wrapper{
float:left;
width:100%;
background: #4385f5;
}
.counter-box, .counter-box-last{
padding: 33px 15px;
}
.counter-box:before{
content: '';
border: 1px solid rgba(255, 255, 255, 0.1);
height: 150px;
position: absolute;
top: 0;
right: 0;
}
.counter-box h2 ,.counter-box-last h2{
line-height: 45px;
font-size: 30px;
font-weight: 500;
color:#fff;
margin:0;
}
.counter-box h4, .counter-box-last h4{
font-size: 14px;
line-height:20px;
font-weight: 400;
margin:0;
opacity: 0.7;
color:#fff;
}
/* home_banner_counter_wrapper end */
/* Demo Section
-----------------------*/
.admin-demo {
float: left;
width: 100%;
background: #fff;
}
.heading h2 {
color: #303030;
margin:0px;
font-size: 38px;
text-transform: capitalize;
margin-bottom: 15px;
}
.heading span.bordered-icon {
color: #4285f4;
padding: 0 10px;
font-size: 16px;
line-height: 18px;
position: relative;
display: inline-block;
}
.heading span.bordered-icon:before,
.heading span.bordered-icon:after {
content: "";
background: #dadada;
width: 90px;
height: 1px;
top: 8px;
position: absolute;
}
.heading span.bordered-icon:before {
left: 100%;
}
.heading span.bordered-icon:after {
right: 100%;
}
.admin-demo-content {
border-radius: 0;
margin-top: 40px;
position: relative;
text-align:center;
}
.admin-demo-content:hover img{
opacity: 0.3;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
}
.admin-demo-content img{
display:inline-block;
margin-bottom:30px;
}
.admin-demo-content span{
color: #111;
font-size: 16px;
font-weight: 400;
display:inline-block;
}
.admin-demo-content:hover span{
color: #4385f5;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
}
/* features_section start*/
.features_section{
float:left;
width:100%;
background: #f8fbfd;
border-top: 1px solid #e3e3e3;
}
.features_section .heading h2 {
color: #303030;
margin: 0 0 15px;
font-size: 30px;
text-transform: uppercase;
}
.features_section .heading span.bordered-icon {
color: #4285f4;
padding: 0 10px;
font-size: 16px;
line-height: 18px;
position: relative;
display: inline-block;
margin-bottom:50px;
}
.features_section .heading span.bordered-icon:before,
.features_section .heading span.bordered-icon:after {
content: "";
background: #dadada;
width: 90px;
height: 1px;
top: 8px;
position: absolute;
}
.features_section .heading span.bordered-icon:before {
left: 100%;
}
.features_section .heading span.bordered-icon:after {
right: 100%;
}
.icon-wrapper{
float:left;
width:100%;
background-color: #fff;
box-shadow: 2px 4px 45px 0px rgba(0,0,0,0.11);
border-radius:5px;
color: #8d8d8d;
display: block;
overflow: hidden;
padding: 20px;
margin-bottom:40px;
}
.icon-wrapper:hover{
box-shadow: 2px 34px 75px -20px rgba(0,0,0,0.26);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.icon-img{
display: table-cell;
vertical-align: middle;
}
.icon-content{
display: table-cell;
vertical-align: middle;
padding-left: 25px;
}
.icon-content h4{
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
color: #000000;
}
/* features_section end*/
/* portfolio_section start*/
.full_width{
float: left;
width: 100%;
}
.portfolio_section{
float: left;
width: 100%;
padding-top: 81px;
position: relative;
background: #1399ce; /* Old browsers */
background: -moz-linear-gradient(-45deg, #1399ce 0%, #2989d8 52%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #1399ce 0%,#2989d8 52%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #1399ce 0%,#2989d8 52%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1399ce', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding-bottom: 53px;
}
.home_banner_content {
margin: 0 auto;
margin-bottom: 0px;
text-align: center;
width: 72%;
margin-bottom: 75px;
}
.home_banner_content h1 {
font-size: 41px;
font-weight: 300;
line-height: 50px;
font-family: 'Nunito', sans-serif;
margin: 0;
}
.home_banner_content p {
line-height: 37px;
font-size: 18px;
color: #333;
font-family: 'Nunito', sans-serif;
padding-top: 40px;
margin: 0;
font-weight: 300;
}
.portfolio-area{
float: left;
width: 100%;
background: #f8fbfd;
text-align: center;
padding-bottom: 60px;
}
.portfolio-area .portfolio-area-intro{
margin-bottom: 50px;
}
.portfolio-area .portfolio-area-intro p span,
.portfolio-area .portfolio-area-intro h2 {
text-transform: uppercase;
}
.portfolio-area .portfolio-area-intro h2 {
font-weight: 600;
}
.III_column{
margin-top:40px;
}
.portfolio-area .portfolio-thumb{
box-shadow: 2px 4px 45px 0px rgba(0,0,0,0.11);
}
.portfolio-area .portfolio-thumb img{
width: 100%;
}
.portfolio_item_wrapper .portfolio_image_frame {
width: 100%;
margin-bottom: 0;
display: block;
margin: 0;
max-width: 100%;
}
.portfolio_image_wrapper {
position: relative;
overflow: hidden;
}
img.portfolio_img{
max-width: 100%;
height: auto;
}
.portfolio_image_frame .portfolio_image_wrapper img{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.portfolio_image_frame .portfolio_image_wrapper img:not(.ls-l) {
position: relative;
top: 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio_image_link {
width: 100%;
height: 60px;
position: absolute;
left: 0;
bottom: -60px;
z-index: 4;
overflow: hidden;
background:#4385f5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.portfolio_image_frame .portfolio_image_wrapper .portfolio_image_link a {
display: block;
font-size: 25px;
line-height: 60px;
width: 100%;
text-align: center;
font-size: 15px;
text-decoration: none;
color: #FFF;
}
.portfolio_image_frame .portfolio_image_wrapper .portfolio_image_link a:before {
content: "Preview";
display: block;
}
.portfolio-wrapper .admin_demo_btn{
padding: 20px;
display: block;
}
.portfolio_image_frame:hover .portfolio_image_wrapper .portfolio_image_link{
bottom: 0;
}
.portfolio_image_frame:hover .portfolio_image_wrapper img {
top: -15px;
}
.portfolio-wrapper:hover .admin_demo_btn{
color:#4385f5;
}
/*portfolio-filter*/
.portfolio-filter {
margin:61px 0px;
}
#filter li{
padding:0;
}
#filter li a{
display: block;
font-size: 17px;
text-transform:capitalize;
cursor: pointer;
color: #101010;
padding: 10px 22px;
position:relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#filter li a:after{
position: absolute;
content: "/";
right: -10px;
color: #101010;
}
#filter li:last-child a:after{
display:none;
}
#filter li a:hover,
#filter li a.active{
color: #4385f5;
}
#filter li a:last-child{
margin-right: 0px;
}
.admin_demo_btn{
color:#111;
}
.admin_demo_btn:hover{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* portfolio_section end */
/* slider_section start */
.slider_section{
float: left;
width: 100%;
background-image: url(../images/slider_bg.jpg);
background-position: center 0;
background-size: cover;
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
position:relative;
}
.slider_section_overlay{
background: #000000;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
opacity: 0.7;
}
.slider_section .heading h2,
.slider_section .heading p{
color:#fff;
}
.slider_section .slider_item_wrapper {
width: 60%;
margin: 0 auto;
margin-top:50px;
}
.slider_item_wrapper .owl-carousel .owl-stage-outer {
overflow: visible;
}
.slider_item_wrapper .owl-carousel .owl-item {
opacity: 0.2;
}
.slider_item_wrapper .owl-carousel .owl-item.active {
opacity: 1;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
cursor: move;
}
.slider_item_wrapper .owl-carousel .owl-nav{
display:none;
}
.slider_item_wrapper .owl-carousel .owl-dots {
text-align: center;
}
.slider_item_wrapper .owl-carousel .owl-dot{
display: inline-block;
margin: 40px 10px 0;
width: 15px;
border-radius: 50%;
height: 15px;
position: relative;
-webkit-box-shadow: 0 0 0 2px #fff;
-ms-box-shadow: 0 0 0 2px #fff;
-o-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider_item_wrapper .owl-carousel .owl-dot span{
padding: 0;
width: 9px;
height: 9px;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
background: transparent;
margin: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.slider_item_wrapper .owl-carousel .owl-dot.active span,
.slider_item_wrapper .owl-carousel .owl-dot:hover span {
background: #4385f5 ;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* slider_section end */
/* main_feature_section start */
.main_feature_section{
float: left;
width: 100%;
padding-top:100px;
padding-bottom:100px;
}
.main_feature_icon{
margin-top:50px;
}
.mb-30 {
margin-bottom: 30px;
}
.main-feature {
padding: 20px 10px;
background: #ffffff;
box-shadow: 0 0px 60px 0 rgba(0, 0, 0, 0.1);
border-radius: 5px;
width: 100%;
height: 100%;
}
.main-feature:hover{
box-shadow: 2px 34px 75px -20px rgba(0,0,0,0.26);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.main_icon_wrapper{
margin-top:50px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.main-feature span {
font-size:14px;
margin-top: 20px;
display: block;
text-transform: capitalize;
}
/* main_feature_section end */
.call_to_action{
float: left;
width: 100%;
padding:50px 0px;
background: #4385f5;
}
.callout_content h2{
font-size:38px;
font-weight: 200;
color:#fff;
margin:0;
text-transform: capitalize;
line-height: 50px;
}
.callout_content h2 span{
font-weight: 400;
}
.callout_button .button{
float:right;
top:auto;
display: inline-block;
width: auto;
max-width: 100%;
overflow:hidden;
padding: 15px 25px;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
text-align: center;
background-color: #fff;
color:#000;
margin-top: 15px;
}
.callout_button .button:hover,
.callout_button .button:focus{
color:#fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.callout_button .button::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #eb6d6d;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.callout_button .button:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.callout_video_content{
text-align:center;
}
.callout_video_content span{
font-size:40px;
font-weight: 200;
color:#fff;
margin:0;
padding:0;
line-height: 52px;
}
.callout_video_content .play-trigger{
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
color: #fff;
border: 3px solid #fff;
font-size: 20px;
line-height: 45px;
text-align: center;
margin:0 30px;
position:relative;
top:-5px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.callout_video_content .play-trigger i {
margin-left: 3px;
}
/* shortcode_section start */
.shortcode_section{
float: left;
width: 100%;
padding-top:100px;
padding-bottom:100px;
}
.shortcode_section .container-fluid {
padding: 0;
overflow: hidden;
}
.shortcode_slider {
width: 100%;
overflow: hidden;
position: relative;
margin-top: 50px;
}
.shortcode_slider ul {
overflow: hidden;
width: 1000%;
margin: 0;
}
.shortcode_slider li {
float: left;
list-style: none;
display: inline-block;
padding: 0 8px;
}
/* shortcode_section end */
/* revolution_slider_banner start */
.revolution_slider_banner{
float: left;
width: 100%;
background-image: url(../images/splash_bg.jpg);
background-position: center 0;
background-size: cover;
padding-top:100px;
padding-bottom:50px;
}
.revolution_slider_banner .heading h2,
.revolution_slider_banner .heading p {
color: #fff;
}
.banner_img_wrapper{
float: left;
width: 100%;
margin-top:50px;
}
.banner_img_wrapper img{
width: 100%;
}
/* revolution_slider_banner end */
/* shortcode_banner_section start */
.shortcode_banner_section{
float: left;
width: 100%;
padding-top:100px;
padding-bottom:100px;
}
.shortcode_banner_img_wrapper{
float: left;
width: 100%;
margin-top:50px;
}
.shortcode_banner_img_wrapper img{
width: 100%;
}
/* shortcode_banner_section end */
/* testimonial_section start*/
.testimonial_section {
float: left;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background-image: url("../images/testimonial-bg.jpg");
background-position:center;
background-repeat:no-repeat;
}
.testimonial_slider_wrapper{
float:left;
width:100%;
margin-top:50px;
}
.testimonial_slider_content{
background-color: #fff;
padding: 35px 35px;
border: 1px solid #f1f2f3;
border-radius: 4px;
}
.testimonial_slider_content h6{
font-size: 20px;
font-weight: 400;
color: #323d47;
margin-bottom: 8px;
}
.testimonial_slider_content .rating{
float:right;
}
.testimonial_slider_content .rating label{
color: #ffba00;
}
.testimonial_slider_content p{
font-size:16px;
color: #333;
}
.testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot{
display: inline-block;
margin: 40px 10px 0;
width: 15px;
border-radius: 50%;
height: 15px;
position: relative;
-webkit-box-shadow: 0 0 0 2px #999;
-ms-box-shadow: 0 0 0 2px #999;
-o-box-shadow: 0 0 0 2px #999;
box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.35);
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot span{
padding: 0;
width: 9px;
height: 9px;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
background: transparent;
margin: 0;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.overlay-btn {padding: 6px 18px;
transition: all 0.5s ease;
display: table;
margin: 0 auto;
margin-top: 0px;
border: 1px solid #fff;
border-radius: 20px;
color: #fff;
font-size: 15px;
font-weight: 400;
margin-top: 22px;}
.overlay-btn:hover {background-color:#fff;color:#ff6128;}
.testi-name {font-family: 'Roboto', sans-serif;}
.strong {font-weight:bold;}
.testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot.active span,
.testimonial_slider_wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #4385f5 ;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.testimonial_slider_wrapper .owl-theme .owl-nav {
display:none;
}
/* testimonial_section end*/
.newsletter_video{
float: left;
width: 100%;
text-align:center;
background: #f8fbfd;
}
.newsletter_video .play-trigger{
width: 100px;
height: 100px;
border: 0;
display: inline-block;
border-radius: 50%;
color: #fff;
background: #4285f4;
border: 8px solid #fff;
font-size: 30px;
line-height: 85px;
text-align: center;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
animation-delay: 0.5s;
}
.newsletter_video .play-trigger i{
margin-left: 7px;
}
.newsletter_video h3 {
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding-top: 20px;
position: relative;
z-index:1;
}
/* newsletter_section start*/
.newsletter_section{
float:left;
width:100%;
background:#4385f5;
position: relative;
margin-top: -75px;
padding-top: 100px;
}
.newsletter_section .newsletter_content{
float: left;
width: 100%;
text-align:center;
}
.newsletter_content h2{
color:#fff;
font-size: 40px;
line-height: 52px;
font-weight: 300;
letter-spacing: 1px;
padding-bottom:60px;
margin:0;
text-transform: capitalize;
}
.newsletter_img {
float:left;
width:100%;
text-align:center;
}
.newsletter_img img {
width:75%;
display:inline-block;
}
.newsletter_btn{
float:left;
width:100%;
margin-bottom: 60px;
text-align:center;
}
.buy_now_btn{
padding: 24px 35px;
top:0;
min-width: 315px;
color: #fff;
background:transparent;
border-radius:50px;
border:2px solid #fff;
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
overflow:hidden;
display:inline-block;
}
.buy_now_btn::before {
content: '';
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
margin: -15px 0 0 1px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
transition-timing-function: cubic-bezier(0.7,0,0.9,1);
}
.buy_now_btn:hover::before {
-webkit-transform: scale3d(9, 9, 1);
transform: scale3d(9, 9, 1);
}
/** newsletter_section end **/
#return-to-top {
position: fixed;
bottom: 16px;
right: 20px;
background: #fff;
border: 1px solid #333;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 5px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index:1000;
}
#return-to-top i {
color: #333;
margin: 0;
position: relative;
left: 16px;
top: 8px;
font-size: 30px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover i {
color: #d7301f;
top: 5px;
}
/* Footer
----------------*/
.footer {
float: left;
width: 100%;
background: #111111;
padding:50px 0px;
}
.footer-social {
text-align: right;
}
.footer-social li {
display: inline-block;
}
.footer-social li a {
display: inline-flex;
text-align: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer-social li a:hover i{
background:#4385f5;
color:#fff;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.footer-social li a i {
background: #272727cc;
color: #9a9a9a;
border-radius: 50px;
height: 40px;
margin: 0 5px;
padding: 9px;
width: 40px;
}
.copy-right p {
color: #909090;
margin: 0px;
line-height:0;
}
.copy-right{
margin-top: 21px;
}
@media (min-width: 992px) and (max-width: 1199px){
.newsletter_content h2 {
font-size: 38px;
}
.counter-box, .counter-box-last {
padding: 20px 15px;
}
.navbar-default .navbar-nav>li>a {
padding: 24px 7px;
}
.menu_fixed .navbar-brand {
padding: 10px 15px;
}
.menu_fixed .navbar-toggle {
margin-top: 8px;
}
#cart-badge {
right: -5px;
}
.callout_content h2 {
font-size: 24px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.navbar-header {
float: left;
width: 100%;
}
.navbar-brand {
height:auto;
padding: 15px 0px;
}
.navbar-toggle {
display: block;
}
.icon-content {
display: block;
padding-left: 0px;
padding-top: 20px;
text-align: center;
}
.icon-img {
display: block;
padding-left: 0px;
text-align: center;
}
.icon-img img{
width:100%;
}
.newsletter_content h2 {
font-size: 30px;
line-height: 42px;
}
.counter-box:before{
display:none;
}
.testimonial_slider_content .rating {
float: left;
}
.call_to_action {
padding: 50px 0px 65px 0px;
}
.callout_content h2 {
text-align: center;
}
.callout_button {
text-align: center;
margin:0;
}
.callout_button .button {
float: none;
}
.slider_item_wrapper .owl-carousel .owl-dots {
display: none;
}
}
@media (max-width: 767px){
.navbar-brand {
height:auto;
}
.home_banner_bottom_heading h1 {
font-size: 70px;
}
.home_banner_bottom_heading2 h2 {
font-size: 24px;
}
.newsletter_content h2 {
font-size: 26px;
line-height: 40px;
}
.icon-content {
display: block;
padding-left: 0px;
padding-top: 20px;
text-align: center;
}
.icon-img {
display: block;
padding-left: 0px;
text-align: center;
}
.icon-img img{
width:100%;
}
.icon-img img{
display: inline-block;
}
.features_section .heading h2 {
font-size: 28px;
}
.admin-demo-content span{
display:block;
}
.counter-box:before{
display:none;
}
.testimonial_slider_content h6{
font-size:14px;
}
.testimonial_slider_content .rating {
float: left;
}
.call_to_action {
padding: 50px 0px 65px 0px;
}
.callout_content h2 {
text-align: center;
font-size:20px;
line-height:30px;
margin-bottom:20px;
}
.callout_button {
text-align: center;
margin:0;
}
.callout_button .button {
float: none;
}
.slider_item_wrapper .owl-carousel .owl-dots{
display:none;
}
.testimonial_slider_wrapper .owl-theme .owl-dots{
display:none;
}
.callout_video_content span{
display:inherit;
}
.callout_video_content .play-trigger {
margin: 30px 0px;
}
.slider_item_wrapper .owl-carousel .owl-dots {
display: none;
}
}
@media screen and (max-width: 690px) {
.ofc-div1 {
padding-bottom: 0;
margin-bottom: 0;
overflow: hidden;
}
.modal-body {min-height:580px;}
.modal-dialog {
width: auto;
margin: 30px auto;
}
.navbar-toggle {
background-color: #4385f5;
color: #fff !important;
border-color: #4385f5;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.hm_slider {
width: 80%;
margin-top: 48%;
}
.sidebar_logo img {
width: 238px !important;
}
}
@media (max-width: 480px){
.home_banner_bottom_heading2 h2 {
font-size: 18px;
}
.newsletter_content h2 {
font-size: 15px;
line-height: 30px;
}
.copy-right p {
line-height: 24px;
}
.features_section .heading h2 {
font-size: 20px;
}
}
@media (max-width: 390px){
.home_banner_bottom_heading h1 {
font-size: 40px;
}
.buy_now_btn {
font-size:18px;
padding: 24px 24px;
min-width: 272px;
max-width: 280px;
}
.features_section .heading h2 {
font-size: 16px;
}
}
.skw-img {
position: absolute;
top: -100px;
right: 110px;
}
.skw-img2 {
position: absolute;
top: -100px;
left: 0;
}
.skw-img3 {
position: absolute;
top: -140px;
left: 0;
}
.srvce1 {margin-top:15px;}
.srvce1 h3 {font-family: 'Nunito', sans-serif;font-weight: 300;color: #00258f;}
.srvce1 p {font-family: 'Nunito', sans-serif;font-weight: 300;color: #141414;opacity:0.8;text-align:justify;}
.soft-pic {
min-height: 502px;
background-image: url("../images/screen.png");
background-repeat: no-repeat;
background-position: bottom -110px center;
}
.sm-screen-mb {
position: absolute;
right: 100px;
top: 155px;
}
.sm-screen-website {
position: absolute;
left: 50px;
top: 230px;
}
.grid-col p {font-family: 'Nunito', sans-serif;font-weight: 300;color: #141414;opacity:0.8;text-align:justify;}
.grid-col h4 {font-family: 'Nunito', sans-serif;font-weight: 400;color: #00258f;font-size:19px;}
.srvce-intro {padding-bottom: 110px;
overflow: hidden;
width: 100%;}
.prodcus{
width: 100%;
background-color: #d6d6d6;
padding: 81px 0px;
}
.pro-title h3 {font-size: 41px;
font-weight: 300;
line-height: 50px;
font-family: 'Nunito', sans-serif;
margin: 0;
color:#141414;
text-align:left;
padding-bottom:1px;
}
.pro-title p {font-family: 'Nunito', sans-serif;font-weight: 300;color: #141414;opacity:0.8;text-align:justify;margin-bottom:5%;}
.no-padding {padding:0px;}
.pro-thumb {margin-top:28px;position: relative;overflow:hidden;}
.pro-dtls {
background-color: #f5f5f5;
width: 100%;
padding: 16px 8px}
.pro-thumb img {
display: block;
width: 100%;
height: auto;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pro-thumb:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
transition: .5s ease;
}
.pro-thumb:hover .overlay {
background-color: rgba(0, 0, 0, 0.4);
background: rgba(0, 0, 0, 0.4);
}
.pro-thumb:hover .text {opacity:1;}
.text-top {
color: white;
position: absolute;
top: 13%;
font-family: 'Nunito', sans-serif;
right: -13px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
opacity: 1;
font-size: 13px;
border: 1px solid #eee;
padding: 5px 13px;
border-radius: 18px;
}
.text-top2 {
color: white;
position: absolute;
top: 13%;
font-family: 'Nunito', sans-serif;
right: 85px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
opacity: 1;
font-size: 13px;
border: 1px solid #eee;
padding: 5px 13px;
border-radius: 18px;
}
.ext-link {
color: white;
position: absolute;
bottom: 0;
font-family: 'Nunito', sans-serif;
right: 14px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
opacity: 1;
font-size: 15px;
border: 1px solid #eee;
border-radius: 100%;
height: 35px;
width: 35px;
line-height: 33px;
}
.pro-dtls h4 {text-align:right;font-size:12px;font-weight:400;}
.pro-dtls h3 {font-family: 'Nunito', sans-serif;
font-size: 14px;
color: #00258f;
text-align: left;
font-weight: 600;}
.sub-pro {border-top:1px solid #bababa;padding-top: 17px;}
.ext-link i {text-indent:3px;}
.sub-pro h4 {
text-align: left;
font-family: 'Nunito', sans-serif;
font-size: 12px;
}
.pro-q {overflow:hidden;padding-bottom:0px;}
.btn-center {
display: table;
margin: 0 auto;
margin-top: 0px;
margin-top: 54px;
}
.btn-cstm {padding: 14px 47px;font-family: 'Nunito', sans-serif;}
.admin-demo {padding: 0px !important;background-image:url(../images/bg-coding.jpg);background-position:left;background-repeat:no-repeat;}
.cod-block {
width: 71%;
background-color: #fff;
padding: 8% 8%;
float: right;
min-height: 590px;
}
.pro-title h3 {font-size: 41px;
font-weight: 300;
line-height: 50px;
font-family: 'Nunito', sans-serif;
margin: 0;}
.cod-block h3 {
font-size: 41px;
font-weight: 300;
line-height: 50px;
font-family: 'Nunito', sans-serif;
margin: 0;
}
.cod-block p {
font-family: 'Nunito', sans-serif;
font-weight: 300;
color: #141414;
opacity: 0.8;
text-align: justify;
width: 88%;
}
.code-point {border-top: 1px solid #dedede;
min-height: 150px;
margin-top: 25px;
padding-top: 35px;}
.text-top2 i {color:red;}
.slider-crl {position:absolute;right:0px;}
.cont-slider {
position: relative;
z-index: 9999;
}
.slide-cont img {display:table;margin:0 auto;}
.slide-cont {text-align:center;}
.slide-cont p {font-weight:normal;}
.slide-home {
position: absolute;
background-color: transparent;
right: 85px;
z-index: 999;
top: 240px;
width: 480px;
}
.buy_now:hover {cursor:pointer;}
.spl-a {color:white;}
.call {
width: 50px;
height: 50px;
background-color: #ff4b3f;
border-radius: 100%;
position: absolute;
top: 80%;
left: 35%;
z-index: 999;
}
.call i {color: #fff;
font-size: 18px;
text-align: center;
text-indent: 15px;
line-height: 47px;
}
.face {
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
animation-name: shakeMe;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes shakeMe {
2%, 18% {
transform: translate3d(-5px, 0, 0);
}
4%, 16% {
transform: translate3d(5px, 0, 0);
}
6%, 10%, 14% {
transform: translate3d(-5px, 0, 0);
}
8%, 12% {
transform: translate3d(5px, 0, 0);
}
18.1% {
transform: translate3d(0px, 0, 0);
}
}
.bx-default-pager {}
.features h4 {font-family: 'Abel', sans-serif;color:#fff;font-size:27px;}
.features p {font-size:14px;color:#fff;}
.features {border-right:1px dashed #eee;}
.no-border-rt {border-right:none !important;}
.portfokio-block1 {min-height:400px;background-color:#f8f8f8;width:100%;padding:80px 0px;}
.portfokio-block1 h2 {color:#333;font-size:25px;text-align:left;}
.port {width:100%;min-height:490px;position:relative;margin:25px 0px;}
.blue {background-color:#2cc07c;}
.red {background-color:#2bbcfd;}
.pink {background-color:#ee6268;}
.port-white {
position: absolute;
width: 100%;
min-height: 180px;
z-index: 1;
padding: 18px;
background-color: #fff;
bottom: 0;
}
.port-white:after {
width: 100%;
content: "";
display: block;
height: 60%;
position: absolute;
bottom: 125px;
-webkit-transform: skewY(16deg);
-moz-transform: skewY(16deg);
-ms-transform: skewY(16deg);
-o-transform: skewY(16deg);
transform: skewY(16deg);
background-color: #fff;
z-index: 2;
right: 0;
left: 0;
}
.content-wrapper {
position: relative;
z-index: 3;
}
.mrgnrl25 {margin:0px 13px;}
.portfokio-block1 h3 {color: #000;
font-size:51px;
padding-bottom: 55px;}
.screen {position:relative;top:4px;}
.pdlr15 {padding:0px 15px;}
.portfokio-block1 h3 { font-weight:900;font-family: 'Roboto', sans-serif;position: relative;display: inline-block;margin-bottom: 27px;}
.portfokio-block1 h3:before {
content: "";
position: absolute;
width: 33%;
height: 5px;
bottom: 0;
left: 0;
border-bottom: 9px solid #000;
}
.portfokio-block1 p {
font-family: 'Nanum Gothic', sans-serif;
font-size: 16px;
color: #333;
margin-bottom: 23px;
}
.port-white h5 {
z-index: 10;
font-size:20px;
position: relative;
top: -45px;
color:#008848;
}
.port-p {
font-family: 'Roboto', sans-serif !important;
font-weight: 500 !important;
position: relative;
top: -37px;
z-index: 9;
font-size: 14px !important;
max-width: 290px;
}
.portfolio-title h3 {font-family: 'Abel', sans-serif;font-size:35px;font-weight: bold;
position: relative;
z-index: 1;
}
.portfolio-title h3:before {
border-top: 1px solid #333;
content: "";
margin: 0 auto;
/* this centers the line to the full width specified */
position: absolute;
/* positioning must be absolute here, and relative positioning must be applied to the parent */
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 21%;
z-index: -1;
}
.portfolio-title h3 span {
/* to hide the lines from behind the text, you have to set the background color the same as the container */
background: #fff;
padding: 0 15px;
color: #012a5e;
}
.portfolio-title {float:left;width:100%;background-color:#fff;padding:42px 0px;text-align:center;}
.venna{position:absolute;right:0px;top:0px;width:80px;min-height:80px;}
@-webkit-keyframes swinging{
0%{-webkit-transform: rotate(10deg);}
50%{-webkit-transform: rotate(-5deg)}
100%{-webkit-transform: rotate(10deg);}
}
@keyframes swinging{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}
.swingimage{
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging 3.5s ease-in-out forwards infinite;
animation: swinging 3.5s ease-in-out forwards infinite;
}
@-webkit-keyframes venna-img{
0%{-webkit-transform: rotate(10deg);}
50%{-webkit-transform: rotate(-5deg)}
100%{-webkit-transform: rotate(10deg);}
}
@keyframes venna-img{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}
.venna-img{
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: swinging 3.5s ease-in-out forwards infinite;
animation: swinging 3.5s ease-in-out forwards infinite;
}
.service-block-title h3 {
text-align: center;
font-family: 'Montserrat', sans-serif;
margin-top: 102px;
}
.service-block-title {
min-height: 320px;
min-height: 320px;
padding: 50px 0px;
width: 100%;
background-position: center;
background-position-y: center;
background-repeat: no-repeat;
overflow: hidden;
background-image: url("../images/service-text.jpg");
overflow: hidden;
background-attachment: fixed;
background-position-y: 10%;
}
.sr-img {margin-bottom:0px;}
.no-padding {padding:0px;}
.overlay-effect {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8;
transition: .5s ease;
background-color: rgba(259, 67, 95, 0.7);
overflow:hidden;
}
.overlay-effect2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8;
transition: .5s ease;
background-color: rgba(82, 45, 142, 0.6);
background: rgba(82, 45, 142, 0.6);
overflow:hidden;
}
.text-srv h2 {
font-family: 'Poppins', sans-serif;
font-size: 26px;
letter-spacing: 1px;
}
.text-srv {
position: absolute;
top: 95px;
z-index: 999;
color: #fff;
padding: 15px 79px;
}
.btn-center {padding: 8px 22px;display:table;margin:0 auto;margin-top:38px;background-color:#ff3241;border:1px solid #ff3241;color:#fff;
-webkit-box-shadow: 3px 3px 20px 1px rgba(51, 51, 51, 0.2);
-moz-box-shadow: 3px 3px 20px 1px rgba(51, 51, 51, 0.2);
box-shadow: 3px 3px 20px 1px rgba(51, 51, 51, 0.2);
}
.client_section {
padding-top: 43px;
background-image: url(../images/client-bg.jpg);
background-size: cover;
padding-bottom: 43px;
}
.blog-cont {padding:15px 0px;background-color:#fff;}
.blog-cont span {font-size:12px;color:#333;font-weight:bold;}
.blog-cont h5 {font-size:20px;margin-top:15px;font-family: 'Poppins', sans-serif;}
.estimt-block {background-color:#fcfcfc;min-height:300px;padding:70px 0px;}
.block .block__item {
flex: 0 1 50%;
font-style: italic;
}
.block .block__item .block__inner {
padding: 2em 3em;
}
@media (max-width: 550px) {
.block .block__item .block__inner {
padding: 1em;
}
}
@media (max-width: 950px) {
.block .block__item {
flex: 0 1 100%;
}
}
.block .block__description {
line-height: 22px;
}
.block .block__description:first-letter {
float: left;
font-size: 55px;
line-height: 40px;
padding: 0 .25em;
}
.list {
font-family: "Myriad Pro", sans-serif;
font-style: normal;
background-color: #fcfcfc;
float: left;
padding: 1.5em 0;
margin-bottom: 9px;
}
.list .list__item {
float: left;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
.list .list__item .list__time {
}
.list .list__item .list__desc {
width: 90%;
color: #333;
font-size: 15px;
line-height: 22px;
padding: 1em;
font-family: 'Roboto', sans-serif;
padding-left: 1em;
position: relative;
padding-left: 0px;
}
.list .list__item .list__desc .border {
width: 2px;
position: absolute;
top: 0;
bottom: -1px;
left: -8%;
}
.list .list__item .list__desc .border:after {
content: "";
background: #fff;
border-radius: 50%;
position: absolute;
top: 33%;
margin-top: -9px;
left: -9px;
width: 20px;
height:20px;
}
@media (max-width: 550px) {
.ofc-div1 {
padding-bottom: 0;
margin-bottom: 0;
overflow: hidden;
}
.list .list__item .list__desc .border {
left: -5%;
}
}
.list .list__item:last-of-type .list__desc {
border-bottom: none;
}
.list .list__item:first-of-type .list__desc {
border-bottom: none;
}
.dcs-p {padding-top:13px;}
.est-left-col h3 {font-size:35px;color:#012a5e;}
.advce-block {background-color:#eee;width:100%;min-height:400px;padding: 50px 53px;}
.advce-block h4 {padding-bottom:2px;}
.no-padding {padding:0px;}
.cce-num {padding-top:11px;}
.cce-num p {margin:0px;}
.advce-blok3 {margin-top:15px;overflow:hidden;border-bottom:1px solid #fff;padding-bottom:25px;}
.btn-rd15 {border-radius:15px;padding:15px 5px;}
.getiesty-btn {
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 17px;
border-radius: 23px;
padding: 10px 41px;
font-weight: bold;
}
.est-title h3 {
text-align: center;
font-size: 33px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.footer-block{
min-height: 350px;
background-color:#fbfbfb;
background-repeat:repeat;
width: 100%;
}
.footer-container {
overflow: hidden;
padding: 41px 15px;
padding-bottom: 41px;
padding-bottom: 0px;
}
.ftr-h3 {
text-align: center;
font-family: 'Montserrat', sans-serif;
margin-top: 52px;
font-weight: 400;
}
.footer-copy-right-block {width: 100%;
min-height: 50px;
background-color: #000;}
.consulting {min-height:260px;background-color: #58bec4;width:100%;}
.cons-text {
min-height: 260px;
background-color: #fff;
padding: 29px;
}
.cons-text span {font-family: 'Roboto', sans-serif;font-weight:600; font-size: 48px;}
.cons-text h4 {
font-size:30px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
color: #032a5d;
font-weight: 300;
line-height: 38px;
padding-top: 35px;
padding-left: 40px;
}
.cons-1 h4 {
color: #fff;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
font-size: 39px;
}
.cons-1 p {
color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 20px;
}
.cons-1 {
padding: 25px;
padding-top: 25px;
padding-left: 25px;
background-image: url(../images/5-Reasons-to-Study-Computer-Engineering-800x400.jpg);
background-size: cover;
min-height: 260px;
padding-top: 84px;
padding-left: 93px;
}
.footer-block1 h3 {
font-size: 38px;
margin-top: 35px;
}
.adrs-ft h3 {font-size:20px;}
.adrs-ft h5 {margin-bottom:11px;}
.adrs-ft a {color:#333;font-size:13px;margin-right:15px;}
.adrs-ft h5 a i {padding-right:8px;}
.copyright {margin-top: 26px;}
.footer-links {
}
.footer-links ul li {display: inline-block;
padding-right: 15px;
color: #333;}
.cpr {font-size:13px;color: #fff;}
.footer-links ul li a {color:#fff;font-size: 14px;}
.home_banner-2 {
float: left;
width: 100%;
background-image: url(../images/glaube-tech-career-slide2-1.jpg);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.home_banner-5 {
float: left;
width: 100%;
background-image: url(../images/about_hero.jpg);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.home_banner-8 {
float: left;
width: 100%;
background-image: url(../images/header_clients.jpg);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.home_banner-7 {
float: left;
width: 100%;
background-image: url(../images/cntc_bg.jpg);
background-position: bottom;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.home_banner-6 {
float: left;
width: 100%;
background-image: url(../images/bg_portfolio.jpg);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.home_banner-3 {
float: left;
width: 100%;
background-image: url(../images/food_ordering_app.png);
background-position: center 0;
background-size: cover;
position: relative;
background-attachment: fixed;
height: 70vh;
}
.text-center{text-align:canter;}
.abt-block {
width: 95% !important;
margin: 21px auto;
}
.srvcie-block {
width: 80%;
margin: 21px auto;
}
.srvcie-block h3 {font-family: 'Montserrat', sans-serif;margin-top:25px;}
.srvc-block2 {
width: 100%;
min-height: 175px;
}
.srvc-block2 h3 {text-align:center;font-weight:300;font-family: 'Montserrat', sans-serif;font-size:35px;line-height:55px;color:#012a5e;}
.srvc-block2 h3 span {font-weight:600;padding-top:15px;color:#012a5e;}
.box-service {width:100%;margin-top:35px;margin-bottom:6%;}
.sr-block {
transition: all 0.5s ease;
background-color: #fff;
-webkit-box-shadow: 0 2px 15px 1px rgba(0,0,0,.08);
box-shadow: 0 2px 15px 1px rgba(0,0,0,.08);
min-height: 288px;
padding: 25px;
text-align: center;
margin-top: 35px;
}
.sr-block:hover {margin-top: 20px;}
.sr-block h3 {
margin-top: 37px;
color: #041862;
}
.sub-header {
position: absolute;
left: 12%;
top: 189px;
}
.sub-header h4 { margin-bottom: 10px; text-transform: uppercase;font-size:39px;color:#fff;font-family: 'Montserrat', sans-serif;font-weight: 400;padding-left: 23px;}
.sub-header h5 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 39px;
color: #fff;
margin-top: 2px;
padding-left: 23px;
}
.sub-header:before {
content: '';
position: absolute;
top: 50%;
left: -89px;
width: 85px;
height: 4px;
margin-top: -2px;
background: #ef323a;
}
.hd-cir {font-size: 22px;}
.e_btn_st {float: right;
margin-top: 6px;
margin-left: 6px;}
.explore-work {width:1005;min-height:500px;background-color:#fff;}
.xplore-img {margin-top:25px;}
.xplre-title p {text-align: center;
font-size: 15px;
font-weight: 300;}
.xplre-title {
margin-top: 25%;
}
.cs_view_btn {
display: table;
margin: 0 auto;
margin-top: 0px;
border-radius: 35px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
padding:12px 24px;
margin-top: 6%;
}
.client-block {
background-color: #012a5e;
overflow: hidden;
}
.clnt-box {
padding: 25px 30px;
padding-top: 25px;
padding-top: 25px;
width: 60%;
margin: 0 auto;
padding-top: 73px;
}
.taglines {font-size:19px;font-family: 'Montserrat', sans-serif;font-weight: 300;display: none;}
.clnt-box p {color:#f9f7f7;font-size: 16px;}
.clnt-box h4 {color:#fff;font-family: 'Montserrat', sans-serif;font-size:39px;font-weight:700;}
.xplre-title h3 {font-size:35px;text-align:center;color:#0a2758;font-family: 'Montserrat', sans-serif;font-weight:700;}
.by-wrd {color:red;font-size:15px;float:right;}
.desg {color:#fff;float:right;font-size:13px;}
.clnts-imge {position:relative;}
.client-slide-abt {
background-color: #fff;
position: absolute;
top: 55px;
width: 70%;
left: 15%;
}
.img-cl {width:180px;margin:0 auto;}
.ab-clint h4 {
font-size: 16px !important;
color: #333!important;
font-family: 'Montserrat', sans-serif!important;
font-weight: 600!important;
}
.ab-clint {padding:15px 30px;}
.ab-clint p {font-size:13px;}
.bx-wrapper {margin-bottom:3px !important;}
.sr-block P {}
.btn-rd {
-webkit-box-shadow: 0 3px 12px 2px rgba(0,0,0,.12);
box-shadow: 0 3px 12px 2px rgba(0,0,0,.12);
border-radius: 50px;
padding: 12px 38px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.cstm-input {
background-color: #fbfbfb;
border: 0px solid #fbfbfb;
border-bottom-color: rgb(251, 251, 251);
border-bottom-style: solid;
border-bottom-width: 0px;
box-shadow: none;
border-bottom: 1px solid #333;
border-radius: 0px;
margin-bottom: 39px;
}
.cstm-input:focus {box-shadow:none;}
.ofc-div1 {
padding-bottom: 14px;
margin-bottom: 15px;
overflow: hidden;
}
.social-buttons {
display: inline-block;
padding: 20px;
padding-bottom: 5px;
border-radius: 10px;
text-align: center;
margin: 20px 10px;
/* Helper class to divide the icons */
}
.social-buttons .social-margin {
margin-right: 7px;
margin-left: 7px;
}
.social-buttons a,
.social-buttons a:hover,
.social-buttons a:focus,
.social-buttons a:active {
text-decoration: none;
}
.social-buttons .social-icon {
margin-bottom: 15px;
box-sizing: border-box;
-moz-border-radius: 138px;
-webkit-border-radius: 138px;
border-radius: 138px;
border: 5px solid;
text-align: center;
width:40px;
height:40px;
display: inline-block;
line-height: 1px;
padding-top: 11px;
transition: all 0.5s;
/* Facebook Button Styling */
/* Twitter Button Styling */
/* Google+ Button Styling */
/* Linkedin Button Styling */
/* Pinterest Button Styling */
/* Behance Button Styling */
/* Github Button Styling */
/* Youtube Button Styling */
/* Soundcloud Button Styling */
}
.social-buttons .social-icon:hover {
transform: rotate(360deg) scale(1.3);
}
.social-buttons .social-icon.facebook {
font-size: 15px;
padding-top: 9px;
border-color: #3b5998;
background-color: #3b5998;
color: #ffffff;
}
.social-buttons .social-icon.facebook:hover {
background-color: #ffffff;
color: #3b5998;
}
.social-buttons .social-icon.twitter {
font-size: 15px;
padding-top: 10px;
padding-left: 2px;
border-color: #55acee;
background-color: #55acee;
color: #ffffff;
}
.social-buttons .social-icon.twitter:hover {
background-color: #ffffff;
color: #55acee;
}
.social-buttons .social-icon.google-plus {
font-size: 15px;
padding-top: 9px;
padding-left: 2px;
background-color: #dd4b39;
color: #ffffff;
border-color: #dd4b39;
}
.social-buttons .social-icon.google-plus:hover {
background-color: #ffffff;
color: #dd4b39;
}
.social-buttons .social-icon.linkedin {
font-size: 15px;
padding-top: 8px;
padding-left: 1px;
background-color: #0976b4;
color: #ffffff;
border-color: #0976b4;
}
.social-buttons .social-icon.linkedin:hover {
background-color: #ffffff;
color: #0976b4;
}
.social-buttons .social-icon.pinterest {
font-size: 15px;
padding-top: 9px;
background-color: #cb2027;
color: #ffffff;
border-color: #cb2027;
}
.social-buttons .social-icon.pinterest:hover {
background-color: #ffffff;
color: #cb2027;
}
.social-buttons .social-icon.behance {
font-size: 15px;
padding-top: 9px;
background-color: #1769ff;
color: #ffffff;
border-color: #1769ff;
}
.social-buttons .social-icon.behance:hover {
background-color: #ffffff;
color: #1769ff;
}
.social-buttons .social-icon.github {
font-size: 15px;
padding-top: 9px;
background-color: #4183c4;
color: #ffffff;
border-color: #4183c4;
}
.social-buttons .social-icon.github:hover {
background-color: #ffffff;
color: #4183c4;
}
.social-buttons .social-icon.youtube {
font-size: 15px;
padding-top: 9px;
padding-left: 0px;
background-color: #bb0000;
color: #ffffff;
border-color: #bb0000;
}
.social-buttons .social-icon.youtube:hover {
background-color: #ffffff;
color: #bb0000;
}
.social-buttons .social-icon.soundcloud {
font-size: 15px;
padding-top: 9px;
padding-left: 0px;
background-color: #ff3a00;
color: #ffffff;
border-color: #ff3a00;
}
.social-buttons .social-icon.soundcloud:hover {
background-color: #ffffff;
color: #ff3a00;
}
.copyright {
background-color: #1889c7;
overflow: hidden;
padding: 15px 0px;
}
.srvcie-block p {
font-size: 16px;
font-weight: 300;
line-height: 30px;
}
.dark-li li a {color:#333;}
.web-imge {margin-top: 95px;}
.web-intro {margin-top:41%;}
.web-intro h4 {font-size:35px;font-family: 'Montserrat', sans-serif;color:#fff;}
.web-intro p {
font-size: 18px;
font-weight: 300;
color:#fff;
line-height: 30px;
}
.wb-thin {font-size:35px;font-family: 'Montserrat', sans-serif;font-weight:300;}
.web-intro .wb-title {font-size: 55px;
color:#fff;
font-weight: 700;
margin-bottom: 7px;}
.web-ftr {
background-color:#e6f0f4;
overflow: hidden;
}
.web-cell {background-color:#3b3f65;min-height:300px;padding:20px;}
.web-cell h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #fff;
font-size: 35px;
text-align: center;
}
.web-cell h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
color: #fff;
font-size: 31px;
text-align: center;
margin-top: 5px;
}
.color2 {background-color:#3a95bf;}
.color3 {background-color:#3a95bf;}
.color4 {background-color:#22acc5;}
.color5 {background-color:#e6f0f4;}
.color6 {background-color:#3db491;}
.color5 h3 {color:#333;}
.color5 h4 {color:#333;}
.img-coding {
background-image: url(../images/web-dev-2.jpg);
min-height: 300px;
background-repeat: no-repeat;
background-size: cover;
}
.img-coding2 {
background-image: url(../images/plan-app.jpg);
min-height: 300px;
background-repeat: no-repeat;
background-size: cover;
}
.process {width: 100%;
overflow: hidden;
min-height: 680px;
background-color: #fff;
padding-top: 69px;}
.process:before {
width: 100%;
content: "";
display: block;
height: 19%;
position: absolute;
bottom: -10%;
-webkit-transform: skewY(-4deg);
-moz-transform: skewY(-4deg);
-ms-transform: skewY(-4deg);
-o-transform: skewY(-4deg);
transform: skewY(-3deg);
background-color: #fff;
z-index: 0;
}
.why-li li {
font-size: 13px;
margin-bottom: 5px;
}
.web-idea:after { right: -81% !important;}
.scroll-tb {overflow-y:scroll;max-height: 371px;}
.idea-box:after {
position: absolute;
content: '';
height: 1px;
top: 50%;
right: -90%;
width: 70%;
border-bottom: 2px dashed #012a5e;
}
.idea-box {
padding: 44px;
border-radius: 100%;
position: relative;
width:189px;
height:189px;
display: table;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 16px;
}
.idea-box:before {
position: absolute;
content: '';
height: calc(100% + 10px);
width: calc(100% + 10px);
border: 2px dashed #012a5e;
top: -8px;
left: -4px;
border-radius: inherit;
animation: spin 10s linear infinite;
}
@keyframes spin {
100% {
transform: rotateZ(360deg);
}
}
.idea-box-last {
padding: 44px;
height: 189px;
border-radius: 100%;
position: relative;
width:189px;
display: table;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 16px;
}
.idea-box-last:before {
position: absolute;
content: '';
height: calc(100% + 10px);
width: calc(100% + 10px);
border: 2px dashed #012a5e;
top: -8px;
left: -4px;
border-radius: inherit;
animation: spin 10s linear infinite;
}
.idea-title h4 {text-align:center; font-family: 'Montserrat', sans-serif;color:#012a5e;font-weight:600;margin-top: 36px;}
.test-img {
width: 69px;
display: table;
margin: 0 auto;
margin-top: 0px;
margin-top: 9px;
}
.idea-title p {margin-top:15px;text-align:center;}
.process-title {text-align:center;}
.process-title h5 {color: #012a5e;font-size:40px;font-family: 'Montserrat', sans-serif;font-weight:300;}
.process-title h4 {
color: #012a5e;
font-size: 35px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-top: 7px;
}
.process-title p {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin-bottom: 65px;
color: #444;
max-width: 62%;
margin: 24px auto;
margin-bottom: 24px;
margin-bottom: 55px;
}
.web-frnt-block {
width:100%;min-height:auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,228faa+43,1e5799+98 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,228faa+43,175a75+99 */
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(left, #7db9e8 0%, #228faa 43%, #175a75 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #7db9e8 0%,#228faa 43%,#175a75 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #7db9e8 0%,#228faa 43%,#175a75 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#175a75',GradientType=1 ); /* IE6-9 */
padding: 72px 0px;
}
.frnd-web {margin-bottom:45px;}
.frnd-web h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 31px;
font-weight: 600;
}
.frnd-web p{text-align:justify;color:#f1f1f1;}
.nopad {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox {
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 4px solid transparent;
margin-bottom: 0;
outline: 0;
}
.image-checkbox input[type="checkbox"] {
display: none;
}
.image-checkbox-checked {
border-color: #4783b0;
}
.image-checkbox .fa {
position: absolute;
color: #4a79a3;
background-color: #fff;
padding: 10px;
top: 0;
right: 0;
}
.image-checkbox-checked .fa {
display: block !important;
}
.est-title p {text-align:center;}
.est-tble {border:1px solid #333;min-height:200px;width:100%;}
.est-title h3 {
text-align: center;
font-size:40px;
font-family: 'Montserrat', sans-serif;
color:#012a5e;
font-weight: 600;
}
.footer-links ul li a {display:inline-block;}
.est-title p {
text-align: center;
font-family: 'Montserrat', sans-serif;
color: #333;
margin-top: 15px;
font-size: 19px;
}
.est-title-p {color:#333;}
.est-tble {border:1px solid #d9d9d9;min-height:240px;width:100%;transition: all 0.5s ease;}
.est-tble-container {margin-top:35px;min-height:300px;}
.mgbtm25 {margin-bottom:57px;}
.est-img {display:table;margin:0 auto;}
.img-app {width: 100px;
margin-top: 39px;}
.esti-ctry-title h4 {
text-align: center;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
margin-top: 17px;
max-width: 170px;
line-height: 25px;
margin: 11px auto;
}
.mgtp8 {margin-top:18px;}
.est-tble:hover {-webkit-box-shadow: -1px 0px 14px 5px rgba(0,0,0,0.14);
-moz-box-shadow: -1px 0px 14px 5px rgba(0,0,0,0.14);
box-shadow: -1px 0px 14px 5px rgba(0,0,0,0.14);
margin-top:-25px;
cursor:pointer;
}
.page_header {
width: 100%;
float: left;
}
.page_header h1 {
font-size: 20px;
color: #fff;
}
.sub_title_section {
float:left;
}
.page_header .sub_title li {
float: left;
font-size: 16px;
color: #f9f9fa;
font-weight: 300;
}
.page_header .sub_title a {
color: #f9f9fa;
}
.page_header .sub_title i {
padding: 0px 15px;
}
.page_header .sub_title li:last-child {
color: #fff;
}
.web-container {margin-top: 5%;
float: left;}
.web-container h4 {color:#333;font-family: 'Montserrat', sans-serif;font-size:35px;font-weight:700;margin-bottom: 24px;}
.img-webs {
width: 72px;
margin-left: 18px;
}
.border-rtd {border-right:1px solid #eee;}
.nopad {
min-height: 165px;
margin-bottom: 26px;
background-color: #fff;
}
/*image gallery*/
.image-checkbox {
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 4px solid transparent;
margin-bottom: 0;
outline: 0;
display: table;
margin: 0 auto;
padding-top: 13px;
}
.image-checkbox input[type="checkbox"] {
display: none;
}
.image-checkbox-checked {
}
.image-checkbox .fa {
position: absolute;
color: #4A79A3;
background-color: #fff;
padding: 10px;
top: 0;
right: 0;
}
.image-checkbox-checked .fa {
display: block !important;
}
.mgtp35 {
margin-top: 45px;
background-color:#2fdab8;
padding: 26px 5px;
}
.esti-ttl {background-color:#f0f1f3;min-height:500px;padding:28px;
}
.est-block {background-color:#fff;min-height:128px;
border-radius: 6px;
overflow: hidden;
padding: 1px 0px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
.box-proce {
padding: 4px;
background-color: #eee;
overflow: hidden;
margin: 16px;
}
.box-proce p {
margin: 3px 0px;
font-size: 13px;
color: #505050;
}
.est-block h4 {font-size: 19px;
color:#012a5e;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
padding: 23px 19px;}
.mgtp35 {margin-top:35px;}
.esti-total {overflow: hidden;color:#fff;width:100%;padding: 8px 5px;background-color:#333;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.form-control {box-shadow:none;border-radius:0px;background-color:#eee;min-height: 44px;}
.bnr-title h3 {
font-size: 41px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
text-shadow: 4px 1px 9px #404040;
}
.bnr-title h4 {
font-size: 30px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
max-width: 93%;
line-height: 43px;
margin-top: 14px;
}
.bnr-title {margin-top: 36%;position: relative;}
.iph_btn {min-width: 150px;
line-height: 45px;
text-align: center;
background-color: #1b2126;
font-size: 18px;
float: left;
min-height: 47px;
color:#fff;
margin-right: 15px;
margin-top:15px;
border-radius: 7px;}
.andro_btn {min-width: 150px;
line-height: 45px;
text-align: center;
background-color: #1b2126;
color:#fff;
float: left;
font-size: 18px;
min-height: 47px;
margin-top:15px;
margin-right: 15px;
border-radius: 7px;}
.app-cell h3 {
text-align: left;
font-weight: 500;
font-size: 19px;
margin-top: 16%;
}
.app-cell h4 {
text-align: left;
font-weight: 700;
font-size: 24px;
}
.blog-cont {padding-top:25px;}
.andro_btn {transition: all 0.5s ease;}
.iph_btn {transition: all 0.5s ease;}
.andro_btn:hover {background-color:#0fa2f2;cursor:pointer;}
.iph_btn:hover {background-color:#0fa2f2;cursor:pointer;}
.apl-icon {
color: #fff;
position: absolute;
font-size: 31px;
top: 159px;
}
.blog-title h5 {margin-top:15px;font-size: 18px;}
.blog-cont2 {padding-top:5px;}
.blog-cont h3 {margin-bottom:19px;}
.blog-cont p {text-align:justify;}
.andro-icon {
color: #fff;
font-size: 31px;
position:absolute;
top: 159px;
}
.app-fullwidth {width:100%;min-height:420px; padding:75px 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb5e91+0,e41458+100 */
background: #f1f2f4; /* Old browsers */
}
.ap-ctry h3 {
color: #012a5e;
font-size: 35px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;}
.center {text-align:center;}
.ap-tp-col h3 {color:#012a5e;font-family: 'Montserrat', sans-serif;font-size: 22px;}
.ap-tp-col{margin-top:5%;padding: 0px 40px;}
.ap-tp-col p {color:#333;text-align: justify;}
.ap-tp-col img {margin-bottom:25px;}
.border-rt {border-right:1px solid #b0b0b2;}
.ap-ctry {margin-bottom: 3%;}
.ap-ctry p {text-align: center;
font-size: 16px;
color: #606060;}
.usag_lng {background-color:#fff;padding:35px 0px;}
.usag_lng span {
min-width: 194px;
max-width: 86px;
overflow: hidden;
float: left;
}
.lng-row {display:table;margin:0 auto;}
.img-ios{width: 73%;
margin-top: 23%;}
.bnr-title h4 {font-size:48px;}
.bnr-title p {color:#fff;}
.ios-store-icon {
position: absolute;
top: -50px;
right: 320px;
width: 10%;
}
.center-btn {display:table;margin:0 auto;}
.rd-ful-btn {
padding: 8px 18px;
font-size: 19px;
border-radius: 28px;
font-weight:600;
margin-top: 18%;
box-shadow: 0 3px 12px 2px rgba(0,0,0,.12);
margin-bottom: 34%;
}
.ios-ftrs {width:100%;background-color:#3aafa9;}
.ios-ftrs ul li {
display: inline-block;
width: 24%;
padding: 19px;
color: #fff;
border-right: 1px solid #eee;
margin-left: 10px;
}
.ios-ftrs ul li:last-child {
border-right:0px solid #eee;
}
.ios-ftrs p {text-align:justify;}
.skill-img {
width: 52px;
margin-bottom: 21px;
}
.ios-ftrs h4 {font-family: 'Montserrat', sans-serif;font-weight:500;}
.ios-ftrs h4 span {font-family: 'Montserrat', sans-serif;font-weight:300;}
.tools-ios h3 {font-size:45px;font-family: 'Montserrat', sans-serif;font-weight:500;text-align:left;}
.tools-ios {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefd+0,e8f0f8+50,fefefd+100 */
background: #fff;
}
.ios-img-ftr {
}
.tools-ios h4 {
font-size: 35px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
color: #012a5e;
text-align: center;
margin-bottom: 35px;
}
.tools-ios p {margin-bottom: 39px;}
.tools_container h4 {
font-size: 36px;
margin-top: 41px;
text-align: left;
margin-bottom: 11px;
}
.ios-img-ftr img {float:left;}
.no-padding {padding:0px;}
.tools_container {
background-image: url("../images/tool-left-img.png");
background-position: left;
background-repeat: no-repeat;
min-height: 489px;
}
.usag_lng .tools-img {
background: url("../images/sprite-android.png") no-repeat;
display: inline-block;
min-width: 81px !important;
height: 65px !important;
margin-bottom: 25px;
float: none;
}
.frame {background-position: -10px -10px;}
.platform{background-position: -92px -10px !important;}
.versions {background-position: -180px -10px !important;}
.langs {background-position: -10px -95px !important;}
.devlo {background-position: -92px -95px !important;}
.col-half-offset{
margin-left:4.166666667%
}
.tools_container h5 {font-size:16px;}
.andro-block-intro h3 {font-family: 'Montserrat', sans-serif;font-size:35px;font-weight:300;color:#012a5e;}
.andro-block-intro {z-index: 9999;
padding: 26px 105px;
padding-top: 26px;
padding-top: 18%;}
.apps-cont-pd {padding:15px;}
.app-block-a h4 {font-family: 'Montserrat', sans-serif;font-weight:500;}
.apps-cont-pd h4 {
font-family: 'Montserrat', sans-serif;
color: #012a5e;
font-weight: 400;
margin-top: 6%;
font-size: 27px;
line-height: 38px;
}
.app-block-a {margin-top:4%;}
.tools_container2 h4 {text-align:left;}
.tools_container2 {padding: 73px 0px;background-color: #f5f5f5;}
.andro-cntnr{overflow:hidden;padding-bottom: 0px;background-color: #fcfcfc;padding-top: 0px;margin-top: 5%;}
.tools_container2 h5 {font-size:16px;font-family: 'Montserrat', sans-serif;font-weight:500;}
.icon-cr {width: 49px;
margin-bottom: 8px;}
.apps-androis-screen {margin-top:15%;}
.andro_dsgn {background-color:#fff;min-height:500px;}
.andro-dsn-img {margin-top:11%;}
.mtrl_cont2 h3 {font-family: 'Montserrat', sans-serif;font-weight:500;font-size:35px;color:#012a5e;}
.mtrl_cont2 {margin-top:15%;}
.mtrl_cont2 p {margin-bottom:5%;}
.web-imge2 {
width: 580px;
position: relative;
top: 165px;
z-index: 999;
left: 12%;
}
.mtrl-dcn-col h4 {color:#012a5e;}
.fr_bc_img { width: 424px;
position: relative;
left: 65px;}
.web-tools {
background-color: #eee;
padding: 74px 0px;}
.web_block-tool h3 {font-family: 'Montserrat', sans-serif;font-weight:500;font-size:35px;color:#012a5e;}
.mgtp45 {margin-top:30px;}
.robust_cntnr {margin-top:5%;}
.web_lang {min-height:100px;background-color:#fff;width:100%;display: none;}
.carousel-wrap {
margin: 90px auto;
padding: 0 5%;
width: 80%;
position: relative;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
position: relative;
z-index: 100;
-webkit-backface-visibility: hidden;
}
/* end fix */
.owl-nav > div {
margin-top: -26px;
position: absolute;
top: 50%;
color: #cdcbcd;
}
.owl-nav i {
font-size: 52px;
}
.owl-nav .owl-prev {
left: -30px;
}
.owl-nav .owl-next {
right: -30px;
}
.anchor_menu {width:100%;background-color:#fff;min-height:92px;padding:35px 0px;overflow:hidden;overflow:hidden; position: relative;
z-index: 1;}
.portfolio_menu {width:100%;background-color:#fff;min-height:92px;padding:35px 0px;overflow:hidden;overflow:hidden; position: relative;
z-index: 1;}
.anchor_menu ul {display: table;
background-color: #fff;
}
.anchor_menu ul:after {border-top:1px solid #df301b;}
.anchor_menu ul li {display:inline;padding:15px;}
.anchor_menu ul li a {font-size:18px;color:#012a5e;}
.anchor_menu:before {
border-top: 1px solid #df301b;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
.paralx_bg { background-attachment: fixed;min-height:400px;background-image:url(../images/leadership_bg.jpg);background-size:cover;position:relative;margin-top:8%;}
.leader_wraper {
width: 580px;
background-color: #fff;
min-height: 351px;
position: absolute;
left: 4%;
top: -10%;
border-right: solid #ebeff2 15px;
padding:15px 49px;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
}
.leader_wraper h3 {font-size: 34px;
color: #012a5e;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
padding-top: 14px;
padding-left:0px;}
.leader_wraper p {text-align:justify;}
.history {min-height:569px;
background-color: #fff;
width: 100%;
}
.brdr-tp {
border-top: 1px solid #bababa;
position: relative;
top: 107px;
padding-left: 34px;
padding-right: 0px;
}
.history_col {
min-height: 300px;
border-left:1px solid #bababa;
padding: 27px;
margin-bottom: 60px;
}
.read-more__link{
font-weight: bolder;
}
.hstry_pd {padding:0px 35px;}
.no-padding {padding:0px;}
.history_col::before {
content: "";
width: 56px;
height: 56px;
border: 7px solid #fff;
background-color: #000;
position: absolute;
top: -31px;
border-radius: 50%;
z-index: 1;
left: -29px;
}
.hs1::before {
border: 7px solid #fff;
background-color: #1c79b3;
}
.hs2::before {
border: 7px solid #fff;
background-color: #86c340;
}
.hs3::before {
border: 7px solid #fff;
background-color: #f47420;
}
.hs3::before {
border: 7px solid #fff;
background-color: #f47420;
}
.hs4::before {
border: 7px solid #fff;
background-color: #3f4c6e;
}
.play_block h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #333;
text-align: center;
font-size: 31px;
line-height: 40px;
}
.play_block span {
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.tabs_wrapper {
width: 98%;
text-align: center;
margin: 0 auto;
margin-bottom: 54px;
background: transparent;
padding-top: 65px;
}
ul.tabs {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 10;
background-color:#0594d1;
margin: 0;
padding: 91px 144px;
width: 51%;
min-width: 175px;
list-style: none;
-ms-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
min-height: 437px;
}
ul.tabs li {
margin: 0;
cursor: pointer;
padding: 9px 15px;
padding-left: 15px;
line-height: 31px;
color: white;
text-align: left;
font-weight: 400;
-ms-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font-family: 'Roboto', sans-serif;
padding-left: 0;
}
ul.tabs li:hover {
color: white;
-ms-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
ul.tabs li.active {
padding-left: 42px;
color: #dddddd;
-ms-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.tab_container {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 20;
left: 0%;
padding: 24px;
width:48%;
min-width: 10px;
text-align: left;
background: #ebeff2;
border-radius: 0px;
min-height: 437px !important;
}
.tab_content {
padding: 47px;
padding-top: 24px;
height: 100%;
display: none;
padding-top: 68px;
}
.tab_drawer_heading {
display: none;
}
@media screen and (max-width: 781px) {
.srvcie-block {min-height: 670px !important;}
.web-intro {
margin-top: 11%;
text-align: center;
}
.web-imge5 {
width: 502px;
position: relative;
top: 85px;
z-index: 999;
left: 5%;
}
.andro-block-intro {
z-index: 9999;
padding: 36px 25px;
padding-top: 36px;
padding-top: 26px;
padding-top: 10%;
}
.srvcie-block2 {
padding-bottom: 48px;
}
.bnr-title {
margin-top: 11%;
position: relative;
text-align: center;
}
.process::before {
display:none;
}
.consulting {
min-height: 520px;
}
.hosting-container {background-image:none;}
ul.tabs {
display: none;
}
.tab_container {
display: block;
margin: 0 auto;
width: 95%;
border-top: none;
border-radius: 0;
box-shadow: 0px 0px 10px black;
}
.tab_drawer_heading {
background-color: #ccc;
background: #600026;
/* Old browsers */
background: -moz-linear-gradient(top, #600026 0%, #c60943 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #600026), color-stop(100%, #c60943));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #600026 0%, #c60943 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #600026 0%, #c60943 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #600026 0%, #c60943 100%);
/* IE10+ */
background: linear-gradient(to bottom, #600026 0%, #c60943 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600026', endColorstr='#c60943',GradientType=0 );
/* IE6-9 */
color: #fff;
margin: 0;
padding: 5px 20px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.tab_drawer_heading:hover {
background: #ccc;
background: #ae0046;
background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );
color: white;
}
.d_active {
background: #fff;
background: #4c001e;
background: -moz-linear-gradient(top, #4c001e 0%, #9f0735 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c001e), color-stop(100%, #9f0735));
background: -webkit-linear-gradient(top, #4c001e 0%, #9f0735 100%);
background: -o-linear-gradient(top, #4c001e 0%, #9f0735 100%);
background: -ms-linear-gradient(top, #4c001e 0%, #9f0735 100%);
background: linear-gradient(to bottom, #4c001e 0%, #9f0735 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
color: #fff;
}
}
.tab_container h2 {
font-size: 23px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}
.tabs_wrapper h4 {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
color: #fff;
font-weight: bold;
text-align: left;
margin-bottom: 23px;
}
.career-title h3:before {
width: 41%;
}
.career_ul li {list-style-type: square; margin: 14px 0px; margin-left: 20px;}
.careers-block {width:100%;background-color:#fff;}
.career_wrapper {border-top:3px solid #333;}
.text-accordion h4 {font-size:18px;font-family: 'Roboto', sans-serif;margin-bottom:28px;color:#333;font-weight:400;}
.text-accordion h4 span {font-weight:600;}
.h4_span {font-weight: 600 !important;
margin-top: 54px;
margin-bottom: 1px !important;}
.career-pnl_head { color: #333;
background-color: #fbfbfb !important;
border-color: #fbfbfb !important;}
.career_panel {padding: 56px 90px;background-color:#fbfbfb;}
.career_pl_title {font-size: 21px;font-family: 'Roboto', sans-serif;font-weight:600;}
.tab_container p {text-align:justify;}
.play {width:100%;min-height:150px;background-color:#fff;}
.history_col p {text-align:justify;}
word-spaceing:-2;
.theam-ico {color:#22415d !important;padding-right:10px;}
.contact_intro {
padding: 51px 90px;
width: 70%;
display: table;
margin: 0 auto;
padding-bottom: 51px;
height: auto;
position: relative;
top: -95px;
background-color: #f3f1f6;
border-radius: 15px;
-webkit-box-shadow: 2px 1px 21px 2px rgba(0,0,0,0.22);
-moz-box-shadow: 2px 1px 21px 2px rgba(0,0,0,0.22);
box-shadow: 2px 1px 21px 2px rgba(0,0,0,0.30);
}
.contact_intro h4 { text-align: center;
font-family: 'Montserrat', sans-serif;
color: #012a5e;
font-weight: 700;
font-size: 28px;}
.contact_intro p { margin-top: 23px;
font-size: 18px;
color: #11111a;
text-align: center;
line-height: 39px;}
.address-cols { width: 78%;
display: table;
text-align:center;
margin: 0 auto;}
.col-adrs h3 {margin-bottom:15px;}
.col-adrs p {margin-bottom:0px;margin-top:0px;}
.col-mail { color: #012a5e;}
.text-call {
color: #012a5e;
padding: 4px 0px;
font-size: 17px;
}
.text-mail {color:#19579b; font-size: 17px;}
.address-block {
width: 100%;
overflow: hidden;
margin-top:-26px !important;
margin-bottom: 15px;
}
.md-form {
font-size: 36px;
background-color: #fff;
border-top: 0px;
border-right: 0px;
margin-bottom: -1px;
min-height: 75px;
border-left: 0px;
color:#333;
border-bottom: 2px solid #333;
font-family: 'Montserrat', sans-serif;
font-weight:600;
}
.form-drop {background-color:#fff !important;}
.form_container {
overflow: hidden;
width: 81%;
margin: 0 auto;
}
.border { border: 1px solid #bbb4b4; padding: 36px; padding-top: 30px;}
.md-form:hover {cursor:pointer;}
.form-control:focus {
border-color: none !important;
box-shadow: none !important;
}
.cs_rd {
background-color: #df301b;
color: #fff;
font-family: 'Roboto', sans-serif;
padding: 9px 23px;
font-size: 17px;
font-weight: 600;
border-radius: 45px;
}
.cs_rd:hover {color:#fff;}
.refresh_ico{margin-top:12px;}
.contact_form {margin-top:25px;overflow: hidden;}
.contact_form textarea {background-color:#fff;}
.contact_form input {background-color:#fff;min-height: 58px; margin-bottom: 30px;}
.contact_form select {min-height: 58px;}
.project {width:100%;min-height:400px;background-color:#fff;}
select { text-align:center; }
select .lt { text-align:center; }
.sm-option {font-size:20px !important;}
.soft_blocks {width:100%;min-height:500px;background-color:#eee;overflow:hidden;}
.history_block { background-position: top;width:auto;min-height:200px;background-image:url("../images/history.jpg");background-repeat:no-repeat;}
.soft_col {
background-image: url(../images/custom_mini_mini.jpg);
min-height: 530px;
background-position: bottom;
}
.soft_col2 {
background-image: url(../images/soft_mini_mini.jpg);
min-height: 530px;
background-position: center;
}
.soft_col3 {
background-image: url(../images/application_mini_mini.jpg);
min-height: 530px;
background-position: center;
}
.soft_col4 {
background-image: url(../images/custom_8.jpg);
min-height: 530px;
background-position: center;
}
.soft_overlay { position: relative;}
.overlay2 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity:0.5;
transition: .5s ease;
background-color: #545454;
}
.text {
color: white;
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight:600;
transition: all 0.5s ease;
width: 80%;
}
.soft_blocks {overflow:hidden;}
.soft_blocks2:hover .text { top: 30%; position: absolute;}
.soft_overlay:hover .overlay2 { opacity: 0.8; background-color: #1765cb;}
.text-p {color: #fff;
position: absolute;
bottom: -220%;
opacity:0;}
.soft_blocks2:hover .text-p { top: 100%; position: absolute;opacity:1;}
.process-title2 h5 {
color: #012a5e;
font-size: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
text-align: center;
}
.process-title2 h4 {
color: #012a5e;
font-size: 29px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-top: 7px;
text-align: center;
}
.step_title img {
display: table;
margin: 0 auto;
}
.step_title h4 {text-align:center;margin-top:15px;}
.process-title2 p {width:50%;margin:0 auto;text-align:center; margin-top: 22px; margin-bottom: 65px;}
.step_content { background-color: #eee; padding: 36px 61px; margin-top: 35px;}
.step_content ul li { padding: 5px 0px;}
.step_content ul li:before {
color:#1476f2;
content: "\f00c"; /* FontAwesome Unicode */
font-family: FontAwesome;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.step_content ul li i {color:red;}
.icon_cart {
width: 70px;
margin: 0 auto;
margin-bottom: 11px;
margin-top: 15%;
display: table;
}
.cstm_web_header h3 {font-family: 'Montserrat', sans-serif;text-align:center;color:#fff;font-weight:600;font-size:35px;}
.cstm_web_header h4 {font-family: 'Montserrat', sans-serif;text-align:center;color:#fff;font-weight:400;font-size:30px;}
.cstm_web_header p {color:#fff;text-align:center;}
.cstm_web_header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012a5e+0,6f7cce+100 */
background: #012a5e; /* Old browsers */
background: -moz-linear-gradient(left, #012a5e 0%, #6f7cce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #012a5e 0%,#6f7cce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #012a5e 0%,#6f7cce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012a5e', endColorstr='#6f7cce',GradientType=1 ); /* IE6-9 */
min-height: 210px;
padding-top: 85px;
padding-bottom: 56px;
}
.cstm_web_wraper {background-color:#fff;width:100%;padding:0px 0px;}
.cstm_timline { padding: 115px 0px;}
.cstm_timline h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color:#012a5e;
}
.ecm_cnt_wraper {
width: 62%;
display: table;
margin: 55px auto;
}
.arows1 {position: absolute;
bottom: 0px;
right: -175px;}
.arow2 {
position: absolute;
top: 185px;
left: -249px;
width: 260px;
}
.sub-header span { font-family: 'Montserrat', sans-serif;
font-weight: 700;}
.aro_ecm {overflow:hiddem;position:relative;}
.aro_ecm3 { margin-top: 70px;position:relative;}
.small {
text-transform: capitalize !important;
font-size: 32px !important;
font-weight: 300 !important;
}
.title-2 h3 {
font-size: 35px;
font-weight: bold;
position: relative;
z-index: 1;
text-align:center;
color:#012a5e;
padding-top:5%;
}
.cms_wt_wraper { padding: 35px 50px;
min-height: 458px;}
.cms_wt_wraper p {text-align:justify;}
.cms_wt_wraper h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #012a5e;
text-align: left;
font-size: 30px;
padding-top: 5%;
line-height: 34px;
}
.no-padding {padding:0px;}
.cms_wt_wraper {background-color:#fbfbfb;}
.utility_wraper {
background-color: #fff;
min-height: 500px;
width: 100%;
padding: 71px 0px;
}
.utility_wraper h3 {text-align:center;color:#fff; font-family: 'Montserrat', sans-serif;
font-weight: 700;font-size: 32px;}
.choose_cont h3 {font-family: 'Montserrat', sans-serif;font-size:29px;text-align:left;
font-weight: 700;color:#012a5e;}
.choose_cont_list p { padding: 8px 0px;
text-align: left;
color: #333;
border-bottom: 1px dotted #333;}
.tb-wrapper4 {
background-image: url(../images/bg_sms_light.jpg);
min-height: 500px;
width: 100%;
background-size: cover;
background-attachment: fixed;
padding: 25px 0px;
padding-bottom: 85px;
}
.tb-wrapper4 h3 {
color: #fff;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-weight: 600;
margin-top: 26px;
}
.b_col h4 {font-family: 'Roboto', sans-serif;color:#fff;text-align:center;}
.b_col p {text-align:center;color:#fff;}
.b_col {min-height:400px;
transition: all 0.5s ease;
background-color: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.2);
}
.b_col:hover {
background-color: rgba(250, 214, 188, 0.5);
background: rgba(250, 214, 188, 0.5);
color:#fff;
}
.b_col:hover h4 {
color:#fff;
}
.dark {
background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
}
.b_col h4 {
margin: 0 auto;
color: #FFFFFF;
width: 80%;
font-family: 'Montserrat', sans-serif;
top: 50%;
position: absolute;
transform: translateY(-50%);
line-height: 33px;
left: 0;
right: 0;
font-size: 23px;
}
.ftr_ul li {
padding: 6px 0px;
border-bottom: 1px dashed #eee;
}
.ftr_ul li a {
font-size:14px;
font-family: 'Open Sans', sans-serif;
color:#333;
}
.career_form { background-color: #fff;
padding: 25px 120px;
overflow: hidden;}
.minml_width { width: 60%;
font-size: 14px !important;
margin-bottom: 30px;}
.form_white {background-color:#fff;}
.control-label {text-align:left !important;display:block !important;}
.career_forms { margin-bottom: 40px;}
.caps { text-transform: uppercase;}
.client_blue_strip {min-height:400px;width:100%;
background-image: url(../images/bg_client_pattern.jpg);
background-size: contain;}
.client_blue_strip {
color: #fff;
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 25px;
min-height: 450px;
}
.clients-title{
float: left;
width: 100%;
background-color: #fff;
padding: 42px 0px;
text-align: center;
}
.client_blue_strip h3 { font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 27px;
padding-top: 7%;
font-weight: 700;}
.client_blue_strip p { text-align: center;
color: #fff;
font-size: 18px;
font-family: 'Roboto', sans-serif;}
.count-cl h3 {font-size:35px;color:#fff;font-family: 'Montserrat', sans-serif;font-weight:700; font-size: 65px;}
.count-cl h5 {font-size:35px;color:#fff;text-align:center;}
.cnt_b {font-weight:bold;}
.cnt_p {font-weight:normal; margin-top: 1px;}
.logo_wrapper {width:100%;min-height:600px;background-color:#fff;padding:85px 0px; }
.logo_wrapper h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 29px;
color: #012a5e;
}
.list {
list-style: none;
padding: 0;
margin: 0;
background-color: transparent;
}
.list li {
position: relative;
margin-bottom: 21px;
float: left;
min-height: 133px;
margin-right: 24px;
}
.scroll-logo .item img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(80%);}
.scroll-logo .item img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.logo-img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
max-height: 130px;
max-width: 185px;
}
.logo-img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.logo_wrapper p {margin-bottom:54px;}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
display: none !important;
}
.list li:last-child(5) {
margin-bottom:0px;
}
.btn-center { display: table;
margin: 0 auto;
margin-top: 65px;
text-transform: uppercase;}
.project_title h4 a i {color:#000;margin-left:6px;}
.project_title:hover i {color:#fff}
#wrapper {
position: fixed;
top: 0px;
bottom: 0px;
display: block;
width: 100%;
overflow: auto;
}
#scroller, .layer {
display: block;
width: 100%;
}
#scroller {
position: absolute;
height: 100%;
background: url(../img/bricks.png);
}
.layer {
position: fixed;
text-align: center;
height: 100vh;
opacity: 1.0;
}
/* LAYER 1 STYLING */
#layer1 {
transform:scale(.5, .5);
}
.dot {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20%; /* Effects height and width together */
margin: -20% 5%;
top: 50%;
border-radius: 50%;
}
/*
Pseudo-class keeps aspect ratio when resizing
http://www.mademyday.de/css-height-equals-width-with-pure-css.html
*/
.dot:before {
content: '';
display: inline-block;
padding-top: 100%; /* 1:1 aspect ratio */
}
.content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: 50%;
}
/* LAYER 2 STYLING */
h4 { position: relative; }
#layer2 h4,
#layer3 h4 {
top: 50%;
margin-top: -.75em;
}
/* FUNCTIONAL */
.layer {
transition: opacity 1000ms ease;
}
.hide {
width: 0px !important;
height: 0px !important;
color: transparent !important;
opacity: 0 !important;
}
/* COLORS */
.yellow { background: rgb(255, 255, 230); }
.green { background: rgb(200, 230, 200); }
.blue { background: rgb(200, 215, 230); }
.animateme{background-color:#000;}
.terms_container {padding-bottom:5%;}
.t_c_container { width: 100%;
padding-top: 36px;
min-height: 56px;
background-color: #eee;
margin-bottom: 65px;
padding-bottom: 36px;}
.t_c_container ul li {display: inline-block;
margin-right: 19px;
padding-bottom:4px;
}
.t_c_container ul li a {color:#333;}
.tc_ul li .active2 {border-bottom:1px solid #012a5e !important;color:#012a5e !important;}
.list li:nth-child(5n+5){
margin-right: 0px;
}
.service-wrapper { margin-top:5%;
overflow: hidden;}
.service5{min-height:325px;
float: left;
width: 100%;
background-image:url("../images/pattern.png");
background-repeat:repeat;
padding-bottom: 75px;
}
.sr_img {
position: relative;
margin-bottom: 29px;
}
.overlay8 {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: #ff6128;
overflow: hidden;
width: 100%;
height:0;
transition: .5s ease;
}
.sr_img:hover .overlay8 {
bottom: 0;
height: 100%;
}
.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.sr-thumb-title {
padding: 20px 15px;
background-color: #eee;
min-height: 88px;
}
.h_p p {margin-top:0px; font-family: 'Open Sans', sans-serif; font-size: 13px;}
.h_p h5 { font-size: 17px;}
.hosting-wrapper {
min-height: 560px;
float: left;
width: 100%;
background-image: url(../images/pattern-blue.png);
background-repeat: repeat;
}
.hst_wrap {padding: 85px 75px;}
.hst_wrap h2 {font-size:39px;color:#fff;font-weight:600;font-family: 'Roboto', sans-serif;}
.hst_wrap p { font-size: 16px;
color: #fff;
font-family: 'Open Sans', sans-serif;
margin-top: 5%;
line-height: 31px;}
.hst_wrap ul li {
color: #fff;
line-height: 25px;
}
.hst_wrap ul li:before {
content: '\f00c';
font-family: 'FontAwesome';
float: left;
margin-left: -1.5em;
color: #fff;
margin-left: -2px;
padding-right: 10px;
}
.sr_block {
margin-top: 14%;
padding: 8px 35px;}
.sr_block h4 {
font-size: 37px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.sr_block p {
font-size: 17px;
font-family: 'Open Sans', sans-serif;
color: #fff;
}
.owl-theme .owl-nav [class*='owl-'] {
display: none;
}
.hst_wrap {position:absolute;}
.arw-hst {width:26px;height:36px;position:relative;left:0px;top:5%;}
.ftr_ctr {}
.cal-rw {min-height:150px;float:left;}
.cal-rw-num {float:left;}
.call-icons:before {
font-family: "Font Awesome 5 Free";
content: "\f095";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
background-color: #012a5e;
padding: 10px;
border-radius: 100%;
height: 36px;
color: #fff;
line-height: 16px;
margin-right: 9px;
}
.call-icons {margin-top:8px;}
.call-icons a {margin-right:1px;}
.mail-icons:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
background-color: #012a5e;
padding: 10px;
border-radius: 100%;
height: 36px;
color: #fff;
line-height: 16px;
margin-right: 9px;
}
.mail-icons {margin-top:8px;}
.mail-icons a {margin-right:1px;}
.ftr-block1 {min-height:272px;
float: left;
width: 100%;
background: #026bad;
background: -moz-linear-gradient(45deg, #026bad 0%, #1eb7c9 100%);
background: -webkit-linear-gradient(45deg, #026bad 0%, #1eb7c9 100%);
background: linear-gradient(45deg, #026bad 0%, #1eb7c9 100%);
position:relative;
}
.ftr-block2 {min-height:272px;
float: left;
width: 100%;
position:relative;
background: #ee748b;
background: -moz-linear-gradient(45deg, #ee748b 0%, #fed66c 100%);
background: -webkit-linear-gradient(45deg, #ee748b 0%, #fed66c 100%);
background: linear-gradient(45deg, #ee748b 0%, #fed66c 100%);
}
.ftr-block3 {min-height:272px;
float: left;
position:relative;
width: 100%;
background: #cb2686;
background: -moz-linear-gradient(45deg, #cb2686 0%, #e73565 100%);
background: -webkit-linear-gradient(45deg, #cb2686 0%, #e73565 100%);
background: linear-gradient(45deg, #cb2686 0%, #e73565 100%);
}
.slid-intro {
min-height: 278px;
margin-top: -94px;
}
.intr-pd {padding:43px;}
.intr-pd h4 {color: #fff;
font-family: 'Roboto', sans-serif;
font-size: 20px;
font-weight: bold;}
.intr-pd p {color:#fff;}
.hm_slider p {color:#fff;font-size:18px;font-family: 'Montserrat', sans-serif;font-weight:500;}
.intr-link {height:50px;background: rgba(0,0,0,0.4);color:#fff;position:absolute;bottom:0px;width:100%;padding:15px;transition: all 0.5s ease;}
.intr-link:after {
font-family: "Font Awesome 5 Free";
content: "\f061";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
right: 19px;
position:absolute;
}
.imtro-bg {position:absolute;right:8px;top:8px;}
.imtro-bg img {width:46px;height:56px;}
.intr-link:hover {background: rgba(0,0,0,0.6);cursor:pointer;}
.home-srvce h3 {
font-family: 'Abel', sans-serif;
font-size: 35px;
font-weight: bold;
position: relative;
z-index: 1;
}
.home-srvce h3::before {
border-top: 1px solid #333;
content: "";
margin: 0 auto;
position: absolute;
top: 81%;
left: 0;
right: 0;
bottom: 0;
width: 21%;
z-index: -1;
}
.home-srvce h3 span {
background: #fff;
padding: 0 15px;
color: #012a5e;
}
.home-srvce h3 {
padding: 0px 0px;
padding-top: 0px;
text-align: center;
padding-top: 60px;
}
@media (max-width: 520px){
.hm_slider {
width: 100%;
margin-top: 52%;
}
.navbar-brand {width:auto;
padding: 18px 0px;
}
.portfolio-area #gridWrapper .col-xs-6{
width:100%;
}
.admin-demo .col-xs-6{
width:100%;
}
.hm_slider h2 {
color: #fff;
font-size: 24px;
}
.ftr-block1 {margin-bottom: 21px;}
.ftr-block2 {margin-bottom: 21px;}
.ftr-block3 {margin-bottom: 21px;}
.mb-pad {padding:0px;}
.home-srvce h3 {
padding: 0px 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-top: 0px;
text-align: center;
padding-top: 9px;
padding-bottom: 10px;
}
.sr-thumb-title img {width:25px;}
.sr-thumb-title h5 {font-size:15px;}
.hosting-container {background-image:none;}
.service5 {padding-bottom: 3px;}
.hst_wrap {
padding: 3px 1px;
}
.hst_wrap h2 {
font-size: 23px;
}
.hst_wrap p {
font-size: 13px;
margin-right: 13px;
text-align: justify;
}
.hst_wrap ul li::before {
content: '\f00c';
font-family: 'FontAwesome';
float: left;
margin-left: -1.5em;
color: #fff;
margin-left: -2px;
padding-right: 10px;
padding-bottom: 15px;
}
.hst_wrap ul li {
color: #fff;
line-height: 25px;
margin-bottom: 1px;
overflow: hidden;
}
.hosting-wrapper {
min-height: 620px;
}
#filter li {
padding: 0;
width: 100%;
margin-bottom: 6px;
}
#filter li a::after {
display: none;
}
.testimonial_section {padding-top:25px;background-size:cover;padding-bottom:25px;}
.portfolio-area {
padding-bottom: 25px;
}
.cons-1 {
min-height: 193px;
background-image: url(../images/5-Reasons-to-Study-Computer-Engineering-800x400.jpg);
background-size: cover;
min-height: 260px;
padding-top: 42px;
padding-left: 16px;
}
.cons-1 p {
font-size: 17px;
}
.cons-text {
min-height: 233px;
}
.cons-text h4 {padding-top: 28px;}
.sr_block {
margin-top: 14%;
padding: 8px 35px;
padding-bottom: 8px;
padding-bottom: 46px;
}
.cons-text h4 {
padding-left: 22px;
}
.footer-container {padding:0px;}
.copyright {margin-top:0px;}
.navbar-toggle {background-color:#4385f5;color:#fff;border-color:#4385f5;}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.sidebar_logo img {width: 238px !important;}
#toggle_close {
right: 16px;
top: 9px;
}
.sub-header {
position: absolute;
left: 12%;
top: 139px;
}
.sub-header h4 {font-size:19px;}
.sub-header h5 {
font-size: 28px;
}
.anchor_menu {display:none;}
.srvcie-block p {text-align:center;}
.srvcie-block {padding:0px 13px;}
.paralx_bg {min-height: 720px;}
.leader_wraper {
width: 295px;
}
.history_block {background-size:320px;}
.brdr-tp {padding-left:9px;}
.history_col {
min-height: 300px;
border-left: 1px solid #bababa;
padding: 27px;
padding-right: 27px;
padding-right: 0px;
}
.brdr-tp {top:0px;}
.tab_container {box-shadow:none;}
.tab_content {
padding: 2px;
}
.d_active {background:#0594d1;margin-bottom:15px;}
.tab_drawer_heading {background:#0594d1;margin-bottom:15px;}
.clnt-box {
padding: 25px 15px;
padding-top: 25px;
padding-top: 25px;
padding-top: 25px;
width: 108%;
margin: 0 auto;
padding-top: 53px;
}
.clnts-imge {
min-height: 462px;
}
.process::before {
display:none;
}
.web-imge5 {
width: 294px;
position: relative;
top: 85px;
z-index: 999;
left: 0%;
}
.web-intro .wb-title {
font-size:28px;
text-align:center;
}
.web-intro h4 {text-align:center;}
.web-intro {
margin-top: 29%;
}
.process-title h4 {
color: #012a5e;
font-size: 18px;
}
.process {padding-top: 54px;}
.process-title p {max-width: 92%;margin-bottom: 15px;}
.robust_cntnr p {text-align:justify;}
.title-2 h3 {
font-size: 25px;
}
.srvcie-block {
width: 91%;
margin: 8px auto;
}
.cms_wt_wraper h4 {font-size:25px;}
.cms_wt_wraper {
padding: 35px 18px;
}
.b_col {
min-height: 220px;
}
.tb-wrapper4 h3 {
font-size: 22px;
line-height: 28px;
}
.b_col h4 {font-size:18px;}
.bnr-title h3 {
text-align:center;
font-size: 32px;
}
.bnr-title {
margin-top: 0;
}
.bnr-title h4 {
max-width: 100%;
font-size: 29px;
text-align: center;
margin-top: 0px;
}
.srvcie-block2 {min-height: 531px;}
.mbmgtp15 {margin-top:114px !important;}
.ios-store-icon {
position: absolute;
top: -25px;
right: 23px;
width: 10%;
}
.bnr-title p {
color: #fff;
text-align: center;
}
.andro-block-intro {
z-index: 9999;
padding: 26px 2px;
}
.andro-block-intro p {text-align:justify;}
.web-imge2 {
width: 273px;
position: relative;
top: 104px;
z-index: 999;
left: 0px;
}
.mb-proce {padding-bottom:35px;}
.process-title2 h4 {
font-size: 23px;
}
.process-title2 p {
width: 98%;
}
.step_content {
margin-bottom: 34px;
}
.contact_intro {
padding: 51px 15px;
padding-bottom: 51px;
width: 93%;
display: table;
margin: 0 auto;
padding-bottom: 51px;
height: auto;
position: relative;
top: -95px;
}
.contact_intro p {
font-size: 16px;
line-height: 29px;
}
.address-cols {
margin-top: 50px;
}
.md-form {
font-size: 18px;
}
.project {
margin-top: 27px;
}
.form_container {
overflow: hidden;
width: 100%;
}
.border {
border: 1px solid #bbb4b4;
padding: 20px;
padding-top: 20px;
padding-top: 30px;
}
}
.lds-roller {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-roller div {
animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
}
.lds-roller div:after {
content: " ";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background: #333;
margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
top: 50px;
left: 50px;
}
.lds-roller div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
top: 54px;
left: 45px;
}
.lds-roller div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
top: 57px;
left: 39px;
}
.lds-roller div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
top: 58px;
left: 32px;
}
.lds-roller div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
top: 57px;
left: 25px;
}
.lds-roller div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
top: 54px;
left: 19px;
}
.lds-roller div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
top: 50px;
left: 14px;
}
.lds-roller div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
top: 45px;
left: 10px;
}
@keyframes lds-roller {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.thumb-blog img {transition: all .5s;}
.thumb-blog{overflow:hidden;}
.thumb-blog:hover img { transform: scale(1.1);}
.web-cell {transition: all 0.5s ease;}
.web-cell:hover {background-color:#333;color:#fff;}
.web-cell:hover h3 {color:#fff;}
.web-cell:hover h4 {color:#fff;}
.ftr_ul li a {transition: all .2s;}
.ftr_ul li a:hover {padding-left: 7px;color:red;}
.anchor_menu ul li a:hover {color:red;}
.img-coding2 {overflow:hidden;transition: all 0.5s ease;}
.web-ftr:hover .img-coding2
{
transform: scale(1.2);
}
.fixed-social{
top: 215px;
right: -12px;
z-index: 999;
position: absolute;
float: right;
overflow: hidden;
height: auto;
width: 39px;}
.fb-div { position: fixed;
top: 37px;
z-index: 999;}
.insta-div { position: fixed;
top:80px;
z-index: 999;}
.link-div{ position: fixed;
z-index: 999;
top: 123px;}
.twit-div{position: fixed;
top: 165px;
z-index: 999;}