h1 {
font-size: 40px;
line-height: 48px; font-weight: 900 !important;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 26px;
}
h5 {
font-size: 18px;
font-weight: 600;
}
h6 {
font-size: 16px;
font-weight: 600;
}
.header.fixed, header .header_bottom{ background-color: transparent !important; border-color: transparent !important; }
body .content.content_top_margin{ margin-top: 0px !important;  }
body nav.main_menu ul li a{ color: #fff; }
.banner-hide {
display: none !important;
}
.main-banner {  }
body header.scrolled .logo_wrapper .q_logo img{     max-width: 120px !important; }
body .wrapper_inner header.scrolled .q_logo img{     top: -50% !important; }
body .logo_wrapper{ height: 70px !important; }
body header.scrolled .logo_wrapper { height: 57px !important; } 
.main-banner h1{ color: #fff; font-family: 'Roboto Slab', serif; font-weight: bold; font-size: 45px; text-align: left; line-height: 1.3;     letter-spacing: 0.9px;}
.main-banner h2{ color: #fff; font-family: 'Roboto Slab', serif;  font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 44px; text-align: left; line-height: 1.3;     letter-spacing: 0.9px;}
.main-banner h2 strong{ color: #e51050; }
.main-banner p {
text-align: left;
color: #fff;
font-family: 'Roboto Slab', serif;
line-height: 29px;
margin-top: 15px;
margin-bottom: 30px;
letter-spacing: 0.9px;
}
.main-banner ul.banner-list {
margin: 0 auto;
padding: 0;
list-style: none; 
}
.main-banner ul.banner-list li{ float: left; margin-right: 29px; color: #fff; font-family: 'Roboto Slab', serif; font-size: 17px; }
.main-banner ul.banner-list li .fa{ color: #e51050;  } 
.main-banner ul.banner-list li:last-child{ margin-right: 0px; }
.main-banner .home-button {
display: inline-block;
margin-top: 50px;
text-align: left;
float: left;
}
.main-banner .home-button .work {
display: inline-block;
float: left;
}
body .main-banner  .home-button .work > a{ font-family: 'Roboto', sans-serif !important; font-size: 15px;    padding: 18px 40px; }
.banner-img {
margin-top: 12%;
}
.bg-color-1{ background: #f8f8f8; }
.mar-top-5{ margin-top: 5px; }
.mar-top-10{ margin-top: 10px; }
.mar-top-15{ margin-top: 15px; }
.mar-top-20{ margin-top: 20px; }
.mar-top-25{ margin-top: 25px; }
.mar-top-30{ margin-top: 30px; }
.mar-top-35{ margin-top: 35px; }
.mar-top-40{ margin-top: 40px; }
.mar-top-45{ margin-top: 45px; }
.mar-top-50{ margin-top: 50px; }
.mar-top-55{ margin-top: 55px; }
.mar-top-60{ margin-top: 60px; }
.mar-top-65{ margin-top: 65px; }
.mar-top-70{ margin-top: 70px; }
.mar-bottom-5{ margin-bottom: 5px; }
.mar-bottom-10{ margin-bottom: 10px; }
.mar-bottom-15{ margin-bottom: 15px; }
.mar-bottom-20{ margin-bottom: 20px; }
.mar-bottom-25{ margin-bottom: 25px; }
.mar-bottom-30{ margin-bottom: 30px; }
.mar-bottom-35{ margin-bottom: 35px; }
.mar-bottom-40{ margin-bottom: 40px; }
.mar-bottom-45{ margin-bottom: 45px; }
.mar-bottom-50{ margin-bottom: 50px; }
.mar-bottom-55{ margin-bottom: 55px; }
.mar-bottom-60{ margin-bottom: 60px; }
.mar-bottom-65{ margin-bottom: 65px; }
.mar-bottom-70{ margin-bottom: 70px; }
body {
padding-top: 70px; font-family: 'Roboto', sans-serif; }
nav{
text-align: center;
color: #fff;     
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
nav.sticky {
position: fixed;
height: 58px; 
width: 100%;
text-align: left;
padding-left: 20px;
}
.navbar-fixed-top .nav {
padding: 15px 0;
}
.navbar-fixed-top .navbar-brand {
padding: 0 15px;
}
a, .btn {
background: none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;  font-family: 'Roboto', sans-serif !important; letter-spacing: 0px !important;
}
.btn:hover {
background: none;
}
.btn-primary {
border: 2px solid #e51050;
border-radius: 50px;
color: #fff !important;
display: inline-block;
font-size: 12px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 14px 32px 13px !important;
text-transform: uppercase; background: #e51050; margin-left: 15px;
}
.btn-primary:hover{
color: #fff !important;  background: #1b2036 !important;  border: 2px solid #1b2036!important;
}
.navbar-inverse .navbar-nav > li > a.phone{ font-style: italic; font-weight: 700;  }
@media(min-width:768px) {
body {
padding-top: 82px; }
.navbar-fixed-top .navbar-brand {
padding: 28px 0;
}
.navbar{ margin-bottom: 0px !important; }
nav.sticky  .navbar-brand{  padding: 15px 0; }
nav.sticky.navbar-fixed-top .nav {
padding: 3px 0;
}
nav.sticky .btn-primary{ padding: 9px 32px 9px !important;     margin-top: 4px; }
nav.sticky.navbar-inverse .navbar-nav > li > a{  }
.navbar-inverse{ border-color: #e6e6e6;  }
}
#myCarousel { background: url(//99coders.co/wp-content/themes/bridge/images/banner-pattern.png) left top; background-repeat: no-repeat;   }
#myCarousel { width: 100%; display: block; margin: 0 auto; padding:45px 0;   overflow: hidden;  }
#myCarousel .header-heading{  font-size: 39px; font-weight: 900;  color: #0e1741; margin-top: 12%; margin-bottom: 20px; }
#myCarousel .header-heading.last{
margin-top: 18%;
}
#myCarousel .header-subheading{  font-size: 17px; font-weight: 400;  color: #0e1741; margin-bottom: 40px;  }
.top-banner{ padding: 70px 0 80px; background: #111431; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111431', endColorstr='#21244e',GradientType=0 ); }
.top-banner .header-heading {
font-size: 44px;
font-weight: 900;
color: #fff;
margin-bottom: 10px; text-align: center;
}
.top-banner .header-subheading {
font-size: 20px; line-height:1.7;
font-weight: 300;
color: #fff;
margin-bottom: 40px;
}
.btn-secound {
border: 2px solid #1b2036 !important;
border-radius: 50px!important;
color: #fff !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 14px 32px 14px !important;
text-transform: uppercase; background: #1b2036; margin-right: 15px;
}
.btn-secound:hover{
color: #fff !important;  background: #e51050 !important;  border: 2px solid #e51050 !important;
}
.btn-third {
border: 2px solid #e6e6e6 !important;
border-radius: 50px!important;
color: #1b2036 !important;
display: inline-block;
font-size: 13px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 18px 32px 18px !important;
text-transform: uppercase; background: #e6e6e6; margin-right: 15px;
}
.btn-third:hover{
color: #fff !important;  background: #1b2036 !important;  border: 2px solid #1b2036 !important;
}
.btn-fourth {
border: 2px solid #ffffff !important;
border-radius: 50px!important;
color: #1b2036 !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 14px 32px 14px !important;
text-transform: uppercase; background: #ffffff;  margin-bottom: 5px;
}
.btn-fourth:hover{
color: #fff !important;  background: #323954 !important;  border: 2px solid #323954 !important;  padding: 14px 32px 14px !important;  margin-bottom: 5px;
}
.btn-fifth { 
border: 2px solid #e51050 !important;
border-radius: 50px!important;
color: #fff !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 14px 32px 14px !important;
text-transform: uppercase; background: #e51050; 
}
.btn-fifth:hover{
color: #fff !important;  background: #323954 !important;  border: 2px solid #323954 !important;
}
.btn-six {
border: 2px solid #e51050 !important;
border-radius: 50px!important;
color: #fff !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold;
letter-spacing: 1px;
line-height: 1;
padding: 14px 38px 14px !important;
text-transform: uppercase; background: #e51050; margin-left: 15px;
}
.btn-six:hover{
color: #fff !important;  background: #1b2036 !important;  border: 2px solid #1b2036 !important;
}
.btn-seven {
border: 2px solid #fffefe !important;
border-radius: 50px!important;
color: #121533 !important;
display: inline-block;
font-size: 16px !important;
font-weight: bold!important;
letter-spacing: 1px;
line-height: 1;
padding: 14px 32px 14px !important;
text-transform: uppercase; background: #fffefe; margin-right: 15px;
}
.btn-seven:hover{
color: #fff !important;  background: #e51050 !important;  border: 2px solid #e51050 !important;
}
.developer-logo{ width: 100%; margin: 0 auto;  border-top:1px solid #e9e9e9; border-bottom:1px solid #f9f9f9; padding: 25px 0 15px; }
.services-bgcolor1{ background: #f4f4f4;  position: relative; min-height: 499px; width: 100%; padding-right: 55px;   }
.services-bgcolor2{ background: #f9f9f9;   position: relative;  min-height: 499px; width: 100%;  padding-left: 55px;}
.services-bgcolor3{ background: #ffe7db;   position: relative; min-height: 499px; width: 100%; padding-right: 55px;}
.services-bgcolor4{ background: #f4f4f4;  position: relative;  min-height: 499px; width: 100%; padding-left: 55px;}
.services-content{ width: 400px; max-width: 100%; vertical-align: middle;   margin-top: 13%; position: relative; z-index: 52; }
.services-content h3{ font-size: 20px; color: #1b2036; font-weight: 500; display: inline-block; width: 100%; }
.services-content h2{ font-size: 40px; color: #1b2036; font-weight: 300; display: inline-block; width: 100%;  margin-top: 0px; line-height: 1.5; margin-bottom: 30px; color: #1b2036;  }
.services-content p{ font-size: 16px; line-height: 28px; color: #1b2036; font-weight: 400; display: inline-block; width: 100%;  margin-bottom: 10px; color: #595c6b;  }
.website-icon{ position: absolute; left: 0; bottom: 0; z-index: 5;  width: 40%;    }
.cms-icon{ position: absolute; right: 0; bottom: 0; z-index: 5; width: 40%;     }
.featured-work{  width: 100%; margin: 0 auto; }
.featured-work h1{ margin-top: 0px; color: #1b2036; font-weight: 700; margin-bottom: 50px; }
.featured-work .thumbnail .img-fix{ width: 100%;
object-fit: cover;
object-position: top;
vertical-align: bottom;
height: 320px;
}   }
.featured-work  .thumbnail { -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.23);
width:100%;
-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.23);
position:relative; 
background: #f4f4f4;     
margin-bottom: 30px;
border: 1px solid #fff;
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} 
.featured-work  .thumbnail:hover .caption
{
-webkit-transform: scaleY(1);
transform: scaleY(1);
width: 100%;
max-width: calc(100% - 31.5px);
margin: 0 auto;
height: calc(100% - 21px);
border-radius: 2px;
}
.featured-work  .thumbnail .caption {
background:rgba(27,32, 54, 0.95);
padding:40px!important;
text-align: left;
color:#fff !important;
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.client-say .container, .coder99 .container
{
background-color: transparent!important;
}
.featured-work .caption p.hint{ font-size: 16px; display: inline-flex; float: left; 
width: 100%; margin-bottom: 20px; }
.featured-work .caption p.btn-bx{     display: block;
margin-top: 15px;
width: 86%;
margin-bottom: 12px;
position: absolute;
bottom: 24px;
left: 7%; }
.featured-work .caption p.btn-bx .btn{ width: 100%; font-size: 12px; letter-spacing: -0.5px; margin-top: 10px }
.featured-work .caption p i{ margin-right: 10px; }
.bs-icon strong{ color: #1b2036; position: absolute;     left: 0;  }
.bs-icon{position: relative;}
.featured-work  .thumbnail .thumbnail-bottom{ width: 100%; display: inline-block; position: relative;
padding: 0;
border-radius: 0 0 3px 3px;
overflow: hidden; }
.featured-work  .thumbnail  .thumbnail-bottom .thumbnail-icon {
position: absolute;
top: 20px;
left: 20px;
display: block;
color: #fff;
border-radius: 3px;
width: 30px;
height: 30px;
overflow: hidden; text-align: center; line-height: 30px;     font-size: 21px;
}
.featured-work  .thumbnail .thumbnail-bottom a.thumbnail-info{    display: block;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 12px;
line-height: 14px;
color: #243238;
padding: 20px 60px 20px 60px; text-decoration: none;
z-index: 5;
}
.wp-color{ background: #1b2036;    }
.bs-color{ background: #563e7c;    }
.featured-work  .thumbnail .thumbnail-bottom a.thumbnail-info .thumbnail-small-title{     display: block;
font-size: 13px;
font-weight: 700;
color: #e51050;
padding-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis; }
.client-say{  width: 100%; position: relative;}
.client-say .customNavigation a
{
position: absolute;
top:50%;
font-size: 0
}
.client-say .customNavigation a .fa
{
font-size: 30px;
}
.client-say .customNavigation a.prev
{
left:-50px;
}
.client-say .customNavigation a.next
{
right:-50px;
}
.client-say h6{ font-weight: 400; font-size: 16px; color: #595d70; letter-spacing: 0px;     margin-top: 10px; }
.client-say .star-rating{ font-size: 30px; color: #e51050;  margin-top: 25px; width: 100%; display: inline-block;  margin-bottom: 35px !important; }
.client-say .star-rating img{ margin: 0 3px; display: inline-block; }
.client-say .testimonial-section{ display: inline-block;   }
.client-say .testimonial-section h2{ font-size: 39px; color: #1b2036; font-weight: 900;  position: relative; margin-bottom: 25px;}
.client-say .testimonial-section h2:before{ content: " “ ";font-family: 'Lobster', cursive;
position: absolute;
left: -41px;
top: -16px;
font-size: 73px;  }
.client-say .postion-relative{ position: relative; }
.client-say  .test-bx {
display: inline-block;
margin-left: 20px;  border-bottom: 1px dashed #ccc; padding-bottom: 0px;
}
.client-say  .test-bx p{ font-size: 16px; line-height:28px; color: #595c6b; margin-bottom: 20px; }
.client-say  .test-bx p.name{ font-weight: 700; color: #1b2036; font-style: italic; }
.client-say  .client-req {
display: inline-block;
margin-left: 25px;  width: 100%; padding-top: 25px; font-size: 13px; color: #949494;     font-weight: 600;     line-height: 18px;
}
.client-say  .client-req span{ font-size: 14px; line-height:28px; color: #1b2036; display: inline-block; width: 100%; }
.client-say  .client-req strong{ clear: both;
display: block;  font-size: 16px; line-height:28px; color: #1b2036; margin-bottom: 20px; color: #e51050;}
.powerful-say{  width: 100%; margin: 0 auto;  background: #fff; }
.powerful-say h6{ font-weight: 400; font-size: 16px; color: #595d70; margin-top: 15px;}
.powerful-say .powerful-list{ margin-bottom: 45px!important; font-family: 'Lato', sans-serif; }
.powerful-say .powerful-list .fa-stack{ color: #e51050; }
.powerful-say .powerful-list .fa-stack i{ font-size: 20px; }
.powerful-say .powerful-list .media-heading{ font-size: 18px; }
.powerful-say .powerful-list p{ color: #647287; font-size: 13px; width: 92%; line-height: 20px; }
.coder99 { float:left;width: 100%; margin: 0 auto;  background: url(//99coders.co/wp-content/themes/bridge/images/coders-bg.png) top center; background-repeat: no-repeat; padding: 70px 0 ;      background-size: cover; }
.coder99 .top h1{ font-weight: 900; color: #fff;  margin-top: 0px;}
.coder99 .top h6{ font-weight: 400; font-size: 16px; color: #fff; }
.coder99 .bottom{ position: relative; clear: both; }
.coder99 .bottom  img{  position: relative;     right: -7%; z-index: 10; }
.coder99 .bottom ul{ position: relative; list-style: none; margin: 0 auto; padding:0; width: 50%; float: left; z-index: 50; }
.coder99 .bottom ul li .media .pull-right .fa-stack  { color: #e51050; font-size: 66px;     width: 60px;    height: 60px;     line-height: initial; }
.coder99 .bottom ul li .media .pull-right .fa-stack i{ margin-top: -10px; }
.coder99 .bottom ul li .media .media-body { text-align: right;
width: 77%;
float: left;
margin-top: 5px;
vertical-align: baseline;
}
.coder99 .bottom ul li .media .media-body .media-heading{ font-size: 36px; font-weight: 900; color: #fff; }
.coder99 .bottom ul li .media .media-body p{ font-size: 16px; font-weight: 400; color: #fff; line-height: 20px; font-family: 'Droid Serif', serif; font-weight: 400; font-style: italic; }
.coder99 .bottom ul li:after{ width: 144px; height: 8px; position: absolute; margin-right: 15px; content: ""; background: url(//99coders.co/wp-content/themes/bridge/images/code-oline.png) center right no-repeat; }
.coder99 .bottom ul li:nth-child(1){ position: absolute; list-style: none; right:0 ; width: 67%; left: 0;  }
.coder99 .bottom ul li:nth-child(1):after{     width: 84px;
top: 38px;
right: -116px;}
.coder99 .bottom ul li:nth-child(2){     position: absolute;
list-style: none;
left: 0;
width: 52%;
top: 118px;  }
.coder99 .bottom ul li:nth-child(2) .media .media-body{ width: 70% }
.coder99 .bottom ul li:nth-child(2):after{ width: 126px;
top: 38px;
right: -153px; }
.coder99 .bottom ul li:nth-child(3){     position: absolute;
list-style: none;
left: 0;
width: 63%;
top: 258px;  }
.coder99 .bottom ul li:nth-child(3) .media .media-body{ width: 78% }
.coder99 .bottom ul li:nth-child(3):after{ width: 80px;
top: 38px;
right: -103px; }
.join-bx{ margin: 70px 0 40px; }
.join-bx h1{ font-weight: 300 !important; font-size: 45px; margin-bottom: 20px; }
.join-bx h6{ letter-spacing: 3px; font-size: 18px; margin-bottom: 25px; }
.join-bottom{ margin-bottom: 75px; }
.join-bottom .btn{ margin: 0 10px;  font-size: 16px !important;   }
.join-bottom .btn.btn-secound{padding:14px 50px 14px !important;}
footer{ background: #f9f9f9; margin: 0 auto; padding: 70px 0 0; width: 100%; }
.footer-heading{     font-size: 14px;
font-weight: 600;
display: inline-block;
width: 100%;
text-transform: uppercase;
margin-bottom: 17px; color: #1b2036;
margin-bottom: 14px; }
.full-menu, .half-menu, .f-address{ margin: 0 auto; padding:0;  list-style: none; display: inline-block;  }
.full-menu li, .half-menu li{ width: 100%; float:left; line-height: 28px; }
.full-menu li a, .half-menu li a{ color: #717284; font-size: 13px;  -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease; }
.full-menu li a:hover, .half-menu li a:hover{ color: #e51050; text-decoration: none; }
.full-menu{width:100%;  float: left; }
.half-menu{width:50%;     float: left; }
.f-address{width:100%;     float: left; margin-bottom: 20px; }
.f-address li{ width: 100%; float:left; line-height: 20px; font-size: 14px; color:  #717284; font-weight: 500; }
.f-address li a{   font-size: 14px;
font-weight: 600;
display: inline-block;
width: 100%; color: #e51050;}
.f-address li.phone{   font-size: 14px;
font-weight: 600;
display: inline-block;
width: 100%; color: #e51050;}
.footer-subscribe{    font-size: 14px; letter-spacing: 0px;
font-weight: 400;
color: #717284;
line-height: 20px;
font-family: 'Droid Serif', serif;
font-weight: 400;
font-style: italic;
margin-bottom: 13px !important;   }
#custom-search-input {
margin-bottom: 17px;
margin-top: 17px !important;
display: flex;
}
footer #custom-search-input .form-control{ background: #e9e9e9; border:1px solid #e9e9e9; box-shadow: none;  font-size: 15px; }
footer #custom-search-input .input-group-btn .btn-info{ background: #e51050; border:1px solid #e51050; }
.create-account {
text-align: center;
width: 100%;
display: block;
}
.form-signin .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-center{
width: 50%;
text-align: center;
margin: inherit;
}
.social-login-btn {
margin: 5px;
width: 20%;
font-size: 250%;
padding: 0;
}
.social-login-more {
width: 45%;
}
.social-google, .social-twitter, .social-facebook, .social-linkedin{ font-size: 15px; width: 40px; height: 40px; border-radius: 0px; line-height: 28px !important; }
.social-google {
background-color: #da573b;
border-color: #be5238; color: #fff!important;
}
.social-google:hover{
background-color: #be5238;
border-color: #9b4631; color: #fff!important;
}
.social-twitter {
background-color: #1daee3;
border-color: #3997ba; color: #fff!important;
}
.social-twitter:hover {
background-color: #3997ba;
border-color: #347b95; color: #fff!important;
}
.social-facebook {
background-color: #4c699e;
border-color: #47618d; color: #fff!important;
}
.social-facebook:hover {
background-color: #47618d;
border-color: #3c5173; color: #fff!important;
}
.social-linkedin {
background-color: #4875B4;
border-color: #466b99; color: #fff!important;
}
.social-linkedin:hover {
background-color: #466b99;  border-color: #466b99;  color: #fff;
}
.copy-right{ font-size: 15px; color: #787878; }
.line-bottom {
border-top: 1px solid #dbdbdb;
padding: 35px 0 25px;
} .industry-bx{ padding: 80px 0; width: 100%;   }
.industry-bx h1{ font-weight: 900; color: #121533; margin-bottom: 15px;  }
.industry-bx .p-text{ font-size: 16px; color: #636363; font-weight: 300; line-height: 28px; }
.industry-bx .left{ margin-top: 0; margin-left: 20px; }
.industry-bx img{ }
.media.psd-exp-list { width: 50%;     float: left; margin-bottom: 20px; }
.media.psd-exp-list .pull-left { width: 100%; }
.media.psd-exp-list .pull-left .fa-stack{ width: auto; height: auto; margin-bottom: 10px; }
.media.psd-exp-list p{ color: #636363; font-size: 14px; width: 86%;  }
.media.psd-exp-list .media-heading{ font-size: 18px; }
.orange-left{ width: 100%; background: #e51050;
position: relative;
min-height: 499px;
width: 100%;
padding-right: 55px;
}
.orange-left .services-content {
width: 500px;
max-width: 100%;
vertical-align: middle;
margin-top: 7%;
position: relative;
z-index: 52;
}
.orange-left .services-content h2 {
font-size: 40px;
color: #fff;
font-weight: 700;
display: inline-block;
width: 100%;
margin-top: 0px;
line-height: 1.5;
}
.orange-left .services-content ul{ margin: 0 auto; padding:0; width: 100%; float: left; list-style: none; }
.orange-left .services-content ul li{ width: 100%; float: left; margin-bottom: 20px; }
.orange-left .services-content ul li .media-heading{ margin-top: 5px; font-size: 30px; color: #fff; }
.orange-left .services-content ul li p{ font-size: 16px; color: #fff; }
.blue-right{ width: 100%; background:;
position: relative;
min-height: 499px;
width: 100%;
padding-left: 55px;  background:  #1b2036 url(//99coders.co/wp-content/themes/bridge/images/psd-to-html-conversion_25.png) no-repeat bottom center;     background-position: 80% 100%;
}
.blue-right .services-content h2 {
font-size: 40px;
color: #fff;
font-weight: 700;
display: inline-block;
width: 100%;
margin-top: 0px;
line-height: 1.5; margin-bottom: 35px;
}
.blue-right  .services-content {
width: 505px;
max-width: 100%;
vertical-align: middle;
margin-top: 7%;
position: relative;
z-index: 52;
}
.blue-right  .services-content h5{  color: #fff; font-size: 22px; font-weight: 300; margin-bottom: 15px; }
.blue-right  .services-content p{  color: #fff; font-size: 32px; font-weight: 300; margin-bottom: 45px; }
.map{ padding: 180px 0 180px;   background:  url(//99coders.co/wp-content/themes/bridge/images/map.png) no-repeat center center;}
.navbar-right li a.btn-primary{
border: 2px solid #e51050;
border-radius: 50px;
color: #fff !important;
display: inline-block;
font-size: 12px !important;
font-weight: bold;
letter-spacing: 1px;
padding: 10px 32px 10px !important;
text-transform: uppercase;
background: #e51050;
margin-left: 15px;
line-height: 20px!important; 
margin-top: 26px;
}
header.scrolled .navbar-right .btn-primary:hover {
color: #dd134d !important;    
background: #fff !important;           
}
header.scrolled .navbar-right li a.btn-primary 
{
margin-top: 2px;
}
header.scrolled .navbar-right li a
{
line-height: 60px;
}
.navbar-right li a .fa-skype, .navbar-right li a .fa-envelope
{
font-size: 16px;
} .project-banner{ padding: 70px 0 70px; background: #111431; background: -moz-linear-gradient(top, #111431 0%, #21244e 100%); background: -webkit-linear-gradient(top, #111431 0%,#21244e 100%); background: linear-gradient(to bottom, #111431 0%,#21244e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111431', endColorstr='#21244e',GradientType=0 ); }
.project-banner .header-heading {
font-size: 44px;
font-weight: 900;
color: #fff;
margin-bottom: 10px;
text-align: center;
}
.project-banner .header-subheading {
font-size: 20px;
line-height: 1.7;
font-weight: 300;
color: #fff;
margin-bottom: 0px;
}
.select-section{ width: 100%; margin: 0 auto; padding: 50px 0;  } .select-section .board .nav-tabs {
position: relative;  margin: 40px auto;
margin-bottom: 0;
box-sizing: border-box; border-bottom: none;
}
.select-section .nav-tabs > li.active > a,.select-section  .nav-tabs > li.active > a:hover, .select-section .nav-tabs > li.active > a:focus {
color: #555555;
cursor: default; border: 0;
border-bottom-color: transparent; text-align: center; border-bottom: 2px solid #e51050;
}
.select-section span.round-tabs{
line-height: 30px;
display: inline-block;
z-index: 2;
position: relative;
left: 0;
text-align: center;
font-size: 25px; 
}
.select-section .round-tab-heading{ display: inline-block; width: 100%; font-weight: 500; }
.select-section span.round-tabs{
color: #192136;
}
.select-section li.active span.round-tabs{
background: transparent !important; color: #e51050; width: 100%; text-align: center; 
}
.select-section li.active  .round-tab-heading{ color: #e51050;  }
.select-section li.active span.round-tabs.five{
background: #fff !important;
color: #e51050;
}
.select-section span.round-tabs{ color: #1b2036;  }
.select-section .nav-tabs > li > a .shopify-icon{ width: 72px; height: 30px; display: block; margin-top: 4px; margin-bottom: 0px; display: inline-block;  }
.select-section .nav-tabs > li > a:hover .shopify-icon{ display: none; }
.select-section .nav-tabs > li.active  a .shopify-icon{ display: none; }
.select-section .shopify-icon-hover{ width: 72px; height: 30px; display: none;   }
.select-section .nav-tabs > li > a:hover .shopify-icon-hover{  display: block; margin-top: 4px; width: 72px; height: 30px;  margin-bottom: 0px; display: inline-block; }
.select-section .nav-tabs > li.active > a .shopify-icon-hover{     display: inline-block;
margin-top: 5px;
width: 72px;
height: 30px;
margin-bottom: 1px; }
.select-section span.round-tab-heading{ color: #1b2036; font-size: 14px;  }
.select-section .nav-tabs > li.active > a, .select-section .nav-tabs > li.active > a:hover, .select-section .nav-tabs > li.active > a:focus{ border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 4px solid  #e51050 !important;  outline: none;    background-color: transparent; }
.select-section .nav-tabs > li.active > a span.round-tabs{
background: transparent;  color: #e51050;
}
.select-section .nav-tabs > li {
width: 12.5%; border-radius: 0;
}
.select-section .nav-tabs > li:after {
content: " ";
position: absolute;
left: 45%;
opacity:0;
margin: 0 auto;
bottom: 0px;
border: 5px solid transparent;
border-bottom-color: #e51050;
transition:0.1s ease-in-out;
}
.select-section .nav-tabs > li.active a{ border-bottom: 4px solid #e51050; }
.select-section .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 41%;
opacity:1;
margin: 0 auto;
bottom: -18px;
border: 10px solid transparent;
border-top-color: #e51050;
}
.select-section .nav-tabs > li a{ font-size: 30px;
width: 100%;
height: 95px;
margin: 0px auto;
padding: 0; border-bottom: 4px solid #ccc; text-align: center; border-left: 0px; border-right: 0px; border-top: 0px;
}
.select-section .nav-tabs > li a:hover{
background: transparent;  border-bottom: 4px solid #e51050;
}
.select-section .tab-content{ display: inline-block;      width: 100%; border-top: 1px solid #e51050; padding: 0px 0px;
}
.select-section .tab-pane{
position: relative;
padding-top: 0; 
}
.select-section .tab-content .head{
font-family: 'Roboto Condensed', sans-serif;
font-size: 25px;
text-transform: uppercase;
padding-bottom: 10px;
}
.select-section .btn-outline-rounded{
padding: 10px 40px;
margin: 20px 0;
border: 2px solid transparent;
border-radius: 25px;
}
.select-section .btn.green{
background-color:#5cb85c; color: #ffffff;
}
.select-section .board-inner {
min-height: 200px;
}
.select-section .tab-content{  }
.select-section .tab-content .tab-heading{ border: 3px solid #e51050; background: #fff; 
padding: 15px 25px;display: inline-block;
margin: 0 auto;}
.select-section .tab-content .tab-heading h2{ margin: 0 0 10px 0; text-align: center; color: #e51050; font-weight: 900; }
.select-section .tab-content .tab-heading p{ font-size: 13px; font-style: italic; margin-bottom: 0px; }
.select-section .tab-content > .active{ }
.select-section .top-heading{ text-align: center ; margin-top: -50px;  }
@media( max-width : 585px ){
.select-section span.round-tabs {
font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
}
.select-section .tab-content .head{
font-size:20px;
}
.select-section .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}
.select-section .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 35%;
}
.select-section .btn-outline-rounded {
padding:12px 20px;
}
}
.space-bottom{ margin: 0px;  }
.select-section .tab-content .panel-group{ width: 100%; }
.select-section .tab-content .panel-group .panel-heading{ width: 100%; background: #192136;   border-radius: 0px;}
.select-section .tab-content .panel-group .panel-heading .panel-title{ color: #fff; }
.select-section .tab-content .panel-group .panel-body{background: #f5f5f5; padding: 25px; border:none;}
.select-section .tab-content .panel-group .panel-heading .panel-title  .accordion-toggle{ width: 100%; padding:12px 10px 12px 10px;     display: inline-block; text-decoration: none; }
.select-section .tab-content .panel-group .panel{ border-color:#f5f5f5;     margin-bottom: 20px; border-radius: 0px;  }
.select-section .tab-content .panel-group .panel-body h4{ font-size: 17px; font-weight: 700; color: #1b2036; margin-bottom: 12px; width: 100%; display: inline-block;  }
.ul-one, .ul-two, .ul-three{ list-style: none; float: left; margin: 0 auto; padding: 0; width: 100%; margin-bottom: 15px; }
.ul-three li{ width: 33.33%; float: left; }
.ul-one li{ width: 100%; float: left; margin-bottom: 5px; }
.ul-two li{ width: 50%; float: left;  }
.checkbox {
padding-left: 20px; }
.checkbox label {
display: inline-block;
position: relative;
padding-left:10px; }
a.tooltip-color{ color: #1b2036; }
.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 22px;
height: 22px;
left: 0;
margin-left: -20px; 
border: 1px solid #cccccc;
border-radius: 0px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 3px;
padding-top: 1px;
font-size: 15px;
color: #555555; }
.checkbox input[type="checkbox"] {
opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
border-radius: 50%; }
.checkbox.checkbox-inline {
margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before {
background-color:transparent;
border-color: #e51050; color: #e51050; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
color: #e51050; }
.checkbox-danger input[type="checkbox"]:checked + label::before {
background-color: #d9534f;
border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before {
background-color: #5bc0de;
border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before {
background-color: #5cb85c;
border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
color: #fff; }
.radio {
padding-left: 20px; }
.radio label {
display: inline-block;
position: relative;
padding-left: 10px; font-size: 14px; }
.radio label::before {
content: "";
display: inline-block;
position: absolute;
width: 20px;
height: 20px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 50%;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out; }
.radio label::after { outline-color: transparent;
display: inline-block;
position: absolute;
content: " ";
width: 9px;
height: 9px;
left: 5.5px;
top: 5.5px;
margin-left: -20px;
border-radius: 50%;
background-color: #555555;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
opacity: 0; }
.radio input[type="radio"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
cursor: not-allowed; }
.radio.radio-inline {
margin-top: 0; }
.radio-primary input[type="radio"] + label::after {
background-color: #428bca; }
.radio-primary input[type="radio"]:checked + label::before {
border-color: #e51050; }
.radio-primary input[type="radio"]:checked + label::after {
background-color: #e51050; }
input{ outline: none; }
input:focus{ outline: none; border:none; }
span.price{ display: inline-block; width: 100%; font-size: 16px; color:  #e51050;}
.dashed-line{ border-bottom: 1px dashed #ccc; padding-bottom: 5px }
.space-form-p{ margin-left: 30px; display: inline-block; font-size: 12px; }
.tab-select label {
display: inline-block;
position: relative;
padding-left: 0px; font-weight: normal;
font-size: 14px;
}
.note{ font-size: 13px; color: #8b8b8c;  }
.m-height{ height: 77px; }
.right-bx-one{ width: 100%; float: left; margin-bottom: 15px; }
.right-bx-one h4 {
font-size: 17px;
font-weight: 700;
color: #1b2036;
margin-bottom: 16px;
width: 100%;
display: inline-block; 
}
.right-bx-one label{ font-size: 18px; font-weight: 400; line-height: 45px; }
.right-bx-one label span{ color: #e51050; }
.right-bx-one .form-control{  height: 45px; }
.right-bx-two{ width: 100%; float: left; background: #eeeeee; padding: 28px; }
.right-bx-two .panel{ padding: 0px; background: transparent;border-color: transparent; box-shadow: none; margin-bottom: 0px;}
.right-bx-two .panel .panel-heading{ background: transparent; border-color: transparent; padding: 0; margin-bottom: 25px; font-size: 20px; }
.right-bx-two .panel .panel-heading .panel-title{ font-size: 20px; font-weight: 900; }
.right-bx-two .panel .panel-body{ padding: 0;  }
.right-bx-two .panel .panel-body input.form-control { height: 50px; border-color: #eeeeee; }
.right-bx-two .panel .panel-body textarea.form-control { height: 80px; border-color: #eeeeee; }
.links-attach{ font-size: 12px; color: #192136 ; margin-right: 10px; font-weight: 600; margin-top: 10px;     display: inline-block; }
.right-bx-three {
width: 100%;
float: left;
background: #1b2036;
padding: 28px; margin-top: 20px;
}
.right-bx-three .panel-title { margin-bottom: 20px;
font-size: 20px;
font-weight: 900; color: #fff;
}
.right-bx-three ul.dot li{ color: #fff; font-size: 16px;  border-bottom: 1px dashed #454a60; padding: 10px  10px 10px;  }
.right-bx-three ul.dot li .price {
font-size: 24px;
color: #e51050;
}
.right-bx-three ul.dot li .tat{ margin-top: 5px; }
.right-bx-three ul.dot-2 .checkbox label::before{ border-color: #484f6e; background: transparent; }
.right-bx-three ul.dot-2 li label{ color: #fff; }
.right-bx-three ul.dot-2 li label a{ color: #e51050 }
.right-bx-three .btn-block{ width: 90%;     padding: 20px 32px 20px !important; font-size: 18px !important;  }
.right-bx-three .btn-block:hover{ width:90%; background: #373e59 !important;   } .header-subheading {
font-size: 17px;
font-weight: 400;
color: rgb(14, 23, 65);
margin-bottom: 40px;
} ul.language li i{
padding-right: 71px;
font-size: 70px;
}
.row
{
margin-right: -15px;
margin-left: -15px;
}
ul.language{
border-bottom: none;
}
.vc_custom_1488460465901{
border-top: 1px solid #dadada;
}
.slide-1-layer-6{
padding: 20px 30px;
}    .hero {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.hero h1 {
font-size: 6em;    
font-weight: bold;
margin: 0;
padding: 0;
}
.fade-carousel .carousel-inner .item .hero {
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;    
}   .overlay { }   .btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
color: #f5f5f5;
background-color: #1abc9c;
border-color: #1abc9c;
outline: none;
margin: 20px auto;
}   .fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
height: 100vh !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.fade-carousel .slides .slide-1 {
background-image: url(https://ununsplash.imgix.net/photo-1416339134316-0e91dc9ded92?q=75&fm=jpg&s=883a422e10fc4149893984019f63c818); 
}
.fade-carousel .slides .slide-2 {
background-image: url(https://ununsplash.imgix.net/photo-1416339684178-3a239570f315?q=75&fm=jpg&s=c39d9a3bf66d6566b9608a9f1f3765af);
}
.fade-carousel .slides .slide-3 {
background-image: url(https://ununsplash.imgix.net/photo-1416339276121-ba1dfa199912?q=75&fm=jpg&s=9bf9f2ef5be5cb5eee5255e7765cb327);
}   @media screen and (min-width: 980px){
.hero { width: 980px; }    
}
@media screen and (max-width: 640px){
.hero h1 { font-size: 4em; }    
}
.testimonial-slider .carousel-inner{
display: block !important;
}
.testimonial-slider .carousel-inner{
position: relative !important;
width: 100% !important;
overflow: hidden !important;
}
.testimonial-slider .carousel-indicators{
display: block !important;
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.testimonial-slider .carousel-inner>.item{
}  .hero {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
color: #fff;
text-align: center;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.75);
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
-o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
.hero h1 {
font-size: 6em;    
font-weight: bold;
margin: 0;
padding: 0;
}
.fade-carousel .carousel-inner .item .hero {
opacity: 0;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
opacity: 1;
-webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; 
-ms-transition: 2s all ease-in-out .1s; 
-o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;    
}   .overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
background-color: #080d15;
opacity: .7;
} .contact-boxes .feature {
background-color: #fff;
padding-bottom: 50px;
padding-top: 50px;
}
.feature {
overflow: hidden;
}
.feature-icon-large .i-space2 {
float: left;
width: 100%!important;
text-align: center;
font-size: 60px;
display: block;
line-height: 76px;
height: auto!important;
}
.feature h3 {
font-size: 24px;
text-align: center;
margin-top: 20px;
float: left;
width: 100%;
}
.c-col3 {
color: #ff3333 !important;
}
.cont-bl {
font-size: 24px !important;
font-weight: 600 !important;
color: #000;
float: left;
width: 100%;
text-align: center;
margin-top: 20px;
}
.cont-box
{
margin-top: -103px;
position: relative;
z-index: 999;
}
.cmap
{
margin-top: -41px;
float: left;
width: 100%;
}
@media (min-width:240px) and (max-width:499px){
.slider-text {
margin-left: 6% !important;
}
#myCarousel .header-heading{
font-size: 20px;
line-height: 30px;
}
#myCarousel{
height: auto;
}
#blockContainer {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
#blockA {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
#blockB {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
}
header.scrolled .q_logo img{
top: -79% !important;
}
span.wpcf7-not-valid-tip{
display: none !important;
}
form.invalid input{
border: 1px solid #f00 !important
}
form.invalid span textarea{
border: 1px solid #f00 !important
}
body.home div.wpcf7-response-output.wpcf7-validation-errors{
left: 0 !important;
right: 0;
margin: 0 auto;
}
body.home form.invalid p{
margin-bottom: 10px !important;
} .vc_custom_1491297736369{
height: 538px !important;
background-color: #141C27;
background-size: auto !important;
}
.vc_custom_1491297736369 > .full_section_inner{
top: 30%;
}
.vc_custom_1491297736369 h1{
font-size: 60px;
font-family: 'Quicksand', sans-serif;
color: #fff;
margin-bottom: 40px;
letter-spacing: 5px;
}
.vc_custom_1491297736369 strong{
color: #e51050;
font-family: 'Quicksand', sans-serif;
}
.vc_custom_1491297736369 h2{
font-family: 'Quicksand', sans-serif;
color: #fff;
font-weight: 100;
font-size: 34px;
}
.home-button{
display: -webkit-inline-box;
margin-top: 65px;
}
.work > a{
border: 1px solid #e51050;
padding: 9px 29px;
border-radius: 30px;  
color: #fff !important;
background-color: #e51050;
font-family: 'Quicksand', sans-serif !important;
font-weight: 800;
font-size: 22px;
letter-spacing: 1px !important;
text-decoration: none !important;
}
.work > a:visited {
text-decoration: none !important;
}
.work > a:hover{
background-color: #fff;
border: 1px solid #fff;
color: #e51050 !important;
}
.home-button > p{
margin: 0 15px 0;
color: #fff;
font-weight: 100;
font-family: 'Quicksand', sans-serif !important;
font-size: 22px;
letter-spacing: 1px !important;
}
.home-button .order > a{
color: #fff;
font-family: 'Quicksand', sans-serif !important;
border-bottom: 1px solid;
font-size: 22px;
letter-spacing: 1px !important;
font-weight: 900;
}
.home-button .order > a:hover{
color: #e51050;
}
.home-button .order > a:visited, .home-button .order > a:hover, .home-button .order > a:focus, .home-button .order > a:active{
text-decoration: none !important;
}
.home-button .order > a:focus{
outline: none !important;
}
header.scrolled .logo_wrapper .q_logo img{
max-width: 170px !important;
}
.wrapper_inner header.scrolled .q_logo img{
top: -52% !important;
}
.wrapper_inner header.scrolled .navbar-right li a.btn-primary{
margin-top: 7px;
} .con-boxx .wpcf7-submit{
position: relative !important;
bottom: 0;
margin-top: 18px !important;
}
#contact .con-boxx .wpcf7-submit:hover{
background-color: #fff !important;
color: #e51050 !important;
}
footer #custom-search-input .btn.btn-lg{ padding: 10px 15px;  }
.wpcf7-form textarea.form-control {
height: 130px !important;
}
.wpcf7-form-control-wrap {
position: relative;
float: left;
width: 100%;
}
#html_top{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner.png) no-repeat top center;
background-size:cover;
padding-top: 100px;
padding-bottom: 120px;
}
.page-id-967 .title{
display:none;
}
.top_firstleft h1{
font-size: 68px;
color: #2aa1c9;
margin-bottom: 41px;
margin-top: 46px;
text-transform: uppercase;
line-height: 62px;
}
.top_firstleft p{
color: #fff;
font-size: 18px;
line-height: 30px;
font-family: 'Montserrat', sans-serif;
}
.top_firstleft ul{
list-style:none;
color:#fff;
font-size:20px;
font-family:'Roboto', sans-serif;
line-height: 55px;
margin-top:83px;
margin-bottom:120px;
}
.top_firstleft ul li.fir{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_03.png) no-repeat left center;
padding-left:46px;
}
.top_firstleft ul li.sec{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_06.png) no-repeat left center;
padding-left:46px;
}
.top_firstleft ul li.thi{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_10.png) no-repeat left center;
padding-left:46px;
}
.top_firstleft ul li.for{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_14.png) no-repeat left center;
padding-left:46px;
}
.top_firstleft ul li.five{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_17.png) no-repeat left center;
padding-left:46px;
}
.top_firstleft ul li.six{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons.png) no-repeat left center;
padding-left:46px;
}
.top_first_right{
margin-top: 42px;
}
.top_first_right .req-sec .req{
color: #fff;
font-size: 28px;
text-transform: uppercase;
font-weight: 300;
padding: 0 15px;
}
.top_first_right .req-sec .req-p {
color: #fff;
text-transform: uppercase !important;
font-size: 13px;
font-style: italic;
padding: 7px 15px 0;
}
.top_first_right p.att {
background-color: #fff;
text-align: left;
padding: 10px 20px;
font-size: 12px;
line-height: 15px;
margin-bottom: 0 !important;
float:none;
}
.top_first_right p.att::before{
background:none;
}
.top_first_right .sub_sec {
float: left;
width: 100%;
background-color: #f2f2f2;
text-align: center;
padding: 20px 0;
}
.top_first_right .wpcf7-submit{
background: #00739f !important;
color: #fff !important;
font-size: 16px !important;
border-radius: 20px !important;
border: 0 none !important;
} 
.top_first_right input.wpcf7-form-control.wpcf7-text, 
.top_first_right textarea.wpcf7-form-control.wpcf7-textarea{
padding: 10px;
}
.top_bottom{
background: #030e37;
margin-top: 0px;
border-top: 1px solid #0d216a;
padding: 18px 0;
}
.top_bottom p.white_uper{
color: #fff;
font-size: 33px;
font-weight: bold;
}
.fi_column .wpb_wrapper {
width: auto;
float: none;
display: inline-block;
text-align: left;
}
.sec_money p {
width: 351px;
float: none;
display: inline-block;
max-width: 100%;
}
.top_bottom p.blue_bottom{
color: #2aa1c9;
font-size: 18px;
}
.top_bottom .fi_column, .top_bottom .sec_column{
background:url(//99coders.co/wp-content/themes/bridge/css/img/banner_line_03.png) no-repeat right center;
}
.top_bottom .fi_column, .top_bottom .sec_column, .top_bottom .thir_column{
padding: 21px 0;
}
.thir_column.fi_column{
background:none;
}
.inner_money{
margin-top: 106px;
}
.inner_money .html_project h2 span.blue{
color:#00739f;
font-size:30px;
}
.moneyback .html_project p{
width: 1031px;
float: none;
display: inline-block;
max-width: 100%;
}
.inner_services_capa .services_heading p{
display: inline-block;
width: 852px;
max-width: 100%;
float: none;
}
.inner_money .html_project h2{
color:#1b2036;
font-size:30px;
margin-bottom:26px;
}
.html_project p{
font-size:18px;
color:#333333;
line-height:25px;
}
.money_block{
margin-top: 83px;
}
.money_block h4{
text-align: center;
font-size: 20px;
color: #222;
font-weight: 500;
margin: 20px 0 11px;
}
.money_block p{
font-size: 15px;
color: #333333;
line-height: 25px;
}
.free_sec{
margin:79px 0 17px;
}
.free_sec a{
background: #00739f;
color: #fff;
font-size: 24px;
border-radius: 35px;
border: 0 none;
padding: 17px 75px;
font-weight: bold;
}
.inner_testimonial .client-req{
font-family: Raleway,sans-serif;
}
.pro_first .vc_column-inner p{
width: 276px;
float: none;
display: inline-block;
max-width: 100%;
}
.inner_testimonial .client-say .testimonial-section{
text-align:left;
}
.free_sec a:hover{
background:#e51050;
color: #fff;
}
.req_free_qote p{
font-size:17px;
color:#333333;
}
.inner_services .wpb_wrapper p{
width: 352px;
float: none;
display: inline-block;
max-width: 100%;
}
#big_brands{
background: #f9f9f9;
margin-top: 68px;
}
.brands_heading h4{
margin: 58px 0 36px;
font-size: 32px;
font-weight: bold;
}
.inner_big_brands .section_inner{
margin-bottom: 32px !important;
}
.view_all{
margin:77px 0 0px;
}
.view_all a:hover{
background:#e51050;
color: #fff;
}
.view_all a {
background: #00739f;
color: #fff;
font-size: 23px;
border-radius: 27px;
border: 0 none;
padding: 14px 75px;
font-weight: bold;
text-transform:uppercase;
}
.process{
background:url(//99coders.co/wp-content/themes/bridge/css/img/black_banner_02.png) no-repeat top center;
padding-bottom: 180px;
}
.process_heading h3{
margin-top: 106px;
font-size: 30px;
color: #fff;
margin-bottom: 20px;
}
.process_heading p{
color: #fff;
font-size: 18px;
line-height: 25px;
font-weight: 300;
}
.process_block h5{
font-size: 20px;
color: #ffffff;
font-weight: 500;
margin: 12px 0;
}
.process_block p{
font-size: 15px;
color: #848484;
line-height: 25px;
}
.testi{
background:#f9f9f9 !important;
}
.services_heading h2{
color: #1b2036;
font-size: 30px;
margin-bottom: 12px;
}
.services_heading h2 span.blue{
color: #00739f;
font-size: 30px;
}
.services_heading p{
font-size:18px;
color:#333333;
line-height:30px;
}
.inner_services h6{
font-size: 18px;
color: #00739f;
font-weight: 600;
width: 315px;
text-align: center;
float: none;
display: inline-block;
margin-bottom: 12px;
}
.inner_ser h6{
height: 51px;
}
.inner_services p{
font-size:15px;
line-height:30px;
color:#333333;
}
.inner_services .service_img{
height: 64px;
}
#process_img{
margin-top:72px;
margin-bottom:30px !important;
}
.page-id-1021 .title_outer, .page-id-1047 .title_outer{
display:none;
}
#shopify_top {
background: url(//99coders.co/wp-content/themes/bridge/css/img/psd-to-Shopify_01.png) no-repeat top center;
background-size: cover;
padding-top: 100px;
padding-bottom: 120px;
}
#wordress_top {
background: url(//99coders.co/wp-content/themes/bridge/css/img/psd-to-wordpress2_01.png) no-repeat top center;
background-size: cover;
padding-bottom: 120px;
padding-top: 100px;
}
.home-banner-new h1{
font-size: 68px;
color: #2aa1c9;
margin-bottom: 41px;
margin-top: 46px;
}
.top_firstleft ul li.shopify_fir {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi_03.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_first {
background: url(//99coders.co/wp-content/themes/bridge/css/img/psd-to-wordpress2_20.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_fourth {
background: url(//99coders.co/wp-content/themes/bridge/css/img/psd-to-wordpress2_31.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_sec {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi_07.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_thir {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi_01.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_four {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi_14.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_five {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi_17.png) no-repeat left center;
padding-left: 46px;
}
.top_firstleft ul li.shopify_six {
background: url(//99coders.co/wp-content/themes/bridge/css/img/banner_icons_shoi.png) no-repeat left center;
padding-left: 46px;
}
#shopify_bottom.top_bottom{
margin-top:0px;
background: #1b2036;
border-top: 1px solid #2d3453;
}
#inner_shopify_top .top_firstleft{
position:relative;
}
#inner_shopify_top {
background: url(//99coders.co/wp-content/themes/bridge/css/img/Shopify_mid_banner.png) no-repeat center 292px;
content: "";
background-size: 433px;
}
.top_first_right .inner-all .wpcf7-form-control-wrap{
padding-right: 1px;
padding-bottom: 0 !important;
}
.top_firstleft .wpb_wrapper p{
width: 614px;
max-width:100%;
}
.page-id-1021 a#wpcs_handle{ }
#wordress_bottom.top_bottom {
background: #222222;
margin-top: 0px;
border-top: 1px solid #404040;
padding: 18px 0;
}
.banner-right .wpcf7-submit, .wpcs-slide-out-div .wpcf7-submit{
background-color: #2ba1c9 !important;
border: 1px solid #fff !important;
color: #FFF !important ;
border-radius: 45px !important;
font-size: 18px !important;
margin: 30px 0px !important;
padding: 10px 45px !important;
}
.rev_slider .home-banner-new h1{
font-size: 64px;
margin:10px 0px 10px;
}
.rev_slider .home-banner-new p{
margin:10px 0px 15px;
padding:10px 41px 10px 0px;
font-size:20px;
line-height:26px;
}
.rev_slider .home-banner-new span {
font-size:15px;
text-align:left;
float:left;
position: relative;
padding-left: 22px !important;
}
@media (min-width:1366px) and (max-width:1440px){
.vc_custom_1491297736369 h1 {
font-size: 54px;
color: #fff;
margin-bottom: 26px;
letter-spacing: 4px;
}
#process_img .vc_single_image-wrapper img{
max-width:86%;
}
}
@media (min-width:1280px) and (max-width:1365px){
.vc_custom_1491297736369 h1 {
font-size: 50px;
color: #fff;
margin-bottom: 26px;
letter-spacing: 4px;
}
#process_img .vc_single_image-wrapper img{
max-width:86%;
}
}
@media (min-width:1170px) and (max-width:1267px){
.vc_custom_1491297736369 h1 {
font-size: 50px;
color: #fff;
margin-bottom: 26px;
letter-spacing: 4px;
}
.powerful-say .powerful-list .media-heading{     font-size: 17px; }
.powerful-say .powerful-list .media-body {
font-size: 13px;
line-height: 1.8;
}
#process_img .vc_single_image-wrapper img{
max-width:86%;
}
}
@media (min-width:1024px) and (max-width:1169px){
.vc_custom_1491297736369 h1 {
font-size: 45px;
color: #fff;
margin-bottom: 15px;
letter-spacing: 4px;
}
.work > a, .home-button .order > a{     font-size: 18px; }
.vc_custom_1491297736369 h2{ font-size: 30px; }
.powerful-say .powerful-list .media-body {
font-size: 13px;
line-height: 1.8;
}
.social-login-btn{margin: 3px;}
.services-content h2{ margin-bottom: 10px; } .client-say .customNavigation a.next{right: 0px;} 
.client-say .customNavigation a.prev {
left: 0;
}
.execphpwidget .powerful-say .powerful-list{     min-height: 90px !important; }
.powerful-say .powerful-list .media-heading {
font-size: 16px;
}
.cutomer-text{    width: 30%;}
.customer-img {
width: 65%;
float: left;
}
#process_img .vc_single_image-wrapper img{
max-width:86%;
}
.top_firstleft h1{
line-height: 69px; 
}
#inner_shopify_top{
background-size: 353px;
} }
@media (max-width: 1169px){
.tp-revslider-mainul {
background-size: cover !important;
}
}
@media (min-width:990px) and (max-width:1023px){
.vc_custom_1491297736369 h1 {
font-size: 45px;
color: #fff;
margin-bottom: 15px;
letter-spacing: 4px;
}
.work > a, .home-button .order > a{     font-size: 18px; }
.vc_custom_1491297736369 h2{ font-size: 30px; }
.powerful-say .powerful-list .media-body {
font-size: 13px;
line-height: 1.8;
}
.social-login-btn{margin: 3px;}
.services-content h2{ margin-bottom: 10px; } .client-say .customNavigation a.next{right: 0px;} 
.client-say .customNavigation a.prev {
left: 0;
}
.execphpwidget .powerful-say .powerful-list{     min-height: 90px !important; }
.powerful-say .powerful-list .media-heading {
font-size: 16px;
}
.cutomer-text{    width: 30%;}
.customer-img {
width: 65%;
float: left;
}
.top_first_right .wpcf7-submit{
font-size: 15px !important;
}
input.wpcf7-form-control.wpcf7-submit{
padding:0 11px
}
li.pro{
padding-left: 15px;
}
.page-template-full_width header{
position:fixed!important; }
#inner_shopify_top {
background-size: 323px;
}
}
@media(max-width: 1000px){
div#inner_shopify_top {
background: none !important;
}
input.wpcf7-form-control.wpcf7-submit{
padding: 0 15px;
}
}
@media (min-width:768px) and (max-width:989px){
.vc_custom_1491297736369 h1 {
font-size: 45px;
color: #fff;
margin-bottom: 15px;
letter-spacing: 4px;
}
.work > a, .home-button .order > a{     font-size: 18px; }
.vc_custom_1491297736369 h2{ font-size: 24px; }
.powerful-say .powerful-list .media-body {
font-size: 13px;
line-height: 1.8;
}
.social-login-btn{margin: 3px;}
.services-content h2{ margin-bottom: 10px; font-size: 30px; }
.services-content h3{    font-size: 16px;} .client-say .customNavigation a.next{right: 0px;} 
.client-say .customNavigation a.prev {
left: 0;
}
.execphpwidget .powerful-say .powerful-list{     min-height: 90px !important; }
.powerful-say .powerful-list .media-heading {
font-size: 16px;
}
.cutomer-text{    width: 30%;}
.customer-img {
width: 65%;
float: left;
}
.home-button{ margin-top: 40px; }
li.pro {
padding-left: 15px !important;
}
.attach li {
padding-right: 12px !important;
font-size: 13px;
}
input.wpcf7-form-control.wpcf7-submit{
padding:0 10px;
}
.top_first_right .wpcf7-submit{
font-size: 14px !important;
}
.wpb_single_image img{
max-width: 81% !important;
}
.inner_services h6{
width:auto;
}
.inner_ser h6{
height: 86px;
}
.client-say .testimonial-section h2::before{
content:'';
}
.top_firstleft h1{
line-height: 69px; 
}
.page-template-full_width header{
position:fixed!important; }
}
@media (min-width:500px) and (max-width:767px){
.vc_custom_1491297736369 h1 {
font-size: 30px;
color: #fff;
margin-bottom: 0px;
letter-spacing: 4px;
}
.vc_custom_1491297736369 h2{ font-size: 24px; }
.work > a, .home-button .order > a, .home-button > p{font-size: 14px;    }
.services .website-icon, .services .cms-icon, .services .website-icon{     width: initial; }
.services-content{     margin-top: 10%; }
.services-content p.text-box {
min-height: initial;
margin-bottom: 25px;
}
.client-say .testimonial-section h2{ margin-top: 42px;     font-size: 30px; }
.footer_top{     float: left;
width: 100%; 
}
.footer_top .col-md-2.col-sm-4 {
width: 100%;
}
.footer_top .col-md-5.col-sm-8 {
width: 100%;
}
.footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span{    text-align: left;}
.footer_top .full-menu ul{ width: 100% ;  }
.footer_top .full-menu ul li{ width: 50% !important;   }
.footer-heading {
text-align: left;
}
.page-template-full_width header{
position:fixed!important; }
}
@media (min-width:200px) and (max-width:500px){
.vc_custom_1491297736369 h1 {
font-size: 26px;
color: #fff;
margin-bottom: 0px;
letter-spacing: 3px;     line-height: 1.1;
}
.vc_custom_1491297736369 h2 {
font-size: 14px;
line-height: 24px;
margin-top: 14px;
margin-bottom: 25px!important;     padding: 0 22px;
}
.work > a, .home-button .order > a, .home-button > p{font-size: 14px;    }
.services .website-icon, .services .cms-icon, .services .website-icon{     width: initial; }
.services-content {
margin-top: 10%;
word-break: break-word;
}
body .vc_custom_1490702818893 {
padding-bottom: 55px !important;
}
.services-content p.text-box {
min-height: initial;
margin-bottom: 25px;
}
.client-say .testimonial-section h2{ margin-top: 42px;     font-size: 30px; }
.footer_top{     float: left;
width: 100%; 
}
.footer_top .col-md-2.col-sm-4 {
width: 100%;
}
.footer_top .col-md-5.col-sm-8 {
width: 100%;
}
.footer_top .textwidget, .footer_top a, .footer_top li, .footer_top p, .footer_top span{    text-align: left;}
.footer_top .full-menu ul{ width: 100% ;  }
.footer_top .full-menu ul li{ width: 50% !important;   }
.footer-heading {
text-align: left;
}
.vc_custom_1491297736369{     height: 445px !important; }
.home-button {
display: block;
margin-top: 17px;
}
.vc_custom_1491297736369 > .full_section_inner {
top: 13%;
}
.work {
height: 42px;
}
.vc_row.full_screen_section { width: 100% !important;
margin: 0 !important;
padding:0 !important;
}
.vc_custom_1491297736369 strong{    font-size: 24px;}
.vc_custom_1491297736369 .vc_column-inner { padding: 0 !important }
.services-content h2{     font-size: 30px;     margin-bottom: 10px; }
.services-content h3{ font-size: 14px; }
.powerful-say .powerful-list{    text-align: center; width: 100%; display: inline-block;  }
.powerful-say .powerful-list.media > .pull-left {
padding-right: 0;
width: 100%;
margin-bottom: 16px;
}
body .con-info .vc_column-inner, body .con-boxx .vc_column-inner{
padding-left: 60px !important;
padding-right: 60px !important;
}
.featured-work .caption p.hint{ font-size: 12px; }
.client-say .testimonial-section h2 {
margin-top: 42px;
font-size: 30px;
}
#testimonial .client-say .testimonial-section h2:before {
left: 45%;
top: -35px;
}
.a-powerful {
padding-top: 0px !important;
}
h1, .h1, .title h1, .con-boxx .vc_column-inner h2, .con-info .vc_column-inner h2 {
font-size: 24px !important;
line-height: 29px !important;
margin-bottom: 15px !important;
}
.powerful-say .powerful-list .fa-stack i {
font-size: 39px;
}
.powerful-say h6 {
font-weight: 400;
font-size: 21px;
color: #595d70;
margin-top: 5px;
}
.powerful-say .vc_col-md-4.vc_col-sm-6.vc_col-xs-12 {
padding: 0px 80px;
}
.powerful-say .powerful-list .fa-stack{     margin-bottom: 15px; }
.con-boxx .wpcf7-submit {
position: relative !important;
bottom: 0;
left: 0;
width: 100% !important;
padding: 0px 0px !important;
text-align: center !important;
}
.join-bx h1{     margin-bottom: 5px !important; }
.join-bx {
margin: 70px 0 20px;
}
.free_sec a{
padding: 17px 27px;
font-size: 15px;
}
.banner-right .wpcf7-submit, .wpcs-slide-out-div .wpcf7-submit {
font-size: 14px !important;
padding: 4px 4px !important;
} .rev_slider .home-banner-new p{
margin:10px 0px 15px;
padding:10px 41px 10px 0px;
font-size:15px;
line-height:26px;
}
.rev_slider .home-banner-new span {
font-size:10px;
text-align:left;
float:left;
}
.client-say .testimonial-section h2:before{
content:'';
}
.page-template-full_width header{
position:absolute !important;
}
}
@media (min-width:200px) and (max-width:1000px){
.q_logo a{    left: 0 !important;}
.logo_wrapper{     left: 0 !important; }
.q_logo img{     top: 9px;
left: 0;
width: 140px !important; }
body .logo_wrapper{     height: 80px!important; }
body header .container_inner .header_inner_left {
position: relative !important;
}
nav.sticky{ height: auto !important; }
header .q_logo img.mobile{ width: 154px !important;
margin-top: 17px !important }
p.copy-right {
text-align: center;
}
.header_bottom .container_inner{     width: 100% !important; }
}
@media (min-width:1002px) and (max-width:1015px){
.wrapper_inner header.scrolled .q_logo img{     top: -41% !important;  } 
}
.modal-content .wpcf7-form .form-control {
background: #f1f1f1 !important;
border-color: #dedede !important;
}
.modal-content .wpcf7-form .form-group{ width: 100%; float: left; }
.modal-content .wpcf7-form .wpcf7-file.form-control{background: #fff !important;  border-color: #fff !important; box-shadow: none !important; }
#contact-modal .wpcf7-validation-errors{
width: 88% !important;
left: 7% !important;
bottom: -30px !important;
}
.second-banner h1{
color: #fff;
font-size: 112px !important;
font-family: 'Roboto', sans-serif;
font-weight: 900 !important;
text-transform: uppercase;
}
.second-banner strong{
color: #e51050;
font-size: 112px !important;
padding-left: 58px !important;
}
.second-banner{text-align: center;}
.second-banner h3{
color: #fff !important;
font-size: 20px !important;
padding: 30px 30px !important;
font-weight: 400 !important;
line-height: 40px !important;
}
.second-banner h1 strong{
position: relative;
}
.second-banner h1 strong::before{
content: "\f104";
font-family: FontAwesome;
font-style: 300;
font-weight: normal; color: #e51050;
font-size: 159px;
padding-right: 0.5em;
position: absolute;
top: 0;
left: -5px;
float: left;
bottom: 0;
line-height: 120px;
text-align: left;
}
.second-banner h1 strong::after{
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #e51050;
font-size: 159px;
padding-right: 0.5em;
position: absolute;
top: 0;  line-height: 120px;
right: auto;
padding-left: 8px;
}
.banner-bottom .plus{
font-size: 30px;
color: #002836;
font-weight: 900;
line-height: 50px;
display: block;
}
p.drk{ color: #2898c0;
font-size: 20px;
}
.banner-bot{ padding: 40px 0px;
}  .shopify {
padding: 70px 0;
}
.shopify h2{
font-size: 30px;
color: #0075a0;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 900;
}
.shopify h2 strong{
color: #000;
}
.whychoose{
padding: 5px 180px !important;
}
.whychoose p{
color: #000 !important;
margin-top: 15px;
font-size: 17px;
}
.guarantee {
padding-top:25px;
}
.guarantee p{
color: #000;
}
.guarantee img{
width: auto !important;
border: 1px solid #ccc;
border-radius: 55%;
padding: 10px 20px;
}
.guarantee .icon_title{
font-weight: 700;
padding: 10px 0px;
}
.guarantee .icon_text_holder{
padding-top: 15px;
}
.guarantee .icon_text_holder p{
}
.request-sec{
padding-bottom: 50px;
text-align: center;
}
.request a{
background-color: #00739f;
padding: 18px 80px;
color: #fff !important;
font-weight: 900 !important;
font-size: 20px;
border-radius: 51px;
}
.process h2, .shopify .whychoose p{
color: #fff !important;
}
.process-icons {
margin-top: 70px;
}
.shopify .process-icons .first-round .icon_holder{
width: 85px !important;
height: 85px;
border: 1px solid #fff;
border-radius: 100%;
padding-top: 23px;
margin: 0 auto !important;
}
.shopify .process-icons .first-round .icon_holder img{
width: auto !important;
}
.first-round h5.icon_title{
color: #fff;
font-size: 21px;
padding-top: 60px;
}
.fr-arrow .icon_holder::after{
content:"";
}
.capabilities .guarantee img{
border: 0px solid !important;
border-radius: 55%; 
}
.capabilities .whychoose2 p{
color: #000 !important;
}
.process-icons .first-round .icon_holder{
position: relative;
}
.process-icons .fr-arrow .icon_holder::after{
content: "";
background-image: url(//99coders.co/wp-content/uploads/2017/11/downimage.png);
z-index: 99999;
display: block;
width: 272px;
height: 100px;
right: 0;
background-repeat: no-repeat;
position: absolute;
background-size: auto auto;
left: 89px;
}
.process-icons .s-arrow .icon_holder{
position: relative;
}
.process-icons .s-arrow .icon_holder::after{
content: "";
background-image: url(//99coders.co/wp-content/uploads/2017/11/upimage.png);
z-index: 99999;
display: block;
width: 272px;
height: 100px;
right: 0;
background-repeat: no-repeat;
position: absolute;
background-size: auto auto;
left: 89px;
top: -37px;
}
.shopify .black-text p{
color: #000 !important;
}
.tp-revslider-mainul{
background-image: url(//99coders.co/wp-content/uploads/2017/02/banner.png) !important;
background-position: top center !important;
background-size: auto;
background-repeat: no-repeat;
}
.tp-bullets{
top: 96% !important;
}
.inner-banner{
padding-top: 120px;
padding-bottom: 160px;
}
.inner-banner strong{    font-family: 'Roboto', sans-serif;
color:#2ba1c9;
font-size: 60px;
font-weight: 900;
}
.home-banner-new p{
font-family: 'Roboto', sans-serif;
font-size: 17px;
padding-right: 41px;
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.home-banner-new ul{
margin-left: 3px;
margin-top: 23px;
text-align: left;
}
.home-banner-new{
text-align: left;
}
.home-banner-new ul li{
list-style: none;
color: #fff;
font-size: 18px;
margin-bottom: 20px;
}
.home-banner-new ul li img{
padding-right: 10px;
}
.req-sec {
background-color: #e51050;
color: #fff;
padding: 20px 0;
text-align: center;
}
.banner-right {
}
.partner-box .vc_column-inner .wpb_wrapper{
background-color: #f5f5f5;
}
.partner-box .vc_column-inner .wpb_wrapper:hover img{
opacity: 0.5;
cursor: pointer;
}
.partner-box {
margin-top: 30px;
margin-bottom: 30px !important;
}
.inner-banner-sec{
padding-top: 20px;
}
.req-sec .req{
color: #fff;
font-size: 31px;
text-transform: uppercase;
font-weight: 300;
}
.req-sec .req-p{
color: #fff;
padding-top: 8px;
text-transform: uppercase !important;
font-size: 15px;
font-style: italic;
}
.inner-all{
padding: 5px 22px;
background-color: #fff;
float: left;
width: 100%;
}
.inner-all .wpcf7-form-control-wrap{
border: 1px solid #ccc;
margin-top: 15px;
}
.attach li{list-style:  none;    float: left;
padding-right: 20px;}
.attach ul li{
display: inline-block;
}
.attach{
float: left;
margin-top: 20px;
}
li.att{    border-right: 1px solid;}
li.pro{    padding-left: 20px;}
span.file-323{
display: none;
}
.sub_sec{
float: left;
width: 100%;
background-color: #f2f2f2;
}
p.att{
background-color: #fff;
text-align: left;
padding: 15px 27px;
font-size: 12px;
line-height: 15px;
margin-bottom: 0 !important; float: left;
width: 100%;
}
p.att::before{
content: "";
background-color: #ccc;
width: 356px;
height: 1px;
display: block;  top: -12px;
position: relative;
}
.banner-right div.wpcf7-response-output.wpcf7-validation-errors{
width: 93%;
}
.banner-right .inner-all input, .banner-right .inner-all textarea{
margin: 0px 0 0 !important;
}
.section-quote::before{
content: "";
background-image: url(//99coders.co/wp-content/uploads/2017/11/psd-to-Shopify_23-1.png);
background-size: 100%;
position: absolute;
background-position: bottom left;
left: -97%;
z-index: 1;
width: 100%;
height: 312px;
bottom: 44px;
background-repeat: no-repeat;
}
li.att:hover{
color: #e51050;
cursor: pointer;
}
.banner-bottom {
text-align: center;
}
p.drk{
text-align: center !important;
}
.banner-bottom{
height: 150px;
display: table;
width: 100%;
}
.banner-bottom > .wpb_wrapper{
display: table-cell;
vertical-align: middle;
}
.banner-bot .partner-box{
width: 33.3% !important;
}
.tp-bullet-imageoverlay, .tp-bullet-image, .tp-bullet-title{
display: none !important;
}
.tp-bullet.selected{
border: 2px solid #2ba1c9 !important;
background-color: #2ba1c9 !important;
}
.wpcs-slide-out-div{
min-height: 75% !important;
}
.wpcs-slide-out-div .section-quote::before{
display:none;
}
.banner-right div.wpcf7-response-output.wpcf7-validation-errors{
bottom: -90px !important;
}
.wpcs-slide-out-div div.wpcf7-response-output.wpcf7-validation-errors{
bottom: 95px !important;
max-width: 100% !important;
width: 400px !important;
}
.sec-left-bg::before{
display: none;
}
.html-icn-sec .htlm-icn{
position: absolute;
top: 343px;
width: 600px;
right: -189px;
}
.request-sec .request a:hover{
background-color: rgba(229,16,80,1) !important;
border-color: rgba(229,16,80,1) !important;
color: #fff;
}
.req-home{
float: left;
margin-top: 40px;
width: 100%;
}
body.page-id-915 .home-banner-new p{
text-transform: uppercase;
}
body.page-id-908 .wpcf7-validation-errors{
right: 0;
} body.home .partner-box img, body.page-id-897 .partner-box img{
width: 200px;
}
body.home .partner-box .vc_column-inner .wpb_wrapper, body.page-id-897 .partner-box .vc_column-inner .wpb_wrapper{
background-color: transparent !important;
} body.home .partner-box, body.page-id-897 .partner-box{
margin-top: 0px;
} body.home .partner-box img, body.page-id-897 .partner-box img{ transition: all .2s ease-in-out; }
body.home .partner-box img:hover, body.page-id-897 .partner-box img:hover{ transform: scale(1.1); }
.banner-right .wpcf7-mail-sent-ok{
bottom: -90px !important;
width: 100%;
max-width: 345px;
}
.wpcs-slide-out-div .wpcf7-mail-sent-ok{
bottom: 95px !important;
max-width: 100% !important;
width: 400px !important;
}
.coding-part{
padding-top: 0;
padding-bottom: 50px;
}
.partner h3{
color: #e51050;
font-size: 43px;
font-weight: bold;
line-height: 56px;
margin: 0 0 20px 0;    
}
.partner h2{font-weight: 400 !important;position: relative;  
line-height: 107px !important;
margin: 0 0 35px 0;}
.partner h2 strong{font-weight: 900 !important;}
.partner h2:after {
content: '';
background: #7d7d7d;
display: block;
width: 100%;
max-width: 240px;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.stars i, .rated p{
color: #e51050;
}
.section-rated{
padding: 30px 0px;
}
.logos-all img{
width: 65%;
}
#about{
padding-top: 70px;
padding-bottom: 70px;
}
.logos-all{
background-image: url(//99coders.co/wp-content/uploads/2017/11/bg-product.jpg);  
background-repeat: no-repeat;
}
@import url("https://fonts.googleapis.com/css?family=Open+Sans:600");
body { 
font-family: 'Open Sans', 'sans-serif';
color: #cecece;
background: #222;
overflow: hidden;
}
.item-1, 
.item-2, 
.item-3 {
position: relative;
display: block;
top: 0;
width: 50%;
font-size: 2em;
animation-duration: 20s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
color: #000; bottom: 0;
font-size: 15px;
}
.item-1{
animation-name: anim-1;
}
.item-2{
animation-name: anim-2;
}
.item-3{
animation-name: anim-3;
}
@keyframes anim-1 {
0%, 8.3% { left: -100%; opacity: 0; }
8.3%,25% { left: 25%; opacity: 1; }
33.33%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-2 {
0%, 33.33% { left: -100%; opacity: 0; }
41.63%, 58.29% { left: 25%; opacity: 1; }
66.66%, 100% { left: 110%; opacity: 0; }
}
@keyframes anim-3 {
0%, 66.66% { left: -100%; opacity: 0; }
74.96%, 91.62% { left: 25%; opacity: 1; }
100% { left: 110%; opacity: 0; }
}
.fade-testimonial strong{
color: #e51050;
width: 100%;
float: left;
}
body .widget-container {
display: none !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 55px !important;
}
.home-button{
float: left;
width: 100%;
}
body .top_first_right div.wpcf7-response-output.wpcf7-mail-sent-ok {
position: absolute;
bottom: -90px;
left: 0;
right: 0;
}
body #testimonial .owl-carousel .owl-wrapper-outer {
height: max-content !important;
} @media (max-width: 1500px){
.main-banner #slide-7-layer-3 img{
width: 667px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 960px !important;
object-fit: contain;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 55px !important;
}
}
@media (max-width: 1440px){
.main-banner #slide-7-layer-3 img{
width: 655px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 950px !important;
object-fit: contain;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 51px !important;
}
}
@media (max-width: 1400px){
.main-banner #slide-7-layer-3 img{
width: 500px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 800px !important;
object-fit: contain;
} .tp-mask-wrap{
padding-left: 87px;
}
}
@media (max-width: 1280px){
.main-banner #slide-7-layer-3 img{
width: 481px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 750px !important;
object-fit: contain;
margin-left: 50px !important;
}
}
@media (max-width: 1200px){
.main-banner #slide-7-layer-3 img{
width: 387px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 540px !important;
object-fit: contain;
margin-left: 85px !important;
}
.f-address li a,.f-address li.phone{
font-size: 13px;
}
.social-login-btn{
margin: 0px;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 39px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) p, .main-banner .tp-revslider-mainul li:nth-child(2) p, .main-banner .tp-revslider-mainul li:nth-child(3) p, .main-banner .tp-revslider-mainul li:nth-child(4) p {
font-size: 16px !important;
line-height: 25px !important;
}
body .vc_custom_1494397135328{
padding-left: 10% !important;
}
}
}
@media (max-width: 1024px){
.main-banner #slide-7-layer-3 img{
width: 380px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 550px !important;
object-fit: contain;
margin-left: 80px !important;
}
.rev_slider .home-banner-new h2{
font-size: 28px;
}
.tp-mask-wrap{
padding-left: 72px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 30px !important;
}
}
@media(max-width: 1023px){
body.home .partner-box {
margin-top: 30px;
}
.btn {
margin-right: 0 !important;
}
#about{
padding-bottom: 0px;
}
body .con-info .vc_column-inner, body .con-boxx .vc_column-inner {
min-height: 652px;
padding-bottom: 0px !important;
}
.footer_inner .col-md-2.col-sm-4.col-xs-12 {
width: 20%;
}
.footer_inner .col-md-5.col-sm-8.col-xs-12 {
width: 60%;
}
.footer_inner .col-md-3.col-sm-6.col-xs-12 {
width: 100%;
}
}
@media(max-width: 991px){
.con-info .image_with_text img {
position: absolute;
left: 0;
top: 12px;
width: 50px;
}
.con-info .image_with_text {
position: relative;
padding-left: 66px;
float: left;
margin-bottom: 40px;
padding-top: 9px;
}
body .con-info .vc_column-inner, body .con-boxx .vc_column-inner {
min-height: 622px;
padding-bottom: 0px !important;
padding-top: 40px !important;
}
.footer_inner .col-md-2.col-sm-4.col-xs-12 {
width: 100%;
}
.footer_inner .col-md-5.col-sm-8.col-xs-12 {
width: 100%;
margin-bottom: 26px;
}
.f-address li {
font-size: 20px;
}
.f-address li a, .f-address li.phone {
font-size: 16px;
margin-top: 11px;
}
.footer-heading{
font-size: 20px;
}
.full-menu li, .half-menu li {
width: auto;
float: left;
line-height: 28px;
margin-right: 19px;
}
.half-menu {
width: 100%;
float: left;
margin-bottom: 10px !important;
}
.full-menu li a, .half-menu li a{
font-size: 14px;
}
}
@media(max-width: 767px){
.main-banner .tp-revslider-mainul li:nth-child(1) h1, .main-banner .tp-revslider-mainul li:nth-child(2) h1, .main-banner .tp-revslider-mainul li:nth-child(3) h1, .main-banner .tp-revslider-mainul li:nth-child(4) h1 {
padding-top: 0 !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong {
font-size: 25px !important;
}
}
@media (max-width: 1000px){
div#drift-widget-container{
display: none !important;
}
#menu-main-menu2-1{
background:#040d2a !important;
width: 100%;
}  .header_bottom{
padding-left: 0px !important;
padding-right: 0px !important;
}
header.fixed.scrolled .header_bottom{
background-color: rgba(6,27,72,1) !important;
}
.mobile_menu_button i {
font-size: 30px;
color: #fff;
}
.container_inner.clearfix{
background: #040b2d !important;
padding: 0px 20px !important;
}
.tp-mask-wrap{
padding-left: 51px !important;
}
}
@media (max-width: 940px){
.main-banner #slide-7-layer-3 img{
width: 325px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 343px !important;
object-fit: contain;
margin-left: 140px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 22px !important;    
}
.rev_slider .home-banner-new h2{
font-size: 28px;
}
.main-banner .tp-revslider-mainul li:nth-child(1) p, .main-banner .tp-revslider-mainul li:nth-child(2) p, .main-banner .tp-revslider-mainul li:nth-child(3) p, .main-banner .tp-revslider-mainul li:nth-child(4) p {
font-size: 15px !important;
line-height: 24px !important;
}
.rev_slider .home-banner-new span {
font-size: 15px !important;
text-align: left;
float: left;
}
body .main-banner .home-button .work > a {
font-size: 15px !important;
margin-top: 10px !important;
float: left;
padding: 15px 36px !important;
}
body .main-banner i.fa.fa-caret-right {
font-size: 14px !important;
}
}
@media (max-width: 767px){
.main-banner #slide-7-layer-3 img{
width: 196px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 250px !important;
object-fit: contain;
margin-left: 80px !important;
}
.rev_slider .home-banner-new h1 strong{
font-size: 21px !important;
}
.rev_slider .home-banner-new h2{
font-size: 18px !important;
line-height: 30px !important;
}
.rev_slider .home-banner-new p{
line-height: 15px;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 22px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) p, .main-banner .tp-revslider-mainul li:nth-child(2) p,
.main-banner .tp-revslider-mainul li:nth-child(3) p, .main-banner .tp-revslider-mainul li:nth-child(4) p{
font-size: 12px !important; 
line-height: 15px !important;   
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1, .main-banner .tp-revslider-mainul li:nth-child(2) h1,
.main-banner .tp-revslider-mainul li:nth-child(3) h1, .main-banner .tp-revslider-mainul li:nth-child(4) h1{
padding-top: 0px !important;
}
.services .services-content h2 {
word-wrap: break-word;
margin-bottom: 5px;
}    
}
@media(max-width: 500px){
.rev_slider .tp-caption, .rev_slider .caption{
max-width: 100% !important;
}
.tp-loop-wrap {
width: 100% !important;
position: relative !important;
}
.tp-parallax-wrap {
top: 80px !important;
position: relative !important;
width: 100% !important;
text-align: center !important;
}
}
@media (max-width: 580px){
.main-banner #slide-7-layer-3 img{
width: 200px !important;
object-fit: contain;
}
.main-banner #slide-13-layer-3 img {
width: 240px !important;
object-fit: contain;
margin-left: 80px !important;
}
.rev_slider .home-banner-new h2{
font-size: 11px !important;
line-height: 30px !important;
}
.rev_slider .home-banner-new p{
line-height: 15px !important;
font-size: 10px !important;
}
header .q_logo img.mobile{
width: 114px !important;
}
.rev_slider .home-banner-new span {
font-size: 7px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 17px !important;
}
}
@media (max-width: 500px){
.sidebar-contact {
display: none;
}
.main-banner #slide-7-layer-3 img{
width: 130px !important;
object-fit: contain;
display: none;
}
.main-banner #slide-13-layer-3 img {
width: 158px !important;
object-fit: contain;
margin-left: 100px !important;
display: none;
}
.rev_slider .home-banner-new h1 strong{
font-size: 14px !important;
line-height: 16px !important;
}
.rev_slider .home-banner-new h2 {
font-size: 18px !important;
line-height: 15px !important;
margin-top: 18px !important;
}
body .main-banner .tp-revslider-mainul li:nth-child(1) p, body .main-banner .tp-revslider-mainul li:nth-child(2) p, body .main-banner .tp-revslider-mainul li:nth-child(3) p, .main-banner .tp-revslider-mainul li:nth-child(4) p {
font-size: 15px !important;
line-height: 20px !important;
}
.rev_slider .home-banner-new p{
line-height: 10px !important;
font-size: 7px !important;
}
header .q_logo img.mobile{
width: 84px !important;
margin-top: 11px !important;
}
.rev_slider .home-banner-new span {
font-size: 11px !important;
}
.full_section_inner .vc_column-inner {
padding: 0px !important;
}
.container_inner.clearfix {
padding: 0px 10px;
}
.container_inner.clearfix .mobile_menu_button span{
padding-top: 10px !important;
display: block;
}
.tp-mask-wrap{
padding-left: 25px !important;
}
.main-banner #rev_slider_2_1_wrapper{
height: 400px !important;
}
.main-banner .tp-bgimg{
height: 500px !important;
}
.slotholder{
height: 500px !important;
}
.tp-revslider-mainul{
height: 400px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1, .main-banner .tp-revslider-mainul li:nth-child(2) h1,
.main-banner .tp-revslider-mainul li:nth-child(3) h1, .main-banner .tp-revslider-mainul li:nth-child(4) h1{
padding-top: 30px !important;
}
body .main-banner .home-button .work > a{
font-size: 11px !important;
}
body .main-banner .home-button .work {
margin-top: 11px !important;
}
#rev_slider_2_1{
height: 374px !important;
}
.tp-parallax-wrap {
top: 80px !important;
left: 0 !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong {
font-size: 26px !important;
}
}
@media (max-width: 400px){
.main-banner #slide-7-layer-3 img{
width: 130px !important;
object-fit: contain;
display: none;
}
.main-banner #slide-13-layer-3 img {
width: 158px !important;
object-fit: contain;
margin-left: 100px !important;
display: none;
}
.rev_slider .home-banner-new h1 strong{
font-size: 14px !important;
line-height: 16px !important;
}
.rev_slider .home-banner-new h2{
font-size: 14px !important;
line-height: 15px !important;
}
.rev_slider .home-banner-new p{
line-height: 10px !important;
font-size: 7px !important;
}
header .q_logo img.mobile{
width: 116px !important;
margin-top: 11px !important;
}
.rev_slider .home-banner-new span {
font-size: 11px !important;
line-height: 13px !important;
}
.full_section_inner .vc_column-inner {
padding: 0px !important;
}
.container_inner.clearfix {
padding: 0px 10px;
}
.container_inner.clearfix .mobile_menu_button span{
padding-top: 10px !important;
display: block;
}
.tp-mask-wrap{
padding-left: 25px !important;
}
.main-banner #rev_slider_2_1_wrapper{
height: 400px !important;
}
.main-banner .tp-bgimg{
height: 500px !important;
}
.slotholder{
height: 500px !important;
}
.tp-revslider-mainul{
height: 400px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1, .main-banner .tp-revslider-mainul li:nth-child(2) h1,
.main-banner .tp-revslider-mainul li:nth-child(3) h1, .main-banner .tp-revslider-mainul li:nth-child(4) h1{
padding-top: 83px !important;
}
body .main-banner .home-button .work > a{
font-size: 14px !important;
}
body .main-banner .home-button .work {
margin-top: 16px !important;
}
#rev_slider_2_1 {
height: 404px !important;
}
.main-banner .tp-revslider-mainul li:nth-child(1) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(2) h1 strong,
.main-banner .tp-revslider-mainul li:nth-child(3) h1 strong, .main-banner .tp-revslider-mainul li:nth-child(4) h1 strong{
font-size: 22px !important;
}
.tp-parallax-wrap {
top: 40px !important;
}
body .main-banner .tp-revslider-mainul li:nth-child(1) h1, .main-banner .tp-revslider-mainul li:nth-child(2) h1, .main-banner .tp-revslider-mainul li:nth-child(3) h1, .main-banner .tp-revslider-mainul li:nth-child(4) h1 {
padding-top: 53px !important;
}
div#slide-7-layer-2 {
width: 500px !important;
}
.req-sec .req {
color: #fff;
font-size: 19px;
text-transform: uppercase;
font-weight: 300;
}
.req-sec .req-p{
font-size: 12px;
}
.inner-all {
padding: 10px 20px;
}
.top_first_right .req-sec .req-p{
font-size: 16px;
}
.top_first_right .req-sec .req {
font-size: 22px;
}
.top_firstleft ul {
margin-top: 33px;
font-size: 15px;
line-height: 24px;
}
.top_firstleft ul li {
margin-bottom: 35px;
}
#html_top {
padding-bottom: 50px;
}
.inner_money .html_project h2 span.blue {
color: #00739f;
font-size: 24px;
}
.client-say .testimonial-section h2{
font-size: 24px;
}
input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea{
padding: 9px 10px;
}
li.att {
display: inline-block;
border-right: 1px solid;
font-size: 14px;
width: 50%;
float: left;
}
li.pro {
padding-left: 20px;
font-size: 14px;
}
.attach {
float: left;
margin-top: 20px;
display: inline-block;
width: 100%;
}
p.att {
background-color: #fff;
text-align: left;
padding: 15px 0px;
font-size: 10px;
line-height: 15px;
margin-bottom: 0 !important; float: left;
width: 100%;
}
.banner-right .wpcf7-submit, .wpcs-slide-out-div .wpcf7-submit {
font-size: 11px !important;
padding: 4px 21px !important;
height: 32px;
}
.tp-mask-wrap {
width: 100% !important;
}
body .mobile_menu_button{
height: 64px;
}
body nav.mobile_menu ul li a {
color: #fff;
}
.mobile_menu_button i {
font-size: 24px;
color: #fff;
}
#rev_slider_2_1 .zeus .tp-bullet{
height: 7px !important;
width: 7px !important;
}
.tp-bullets{
top: 100% !important;
}
}
@media(max-width: 1239px){
.top_first_right .req-sec .req{
font-size: 22px;
}
.process{
padding-bottom: 100px;
}
}
@media(max-width: 1023px){
.top_firstleft.wpb_column.vc_column_container.vc_col-sm-8 {
width: 100%;
}
.top_firstleft .wpb_wrapper p {
width: 100%;
max-width: 100%;
}
.top_firstleft ul{
margin-top: 43px;
}
.top_first_right.wpb_column.vc_column_container.vc_col-sm-4 {
width: 60%;
}
.inner_services h6 {
font-size: 20px;
color: #00739f;
font-weight: 600;
width: 315px;
text-align: center;
float: none;
display: inline-block;
margin-bottom: 12px;
box-sizing: content-box;
word-break: break-all;
width: 100%;
}
}
@media(max-width: 991px){
.money_block h4{
font-size: 18px;
}
}
@media(max-width: 767px){
.top_first_right.wpb_column.vc_column_container.vc_col-sm-4 {
width: 100%;
}
.top_firstleft h1 {
font-size: 68px;
color: #2aa1c9;
margin-bottom: 0px;
margin-top: 36px;
text-transform: uppercase;
line-height: 62px;
}
.top_firstleft .wpb_wrapper p {
width: 100%;
max-width: 100%;
font-size: 16px;
line-height: 26px;
}
.top_firstleft ul {
margin-top: 33px;
font-size: 16px;
}
.fi_column .wpb_wrapper {
width: 100%;
float: none;
display: inline-block;
text-align: center;
}
.top_bottom p.white_uper {
color: #fff;
font-size: 33px;
font-weight: bold;
margin-bottom: 11px;
}
.inner_money {
margin-top: 40px;
padding-bottom: 40px;
}
.inner_money .html_project h2 {
color: #1b2036;
font-size: 24px;
margin-bottom: 26px;
line-height: 31px;
}
.money_block .vc_column_container.vc_col-sm-4 {
margin-bottom: 40px;
}
.money_block {
margin-top: 0;
}
.free_sec a {
background: #00739f;
color: #fff;
font-size: 18px;
border-radius: 35px;
border: 0 none;
padding: 17px 54px;
font-weight: bold;
}
.free_sec {
margin: 49px 0 17px;
}
.req_free_qote p {
font-size: 16px;
color: #333333;
margin-top: 27px !important;
}
div#work {
padding: 40px 0px !important;
}
.request a{
padding: 11px 80px !important;
}
.inner_testimonial .client-say .testimonial-section {
text-align: center !important;
}
.client-say .testimonial-section h2 {
margin-top: 42px;
font-size: 30px;
margin-bottom: 7px;
}
.services_capabilities {
padding: 40px 0px !important;
}
.inner_services.grid_section .vc_col-sm-4 {
margin-bottom: 40px;
}
.inner_services.grid_section {
padding-bottom: 0 !important;
}
#html_top{
padding-bottom: 100px;
}
.inner_process.grid_section .vc_col-sm-3 {
margin-bottom: 40px;
}
.process {
padding-bottom: 40px;
}
.process_heading h3{
margin-top: 50px;
}
.pro_first .vc_column-inner p{
width: 100%;
}
div#testimonial {
padding: 60px 0px 40px !important;
}
.inner_services .wpb_wrapper p {
width: 100%;
float: none;
display: inline-block;
max-width: 100%;
}
} footer .wpcf7-submit {
border: 1px solid #e51050 !important;
color: transparent !important;
background-color: #e51050 !important;
padding: 2px 7px !important; border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
background: url(https://99coders.co/wp-content/themes/bridge/css/img/sent-mail.png) no-repeat center;
}
#custom-search-input .input-group {
display: flex;
}
body.home div.wpcf7-response-output.wpcf7-validation-errors {
width: 100%;
background: transparent;
padding: 5px 6px !important;
position: relative;
margin: 0 auto;
font-weight: bold;
border: 2px solid #fff;
margin-bottom: 8px;
text-align: center;
color: #fff;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
border: 2px solid green;
background-color: transparent !important;
color: green;
position: relative !important;
margin: 0 auto;
padding: 5px;
font-size: 13px;
}
.home-banner-new span.text:before {
content: "\f111";
font-family: FontAwesome;
position: absolute;
font-size: 9px;
left: 0;
top: 1px;
} .sidebar-contact {
position: fixed;
top: 50%;
right: -397px;
transform: translateY(-50%);
width: 397px;
height: auto;
padding: 10px;
background: #fff;
box-shadow: 0 20px 50px rgba(0,0,0,.5);
box-sizing: border-box;
transition: 0.5s;
z-index: 9999;
}
.sidebar-contact.active{
right: 0;
}
.sidebar-contact input,
.sidebar-contact textarea{
width:100%;
height:36px;
padding:5px;
margin-bottom:10px;
box-sizing:border-box;
border:1px solid rgba(0,0,0,.5);
outline:none;
}
.sidebar-contact h2{
margin:0 0 20px;
padding:0;
}
.sidebar-contact textarea{
height:60px;
resize:none;
}
.sidebar-contact input[type="submit"]{
background:#00bcd4;
color:#fff;
cursor:pointer;
border:none;
font-size:18px;
}
.toggle {
position: absolute;
height: 32px;
width: 162px;
text-align: center;
cursor: pointer;
background: #e51050;
top: 45%;
right: auto;
line-height: 48px;
left: -97px;
}
.toggle:hover{
background: #e51050;
}
.sidebar-contact .toggle {
transform: rotate(270deg);
color: #fff;
font-weight: bold;
font-size: 13px;
align-items: center;
display: flex;
padding-left: 25px;
}
.sidebar-contact .sub_sec {
background-color: transparent;
float: left;
padding-left: 25px;
}
.sidebar-contact input.wpcf7-form-control.wpcf7-submit {
color: #fff !important;
background: #e51050 !important;
border: 2px solid #e51050 !important;
font-weight: bold;
border-radius: 0px !important;
}
.file-upload {
display: block;
text-align: center;
font-size: 12px;
margin-bottom: 10px;
float: left;
width: 100%;
padding-top: 15px;
}
.file-upload .file-select{display:block; border: 1px solid #c5c8cc;color: #34495e;cursor:pointer;height:40px;line-height:40px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button {
background: #e51050;
padding: 0 10px;
display: inline-block;
height: 40px;
color: #fff;
line-height: 40px;
}
.file-upload .file-select .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#e51050;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#e51050; color:#fff;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file] {
z-index: 100;
cursor: pointer;
position: absolute;
height: 40px;
width: 100%;
top: -59px;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{
cursor:default;
display:block;
border: 2px solid #dce4ec;
color: #34495e;
cursor:pointer;
height:40px;
line-height:40px;
margin-top:5px;
text-align:left;
background:#FFFFFF;
overflow:hidden;
position:relative;
}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}
#contact .vc_column-inner.vc_custom_1494397135328 {
padding-bottom: 0px !important;
}