@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

body {font-family: 'Lato', sans-serif;}

a:focus{outline:none;}

a:focus, a:hover{ text-decoration:none; transition: all ease 0.5s;}

/*header part start here*/

.header {width:100%; background-color:#FFFFFF;}

.header .logo {margin:0px 0px 15px 0px; float:left;}

.header .navbar-default {background-color:transparent; border-color:transparent; margin:15px 0px 0px 0px; width:100%; float:right;}
    
.header .navbar-default .navbar-nav > li > a {color:#2d2d2d; font-weight:600; font-size:16px; padding-top:10px; padding-bottom:10px; margin-top:8px;} 
    
.header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background-color: transparent; color: #e54d26; transition: all ease 0.5s;}
    
.header .navbar-nav {width:100%;} 

.header .navbar-toggle {background-color:#0955a7; border-color: #e54d26;}
     
.header .navbar-default .navbar-toggle .icon-bar {background-color: #e54d26;} 

.header .navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.header .navbar-default .navbar-nav>li>a {
  width:none;
  font-weight: bold;
}

.header .mega-dropdown {
  position: static !important;
  width: none;
}

.header .mega-dropdown-menu {
  padding: 20px 0px;
  width: 100%;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.header .mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 746px;
  z-index: 10;
}

.header .mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 744px;
  z-index: 8;
}

.header .mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.header .mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.header .mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #000000;
  white-space: normal;
}

.header .mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #e54d26;
  background-color:none;
}

.header .mega-dropdown-menu .dropdown-header {
  color: #0955a7;
  font-size: 18px;
  font-weight: bold;
  border-bottom:2px solid #999999;
  margin-bottom:10px;
}

.header .mega-dropdown-menu form {
  margin: 3px 20px;
}

.header .mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.header .btn-info {
    background-color: #e54d26;
    border-color: #e54d26;
    color: #fff !important;
}

.header .btn-info:hover {color: #e54d26 !important;}

.header .btn-primary {
    background-color: #0955a7;
    border-color: #0955a7;
    color: #fff !important;
	margin-left:10px;
}

.header .btn-primary:hover {color: #0955a7 !important;}

.header .dropdown-menu .divider {
    margin: 3px 0;
}

.header-bottom2 {background-color:#0955a7; width:100%;}

.header-bottom2 h1 {color:#FFFFFF; font-size:28px; padding:0px 0px 20px 0px;}

.header-bottom2 .left-part {color:#FFFFFF; margin:0px 10px 0 0; display:table-cell; vertical-align:middle; font-size:18px; padding:0px 0px 30px 0px;}

.header-bottom2 ul{list-style:outside none none; display:inline; margin:0px 0px 0px 0px; padding:0 0 0 0px;}

.header-bottom2 li{display:inline-table; padding:0 0 0 5px;}

.header-bottom2 li a{text-decoration:none; color:#FFFFFF;}
    
/*header part end here*/

/*banner part start here*/

.banner {width:100%; background-color:#0955a7;}

.banner h1 {font-size:45px; font-weight:600; color:#FFFFFF; text-align:center; margin:63px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);}

.banner h1 span {font-size:45px; font-weight:600; font-style:italic; color:#FFFFFF;}

.banner p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:center; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner .desktop {margin:30px 0px 30px 0px; padding:30px 0px 30px 0px;}

.banner .satifaction {background: rgba(0, 0, 0, 0) url(../images/satisfaction.png) no-repeat scroll center 10px / 235px auto;}
    
.banner .satifaction {margin-bottom: 40px; padding: 10px 20px 0px; position: relative; text-align: center;}
    
.banner .pricediv {float: left; margin-top: 100px; position: relative; text-align: left; width: 48%; color:#FFFFFF;}

.banner .priceDiv2 {float: right; text-align: right;}
    
.banner .pricediv h2 {font-size:28px;}

.banner .pricediv h3 {font-size:70px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);}
    
.banner .pricediv2 {float:right; margin-top: 100px; position: relative; text-align:right; width: 48%; } 

.banner .orderNow {background: #e54d26; border: 1px solid #ac4643; color: #fff !important; display: inline-block; font-size: 22px; height: 54px; margin: 5px auto 20px; padding: 10px 20px 10px 18px; vertical-align: top; width: 190px;}
    
.banner .btn:hover, .btn:focus, .btn.focus {background-color:#000000;}

/*banner part end here*/

/*banner part 2 start here*/

.banner2 {width:100%; background-color:#431e49;}

.banner2 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner2 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner2 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner2 ul {padding-left:0px; list-style:outside none;}

.banner2 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600;}

.banner2 .list li .fa {color:#e54d26; padding-right:10px;}

.banner2 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner2 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom {width:100%; background-color:#620f5f;}

.banner-bottom .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom .btn-primary:hover {background-color:#e54d26;}

.banner-bottom p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom  p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

/*banner part 2 end here*/

/*banner part 3 start here*/

.banner3 {width:100%; background-color:#f16528;}

.banner3 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner3 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner3 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner3 ul {padding-left:0px; list-style:outside none;}

.banner3 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner3 .list li .fa {color:#0955a7; padding-right:10px;}

.banner3 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner3 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom3 {width:100%; background-color:#b84a1a;}

.banner-bottom3 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner-bottom3 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom3 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom3 .btn-primary:hover {background-color:#e54d26;}

.banner3 .joomla {width:100%; background-image:url(../images/joomla-bg.jpg);}

.banner3 .joomla .list li .fa {color:#000000;}

.banner-bottom3 .joomla {width:100%; background-color:#78c147;}

.banner3 .magento {width:100%; background-image:url(../images/mangento-bg.jpg);}

.banner3 .magento .list li .fa {color:#000000;}

.banner-bottom3 .magento {width:100%; background-color:#f76b2b;}

.banner-bottom3 .magento p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .magento  p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .opencart {width:100%; background-image:url(../images/opencart-bg.jpg);}

.banner3 .opencart .list li .fa {color:#000000;}

.banner-bottom3 .opencart {width:100%; background-color:#3c99bb;}

.banner-bottom3 .opencart p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .opencart  p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .prestashop {width:100%; background-image:url(../images/prestashop-bg.jpg);}

.banner3 .prestashop .list li .fa {color:#000000;}

.banner-bottom3 .prestashop {width:100%; background-color:#719c34;}

.banner3 .shopify {width:100%; background-image:url(../images/shopify-bg.jpg);}

.banner3 .shopify .list li .fa {color:#000000;}

.banner-bottom3 .shopify {width:100%; background-color:#7d9d3f;}

.banner3 .squareSpace {width:100%; background-image:url(../images/psd-to-squarespace.jpg);}

.banner3 .squareSpace .list li .fa {color:#FFFFFF;}

.banner-bottom3 .squareSpace {width:100%; background-color:#121212;}

.banner-bottom3 .squareSpace p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .squareSpace  p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .concrete {width:100%; background-image:url(../images/psd_concrete_bg.jpg);}

.banner3 .concrete .list li .fa {color:#FFFFFF;}

.banner-bottom3 .concrete {width:100%; background-color:#151515;}

.banner-bottom3 .concrete p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .concrete  p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .foundation {width:100%; background-image:url(../images/foundetion.jpg);}

.banner3 .foundation .list li .fa {color:#FFFFFF;}

.banner-bottom3 .foundation {width:100%; background-color:#0d1e25;}

.banner-bottom3 .foundation p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .foundation p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .sketch {width:100%; background-color:#1c7aa2;}

.banner3 .sketch .list li .fa {color:#FFFFFF;}

.banner-bottom3 .sketch {width:100%; background-color:#073a50;}

.banner-bottom3 .sketch p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom3 .sketch p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

.banner3 .dedicated {width:100%; background-image:url(../images/dedicated.jpg);}

.banner3 .dedicated .list li .fa {color:#FFFFFF;}

.banner-bottom3 .dedicated {width:100%; background-color:#0c2043;}

.banner3 .partener-with {width:100%; background-image:url(../images/partener.jpg);}

.banner3 .partener-with .list li .fa {color:#FFFFFF;}

.banner-bottom3 .partener-with {width:100%; background-color:#b84a1a;}

/*banner part 3 end here*/

/*banner part 4 start here*/

.banner4 {width:100%; background-color:#333333;}

.banner4 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner4 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner4 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner4 ul {padding-left:0px; list-style:outside none;}

.banner4 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner4 .list li .fa {color:#e54d26; padding-right:10px;}

.banner4 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner4 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom4 {width:100%; background-color:#0d0d0d;}

.banner-bottom4 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom4 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom4 .btn-primary:hover {background-color:#e54d26;}

.banner-bottom4 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom4 p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

/*banner part 4 end here*/

/*banner part 5 start here*/

.banner5 {width:100%; background-color:#2f82a4;}

.banner5 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner5 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner5 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner5 ul {padding-left:0px; list-style:outside none;}

.banner5 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner5 .list li .fa {color:#FFFFFF; padding-right:10px;}

.banner5 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner5 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom5 {width:100%; background-color:#155b78;}

.banner-bottom5 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom5 .btn-primary {background-color: #e54d26; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom5 .btn-primary:hover {background-color:#000000;}

.banner-bottom5 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom5 p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

/*banner part 5 end here*/

/*banner part 6 start here*/

.banner6 {width:100%; background-image:url(../images/drupal-bg.jpg);}

.banner6 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);}

.banner6 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner6 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner6 ul {padding-left:0px; list-style:outside none;}

.banner6 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner6 .list li .fa {color:#000000; padding-right:10px;}

.banner6 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner6 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom6 {width:100%; background-color:#0d81b8;}

.banner-bottom6 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom6 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom6 .btn-primary:hover {background-color:#000000;}

.banner-bottom6 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom6 p span {font-size:58px; color:#ffffff; vertical-align:middle; margin-right:10px;}

/*banner part 6 end here*/

/*banner part 7 start here*/

.banner7 {width:100%; background-color:#6a3352;}

.banner7 .simple {margin:0px 0px 70px 0px;}

.banner7 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner7 .search-form {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 80px 0 80px; padding-left: 0;}
  
.banner7 h1 {font-size:70px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner7 h1 span {font-size:45px; font-weight:400; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);} 

.banner7 h3 {background:#e54d26 none repeat scroll 0 0; text-align:center; font-size:28px; font-weight:600; color:#FFFFFF; line-height:28px; padding:15px 0px 15px 0px; margin-bottom:0px;}

.banner7 h3 span {text-align:center; font-size:16px; font-weight:400; width:100%; display:block;}

.banner7 .search-form .fields {background:#FFFFFF none repeat scroll 0 0; float:left; padding:21px 19px 0px; width:100%;} 

.banner7 .search-form .fields p {font-size:18px; color:#ff2204; line-height:16px; margin-bottom:22px; text-shadow:none; font-style:normal; text-align:center;}

.banner7 .search-form .input-group-addon {background-color: #bebebe;}

.banner7 .search-form .quote-list {float:left; width:100%; background:#FFFFFF none repeat scroll 0 0;}

.banner7 .search-form ul {list-style:outside none none; padding:21px 19px 30px;}

.banner7 .search-form li {margin-bottom:30px;}

.banner7 .search-form .form-control {height: 47px; border-radius: 0px; border: 1px solid #bebebe; color: #000000; font-size: 17px;}

.banner7 .search-form .attachment-outer {background:rgba(0, 0, 0, 0) url(../images/attech.png) no-repeat scroll left center; float:left; width:100%; margin:20px 0px 20px 20px;}

.banner7 .search-form .attachment {border:1px solid #bebebe; float:left; margin-left:36px; position:relative; width:auto; height:45px; margin-top:10px;}

.banner7 .search-form .attachment ul {float:left; margin:0; padding:10px; width:100%;}

.banner7 .search-form .attachment ul li {background:rgba(0, 0, 0, 0) url(../images/li_border1.png) no-repeat scroll right center; float:left; padding:0 8px; width:auto;}

.banner7 .search-form .attachment-brw {display:inline-block; position:relative;}

.banner7 .search-form .attachment ul li a {border:1px solid #FFFFFF; display:block; padding:0 3px; text-align:center;}

.banner7 .search-form .attachment ul li .last {background:rgba(0, 0, 0, 0) none repeat scroll 0 0; border:medium none;}

.banner7 .search-form .attach-frmt {float:left; font-size:11px; padding-left:38px; width:100%;}

.banner7 .search-form .demo-text {font-size:12px; color:#9e9e9e;}

.banner7 .search-form .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {border-radius:0px; border:1px solid #bebebe;}

.banner7 .search-form .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {border-radius:0px; border:1px solid #bebebe;}

.banner7 .search-form .fa {color:#727272; font-size:18px;}

.banner7 .search-form .form-control::-moz-placeholder {color: #000000; opacity: 1; font-size:17px;}

.banner7 .search-form .quote {padding:35px 0px 0px 0px; text-align:center;}

.banner7 .search-form .quote .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}

.banner7 .search-form .quote .btn-primary:hover {background-color:#000000;}

.banner7 .search-form .g-recaptcha {margin-left:100px;}
    
.banner-bottom7 {width:100%; background-color:#4d203a;}

.banner-bottom7 .quote {width:100%;}

.banner-bottom7 .quote p {font-size:17px; color:#FFFFFF; text-align:center; margin:15px 0px 15px 0px;}

.banner-bottom7 .quote .fa {margin-right:10px;}

.banner7 .wordpress {width:100%; background-color:#21759b;}

.banner-bottom7 .wordpress {width:100%; background-color:#15465d;}

.banner7 .responsive {width:100%; background-color:#1583c9;}

.banner-bottom7 .responsive {width:100%; background-color:#085c92;}

.banner7 .drupal {width:100%; background-color:#28a9e0;}

.banner-bottom7 .drupal {width:100%; background-color:#176a8d;}

.banner7 .joomla {width:100%; background-color:#8dc540;}

.banner-bottom7 .joomla {width:100%; background-color:#547e1b;}

.banner7 .magento {width:100%; background-color:#f05827;}

.banner-bottom7 .magento {width:100%; background-color:#a53f1e;}

.banner7 .magento h3 {background:#0955a7 none repeat scroll 0 0; text-align:center; font-size:28px; font-weight:600; color:#FFFFFF; line-height:28px; padding:15px 0px 15px 0px; margin-bottom:0px;}

.banner7 .free {width:100%; background-color:#000000;}

.banner7 .free .icone {margin:0 auto; text-align:center; vertical-align:middle;}

.banner7 .free .round a{border:2px solid #FFFFFF; width:50px; height:50px; border-radius:100%; margin:0 auto; display:block; line-height:45px; text-align:center; vertical-align:middle; color:#FFFFFF; font-size:26px;}

.banner7 .free .media-heading {font-size:18px; color:#FFFFFF; font-weight:600; margin:15px 0px 0px 10px;}

.banner7 .free .discount-box {background:#5f5f5f url(../images/request-discount-icon.png) no-repeat scroll 10px center; color: #fff; float: left; margin:20px 0 0 0px; padding: 10px 20px 8px 96px; text-transform: uppercase; font-size:30px;}
    
.banner7 .free .discount-box span {font-size: 15px; font-weight: normal; text-transform: none;}

.banner-bottom7 .free {width:100%; background-color:#333333;}

.banner-bottom7 .free .serv {text-align:center; padding:20px 0px 20px 0px;}

.banner-bottom7 .free .serv .img-responsive {margin:0 auto; text-align:center;}

/*banner part 7 end here*/

/*banner part 8 start here*/

.banner8 {width:100%; background-color:#f3743d;}

.banner8 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:center; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);}

.banner8 p {font-size:24px; font-weight:500; color:#FFFFFF; text-align:center; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner8 .list {float: left; margin:10px 0px 70px 0px; width:100%;}

.banner8 ul {padding-left:0px; list-style:outside none;}

.banner8 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%; line-height:32px;}

.banner8 .list li .fa {color:#000000; padding-right:10px;}

.banner8 .bootstrap-img {width:100%; float:left; margin:20px 0px 20px 0px;}

.banner8 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom8 {width:100%; background-color:#b74f22;}

.banner-bottom8 h3 {padding:40px 0px 40px 0px; text-align:center; font-size:30px; color:#FFFFFF;}

.banner-bottom8 .inner-variety {background:#f3743d none repeat scroll 0 0; float:left; position:relative; width:100%; text-align:center; margin-bottom:30px;}

.banner-bottom8 .inner-variety h4 {color:#FFFFFF; margin:25px 0; font-size:24px; font-weight:600; text-align:center;}

.banner-bottom8 .inner-variety h4 span {color:#FFFFFF; font-size:20px; display:block; font-weight:400;}

.banner-bottom8 .inner-variety p {background:rgba(0, 0, 0, 0) url(../images/html5_bg.png) no-repeat scroll 0 0; display:inline-block; height:89px; left:0; position:absolute; top:0; width:77px;}

.banner-bottom8 .inner-variety p span {color:#FFFFFF; display:inline-block; float:left; margin-left:0px; margin-top:5px; transform:rotate(311deg); text-align:center;}

.banner-bottom8 .inner-variety a {border:1px solid #FFFFFF; border-radius:4px; color:#FFFFFF; display:inline-block; font-size:17px; margin-bottom:20px; padding:10px; text-transform:uppercase;}

.banner8 .hire-wordpress {width:100%; background-color:#3991b9;}

.banner-bottom8 .hire-wordpress {width:100%; background-color:#1b607f;}

.banner-bottom8 .hire-wordpress .inner-variety {background:#3991b9 none repeat scroll 0 0;}

.banner8 .hire-javascript {width:100%; background-color:#d7bd4c;}

.banner-bottom8 .hire-javascript {width:100%; background-color:#b19921;}

.banner-bottom8 .hire-javascript .inner-variety {background:#d7bd4c none repeat scroll 0 0;}

.banner7 .hire-bootstrap {width:100%; background-color:#3991b9;}

.banner7 .hire-bootstrap h1 {font-size:45px; font-weight:400; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner7 .hire-bootstrap h1 span {font-size:62px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1);}

.banner7 .hire-bootstrap p {font-size:20px; font-weight:500; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px; text-transform:uppercase; font-style:normal;}

.hire-bootstrap .list {float: left; margin:10px 0px 30px 0px; width:60%;}

.hire-bootstrap ul {padding-left:0px; list-style:outside none;}

.hire-bootstrap .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; line-height:32px;}

.hire-bootstrap .list li .fa {color:#000000; padding-right:10px;}

.banner-bottom8 .hire-bootstrap {width:100%; background-color:#216b8d;}

.banner-bottom8 .hire-bootstrap .inner-variety {background:#3991b9 none repeat scroll 0 0;}

/*banner part 8 end here*/

/*banner part 9 start here*/

.banner9 {width:100%; background-color:#f98553;}

.banner9 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner9 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner9 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner9 ul {padding-left:0px; list-style:outside none;}

.banner9 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner9 .list li .fa {color:#0955a7; padding-right:10px;}

.banner9 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner9 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom9 {width:100%; background-color:#d26130;}

.banner-bottom9 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom9 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom9 .btn-primary:hover {background-color:#000000;}

.banner-bottom9 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom9 p span {font-size:58px; color:#FFFFFF; vertical-align:middle; margin-right:10px;}

/*banner part 9 end here*/

/*banner part 10 start here*/

.banner10 {width:100%; background-color:#333333;}

.banner10 h1 {font-size:65px; font-weight:600; color:#FFFFFF; text-align:left; margin:60px 0px 32px 0px; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); text-transform:uppercase;}

.banner10 p {font-size:18px; font-weight:500; font-style:italic; color:#FFFFFF; text-align:left; text-shadow: -3px 5px 6px rgba(0, 0, 0, 1); margin:0px 0px 30px 0px;}

.banner10 .list {float: left; margin:10px 0px 30px 0px; width:50%;}

.banner10 ul {padding-left:0px; list-style:outside none;}

.banner10 .list li {color: #ffffff; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:18px; font-weight:600; width:100%;}

.banner10 .list li .fa {color:#e54d26; padding-right:10px;}

.banner10 .bootstrap-img {width:100%; float:right; margin:60px 0px 60px 0px;}

.banner10 .bootstrap-img .img-responsive {text-align:center; margin:0 auto;}

.banner-bottom10 {width:100%; background-color:#000000;}

.banner-bottom10 .quote {padding:35px 0px 35px 0px; text-align:center;}

.banner-bottom10 .btn-primary {background-color: #e54d26; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.banner-bottom10 .btn-primary:hover {background-color:#0955a7;}

.banner-bottom10 p {font-size:20px; font-weight:600; font-style:italic; color:#FFFFFF; text-align:center; margin:10px 0px 10px 0px; text-align:center; vertical-align:middle;}

.banner-bottom10 p span {font-size:58px; color:#ffffff; vertical-align:middle; margin-right:10px;}

/*banner part 10 end here*/

.rating-section .rating-view{
	max-width: 1029px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding:20px 29px 8px 29px;
}
.rating-view .overall{
    display:inline-block;
    margin-top:2px;
}
/*
.rating-section .rating-view strong{
	font-weight:bold;
}
*/
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.rating-section{
	background: #f5f5f5;
}
.service-rating{
	background:#fff;
}
.rating-section .star-rating{
	background:url(../images/5star.png) 0 0 no-repeat;
	width:84px;
	height:26px;
	display:inline-block;
	text-indent: -999999px;
	position: relative;
    top: -7px;
}
  
.rateit-wrap {
                display: inline-block;
                vertical-align: top;
                margin-top: 2px;
                margin-right: 7px;
                position: relative;
                min-width: 97px;
                min-height: 26px;
            }
            .rating-view  .rate-btn ,.rating-view  .rate-btn.enable {
                color: #ff5722;
                font-size: 12px;
                display: inline-block;
                padding-top: 3px;
                font-weight: 700;
            }
            .rating-view  .rate-btn.enable
            {
                cursor:pointer;
            }
            .rate-btn.rateYo2{
                color:#939393; 
            }
            .rating-view  .rate-btn:hover { 
                text-decoration: none;
            }
            .rate-btn.rateYo2{
                font-size:12px;
            }
            #rateYo1 {
                min-height: 15px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                padding: 5px 5px;
                display: inline-block;	
                min-width:70px; 
            }
            #rateYo1.rateYo2{
                background-color:#212121;
                box-shadow:0px 3px 3px 0px #a9a9a9;
                margin-top:-4px;
                transition:0.4s;
            }
            #rateYo1.rateYo2::after{
                content:'';
                position:absolute;
                left:45%;
                bottom:-5px;
                height:0;
                width:0;
                border-left:5px solid transparent;
                border-right:5px solid transparent;
                border-top:5px solid #212121;
            }
            .rate-btn.rateYo2.edited{
                background:url("../images/like.png") no-repeat 0 center;
                background-size:18px auto;
                font-size:12px;
                padding-left:26px; 
                padding-top:3px;
               color:#939393; 
            }
            .rate-btn.rateYo2.edited.already_rated{
                background:none;
                padding:3px 0 0 0;
                color:#939393; 				
            }
            .initail-rate {
                position: absolute;
                top: 26px;
                left: 0px;
                width:100%;
                text-align:center;
            }
            .rate-send {
                width: 24px;
                display: inline-block;
                cursor: pointer;
                padding-top: 3px;
                padding-left: 6px;
            }
            .rate-submit {
                display: none;
            }
            .rate-submit.full-show {
                display: block;
            }
            .rate-send.sucess svg path
            {
                fill:green;
            }
            #totalClient.mark{
                background-color:#ff5722;
                color:#ffffff;
            }
/*Container start here*/

.team {width:100%; background-color:#f1f2f2;}

.team a {color:#FFFFFF;}

.team a:hover {color:#db4b26;}

.team h2 {color:#000000; font-size:32px; text-align:center; margin:60px 0px 60px 0px;}

.team h2 span {color:#0955a7; font-size:33px; font-weight:600;}

.team .service-box {background: #fff none repeat scroll 0 0; border-radius: 8px; box-shadow: 1px 1px 2px #666; margin-bottom: 40px; min-height: 405px; overflow: hidden; position: relative; text-align: center; width:100%;}
    
.team .service-img {background: #0f529b none repeat scroll 0 0; height: 170px; padding: 30px 10px; position: relative;}

.team .service-img .img-responsive {bottom: 0; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0;}
 
.team .service-heading {background: #2a2a2a none repeat scroll 0 0; color: #fff; font-size: 20px; margin: 0; padding: 15px 10px;}

.team .service-heading a span{background: #2a2a2a none repeat scroll 0 0; color: #fff; font-size: 20px; margin: 0;}
    
.team .service-content {padding: 10px;}
    
.team .service-content p {color:#000000; font-size:14px; line-height:22px; margin-top: 5px; min-height: 110px;}
    
.team .price {color: #e54d26; display: inline-block; font-size: 24px;}

.our { background: #e54d26 url(../images/bg1.png) no-repeat scroll center center / 100% auto; margin: auto; padding-bottom: 30px; width: 100%;}

.our h2 {color:#FFFFFF; font-size:36px; text-align:center; margin:60px 0px 60px 0px; width:100%;}

.our h2 span {color:#FFFFFF; font-size:36px; font-weight:600; font-style:italic;} 

.our .feature-box {background: #361f19 none repeat scroll 0 0; border-radius: 8px; box-shadow: 1px 1px 2px #222; margin-bottom: 30px; overflow: hidden; position: relative; text-align: center; width: 100%;}
    
.our .feature-img {height: 143px; padding: 10px 10px 0; position: relative;}
    
.our .feature-icon {color:#FFFFFF; font-size: 81px; margin-top: 10px;}
    
.our .feature-heading h3 {background: #361f19 none repeat scroll 0 0; color: #FFFFFF; font-size: 20px; line-height: 34px; margin: 0 auto; padding: 0 25px 15px; width:82%; font-weight:600;}

.count {width:100%; background-color:#0955a7;}

.count h3 {color:#FFFFFF; font-size:28px; line-height:38px; width:40%; text-align:center; padding:50px 0px 40px 0px; margin:0 auto;}

.count h3 span {font-size:23px; font-weight:600;}

.count .icone-box {width:100%; text-align:center; margin:0 auto; color:#FFFFFF;}

.count .icone-box .fa {font-size:80px;} 

.count .icone-box .fa-plus {font-size:20px;}

.count h4 {font-size:24px; font-weight:600;}

.count p {font-size:16px; width:70%; margin:0 auto; padding-bottom:60px;}

/*Container end here*/

/*Container 2 start here*/

.bootstrap {width:100%; background-color:#FFFFFF;}

.bootstrap h2 {font-size:22px; float:left; font-weight:600; color:#0955a7; margin:70px 0px 30px 0px; text-transform:uppercase;}

.bootstrap .line {border:1px solid #9f9f9f; width:100%; margin:0px 0px 20px 0px;}

.bootstrap .media {width:50%; float:left;}

.bootstrap .icone {margin:0 auto; text-align:center; vertical-align:middle;}

.bootstrap .round a{border:2px solid #0955a7; width:70px; height:70px; border-radius:100%; margin:0 auto; display:block; line-height:63px; text-align:center; vertical-align:middle; color:#0955a7; font-size:36px;}

.bootstrap .round a:hover {border:2px solid #e54d26; color:#e54d26;}

.bootstrap .media-heading {font-size:18px; color:#141414; font-weight:600;}

.bootstrap .media-body p{font-size:15px; color:#141414; line-height:25px; margin-bottom:20px;}

.bootstrap .list {float: left; margin:10px 0px 30px 0px;}

.bootstrap ul {padding-left:0px; list-style:outside none;}

.bootstrap .list li {color: #0955a7; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:16px;}

.bootstrap .list li .fa {color:#0955a7; padding-right:10px; border-right:1px solid #0955a7; margin-right: 10px; font-size:16px;}

.bootstrap .quote {padding:30px 0px 30px 0px; text-align:center;}

.bootstrap .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.bootstrap .btn-primary:hover {background-color:#e54d26;}

/*Container 2 end here*/

/*Container 3 start here*/

.work {width:100%; background-color:#d8d8d8;}

.work h3 {font-size:22px; color:#0955a7; text-align:center; text-transform:uppercase; margin:50px 0px 30px 0px;}

.work .line {border-bottom:1px solid #aeaeae; margin:0px 0px 30px 0px;}

.work h4 {font-size:22px; color:#e54d26; text-align:center; text-transform:uppercase; margin:50px 0px 30px 0px;}

.work h4 span {color:#0955a7;}

/*Container 3 end here*/

/*Container 4 start here*/

.asked {width:100%; background-color:#FFFFFF;}

.asked h3 {font-size:22px; font-weight:600; color:#0955a7; text-transform:uppercase; text-align:left; margin:60px 0px 30px 0px;}

.asked .fa {float:right; color:#0955a7;}

.asked .panel-group {margin-bottom:40px;}
    
.asked .panel-title {color:#212121; font-size:20px; margin-bottom: 0; margin-top:20px;}
    
.asked .panel-body p {color:#212121; font-size:14px; margin:20px 0px 0px 0px;}    
    
.asked .panel-default > .panel-heading {background-color:transparent; border-color:transparent; padding:0px 0px 0px 0px;}
    
.asked .panel-default {border-color:transparent;}
    
.asked .panel {background-color:transparent; border:none; border-radius: 0px; box-shadow:none; margin-bottom: 20px; border-top:1px solid #d1d1d1;}
    
.asked .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color:#FFFFFF; padding:0px 0px 0px 0px;}

.asked ul{padding-left:25px; margin:10px 0px 10px;}

.asked ul li{list-style: outside none none; line-height:25px;}

.asked ul li:before{content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#f16528; font-size:14px;}

.asked ul li {text-decoration:none;  color:#000000; font-size:14px;}

.asked table {margin:10px 0px 10px;}

.asked td {padding:5px;}

.for {width:100%; background-color:#e54d26;}

.for .quote {padding:35px 0px 35px 0px; text-align:center;}

.for .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.for .btn-primary:hover {background-color:#000000;}
 
/*Container 4 end here*/

/*Container 5 start here*/

.bootstrap5 {width:100%; background-color:#FFFFFF;}

.bootstrap5 h2 {font-size:22px; float:left; font-weight:600; color:#0955a7; margin:70px 0px 30px 0px; text-transform:uppercase;}

.bootstrap5 .line {border:1px solid #9f9f9f; width:100%; margin:0px 0px 20px 0px;}

.bootstrap5 .media {width:100%; float:left;}

.bootstrap5 .icone {margin:0 auto; text-align:center; vertical-align:middle;}

.bootstrap5 .round a{border:2px solid #0955a7; width:70px; height:70px; border-radius:100%; margin:0 auto; display:block; line-height:63px; text-align:center; vertical-align:middle; color:#0955a7; font-size:36px;}

.bootstrap5 .round a:hover {border:2px solid #e54d26; color:#e54d26;}

.bootstrap5 .media-heading {font-size:18px; color:#141414; font-weight:600;}

.bootstrap5 .media-body p{font-size:15px; color:#141414; line-height:25px; margin-bottom:20px;}

.bootstrap5 .list {float: left; margin:10px 0px 30px 0px;}

.bootstrap5 ul {padding-left:0px; list-style:outside none;}

.bootstrap5 .list li {color: #0955a7; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:16px;}

.bootstrap5 .list li .fa {color:#0955a7; padding-right:10px; border-right:1px solid #0955a7; margin-right: 10px;}

.bootstrap5 .quote {padding:30px 0px 30px 0px; text-align:center;}

.bootstrap5 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.bootstrap5 .btn-primary:hover {background-color:#e54d26;}

/*Container 5 end here*/

/*Container 6 start here*/

.bootstrap6 {width:100%; background-color:#FFFFFF;}

.bootstrap6 h2 {font-size:26px; float:left; font-weight:600; color:#0955a7; margin:70px 0px 30px 0px;}

.bootstrap6 h2 span {font-size:26px; color:#da6432;}

.bootstrap6 .line {border:1px solid #9f9f9f; width:100%; margin:0px 0px 20px 0px;}

.bootstrap6 .media {width:50%; float:left;}

.bootstrap6 .icone1 {margin:0px auto; text-align:center; vertical-align:middle;}

.bootstrap6 .icone {margin:15px auto; text-align:center; vertical-align:middle;}

.bootstrap6 .round a{border:2px solid #0955a7; width:70px; height:70px; border-radius:100%; margin:0 auto; display:block; line-height:63px; text-align:center; vertical-align:middle; color:#0955a7; font-size:36px;}

.bootstrap6 .round a:hover {border:2px solid #e54d26; color:#e54d26;}

.bootstrap6 .media-heading {font-size:18px; color:#141414; font-weight:600; margin-top:25px;}

.bootstrap6 .media-body p{font-size:15px; color:#141414; line-height:25px; margin-bottom:20px;}

.bootstrap6 .list {float: left; margin:10px 0px 30px 0px;}

.bootstrap6 ul {padding-left:0px; list-style:outside none;}

.bootstrap6 .list li {color: #0955a7; float: left; margin: 9px 0; padding: 0px 0px 0px 0px; text-align: left; font-size:16px;}

.bootstrap6 .list li .fa {color:#0955a7; padding-right:10px; border-right:1px solid #0955a7; margin-right: 10px; font-size:16px;}

.bootstrap6 .quote {padding:30px 0px 30px 0px; text-align:center;}

.bootstrap6 .btn-primary {background-color: #0955a7; border-color:transparent; color: #fff; font-weight:600; font-size:18px; text-align:center; padding:15px 30px 15px 30px; border-radius:5px;}	

.bootstrap6 .btn-primary:hover {background-color:#e54d26;}

/*Container 6 end here*/

/*Container 7 start here*/

.skills {width:100%; background-color:#f4f4f4;}

.skills .cube {width:100%; margin:70px 0px 0px 0px; float:left;} 

.skills h5 {font-size:24px; color:#0955a7; margin:65px 0px 30px 0px;}

.skills h6 {font-size:16px; color:#1a1a1a; margin:20px 0px 10px 0px; font-weight:600;}

.skills p {font-size:14px; color:#1a1a1a; margin:0px 0px 30px 0px;}

.skills .media {width:100%; float:left; margin:30px 0px 30px 0px;}

.skills .media-heading {font-size:25px; color:#0955a7; font-weight:600; margin-top:5px;}

.skills .media-body p{font-size:18px; color:#0955a7; line-height:25px; margin-bottom:20px;}

.skills .icone {margin:0 auto; text-align:center; vertical-align:middle;}

.skills .icone .fa {color:#0955a7; font-size:80px; text-align:center;}

.skills .technical-exp  {float:left; padding:100px 50px 100px 50px; width:100%;}

.skills .line {border-top:1px solid #c7c7c7;}	

/*Container 7 end here*/

.about-us {width:100%; background-color:#FFFFFF;}
    
.about-us h2 {color:#0955a7; font-size:28px; text-align:center;}

.about-us .btn {color:#FFFFFF;  font-size: 28px; background:#000000; padding:0px 15px 7px 15px; text-decoration: none; border-radius: 0px; margin:20px 5px 20px 5px; font-weight:600;}

.about-us p {text-align:center; font-size:14px; color:#29292a; line-height:25px; margin:0px 0px 20px 0px;}

.about-us .line {background-color:#868788; width:100%; height:1px; margin:0px 0px 30px 0px;}

.about-us .box {width:100%; height:auto; border:1px solid #FFFFFF;}

.about-us .icone-left {display: table-cell; vertical-align: top; float:left; width:15%;}

.about-us .icone-right {display:table-cell; vertical-align:top; float:right; width:80%;}

.about-us .box h3 {float:left; color:#0955a7; font-size:24px;}

.about-us .box p {text-align:justify; float:left; line-height:22px; font-size:14px;}

.about-us .box .quality {margin:10px 0px 0px 0px;}

/*footer start here*/

.footer {width:100%; background-color:#0b0f0f;}

.footer .logo {margin:40px 0px 10px 0px;}

.footer .line {background-color:#b9b9b9; height:1px; width:100%; margin:0px 0px 20px 0px;}

.footer .line2 {background-color:#b9b9b9; height:1px; width:100%; margin:0px 0px 10px 0px;}

.footer .list {width:30%; display:table-cell; margin:20px 0px 10px 0px; float:left;}

.footer .list2 {width:30%; display:table-cell; margin:0px 0px 20px 0px; float:left;}

.footer .list3 {width:40%; display:table-cell; margin:0px 0px 20px 0px; float:left;}

.footer ul {list-style:outside none none; padding-left:0px;}

.footer li a {color:#FFFFFF; font-size:14px; display:inline; padding:0px 0px 30px 0px; line-height:30px;}

.footer li a:hover {color:#e54d26; transition: all ease 0.3s;}

.footer h5 {font-size:14px; font-weight:600; color:#7cc445;}

.footer h6 a {font-size:14px; color:#FFFFFF;}

.footer h6 a:hover {color:#e54d26; transition: all ease 0.3s;}

.footer .facebook {display:inline; color:#FFFFFF;}

.footer .facebook a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .facebook a:hover {background-color:#3b5998;}

.footer .twitter {display:inline; color:#FFFFFF;}

.footer .twitter a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .twitter a:hover {background-color:#55acee;}

.footer .linkedin {display:inline; color:#FFFFFF;}

.footer .linkedin a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .linkedin a:hover {background-color:#007bb6;}

.footer .pinterest {display:inline; color:#FFFFFF;}

.footer .pinterest a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .pinterest a:hover {background-color:#cb2027;}

.footer .dribbble {display:inline; color:#FFFFFF;}

.footer .dribbble a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .dribbble a:hover {background-color:#ea4c89;}

.footer .tumblr {display:inline; color:#FFFFFF;}

.footer .tumblr a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .tumblr a:hover {background-color:#32506d;}

.footer .behance {display:inline; color:#FFFFFF;}

.footer .behance a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .behance a:hover {background-color:#1769ff;}

.footer .google-plus {display:inline; color:#FFFFFF;}

.footer .google-plus a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .google-plus a:hover {background-color:#dd4b39;}

.footer .skype {display:inline; color:#FFFFFF;}

.footer .skype a {height:30px; width:30px; margin:6px 1px 6px 1px; line-height:31px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:50%; transition: all ease 0.3s; font-size:14px; background-color:#535353;} 

.footer .skype a:hover {background-color:#00aff0;}

.footer .sign-in {width:100%; padding:0px 0px 0px 0px;}

.footer .sign-in .img-responsive {margin:0 auto; text-align:center;}    
    
.footer p {font-size:12px; color:#FFFFFF; margin:0px 0px 30px 0px;}    

.footer p a {color:#FFFFFF;}

.footer p a:hover {color:#e54d26; transition: all ease 0.3s;}
    
/*footer end here*/

.portfolio {width:100%; margin:20px 0px 20px 0px;}

/* start portfolio */
.portfolio #portfolio {
	text-align:center;
	
}
/* start contact btn   */
.portfolio .btn {
	background:#ed3237;
	border:none;
	color:#FFFFFF;
	content: "";
	
	z-index:4;
}
.portfolio .btn a {
	color:#FFFFFF;
	text-transform:uppercase;
}
/* start contact btn bg   */
.portfolio .btn-bg {
	background:#e54d26;
	color:#FFFFFF; border:none;
}
.portfolio .box-top-hover.btn-bg > span{ line-height:40px; text-decoration:none; padding:0 20px 0 20px; color:#FFFFFF;}


.portfolio .btn-bg:hover {
	background:#373435;
	color:#fff;
}
.portfolio .btn-bg:active {
	background:#ed3237;
	color:#FFFFFF;
}
.portfolio .button-main {
	margin: 0 0 60px;
}
.portfolio .button2 {
	position:relative;
	display:inline-block;
	margin:0 10px 0 0;
	cursor:pointer;
	border:none;
	color:#FFFFFF;
	background:#ed3237;
}
.portfolio .button2:before {
	border-left:1px #000000 solid;
	border-top:1px #000000 solid;
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	top:0px;
	display: block;
	content: "";
	z-index: 2;
	list-style:none;
 	-webkit-transition: height .5s .4s, width .2s, color .2s;
 	transition: height .5s .4s, width .2s, color .2s;
}
.portfolio .button2:after {
	border-right:1px #000000 solid;
	border-bottom:1px #000000 solid;
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
 -webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.portfolio .button2 span {
	display:inline-block;
	list-style:none;
	padding:12px 22px 12px 22px;
	cursor:pointer;
	color:#FFFFFF;
}
.portfolio .button2 span:before {
	border-left:1px #000000 solid;
	border-bottom:1px #000000 solid;
	height:6px;
	width:6px;
	position:absolute;
	left:0px;
	bottom:0px;
	display: block;
	content: "";
	z-index: 2;
}
.portfolio .button2 span:after {
	border-right:1px #000000 solid;
	border-top:1px #000000 solid;
	height:6px;
	width:6px;
	float:right;
	position:absolute;
	top:0px;
	right:0px;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
}
.portfolio .button2:hover {
	background:#FFFFFF;
	display:inline-block;
	list-style:none;
	margin:0 10px 0 0;
	cursor:pointer;
	border:none;
	color:#16afc7;
}
.portfolio .button2:hover:before {
	border-left:1px #ed3237 solid;
	border-top:1px #ed3237 solid;
	height:100%;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	display: block;
	content: "";
	z-index: 2;
	list-style:none;
-webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.portfolio .button2:hover:after {
	border-right:1px #ed3237 solid;
	border-bottom:1px #ed3237 solid;
	height:100%;
	width:100%;
	float:right;
	position:absolute;
	right:0;
	display: block;
	content: "";
	z-index: 2;
	bottom:0px;
 -webkit-transition: height .5s .4s, width .2s, color .2s;
 transition: height .5s .4s, width .2s, color .2s;
}
.portfolio .button2:active, .button2.is-checked {
	background-color: #16afc7;
}
.portfolio #portfolio .isotope {
	margin:60px 0 0 0;
}
/* clear fix */
.portfolio #portfolio .isotope:after {
	content: '';
	display: block;
	clear: both;
}
/* ---- .element-item ---- */
.portfolio .element-item > * {
	padding: 0;
	list-style:none;
	border:1px solid #000000;
	margin:5px;
}
.portfolio .element-item .name {
	position: absolute;
	left: 10px;
	top: 60px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: normal;
}
.portfolio .element-item .symbol {
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 42px;
	font-weight: bold;
	color: white;
}
.portfolio .element-item .number {
	position: absolute;
	right: 8px;
	top: 5px;
}
.portfolio .element-item .weight {
	position: absolute;
	left: 10px;
	top: 76px;
	font-size: 12px;
}
.portfolio .element-item {
	position: relative;
	float: left;
	width: 25%;
	height: auto;
	color: #262524;
}
.portfolio .main_box.user_style10 {
	width:100%;
}
.portfolio .element-item img {
	width:100%;
}
.portfolio .element-item.business > li {
	list-style:none;
}
















/*media query start here*/
@media screen and (max-width:320px) {
.header .logo {width:75%;}

.banner .pricediv {margin-top: 170px;}

.banner .pricediv2 {margin-top: 170px;}

.banner .pricediv h2 {font-size:22px;}

.banner .pricediv h3 {font-size:44px;}

.footer .list {width:100%;}

.footer .list2 {width:100%;}

.our h2 {font-size:20px;}

.our h2 span {font-size:20px;}

.team h2 {font-size:20px;}

.team h2 span {font-size:20px;}

.banner h1 {font-size:27px;}

.banner h1 span {font-size:27px;}

.count h3 {font-size:20px; width:90%;}

.count h3 span {font-size:20px;}

.footer p {margin:20px 0px 30px 0px;}

.banner2 .list {width:100%; margin:0;}

.banner5 .list {width:100%; margin:0;}

.banner6 .list {width:100%; margin:0;}

.hire-bootstrap .list {width:100%;}

.banner10 .list {margin: 0; width: 100%;}

.banner2 .list li {font-size:14px;}

.banner3 .list li {font-size:14px;}

.banner2 h1 {font-size:35px;}

.bootstrap h2 {font-size:16px; text-align:center;}

.bootstrap .media {width: 100%;}

.bootstrap6 .media {width:100%;}

.bootstrap ul {width:100%!important;} 

.banner7 .search-form .g-recaptcha {margin-left:0px;} 

.banner3 .list {margin: 0; width: 100%;}   

.banner4 .list {margin: 0; width: 100%;}

.banner9 .list {width:100%; margin:0;}

.for .btn-primary {font-size:11px;}

.asked h3 {font-size:17px;}

.work h3 {font-size:17px;}

.banner-bottom p span {font-size:22px;}

.banner-bottom3 .foundation p span {font-size:22px;}

.banner-bottom3 .opencart p span {font-size:22px;}

.banner-bottom3 .magento p span {font-size:22px;}

.banner-bottom3 .concrete p span {font-size:22px;}

.banner-bottom3 .squareSpace p span {font-size:22px;}

.banner-bottom3 p span {font-size:22px;}

.banner-bottom5 p span {font-size:22px;}

.banner-bottom6 p span {font-size:22px;}

.banner-bottom9 p span {font-size:22px;}

.banner-bottom10 p span {font-size:22px;}

.portfolio .element-item {width:100%!important;}

.header .mega-dropdown-menu:before {display:none;}

.header .mega-dropdown-menu:after {display:none;}

}

@media screen and (min-width:321px) and (max-width:766px) {

.header .logo {width:75%;}

.banner .pricediv {margin-top: 170px;}

.banner .pricediv2 {margin-top: 170px;}

.banner .pricediv h2 {font-size:22px;}

.banner .pricediv h3 {font-size:44px;}

.footer .list {width:100%;}

.footer .list2 {width:100%;}

.our h2 {font-size:20px;}

.our h2 span {font-size:20px;}

.team h2 {font-size:20px;}

.team h2 span {font-size:20px;}

.banner h1 {font-size:24px;}

.banner h1 span {font-size:27px;}

.banner5 .list {width:100%; margin:0;}

.banner6 .list {width:100%; margin:0;}

.banner9 .list {width:100%; margin:0;}

.count h3 {font-size:20px; width:90%;}

.count h3 span {font-size:20px;}

.footer p {margin:20px 0px 30px 0px;}

.bootstrap h2 {font-size:16px;}

.bootstrap .media {width: 100%;}

.bootstrap6 .media {width:100%;}

.bootstrap ul {width:100%!important;} 

.banner3 .list {margin: 0; width: 100%;}

.banner4 .list {margin: 0; width: 100%;}

.banner10 .list {margin: 0; width: 100%;}

.hire-bootstrap .list {width:100%;}

.banner2 .list li {font-size:14px;}

.banner3 .list li {font-size:14px;}

.for .btn-primary {font-size:11px;}

.asked h3 {font-size:17px;}

.banner-bottom p span {font-size:22px;}

.banner-bottom3 .foundation p span {font-size:22px;}

.banner-bottom3 .opencart p span {font-size:22px;}

.banner-bottom3 .magento p span {font-size:22px;}

.banner-bottom3 .concrete p span {font-size:22px;}

.banner-bottom3 .squareSpace p span {font-size:22px;}

.banner-bottom3 p span {font-size:22px;}

.banner-bottom5 p span {font-size:22px;}

.banner-bottom6 p span {font-size:22px;}

.banner-bottom9 p span {font-size:22px;}

.banner-bottom10 p span {font-size:22px;}

.portfolio .element-item {width:100%!important;}

.owl-carousel .owl-item {float: left; margin: 5px auto; text-align: center;}

.header .mega-dropdown-menu:before {display:none;}

.header .mega-dropdown-menu:after {display:none;}
}

@media screen and (max-width:767px) {
.banner .desktop .img-responsive {margin:0 auto; text-align:center;}

.banner h1 {font-size:24px;}

.banner h1 span {font-size:24px;}

.banner2 h1 {font-size:24px;}

.banner3 h1 {font-size:24px;}

.banner4 h1 {font-size:24px;}

.banner5 h1 {font-size:24px;}

.banner6 h1 {font-size:26px;}

.banner8 h1 {font-size:32px;}

.banner9 h1 {font-size:32px;}

.banner10 h1 {font-size:24px;}

.banner7 h1 {font-size:24px;}

.banner7 h1 span {font-size:24px;}

.count h3 {font-size:18px;}

.count h3 span {font-size:18px;}

.banner7 .hire-bootstrap h1 {font-size:24px;}

.banner7 .hire-bootstrap h1 span {font-size:24px;}

.bootstrap6 h2 {font-size:22px;}

.bootstrap6 h2 span {font-size:22px;}

.skills .media-heading {font-size:13px;}

.skills .media-body p {font-size:13px;}

.banner8 .list {margin:0px;}

.footer .list {width:100%;}

.footer .list2 {width:100%;}

.footer .list3 {width:100%;}

.count h3 {width:90%;}

.footer p {margin:20px 0px 30px 0px;}
 
.bootstrap ul {width:50%;}

.bootstrap5 .media {margin:10px 0px 10px 0px;}

.banner7 .simple {margin: 0 0 10px;}

.portfolio .element-item {width:50%;}

.owl-carousel .owl-item {float: left; margin: 5px auto; text-align: center;}

.our h2 {font-size:18px;}

.our h2 span {font-size:18px;}

.team h2 {font-size:18px;}

.team h2 span {font-size:18px;}

.header .mega-dropdown-menu:before {display:none;}

.header .mega-dropdown-menu:after {display:none;}
     
}

@media screen and (min-width:768px) and (max-width:1024px) {

.banner-bottom3 .btn-primary {font-size:17px;}

.banner-bottom10 .btn-primary {font-size:17px;}

.banner-bottom .btn-primary {font-size:17px;}

.banner h1 {font-size:28px;}

.banner h1 span {font-size:28px;}

.banner .pricediv {margin-top: 170px;}

.banner .pricediv2 {margin-top: 170px;}

.banner .pricediv h2 {font-size:22px;}

.banner .pricediv h3 {font-size:44px;}

.our .feature-heading h3 {width:69%;}

.count h3 {width:70%;}

.footer .list {width:31%;}

.footer p {margin:20px 0px 30px 0px;}

.bootstrap .col-sm-8 {width: 99.667%;}

.bootstrap .col-sm-4 {width: 99.667%;}

.bootstrap ul {width:50%;}

.banner-bottom3 p {margin: 31px 0;}

.banner-bottom3 p span {font-size:20px;}

.banner-bottom p {margin: 31px 0;}

.banner-bottom p span {font-size:20px;}

.banner-bottom3 .foundation p {margin: 31px 0;}

.banner-bottom3 .foundation p span {font-size:20px;}

.banner-bottom10 p {margin: 31px 0;}

.banner-bottom10 p span {font-size:20px;}

.banner2 .list li {font-size:16px;}

.banner3 .list li {font-size:14px;}

.owl-carousel .owl-item {float: left; margin: 5px auto; text-align: center;}

.our h2 {font-size:18px;}

.our h2 span {font-size:18px;}

.team h2 {font-size:18px;}

.team h2 span {font-size:18px;}

.count h3 {font-size:20px;}

.count h3 span {font-size:20px;}

.our .feature-heading h3 {font-size:12px;}

.header .mega-dropdown-menu:before {display:none!important;}

.header .mega-dropdown-menu:after {display:none!important;}
    
}
/*media query end here*/