1#@!#!123s

: / proc / thread-self / root / proc / thread-self / root / home / shubmkcj / designpitara.com /
Filename : style.css
back
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700);
.multi_blog_img { 
	width: 100%
}


@font-face {
  font-family: geosansLight;
  src: url(fonts/Helvetica.ttf);
}
    .managereview {
        text-align: justify;
    }
    .managereview ul {
                                list-style: none;
                                padding: 0;
                                margin-top:2rem;
                            }
                            
                            .managereview ul i {
                               background: #e32026;
                                box-shadow: 0px 6px 15px rgb(16 110 234 / 12%);
                                font-size: 15px;
                                    padding: 10px 9px;
                                margin-right: 15px;
                                color: #ffffff;
                                border-radius: 50%;
                            }
                            .dksBulted ul{
                                margin-top:2rem;
                                    list-style: disc;
                                margin-left:25px;
                            }
                            .dksBulted ul li{
                                padding:5px 0;
                                    list-style: disc;
                            }
                            
                            .managereview ul li {
                                display: flex;
                                align-items: flex-start; 
                            }


          .blog_hover:hover{
              transform: scale3d(1.05, 1.05, 1.05);
              box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.18);
          }
          
          .bg-purple{
                  background: #393185;
          }
          
.h1blog{
    font-size:24px !important;
        margin: 10px 0px;
        line-height: 30px;
}

  .flip-box {
         /*background-color: transparent; */
         height: 400px;
         /*border: 1px solid #f1f1f1;*/
         /*perspective: 1000px;*/
         margin-bottom: 30px;
         }
         .flip-box-inner {
         position: relative;
         width: 100%;
         height: 100%; 
         transition: transform 0.8s;
         transform-style: preserve-3d;
         }
         .v-center{
         display: -webkit-box;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         -ms-flex-pack: center;
         justify-content: center;
         }
         .flip-box:hover .flip-box-inner {
         transform: rotateY(180deg);
         }
         .flip-box-front, .flip-box-back {
         position: absolute;
         width: 100%;
         height: 100%;
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         }
         .flip-box-front {  
         }
         .flip-box-back { 
         transform: rotateY(180deg); 
         }

  .row-two{ 
       justify-content: space-around;
       align-items: flex-start;
       display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

 .float{
   position:fixed;
   width:40px;
   height:40px;
    bottom:11%;
   right:10px;
   background-color:#25d366;
   color:#FFF !important;
   border-radius:50px;
   text-align:center;
   font-size:22px;
   box-shadow: 2px 2px 3px #999;
   z-index:100;
   }
   .phone{
   position:fixed;
   width:40px;
   height:40px;
   
   bottom:27%;
   right:10px;
   background-color:blue;
   color:#FFF !important;
   border-radius:50px;
   text-align:center;
   font-size:22px;
   box-shadow: 2px 2px 3px #999;
   z-index:100;
   }
   .envelop{
   position:fixed;
   width:40px;
   height:40px;
   bottom:19%;
   right:10px;
   background-color:#c4302b;
   color:#FFF !important;
   border-radius:50px;
   text-align:center;
   font-size:22px;
   box-shadow: 2px 2px 3px #999;
   z-index:100;
   } 
   
   .my-float{
   margin-top:10px;
   } 

.geosansLight{
 font-family: geosansLight;    
}

.section-divide-bg{
    background: aliceblue;
}

.bg-blue{
    background:#393185;
}

.subs{
    background:red;
}

.subs input{
   border-radius: 5px !important;
   padding: 20px 10px;
}

.subs h3{
    color:#fff;
}

.subs p{
    color:#fff;
}

.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -42px;
    position: relative;
    z-index: 2;
    font-size: 16px;
    background: #b0cb1f;
    padding: 2px 15px 0px 15px;
    border: 1px solid #b0cb1f;
    border-radius: 5%;
    width: 90px;
    height: 42px;
    color: #fff;
}

#g-recaptcha-response {
	display: block!important;
	position: absolute;
	margin: -78px 0 0 0!important;
	width: 302px!important;
	height: 76px!important;
	z-index: -999999;
	opacity: 0
}

.positionfix {
	position: sticky;
	top: 95px
}

.list-unstyled li {
	line-height: 35px
}

.border-btn-theme{
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #000;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.border-btn-theme:hover{
    background:#fff;
    padding: 5px 10px;
    color: #000;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.border-btn-secondary{
    border: 1px solid #e4cc21;
    padding: 10px 35px;
    color: #545050;
    border-radius: 10px;
    background: #ffe845;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
}
.border-btn-secondary:hover{
    background:#fff;
    padding: 10px 35px;
    color: #000;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    
}

.banner-text{
    padding:10px 30px;
}

.banner-text p{
   text-align: justify;
}

.banner-z-index{
    z-index: 99;
}

.card {
	background: #dddfe042;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 1px 0px 15px #d2d2ca
}

.text-center {
	text-align: center
}

.resumebg {
	background: #d6d6e8;
	padding: 20px;
	border-radius: 10px
}

.service404 {
	padding: 10px 0;
	background: #dbdbe6;
	border-radius: 60%;
	width: 130px;
	height: 130px;
	box-shadow: 0 0 10px #8888889e
}

.service404 p {
	font-size: 13px;
	padding: 0 10px;
	line-height: 16px
}

.service404:hover {
	box-shadow: 0 0 10px #888888e3
}

.form404 {
	position: relative;
	padding: 20px;
	background: url(img/404/404bg.png);
	border-radius: 10px;
	background-size: 100% 100%
}

.formwidth {
	width: 320px;
	margin: 0 auto;
	padding: 30px 15px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 7px 10px 5px #88888870
}

.p-0 {
	padding: 0 !important
}

.py {
	padding-top: 30px
}

.ptb {
	padding: 15px 0
}

.mb-4 {
	margin-bottom: 30px
}

.mt-4 {
	margin-top: 30px
}

.mx-auto {
	margin: 0 auto
}

.about_top {
	text-align: center;
	line-height: 35px;
	font-size: 23px
}

.openmenu {
	display: none;
	background: #fff;
	position: absolute;
	width: 1100px;
	right: -268px;
	border-top: 5px solid #f70101;
	z-index: 9999
}

.openmenu b {
	padding-bottom: 10px
}

.openmenu a {
	color: #928787!important;
	padding: 4px 10px!important;
	display: block;
	margin-bottom: 5px
}

.openmenu a:hover {
	color: #fff!important;
	background: #f70101;
	border-radius: 4px
}

.megamenu:hover .openmenu {
	display: block
}

.megahead {
	padding: 10px 0;
	font-weight: 700
}

.header-right-link .slice-btn {
	color: #444;
	position: relative;
	top: 0;
	font-size: 22px;
	cursor: pointer;
	right: -11px;
	display: inline-block;
	padding: 34px 0
}

.header-right-link {
	float: right;
	width: 60px
}

.header-area .header-right-link .slice-btn {
	color: #444
}

.header-area-2 .header-right-link .slice-btn {
	color: #fff
}

.header-area.stick .header-right-link .slice-btn {
	padding: 28px 0
}

.appointment-wrapper {
	position: fixed;
	right: -400px;
	top: 0;
	width: 380px;
	max-width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 99999999;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.visible-appointment .appointment-wrapper {
	right: 0;
	opacity: 1;
	visibility: visible
}

.appointment-wrapper .appoint-box {
	position: relative;
	background-color: #062241;
	padding: 80px 30px 30px
}

.appointment-wrapper .appoint-box .cross-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
	color: #fff;
	font-size: 20px
}

.appointment-wrapper .appoint-box h2 {
	position: relative;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2em;
	color: #fff;
	margin-bottom: 20px;
	font-family: Poppins, sans-serif
}

.layer-drop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(10, 24, 40, .8);
	visibility: hidden;
	z-index: 9999999;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}

.visible-appointment .layer-drop {
	opacity: 1;
	visibility: visible
}

.appointment-wrapper .single-contact span {
	color: #fff;
	font-size: 17px
}

.appointment-wrapper .single-contact h5 {
	color: #ddd;
	text-transform: capitalize;
	margin-bottom: 20px
}

.quote-icons {
	margin-top: 30px
}

.quote-icons h5 {
	color: #ddd;
	margin-bottom: 20px
}

.quote-icons ul li {
	display: inline-block
}

.quote-icons ul li a {
	color: #ddd;
	display: block;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
	margin-right: 5px;
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	border-radius: 50%
}

.quote-icons ul li a:hover {
	background: #f70101;
	border: 1px solid #f70101;
	color: #ddd
}

.appointment-wrapper .single-contact {
	width: 100%;
	float: none
}

.appointment-wrapper .quote-btn {
	background: #f70101;
	border: 1px solid #f70101;
	color: #fff;
	padding: 9px 20px;
	font-size: 18px;
	font-weight: 600;
	display: block;
	width: 140px;
	transition: .4s;
	border-radius: 3px
}

.appointment-wrapper .quote-btn:hover {
	background: #062241;
	border: 1px solid #fff
}

.appointment-wrapper .contact-icon {
	padding: 30px 0
}

.appointment-wrapper .help-block {
	margin-top: 15px;
	margin-bottom: 0
}

.appointment-wrapper .contact-form input[type=email],
.appointment-wrapper .contact-form input[type=text] {
	border: 1px solid #062241;
	border-radius: 3px;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px
}

.appointment-wrapper .contact-form textarea#message {
	border: 1px solid #062241;
	border-radius: 3px;
	height: 120px;
	padding: 20px;
	width: 100%
}

.header-area-3 .header-right-link .slice-btn,
.header-area-3.stick .header-right-link .slice-btn {
	padding: 18px 0
}

.header-area-4 .header-right-link .slice-btn,
.header-area-6 .header-right-link .slice-btn {
	color: #fff
}

body,
html {
	height: 100%
}

.floatleft {
	float: left
}

.floatright {
	float: right
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px
}

.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px
}

.aligncenter {
	display: block;
	margin: 0 auto 15px
}

a:focus {
	outline: 0 solid
}

img {
	max-width: 100%;
	height: auto
}

.fix {
	overflow: hidden
}

p {
	margin: 0 0 15px;
	color: #777;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px;
	color: #444; 
	font-family: geosansLight
}

h1 {
	font-size: 48px;
	line-height: 50px
}

h2 {
	font-size: 38px;
	line-height: 40px
}

h3 {
	font-size: 30px;
	line-height: 32px
}

h4 {
	font-size: 24px;
	line-height: 26px
}

h5 {
	font-size: 20px;
	line-height: 22px
}

h6 {
	font-size: 16px;
	line-height: 20px
}

a {
	transition: all .3s ease 0s;
	text-decoration: none
}

a:active,
a:hover {
	outline: 0 none
}

a:focus,
a:hover {
	color: #f70101;
	text-decoration: none
}

li{
    color:#777;
}

body {
	background: #fff none repeat scroll 0 0;
	color: #3e3a3a;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	text-align: left;
	overflow-x: hidden;
	line-height: 24px
}

#scrollUp {
	background: #000 none repeat scroll 0 0;
	border-radius: 2px;
	bottom: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	color: #fff;
	font-size: 20px;
	height: 34px;
	line-height: 30px;
	opacity: .6;
	right: 15px;
	text-align: center;
	transition: all .3s ease 0s;
	width: 34px
}

#scrollUp:hover {
	background: #f70101;
	opacity: 1
}

.clear {
	clear: both
}

ul {
	list-style: outside none none;
	margin: 0;
	padding: 0
}

button,
button[type=submit],
input,
input[type=date],
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	-moz-appearance: none;
	box-shadow: none!important
}

input:focus,
select:focus,
textarea:focus {
	outline: 0
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url(img/logo/preloader.gif) no-repeat center center
}

.navbar-collapse {
	padding-left: 0
}

::-moz-selection {
	background: #f70101;
	text-shadow: none
}

::selection {
	background: #f70101;
	text-shadow: none
}

.color {
	color: #f70101;
	font-weight: 700
}

.h1_head{
  font-size: 25px; 
  border-bottom: 1px solid;
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.area-padding {
	padding: 30px 0
}

.page-padding {
	padding: 120px 0 90px
}

.bg-color {
	background: #f9f9f9
}

:focus {
	outline: -webkit-focus-ring-color auto 0
}

.parallax-bg {
	position: relative
}

.parallax-bg:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #062241;
	opacity: .5;
	content: ""
}

.left-headline {
	margin-bottom: 40px
}

.left-headline h3 {
	font-size: 26px;
	max-width: 670px;
	line-height: 36px;
	font-weight: 700;
	text-transform: capitalize;
	position: relative
}

.white-headline {
	position: relative
}

.white-headline h3 {
	color: #fff
}

.project-headline.white-headline::after {
	position: absolute;
	left: 0;
	top: 5px;
	background: #fff!important;
	content: "";
	width: 5px;
	height: 90px;
	right: 0;
	margin: 0 auto
}

.color-bg {
	background: #062241!important
}

.center-head {
	text-align: center
}

.center-head {
	padding-bottom: 60px
}

.center-head h3 {
	max-width: 750px;
	font-size: 31px;
	line-height: 42px;
	margin: 0 auto 10px
}

.center-head::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 40px;
	width: 50px;
	right: 0;
	margin: 0 auto;
	height: 2px;
	background: #062241
}

.white-headline::after {
	background: #fff;
	position: absolute;
	content: "";
	left: 0;
	bottom: 25px;
	width: 50px;
	right: 0;
	margin: 0 auto;
	height: 2px
}

.white-headline p {
	color: #fff;
	max-width: 600px;
	letter-spacing: 1px;
	font-size: 16px;
	margin: 10px auto
}

.topbar-left ul li {
	display: inline-block
}

.topbar-area {
	background: #243559
}

.topbar-left ul li a {
	color: #ddd;
	display: block;
	font-weight: 500;
	margin-right: 15px;
	padding: 8px 0;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px
}

.topbar-left ul li a i {
	color: #f70101;
	font-size: 16px;
	padding-right: 7px
}

.top-social {
	text-align: right;
	padding: 8px 0;
	margin-left: 10px
}

span.share-link {
	float: left;
	color: #ddd;
	margin-left: 35%
}

.top-social ul li {
	display: inline-block
}

.top-social ul li a {
	color: #ddd;
	margin-left: 12px;
	display: block;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	line-height: 25px
}

.top-social ul li a:hover {
	color: #f70101
}

.slogan {
	margin-bottom: 0;
	padding: 16px 0;
	color: #fff;
	font-size: 16px
}

.header-area {
	background: #fff;
	box-shadow: 2px 2px 5px #ccc, 0 0 0 #ccc
}

.logo-bg {
	background: #f70101;
	z-index: 10
}

.logo-bg:after {
	content: "";
	position: absolute;
	right: -100px;
	top: 0;
	border-top: 100px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 100px solid #f70101;
	z-index: 10
}

.logo-bg:before {
	content: "";
	position: absolute;
	left: -90px;
	top: 0;
	background: #f70101;
	z-index: 10;
	width: 90px;
	height: 100%
}

.logo {
	display: block
}

.logo a {
	display: inline-block;
	height: auto;
	padding: 16px 0
}

.main-menu ul.navbar-nav li {
	float: left;
	position: relative
}

.main-menu ul.navbar-nav>li>a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	padding: 36px 0;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif;
	margin: 0 15px
}

.main-menu ul.navbar-nav li a:hover {
    font-weight:900;
	color: #f70101
}
.header-area-2 .main-menu ul.navbar-nav li:active {
    font-weight:900;
	color: #f70101 !important;
}

.main-menu ul.navbar-nav>li.active>a::before,
.main-menu ul.navbar-nav>li:hover>a:before {
	width: 100%
}

.main-menu ul.navbar-nav li.active a:focus {
	color: #333
}

.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #f70101;
	position: relative;
	z-index: 9999999
}

.navbar {
	border: medium none;
	margin-bottom: 0
}

.navbar-default {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0
}

.main-menu ul.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: 0 0;
	color: #333
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	background-color: transparent;
	color: #000
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background: 0 0
}

.main-menu ul.nav li ul.sub-menu {
	background: #fff;
	border-top: 2px solid #f70101;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 115%;
	transition: all .3s ease 0s;
	visibility: hidden;
	width: 220px;
	z-index: -99
}

.pagess {
	position: relative
}

.navbar.navbar-default {
	float: right
}

.main-menu ul.nav li ul.sub-menu li {
	border-bottom: 1px solid #ddd;
	padding: 0;
	position: relative;
	width: 100%
}

.main-menu ul.nav li:hover ul.sub-menu {
	top: 92%;
	opacity: 1;
	z-index: 999;
	visibility: visible
}

.main-menu ul.nav li ul.sub-menu li a {
	color: #444;
	display: block;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 15px;
	text-transform: uppercase;
	font-family: Montserrat, sans-serif
}

.main-menu ul.nav li:hover ul.sub-menu li a:hover {
	color: #f70101
}

.main-menu ul.nav li ul.sub-menu li:last-child {
	border: none
}

.stick .header-search input,
.stick span.search-button i {
	color: #444
}

.search-option-5 button.button {
	display: inline-block;
	border: none;
	background: 0 0;
	padding: 0
}

.search-option {
	background: #fff none repeat scroll 0 0;
	bottom: -40px;
	color: #444;
	display: none;
	position: absolute;
	right: 20px;
	width: 260px;
	z-index: 99999;
	border-top: 2px solid #f70101
}

.search-option input {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	color: #444;
	display: block;
	float: left;
	font-size: 14px;
	font-style: italic;
	padding: 8px 10px;
	width: 210px;
	height: 44px
}

.search-option button.button {
	background: #f70101;
	border: medium none;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 17px;
	line-height: 35px;
	padding: 5px 15px;
	text-align: center
}

.header-right-link a.main-search {
	color: #444;
	display: inline-block;
	float: left;
	font-size: 18px;
	line-height: 39px;
	position: relative;
	padding: 26px 0 26px 10px
}

.header-area.stick {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
	box-shadow: 0 0 1px #ccc, -2px -2px 1px #ccc;
	background: #fff
}

.header-area.stick .logo a {
	display: inline-block;
	height: auto;
	padding: 16px 0
}

.header-area.stick .main-menu ul.navbar-nav li a {
	padding: 26px 0
}

.header-area.stick .quote-button {
	float: right;
	padding: 13px 5px
}

.header-area.stick .header-right-link a.main-search {
	padding: 21px 0 20px 10px
}

.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
	display: block;
	padding: 10px 15px
}

.header-area.stick .navbar-brand>img {
	display: block;
	/*width: 160px;*/
	height: auto
}

.header-area.stick .logo-bg:after {
	border-top: 76px solid transparent
}

.mobile-menu-area {
	background: #f9f9f9 none repeat scroll 0 0;
	padding: 10px 0
}

.mean-container .mean-bar::after {
	content: "";
	font-size: 21px;
	left: 5%;
	position: absolute;
	top: 12px;
	text-transform: uppercase;
	font-weight: 500
}

.mean-container a.meanmenu-reveal:hover {
	color: #252525
}

.mean-container .mean-nav ul {
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	width: 110%
}

.mean-container .mean-nav ul li a {
	background: #f8f8f8 none repeat scroll 0 0;
	color: #444;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: 700;
	margin: 0;
	padding: 13px 10px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 90%
}

.mean-nav ul li.mean-last {
	margin-bottom: 20px
}

.mean-container .mean-nav ul li a.mean-expand {
	color: #444;
	line-height: 17px
}

.mean-container .mean-nav ul li {
	width: 99.7%
}

.mobile-menu-area .header-right-link a.main-search {
	color: #444;
	display: inline-block;
	float: left;
	font-size: 18px;
	line-height: 25px;
	position: relative;
	padding: 0 0 0 10px
}

.mobile-menu-area .slice-btn {
	float: right;
	padding: 0;
	right: -5px
}

.mobile-menu-area .header-right-link {
	float: right;
	width: 50px;
	position: absolute;
	top: 12px;
	right: 0
}

.mean-container a.meanmenu-reveal {
	color: #252525;
	cursor: pointer;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px!important;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	padding: 6px 10px 11px;
	right: 0;
	text-decoration: none;
	text-indent: -9999em;
	top: 0;
	width: 30px
}

.mean-container .mean-bar {
	background: transparent none repeat scroll 0 0;
	float: left;
	min-height: 42px;
	padding: 4px 0 0;
	position: relative; 
	z-index: 999999
}

.mobile-menu-area .header-right-link .slice-btn span {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	cursor: pointer
}

.mobile-menu-area .search-option {
	background: #fff none repeat scroll 0 0;
	bottom: -60px;
	color: #444;
	display: none;
	position: absolute;
	right: 20px;
	width: 260px;
	z-index: 99999;
	border-top: 2px solid #f70101
}

.intro-content {
	position: relative;
	z-index: 1
}

.intro-content::after {
	/*background: rgba(10, 27, 40, .6) none repeat scroll 0 0;*/
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.slider-content {  
	text-align: left; 
	z-index: 3;
	left: 0;
	margin: 0 auto;
	margin-top: -170px
}

.layer-1 {
	margin: 0 0 20px
}

.layer-2 p {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	max-width: 600px;
	margin-bottom: 30px
}

.layer-1 h1 {
	color: #fff;
	font-size: 52px;
	line-height: 60px;
	text-transform: capitalize;
	margin: 0 0 20px;
	max-width: 710px
}

.ready-btn {
	border: 1px solid #f70101;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all .4s ease 0s;
	z-index: 222;
	background: #f70101;
	width: 160px;
	border-radius: 30px
}

.ready-btn:hover {
	color: #fff;
	background: #f70101;
	border: 2px solid #f70101;
	text-decoration: none
}

.ready-btn.right-btn {
	margin-left: 15px;
	background: 0 0;
	border: 2px solid #fff;
	color: #fff
}

.ready-btn.right-btn:hover {
	background: #f70101;
	border: 2px solid #f70101
}

.ready-btn.left-btn:hover {
	background: 0 0;
	border: 2px solid #fff;
	color: #fff
}

.layer-1-2 .color {
	color: #f70101;
	font-weight: 900
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
	color: #fff;
	font-size: 22px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-align: center;
	line-height: 48px;
	opacity: 0;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 50px
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
	left: 10%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	right: 10%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
	right: 2%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	opacity: 1
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
	left: 2%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	opacity: 1
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
	color: #fff;
	background: #f70101;
	border: 2px solid #f70101
}

.intro-carousel .owl-item .layer-1 {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out .3s
}

.intro-carousel .owl-item .layer-2 {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1s
}

.intro-carousel .owl-item .layer-3 {
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease-in-out 1.5s
}

.intro-carousel .owl-item.active .layer-1,
.intro-carousel .owl-item.active .layer-2,
.intro-carousel .owl-item.active .layer-3 {
	transform: translateY(0);
	opacity: 1
}

.intro-carousel .owl-item.active .slider-images img {
	transform: scale(1.1);
	transition: 10s
}

.all-services-top {
	margin-top: -30px
}

.well-services {
	padding: 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: 30px
}

.number {
	color: #eee;
	font-size: 200px;
	position: absolute;
	top: 85px;
	left: 50%;
	width: 100%;
	opacity: .4;
	font-weight: 700;
	z-index: -1
}

.well-icon {
	margin-bottom: 20px;
	display: block;
	float: none;
	width: auto;
	height: auto
}

.well-icon a {
	font-size: 60px;
	line-height: 60px;
	color: #f70101
}

.well-services .well-content h4 {
	font-size: 22px;
	line-height: 30px;
	transition: .4s;
	color: #ccc
}

.well-services:hover .well-content h4 {
	color: #f70101;
	transition: .4s
}

.about-content h3 {
	line-height: 34px;
	text-transform: capitalize;
	font-size: 26px;
	position: relative;
	font-weight: 800
}

.about-content p {
	font-size: 15px;
	letter-spacing: .4px;
	line-height: 24px;
	margin-bottom: 5px
}

.about-details {
	overflow: hidden;
	display: block;
	padding-top: 10px
}

.marker-list li {
	color: #777;
	padding-left: 30px;
	margin: 10px 0;
	position: relative;
	font-size: 15px
}

.marker-list li::after {
	position: absolute;
	content: "";
	left: 5px;
	top: 10px;
	background: #fff;
	width: 5px;
	height: 5px
}

.about-image {
	border-radius: 10px;
	position: relative;
	overflow: hidden
}

.about-image img {
	border-radius: 10px
}

.about-image::after {
	position: absolute;
	left: -200px;
	top: 180px;
	width: 800px;
	height: 100%;
	content: "";
	background: rgba(6, 34, 65, .8) none repeat scroll 0 0;
	transform: rotate(38deg)
}

.video-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	margin-top: -35px;
	text-align: center;
	z-index: 999
}

.video-play.vid-zone {
	background: #f70101;
	border-radius: 100%;
	display: inline-block;
	font-size: 34px;
	height: 100px;
	line-height: 96px;
	width: 100px;
	overflow: hidden;
	transition: .4s
}

.video-play.vid-zone i {
	color: #fff;
	margin-left: 5px
}

.video-play.vid-zone:hover {
	background: #fff;
	color: #f70101;
	transition: .4s
}

.video-play.vid-zone:hover i {
	color: #f70101
}

.all-services {
	margin-top: -30px;
	overflow: hidden;
	display: block
}

.single-service {
	position: relative;
	border: 1px solid #ddd;
	padding: 20px 20px 5px;
	margin-top: 30px;
	transition: .4s
}

.single-service:hover {
	border: 1px solid #062241;
	background: #062241;
	transition: .4s
}

.left-head {
	position: relative
}

.left-head h4 {
	font-size: 26px;
	line-height: 34px;
	text-transform: capitalize
}

.service-icon {
	float: left;
	margin-right: 20px
}

.service-icon i {
	font-size: 34px;
	color: #f70101
}

.service-text h4 {
	font-weight: 500;
	font-size: 20px
}

.single-service h4 {
	font-size: 20px;
	line-height: 28px
}

.single-service h4 a {
	color: #444
}

.single-service h4 a:hover {
	color: #f70101
}

.left-head p {
	font-size: 16px
}

.more-btn {
	border: 1px solid #f70101;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all .4s ease 0s;
	background: #f70101;
	width: 160px;
	border-radius: 30px;
	margin-top: 20px
}

.more-btn:hover {
	color: #fff;
	background: #062241;
	border: 1px solid #062241
}

.single-service:hover .service-text h4 a,
.single-service:hover .service-text p {
	color: #fff
}

.counter-area {
	position: relative
}

.fun-content {
	background: #062241;
	padding: 60px 50px;
	overflow: hidden
}

.fun-icon {
	float: left
}

.fun-icon i {
	font-size: 60px;
	line-height: 70px;
	color: #fff
}

.fun_text {
	padding-left: 75px
}

.fun_text span {
	display: block;
	font-size: 44px;
	font-weight: 700;
	line-height: 40px;
	color: #ddd;
	margin: 5px 0
}

.fun_text>h5 {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0
}

.project-headline {
	position: relative
}

.project-headline::after {
	position: absolute;
	left: 0;
	top: 5px;
	background: #062241;
	content: "";
	width: 5px;
	height: 90px;
	right: 0;
	margin: 0 auto
}

.project-headline h3 {
	font-size: 29px;
	width: 50%;
	line-height: 36px;
	font-weight: 700;
	text-transform: inherit;
	margin-bottom: 40px;
	float: left;
	padding-right: 30px
}

.project-headline p {
	width: 50%;
	float: left;
	padding-left: 30px
}

.project-single {
	width: 33.33%;
	float: left
}

.all-padding {
	padding: 15px
}

.single-awesome-project {
	overflow: hidden
}

.awesome-img {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}

.awesome-img img {
	transform: scale(1.1);
	transition: .5s
}

.single-awesome-project:hover .awesome-img img {
	transform: scale(1);
	transition: .5s
}

.awesome-img>a {
	display: block;
	position: relative
}

.add-actions {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 10%;
	transition: all .4s ease 0s;
	width: 100%;
	z-index: 9;
	padding: 30px
}

.project-dec {
	display: inline-block
}

.project-dec h5 {
	color: #fff;
	font-size: 18px;
	text-decoration: none
}

.project-dec p {
	color: #fff;
	font-size: 15px
}

.project-dec span {
	color: #fff;
	background: #f70101;
	margin-bottom: 15px;
	display: inline-block;
	padding: 0 5px;
	font-weight: 700;
	font-size: 14px
}

.opacity-text {
	opacity: 0
}

.awesome-menu {
	padding-top: 10px
}

.single-awesome-project:hover .opacity-text {
	opacity: 1
}

.single-awesome-project:hover .awesome-img::after {
	background: rgba(6, 34, 65, .95) none repeat scroll 0 0;
	transition: all .5s ease 0s
}

.single-awesome-project:hover .add-actions {
	top: 5%;
	transition: all .5s ease 0s
}

.know-more-btn {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	background: 0 0!important;
	padding: 0!important
}

.know-more-btn:hover,
.project-dec h5:hover {
	color: #f70101
}

.quote-area {
	position: relative;
	background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll top right/cover
}

.quote-all {
	background: #062241
}

.sub-head h4 {
	text-transform: capitalize;
	font-size: 26px;
	margin-bottom: 30px
}

.contact-icon {
	display: block;
	overflow: hidden
}

.single-contact {
	float: left
}

.single-contact h5 {
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 15px
}

.single-contact a {
	display: block;
	margin-bottom: 10px
}

.single-contact a i {
	float: left;
	color: #f70101;
	font-size: 18px;
	padding-right: 20px;
	line-height: 24px
}

.single-contact span {
	color: #fff
}

.form-row {
	margin-top: 30px
}

.quote-contact {
	padding: 0 100px
}

.quote-area #contactForm input {
	border-radius: 0;
	height: 45px;
	margin-bottom: 15px
}

.quote-area .white-headline::after {
	display: none
}

.quote-area .contact-form textarea.form-control {
	height: 104px;
	border-radius: 0;
	margin-bottom: 15px
}

.quote-area .quote-btn {
	background: #f70101;
	border: 1px solid #f70101;
	color: #fff;
	padding: 9px 20px;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	width: 100%;
	transition: .4s
}

.quote-area .quote-btn:hover {
	background: #062241;
	border: 1px solid #f70101;
	transition: .4s
}

.quote-area #contactForm .col-md-6 {
	padding-left: 7.5px;
	padding-right: 7.5px
}

.testimonial-area {
	background: #fff
}

.single-testi {
	padding: 30px 20px;
	position: relative;
	border: 1px solid #908989
}

.testi-img {
	float: left;
	margin-right: 15px
}

.testi-img img {
	width: 100%;
	max-width: 120px;
	height: auto;
	border-radius: 50%;
	float: left;
	border: 4px solid #f70101
}

.testi-text {
	padding-left: 100px
}

.texti-name {
	margin-top: 15px;
	display: inline-block
}

.texti-name h4 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 0
}

.guest-rev a {
	color: #444;
	font-size: 14px
}

.testi-text p {
	color: #444;
	margin-bottom: 0
}

.Reviews-content {
	margin-top: -30px
}

.testimonial-carousel.item-indicator {
	padding: 30px 0 50px
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
	background: #444 none repeat scroll 0 0;
	display: inline-block;
	height: 8px;
	width: 8px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	border-radius: 50%
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
	bottom: 0;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute
}

.testimonial-content {
	margin-bottom: 15px
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
	display: inline-block;
	margin: 0 3px
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
	background: #f70101
}

.reviews-page .single-testi {
	margin-bottom: 30px
}

.banner-content {
	background: #062241;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.brand-items {
	display: block;
	margin-top: 30px;
	overflow: hidden;
	padding: 0 60px
}

.brand-items h4 {
	color: #fff;
	font-size: 26px;
	line-height: 32px;
	font-weight: 600;
	text-align: center
}

.brand-items {
	padding: 0 30px
}

.single-brand-item {
	float: left;
	width: 20%;
	padding: 0 10px
}

.single-brand-item a {
	display: block
}

.banner-btn {
	border: 2px solid #f70101;
	display: inline-block;
	padding: 10px 20px;
	color: #fff !important;
	font-weight: 600;
	font-size: 20px;
	background: #f70101;
	border-radius: 10px;
	margin-top: 40px
}

.banner-btn:hover {
    background: 0 0;
    border: 2px solid #f70101;
    color: #f70101 !important;
}

.banner-content h3 {
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	max-width: 750px;
	line-height: 36px;
	font-weight: 600
}

.blog-area {
	position: relative
}

.blog-image {
	overflow: hidden;
	display: block
}

.blog-grid {
	margin-top: -30px
}

.blog-content {
	background: #fff;
	padding: 20px 20px 30px
}

.blog-content a h4 {
	font-size: 20px;
	text-transform: inherit;
	font-weight: 600;
	color: #444;
	line-height: 28px;
	margin: 10px 0
}

.blog-meta {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	display: block
}

.blog-meta span {
	color: #444;
	font-size: 14px;
	font-weight: 700;
	padding-right: 10px
}

.blog-content a h4:hover {
	color: #f70101
}

.single-blog {
	margin-top: 30px;
	box-shadow: 1px 1px 20px #f3f3f3, -1px -1px 20px #f3f3f3;
	position: relative
}

.read-more {
	color: #444;
	display: inline-block;
	font-weight: 700;
	border-top: 1px solid #ddd;
	display: block;
	padding-top: 10px
}

.blog-content p {
	color: #444;
	font-size: 15px
}

.footer-1 {
	background: url(img/background/f1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	background-attachment: scroll
}

.footer-1 {
	position: relative;
	z-index: 1
}

.footer-1::after {
	background: rgba(10, 24, 40, .9) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.footer-area {
	position: relative
}

.footer-about-top {
	position: relative;
	background: #0a1828;
	padding: 91px 30px;
	top: -90px;
	margin-bottom: -190px
}

.footer-logo {
	margin-bottom: 15px
}

.footer-head p {
	color: #8a8686
}

.footer-head h4 {
	color: #8a8686;
	font-size: 18px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 700
}

.footer-services-link ul.footer-list {
	/*width: 50%;*/
	float: left;
	padding:10px;
}

.footer-icons ul li {
	display: inline-block
}

.footer-icons ul li a {
	color: #8a8686;
	display: block;
	font-size: 20px;
	line-height: 38px;
	text-align: center;
	margin-right: 5px;
	width: 40px;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 50%
}

.footer-icons ul li a:hover {
	color: #fff;
	background: #f70101;
	border: 1px solid #f70101
}

.footer-icons {
	margin-top: 30px;
	display: inline-block
}

.footer-icons h5 {
	color: #ddd
}

.suscribe-input input {
	background: 0 0;
	border: medium none;
	color: #ddd;
	font-size: 15px;
	line-height: 24px;
	padding: 11px 15px;
	height: 42px;
	border-radius: 0;
	width: 100%;
	border: 1px solid #777
}

.suscribe-input button {
	background: #f70101;
	border: 1px solid #f70101;
	color: #fff;
	font-size: 16px;
	padding: 8px 20px;
	border-radius: 3px;
	transition: .4s;
	margin-top: 15px;
	text-transform: capitalize;
	font-weight: 700
}

.suscribe-input button:hover {
	background: #062241;
	border: 1px solid #062241;
	color: #fff;
	transition: .4s
}

.footer-contacts p span {
	color: #f70101;
	font-weight: 700
}

.footer-content {
	display: block;
	overflow: hidden
}

.footer-list li a {
	color: #8a8686;
	padding: 4px 0 4px 19px;
	display: block;
	position: relative;
	font-weight: 500;
	border-bottom: 1px solid #dcd8d8;
}

.footer-list li:first-child a {
	padding-top: 0
}

.footer-list li:last-child a {
	padding-bottom: 0
}

.footer-list li a::after {
	position: absolute;
	content: "\e876";
	right: auto;
	top: 4px;
	font-family: corpoter;
	font-size: 11px;
	left: 0
}

.footer-list li a:hover {
	color: #f70101
}

.footer-area-bottom {
	background: #0a1828;
	padding: 25px 0
}

.copyright-text a:hover {
	text-decoration: underline;
	color: #f70101
}

.copyright-text a {
	color: #ddd
}

.copyright>p {
	margin-bottom: 0;
	color:#fff
}

.copyright a {
	color: #fff;
    font-weight: bold;
}

.header-two {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 999;
	box-shadow: 0px 0px 1px #9c9494;
}

.topbar-area-2 {
	background: #062241
}

.header-area-2 {
	background: rgb(255 255 255) none repeat scroll 0 0;
	box-shadow: none
}

.topbar-area-2 .topbar-left ul li a {
	color: #fff
}

.header-area-2 .main-menu ul.navbar-nav li a {
	color: #2c363e
}

.header-area-2 .main-menu ul.navbar-nav li a:hover {
	color: #f70101
}

.header-area-2 .header-right-link a.main-search {
	color: #fff
}

.header-area-2.stick {
	background: #ffffff;
	box-shadow: 0 0 1px #666, -2px -2px 1px #666
}

.intro-2 .layer-1 h1 {
	margin: 0 auto 20px;
	max-width: 850px
}

.intro-2 .layer-2 p {
	max-width: 700px;
	margin: 0 auto 30px
}

.intro-2 .slider-content {
	margin-top: -100px
}

.welcome-2 .well-services {
	padding: 30px 20px;
	text-align: center;
	z-index: 1
}

.welcome-2 .well-services::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 2px;
	background: #062241;
	content: "";
	transition: .5s;
	z-index: -1
}

.welcome-2 .number {
	display: none
}

.welcome-2 .well-icon a {
	font-size: 40px;
	line-height: 52px;
	width: 60px;
	height: 60px;
	border: 3px solid #f70101;
	color: #f70101;
	display: inline-block;
	border-radius: 5px
}

.welcome-2 .well-services:hover::after {
	width: 100%;
	height: 100%;
	background: #062241;
	transition: .5s
}

.welcome-2 .well-services:hover .well-content h4,
.welcome-2 .well-services:hover .well-content p {
	color: #fff
}

.about-2 {
	background: url(img/startup-edge1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	background-attachment: scroll
}

.about-2 .about-content {
	background: #062241;
	padding: 80px 80px 80px 50px
}

.about-2 .about-content h3,
.about-2 .about-content p {
	color: #fff
}

.about-2 .about-content {
	background: #062241;
	padding: 80px 70px 80px 50px;
	overflow: hidden
}

.about-2 .about-image {
	overflow: initial;
	width: 100%;
	height: 100%;
	position: relative
}

.about-2 .about-image::after {
	display: none
}

.about-2 .video-content {
	display: none;
	position: relative;
	top: 200px;
	text-align: center
}

.single-about {
	width: 33.33%;
	float: left
}

.about-company {
	margin-top: 50px;
	display: block;
	overflow: hidden
}

span.about-icon {
	font-size: 60px;
	line-height: 60px;
	color: #fff;
	float: left;
	margin-right: 15px
}

span.about-text {
	font-size: 19px;
	font-weight: 700;
	color: #fff
}

.choose-area {
	position: relative
}

.choose-images {
	width: 80px;
	float: left;
	height: 80px;
	font-size: 32px;
	color: #f70101;
	border: 1px solid #ccc;
	margin-right: 15px;
	line-height: 75px;
	text-align: center;
	border-radius: 50%
}

.single-choose {
	display: block;
	margin-top: 30px
}

.choose-content {
	padding-left: 80px
}

.choose-content h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 10px
}

.choose-content h4 a {
	color: #444
}

.choose-content h4 a:hover {
	color: #f70101
}

.choose-content p {
	color: #666
}

.project-area.project-2 {
	background: #062241
}

.project-carousel .project-single {
	width: 100%;
	float: none
}

.project-carousel .add-actions {
	top: 60%;
	padding: 30px 20px
}

.blog-right-column .blog-image {
	overflow: hidden;
	float: left;
	width: 35%
}

.blog-right-column .blog-content {
	background: #fff;
	float: left;
	height: 100%;
	width: 65%;
	padding: 0 20px;
	min-height: 136px
}

.blog-right-column .single-blog {
	overflow: hidden
}

.footer-2 {
	background: #fff; 
}

.footer-2 .footer-about-top {
	background: #0a1828
}

.footer-2 .footer-area-bottom {
	background: red
}

.header-area-3 {
	background: #fff;
	border-top: 1px solid #ccc;
	box-shadow: none
}

.header-middle-area .header-info {
	width: 33.33%;
	float: left;
	padding: 25px 0
}

.header-middle-area .header-info-text span {
	display: block;
	font-size: 14px
}

.header-middle-area .info-simple {
	font-weight: 700;
	color: #777;
	font-size: 12px
}

.header-middle-area .header-icon {
	float: left;
	margin-right: 10px
}

.header-middle-area .logo a {
	padding: 19px 0
}

.header-icon i {
	color: #fff;
	font-size: 22px;
	line-height: 38px;
	width: 40px;
	height: 40px;
	background: #f70101;
	text-align: center;
	border-radius: 3px
}

.info-first {
	font-weight: 700;
	color: #444
}

.header-area-3.stick {
	background: #fff
}

.header-area-3 .navbar.navbar-default {
	float: left
}

.header-area-3 .main-menu ul.navbar-nav li a {
	padding: 20px 15px;
	color: #444;
	margin: 0
}

.header-area-3.stick .main-menu ul.navbar-nav li a {
	padding: 20px 15px
}

.header-area-3 .main-menu ul.navbar-nav li.active>a,
.header-area-3 .main-menu ul.navbar-nav>li>a:hover {
	color: #f70101
}

.header-area-3 .header-right-link a.main-search {
	padding: 10px 0 10px 10px
}

.header-area-3.stick .header-right-link a.main-search {
	padding: 10px 0 10px 10px
}

.intro-3 .layer-1 h1 {
	text-transform: uppercase
}

.welcome-3 .well-services {
	background: #062241;
	padding: 40px 30px 25px
}

.welcome-3 .number {
	font-size: 150px;
	top: 67px;
	left: 71%;
	opacity: .1
}

.welcome-3 .well-services .well-content h4,
.welcome-3 .well-services .well-content p {
	color: #fff
}

.welcome-3 .well-icon {
	margin-bottom: 0;
	display: inline-block;
	float: left;
	margin-right: 20px
}

.single-service {
	background: #fff
}

.counter-2 .fun-icon {
	float: none;
	display: block;
	text-align: center;
	position: relative
}

.counter-2 .fun-icon::after {
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 70px;
	height: 3px;
	border: 2px dotted #ddd;
	content: "";
	right: 0;
	margin: 0 auto
}

.counter-2 .fun-icon i {
	font-size: 50px;
	line-height: 50px;
	color: #fff
}

.counter-2 .fun_text {
	padding-left: 0;
	text-align: center;
	padding-top: 30px
}

.counter-2 .fun_text span {
	margin: 15px 0
}

.counter-2 {
	background: #062241;
	overflow: hidden
}

.project-3 .project-single {
	width: 50%;
	float: left
}

.project-3 .awesome-img img {
	width: 50%;
	height: auto
}

.project-3 .add-actions {
	left: 39%;
	top: 13%;
	background: #fff;
	width: 60%;
	height: auto;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}

.project-3 .opacity-text {
	opacity: 1
}

.project-3 .awesome-img img {
	transform: scale(1)
}

.project-3 .awesome-img::after {
	display: none
}

.project-3 .single-awesome-project:hover .awesome-img::after {
	display: none
}

.project-3 .know-more-btn,
.project-3 .project-dec h5,
.project-3 .project-dec p {
	color: #444
}

.about-3 .about-image::after {
	display: none
}

.about-3 .about-image,
.about-3 .about-image img {
	border-radius: 0
}

.about-3 .about-content h3 {
	line-height: 40px;
	font-size: 26px;
	position: relative;
	font-weight: 700;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
	text-transform: inherit
}

.about-3 .about-content {
	position: relative;
	padding: 20px 0 0 30px
}

.about-sign {
	display: block;
	margin-top: 30px
}

.signature {
	float: right
}

.sign-date {
	float: left
}

.sign-date span {
	color: #444;
	font-weight: 600;
	font-size: 22px
}

.sign-name {
	display: block;
	color: #444;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px
}

span.sign {
	display: block;
	width: 150px;
	height: auto
}

.blog-3 .single-blog {
	position: relative
}

.blog-3 .blog-content {
	background: rgba(17, 17, 17, .8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: none;
	padding: 20px
}

.blog-3 .blog-content a h4,
.blog-3 .blog-content p,
.blog-3 .blog-meta span {
	color: #fff
}

.blog-3 .blog-content a h4:hover {
	color: #f70101
}

.blog-3 .blog-meta {
	border-bottom: 1px solid #777
}

.footer-3 {
	background: url(img/background/f1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	background-attachment: scroll;
	position: relative;
	z-index: 1
}

.footer-3::after {
	background: rgba(17, 17, 17, .94) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.footer-3 .footer-area-bottom {
	background: #111
}

.footer-3 .footer-about-top {
	background: #111
}

.project-3 .know-more-btn:hover {
	color: #f70101
}

.header-four {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 999
}

.topbar-area-4 {
	background: #062241
}

.header-area-4 {
	background: 0 0;
	box-shadow: none
}

.topbar-area-4 .topbar-left ul li a {
	color: #fff
}

.header-area-4 .main-menu ul.navbar-nav li a {
	color: #fff
}

.header-area-4 .main-menu ul.navbar-nav li a:hover {
	color: #f70101
}

.header-area-4 .header-right-link a.main-search {
	color: #fff
}

.header-area-4.stick {
	background: #062241
}

.intro-4 .slider-content {
	position: absolute;
	text-align: right;
	margin-top: -125px
}

.intro-4 .slide-layer {
	max-width: 700px;
	float: right
}

.intro-4 .layer-1 h1 {
	text-transform: uppercase
}

.intro-4 .layer-2 p {
	max-width: inherit
}

.welcome-4 .well-icon {
	margin-bottom: 0;
	display: inline-block;
	float: left;
	margin-right: 20px
}

.welcome-4 .number {
	font-size: 150px;
	top: 67px;
	left: 71%;
	opacity: .6
}

.service-images {
	display: block;
	margin-bottom: 30px
}

.project-menu li {
	float: left
}

.project-menu li a {
	color: #fff;
	display: block;
	font-size: 13px;
	padding: 10px 9px;
	font-weight: 700;
	transition: all .3s ease 0s;
	letter-spacing: 1px
}

.project-menu li a.active {
	background: #ffb01b;
	color: #fff;
	text-decoration: none
}

.project-menu {
	background: #062241;
	margin: 0 auto 30px;
	display: block;
	overflow: hidden
}

.project-menu li a:hover {
	text-decoration: none;
	background: #ffb01b
}

.project-4 .opacity-text {
	display: none
}

.blog-4 .blog-meta {
	border-bottom: none;
	padding: 6px;
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	background: #ffb01b;
	text-align: center;
	width: 60px;
	height: 60px
}

.blog-4 .blog-meta span {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding-right: 0;
	line-height: 20px
}

.blog-4 .blog-content {
	background: #fff;
	padding: 15px 20px
}

.footer-4 {
	background: #f4f8fb
}

.footer-4 .footer-about-top {
	background: 0 0
}

.footer-4 .footer-head h4,
.footer-4 .footer-head p,
.footer-4 .footer-icons h5,
.footer-4 .footer-icons ul li a,
.footer-4 .footer-list li a {
	color: #666
}

.pt{
        padding-top: 100px;
}

 .p-1{
      padding: 1rem;
     
 }
.footer-4 .footer-list li a:hover {
	color: #ffb01b
}

.footer-4 .footer-icons ul li a:hover {
	color: #fff
}

.faq-area {
	background: rgba(0, 0, 0, 0) url(img/background/bg1.jpg) no-repeat scroll top center/cover
}

.company-faq {
	padding: 12% 17% 12% 7%;
	display: block;
	overflow: hidden;
	background: #fff
}

.faq-details .panel-heading {
	padding: 0
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: none;
	border-radius: 4px
}

.panel-default {
	border-color: #ddd;
	border-radius: 0!important
}

.panel-group .panel+.panel {
	margin-top: 10px
}

.panel-default>.panel-heading {
	color: #666
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #f5f5f5;
	background: #fff
}

.faq-details h4.check-title a {
	color: #666;
	display: block;
	font-weight: 500;
	padding: 10px 10px 10px 45px;
	text-decoration: none;
	background: #fff
}

.panel-body {
	padding: 15px 15px 0 45px
}

.faq-details h4.check-title {
	color: #666;
	font-size: 16px;
	margin-bottom: 0;
	text-transform: capitalize
}

.faq-details .panel-heading h4 a {
	position: relative
}

.faq-details .panel-heading h4 a::before {
	color: #666;
	content: "\e87a ";
	font-family: corpoter;
	font-size: 16px;
	left: 0;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 50px;
	height: 100%
}

.faq-details .panel-heading h4 a.active::before {
	color: #ffb01b;
	content: "\e878";
	font-family: corpoter;
	font-size: 16px;
	left: 0;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 50px;
	height: 100%
}

.faq-details .panel-heading h4 a.active {
	color: #444;
	background: #fff
}

.faq-area .col-md-6 {
	padding-left: 0;
	padding-right: 0
}

.intro-5 .layer-1 h1 {
	text-transform: uppercase;
	margin: 0 auto 20px;
	max-width: 940px;
	line-height: 66px
}

.intro-5 .slider-content {
	margin-top: -150px
}

.intro-5 .layer-2 p {
	max-width: 700px;
	margin: 0 auto 30px
}

.services-5 .single-service {
	border: none;
	padding: 0
}

.services-5 .service-content {
	padding: 0 20px 20px
}

.services-5 .service-icon {
	float: left;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	background: #ffb01b;
	text-align: center;
	line-height: 58px;
	border-radius: 5px
}

.services-5 .service-icon i {
	color: #fff
}

.services-5 .service-images {
	display: block;
	margin-bottom: 20px
}

.services-5 .single-service h4 {
	font-size: 20px;
	line-height: 28px;
	padding: 15px 0
}

.team-wraper {
	display: block;
	padding-top: 15px
}

.team-img {
	width: 50%;
	float: left
}

.team-content {
	width: 50%;
	float: left;
	padding: 30px 10px 10px 20px;
	background: #041d39;
	height: 100%;
	min-height: 348px
}

.team-data h4,
.team-data span,
.team-text p {
	color: #fff
}

.team-data {
	display: block;
	margin-bottom: 20px
}

.team-data h4 {
	margin-bottom: 5px
}

.team-social ul li {
	display: inline-block
}

.team-social ul li a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	margin-right: 5px;
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	border-radius: 50%
}

.team-social ul li a:hover {
	background: #ffb01b;
	border: 1px solid #ffb01b
}

.footer-5 {
	background: url(img/background/f1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	background-attachment: scroll
}

.footer-5 {
	position: relative;
	z-index: 1
}

.footer-5::after {
	background: rgba(255, 255, 255, .95) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1
}

.footer-5 .footer-about-top {
	background: #fff
}

.footer-5 .footer-head h4,
.footer-5 .footer-head p,
.footer-5 .footer-icons h5,
.footer-5 .footer-icons ul li a,
.footer-5 .footer-list li a {
	color: #444
}

.footer-5 .footer-list li a:hover {
	color: #ffb01b
}

.footer-5 .footer-icons ul li a:hover {
	color: #fff
}

.header-six {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 999
}

.topbar-area-6 {
	background: 0 0
}

.header-area-6 {
	background: 0 0;
	box-shadow: none;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

.topbar-area-6 .topbar-left ul li a {
	color: #fff
}

.header-area-6 .main-menu ul.navbar-nav li a {
	color: #fff
}

.header-area-6 .main-menu ul.navbar-nav li a:hover {
	color: #f70101
}

.header-area-6 .header-right-link a.main-search {
	color: #fff
}

.header-area-6.stick {
	background: #062241
}

.intro-6 .layer-1 h1 {
	font-size: 54px;
	line-height: 66px;
	text-transform: uppercase;
	max-width: 966px
}

.intro-6 .layer-2 p {
	max-width: 720px
}

.intro-6 .slider-content {
	margin-top: -100px
}

.welcome-6 .well-services {
	padding: 50px 40px 30px;
	text-align: center
}

.welcome-2.welcome-6 .well-icon a {
	border: none;
	font-size: 60px
}

.footer-6 {
	background: #ddd
}

.page-area {
	position: relative
}

.page-area {
	background: url(img/background/b.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center
}

.breadcumb-overlay {
	position: absolute;
	background:#c22f09de none repeat scroll 0 0;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%
}

.breadcrumb {
	padding: 60px 0 40px;
	background-color: transparent;
	margin-bottom: 0
}

.breadcrumb-bg {
	position: relative;
	top: 70px;
	background: red;
	border-radius: 5px;
	padding: 22px 30px;
	z-index: 99;
	max-width: 80%;
	margin: 0 auto
}

.breadcrumb .section-headline h3 {
	font-size: 38px;
	letter-spacing: 2px;
	line-height: 42px;
	text-transform: uppercase;
	position: relative;
	top: 25px;
	font-weight: 800
}

.breadcrumb .section-headline {
	padding-bottom: 0
}

.breadcrumb .section-headline h3::after {
	display: none
}

.breadcrumb ul li {
	display: inline-block;
	color: #f3f0ff;
	padding: 0 10px 0 20px;
	position: relative;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 700
}

.breadcrumb ul li.home-bread {
	padding-left: 0
}

.breadcrumb ul li.home-bread::after {
	position: absolute;
	content: "\f105";
	font-family: fontAwesome;
	right: -10px;
	top: 0
}

.breadcrumb .section-headline::after {
	display: none
}

.feature-about {
	border: 1px solid #ccc;
	padding: 20px 35px;
	display: block;
	position: relative;
	text-align: center
}

.feature-icon {
	display: block
}

.feature-icon i {
	font-size: 40px;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	display: inline-block;
	text-align: center;
	line-height: 80px;
	position: relative;
	top: -60px;
	background: #fff;
	color: #f70101;
	border-radius: 50%;
	transition: .4s
}

.feature-text {
	margin-top: -25px
}

.feature-text p {
	font-size: 16px
}

.feature-about:hover .feature-icon i {
	border: 1px solid #f70101;
	background: #f70101;
	color: #fff;
	transition: .4s
}

.team-page-area .team-inner {
	margin-top: -30px
}

.review-inner .single-testi,
.team-page-area .single-team {
	margin-top: 30px
}

.about-feature {
	margin-top: -60px
}

.feature-about {
	margin-top: 60px
}

.faq-page-area .faq-content {
	background: #f9f9f9;
	padding: 6% 10%;
	border-radius: 5px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, .1)
}

.faq-page-area .contact-form input[type=email],
.faq-page-area .contact-form input[type=text] {
	border: 1px solid #ccc;
	border-radius: 0;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px;
	width: 100%
}

.faq-page-area .faq-content .contact-form textarea#message {
	height: 135px
}

.faq-page-area .quote-btn {
	font-weight: 600;
	color: #fff;
	background: #f70101;
	display: inline-block;
	border: 2px solid #f70101;
	padding: 10px 20px;
	width: 134px;
	text-transform: uppercase;
	border-radius: 3px;
	transition: .4s;
	margin-top: 10px
}

.faq-page-area .quote-btn:hover {
	background: #062241;
	border: 2px solid #062241;
	color: #fff;
	transition: .4s
}

.faq-page-area .company-faq {
	padding: 0
}

.error-easy-text {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px
}

.high-text {
	font-size: 230px;
	line-height: 200px;
	margin-bottom: 40px
}

.error-bot {
	font-size: 24px
}

.error-btn {
	background: #f70101;
	border: 1px solid #f70101;
	color: #fff;
	font-size: 16px;
	padding: 12px 20px;
	transition: .4s;
	margin-top: 15px;
	text-transform: capitalize;
	margin-top: 30px;
	display: inline-block;
	font-weight: 700;
	border-radius: 5px
}

.error-btn:hover {
	background: #062241;
	border: 1px solid #062241;
	color: #fff
}

.high-text span,
.high-text span img {
	width: 200px;
	height: 200px
}

.high-text span {
	margin-left: -60px
}

.high-text span img {
	margin: 0 10px
}

.contact-head {
	background: #f4f8fb;
	padding: 40px 30px
}

.contact-head h3 {
	font-weight: 600;
	font-size: 26px
}

.contact-inner a i {
	color: #f70101;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	margin-right: 15px;
	border-radius: 50%
}

.contact-inner a {
	color: #666;
	font-size: 16px;
	display: block
}

.contact-head p {
	font-size: 16px
}

.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form select,
input[type=text]  ,input[type=tel]{
	border: 1px solid #ccc;
	border-radius: 0;
	height: 44px;
	margin-bottom: 15px;
	padding-left: 20px;
	width: 100%
}

.contact-form textarea#message {
	border: 1px solid #ccc;
	border-radius: 0;
	height: 180px;
	padding: 20px;
	width: 100%
}

.contact-page .contact-btn {
	background: #f70101;
	border: 2px solid #f70101;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 40px;
	transition: .4s;
	width: auto;
	float: left;
	text-transform: uppercase;
	border-radius: 2px;
	font-weight: 700
}

.contact-page .contact-btn:hover {
	background: 0 0;
	border: 2px solid #f70101;
	color: #f70101;
	transition: .4s
}

.map-area {
	padding-top: 120px
}

.contact-page .single-contact h5,
.contact-page .single-contact span {
	color: #444
}

.project-page-2 .project-single {
	width: 50%;
	float: left
}

.project-page-3 .project-single {
	width: 33.33%;
	float: left
}

.project-page-4 .project-single {
	width: 25%;
	float: left
}

.blog-page-area .single-blog {
	padding: 5px;
	background: #fff
}

.blog-page-area .blog-content {
	padding: 10px 15px 20px
}

.blog-search-option input {
	padding: 5px 15px;
	width: 80%;
	border: none;
	height: 42px;
	background: 0 0
}

.blog-search-option {
	margin-bottom: 30px;
	display: block;
	border: 1px solid #ccc
}

.blog-search-option button {
	background: 0 0;
	border: none
}

.blog-search-option button i {
	line-height: 16px;
	font-size: 20px;
	padding: 0 10px
}

.blog-search-option button i:hover {
	color: #f70101
}

.left-blog h4 {
	position: relative;
	color: #444;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	padding: 15px 0;
	text-transform: capitalize
}

.left-blog h4::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #444
}

.left-blog {
	overflow: hidden;
	padding-bottom: 20px
}

.left-blog li {
	display: block
}

.left-blog ul li a {
	color: #444;
	display: block;
	font-size: 15px;
	padding: 10px 0 10px 25px;
	text-transform: capitalize;
	position: relative
}

.pst-content .date-type {
	font-size: 14px
}

.left-blog ul li a:before {
	position: absolute;
	content: "";
	left: 5px;
	top: 21px;
	background: #666;
	width: 5px;
	height: 5px
}

.popular-tag.left-blog ul li a:before {
	display: none
}

.recent-single-post {
	display: block;
	overflow: hidden;
	padding: 15px 0
}

.recent-single-post:last-child {
	border-bottom: none
}

.post-img {
	display: inline-block;
	float: left;
	padding-right: 10px;
	width: 35%
}

.pst-content {
	display: inline-block;
	float: left;
	width: 65%;
	padding-left: 10px
}

.pst-content p {
	margin-bottom: 0
}

.left-blog ul li a:hover,
.pst-content p a:hover {
	color: #f70101
}

.blog-page-area .blog-content {
	background: #f9f9f9
}

.pst-content p a {
	color: #444;
	font-size: 15px;
	font-weight: 600
}

.blog-tags {
	padding: 1px 0
}

.left-blog li:last-child {
	border-bottom: 0
}

.popular-tag.left-blog ul li a:hover {
	color: #fff
}

.popular-tag.left-side-tags.left-blog ul {
	padding: 0
}

.left-tags .left-side-tags ul li {
	border-bottom: 0;
	display: inline-block;
	margin: 5px 0
}

.left-tags .left-side-tags ul li a {
	padding: 5px 10px;
	width: auto;
	background: #f4f5f4;
	color: #444;
	border-radius: 3px;
	font-weight: 700;
	font-size: 14px
}

.left-tags .left-side-tags ul li a:hover {
	color: #f70101
}

.left-side-tags h4 {
	margin-bottom: 15px
}

.blog-side-area .blog-right-column {
	margin-top: -30px
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 50px 0 0;
	border-radius: 4px
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #444;
	background-color: #f4f5f5;
	border: none;
	margin-left: -1px;
	border-radius: 5px
}

.pagination>li {
	display: inline-block;
	margin: 0 3px 0 0
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	background-color: #f70101;
	cursor: default;
	border-radius: 5px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	z-index: 2;
	color: #fff;
	background-color: #f70101;
	border-color: #f70101;
	border-radius: 2px
}

.blog-left-content {
	margin-top: -30px
}

.comments-heading h3,
h3.comment-reply-title {
	border-bottom: 1px solid #ccc;
	color: #444;
	font-size: 18px;
	margin: 0 0 20px;
	padding: 0 0 5px;
	text-transform: capitalize
}

.comments-list ul li {
	margin-bottom: 25px
}

.comments-list-img {
	float: left;
	margin-right: 15px
}

.comments-content-wrap {
	color: #444;
	font-size: 14px;
	margin: 0 0 15px 80px;
	padding: 10px;
	position: relative
}

blockquote {
	padding: 10px 20px 10px 50px;
	margin: 0 0 20px;
	font-size: 15px;
	border-left: none;
	font-style: italic;
	position: relative
}

blockquote::before {
	position: absolute;
	top: 10px;
	left: 0;
	content: "\f10d ";
	font-family: fontawesome;
	font-size: 34px
}

blockquote p {
	font-size: 16px!important;
	line-height: 28px
}

.author-avatar {
	display: inline-block;
	float: left;
	width: 10%
}

.author-description h2 {
	color: #444;
	font-size: 20px;
	text-transform: uppercase
}

.author-description h2 a {
	color: #444
}

.comments-content-wrap span b {
	margin-right: 5px
}

span.post-time {
	margin-right: 5px
}

.comments-content-wrap p {
	color: #444;
	margin-top: 10px
}

li.threaded-comments {
	margin-left: 50px
}

.comment-respond {
	margin-top: 20px
}

span.email-notes {
	color: #444;
	display: block;
	font-size: 12px;
	margin-bottom: 10px
}

.comment-respond p {
	color: #444;
	margin-bottom: 5px
}

.comment-respond input[type=email],
.comment-respond input[type=text] {
	border: 1px solid #ccc;
	border-radius: 0;
	height: 32px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	width: 100%;
	background: 0 0
}

.comment-respond textarea#message-box {
	border: 1px solid #ccc;
	border-radius: 0;
	max-width: 100%;
	padding: 10px;
	height: 160px;
	width: 100%;
	background: 0 0
}

.comments-content-wrap span a {
	color: #f70101
}

.comments-content-wrap span a:hover {
	color: #f70101
}

.comment-respond .add-btn.contact-btn {
	background: #f70101;
	color: #fff;
	display: block;
	font-size: 16px;
	margin-top: 5px;
	padding: 10px 20px;
	transition: .4s;
	border-radius: 5px;
	width: auto!important;
	margin-top: 20px;
	border: 2px solid #f70101;
	text-transform: capitalize;
	font-weight: 600
}

.comment-respond .add-btn.contact-btn:hover {
	background: #062241;
	color: #fff;
	border: 2px solid #062241
}

.blog-page-details .left-blog-page {
	margin-top: 0;
	margin-bottom: 30px
}

.single-post-comments {
	margin-top: 30px
}

.left-head-blog .pst-content p {
	margin-bottom: 5px
}

.blog-details .blog-content h4 {
	font-size: 24px;
	line-height: 34px;
	margin-top: 10px;
	font-weight: 600
}
.blog-details img{
    width:100% !important;
    height: auto !important;
}
.blog-details p img{
    padding:15px 0;
    width:100% !important;
    height: auto !important;
}
.single-page-head {
	margin-bottom: 30px
}

.single-services-page p {
	color: #666;
	margin-bottom: 0
}

.left-contact h4 {
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 30px
}

.left-menu li {
	display: block;
	margin: 2px 0
}

.build-img .page-img {
	padding-bottom: 0
}

.left-menu ul li.active a {
	color: #f70101;
	position: relative
}

.left-menu ul li a:hover {
	color: #fff;
	background: #f70101
}

.left-menu ul li a {
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: 600;
	padding: 13px 20px;
	position: relative;
	text-decoration: none;
	text-transform: capitalize;
	background: #f4f4f4
}

.left-menu ul li a:hover::after,
.left-menu ul li.active a::after {
	position: absolute;
	right: 0;
	top: 0;
	background: #f70101;
	content: "";
	width: 3px;
	height: 100%
}

.down-btn i {
	font-size: 24px;
	float: right
}

.down-btn {
	border: 1px solid #062241;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 15px;
	padding: 12px 15px;
	text-align: left;
	transition: all .4s ease 0s;
	z-index: 222;
	background: #062241;
	width: 100%;
	position: relative;
	border-radius: 2px
}

.down-btn.apli {
	margin-bottom: 0
}

.down-btn:hover {
	color: #fff;
	background: #f70101;
	border: 1px solid #f70101
}

.single-page-head .clients-testi {
	padding: 20px 15px;
	background: #f4f4f4
}

.single-page-head .review-text {
	margin-top: 20px
}

.clients-testi .guest-rev,
.clients-testi .review-text a {
	color: #444
}

.clients-testi .single-review {
	border: none
}

.review-text h4 {
	font-size: 16px;
	margin-bottom: 0
}

.single-page-head .review-text p {
	color: #333;
	font-size: 15px;
	letter-spacing: .5px;
	font-style: italic
}

.single-page-head .review-img {
	margin-top: 0
}

.single-page-head .review-img img {
	border-radius: 50%;
	width: 80px;
	height: auto
}

.page-content h3 {
	font-weight: 600;
	padding: 15px 0 0
}

.single-page {
	overflow: hidden
}

.single-well h3 {
	margin-bottom: 15px
}

.single-well.last-part p {
	margin-bottom: 0
}

.service-list li {
	display: block;
	position: relative;
	padding-left: 30px;
	color: #444
}

.service-list li::before {
	position: absolute;
	left: 0;
	content: "\f00c";
	font-family: fontawesome;
	top: 0;
	color: #f70101
}

.single-page-head .service-btn {
	width: 100%;
	margin: 20px 0 0 0
}

.single-services-page .marker-list li {
	color: #444
}

.mar-row {
	margin-top: 50px
}

.feature-service i {
	font-size: 24px;
	width: 44px;
	height: 44px;
	background: #062241;
	border: 1px solid #062241;
	color: #fff;
	text-align: center;
	line-height: 42px;
	border-radius: 2px;
	float: left;
	margin-right: 15px
}

.feature-service h5 {
	font-size: 17px;
	font-weight: 600;
	max-width: 260px
}

.service-feature-content {
	margin-top: -30px
}

.service-feature-inner {
	margin-top: 30px
}

.project-page {
	padding: 90px 0 50px
}

.project-page .single-awesome-project {
	margin-bottom: 30px
}

.project-history h4 {
	color: #444;
	margin-bottom: 30px
}

.project-history {
	background: #f5f5f5;
	padding: 50px 30px
}

.project-name ul li {
	color: #444;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	margin: 10px 0
}

.project-name span {
	padding-right: 15px
}

.project-name span {
	padding-right: 15px;
	min-width: 127px;
	display: inline-block
}

.project-image.project-image-2 {
	margin-top: 20px
}

.project-details h4 {
	font-size: 26px;
	line-height: 32px
}

.project-details p {
	line-height: 26px
}

.project-share h5 {
	display: inline-block
}

.project-social {
	display: inline-block
}

.project-social li {
	display: inline-block;
	margin: 10px 5px
}

.project-social li a {
	color: #444;
	font-size: 18px
}

.project-social li a:hover {
	color: #f70101
}

.project-details .marker-list li {
	color: #444
}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
	color: #fff;
	font-size: 22px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-align: center;
	line-height: 48px;
	opacity: 0;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 50px
}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
	left: 10%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s
}

.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
	right: 10%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s
}

.project-carousel-2.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
	right: 2%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	opacity: 1
}

.project-carousel-2.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
	left: 2%;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	opacity: 1
}

.project-carousel-2.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.project-carousel-2.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
	color: #fff;
	background: #f70101;
	border: 2px solid #f70101
}

.uniquebg {
	background: #ffb01b;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
	border-radius: 20px
}

.uniquebgp {
	font-size: 11px;
	text-align: center;
	font-weight: 700;
	padding-top: 15px
}

.marginauto {
	margin: 0 auto
}

.textwhite {
	color: white;
}

.h1font {
	font-size: 25px;
	color: #716f6f;
	padding-bottom: 20px;
}

.h1fontbg {
	font-size: 40px;
	color: white;
	letter-spacing: 2px;
	line-height: 42px;
	text-transform: uppercase;
	position: relative;
	top: 25px;
}

.hreflink{
    font-weight: 800;
text-decoration: none;
color: #777;
}


.servicesListing .folded-corner:hover .text{
	visibility: visible;
	color: #fff !important;
}
.servicesListing .Services-tab{
	margin-top:20px;
	

}

/*
  nav link items
*/
.servicesListing .folded-corner{
  padding: 25px 25px;
  position: relative;
  font-size: 90%;
  text-decoration: none;
  color: #999; 
  background: transparent;
  transition: all ease .5s;
  border: 1px solid transparent;
}
.servicesListing .folded-corner:hover{
	background-color: rgba(31,181,172,.9);
	border: 1px solid transparent;
	color: #fff !important;
}
.servicesListing .folded-corner:hover p, .servicesListing .folded-corner:hover h3, .servicesListing .folded-corner:hover i{
 color: #fff !important;   
}

.servicesListing .folded-corner p, .servicesListing .folded-corner h3, .servicesListing .folded-corner i{
 color: #fff !important;   
}
.servicesListing .folded-corner a{
    color:blue;
    font-weight:500;
}
/*
  paper fold corner
*/

/*.servicesListing .folded-corner:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: 0;*/
/*  border-style: solid;*/
/*  border-width: 0 0px 0px 0;*/
/*  border-color: #ddd #000;*/
/*  transition: all ease .3s;*/
/*}*/

/*
  on li hover make paper fold larger
*/
.servicesListing .folded-corner:hover:before {
	background-color: #D00003;
  border-width: 0 50px 50px 0;
  border-color: #eee #000;
  
}

.servicesListing .service_tab_1{
	background: #FFF;
    display: block;
    border-radius: 1px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    box-sizing: border-box;
    height:470px;
    position:relative;
}

.servicesListing .service_tab_1 .dksbtn{
    position: absolute;
bottom: 15px;
left: 35%;
}
.servicesListing .service_tab_1:hover .fa-icon-image{
    color: #000;
    transform: rotate(360deg) scale(1.1);
}


.servicesListing .fa-icon-image{
    width:70px;
    height:70px;
	color: rgba(31,181,172,.9);
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    transition: all .65s linear 0s;
    text-align: center;
    transition: all 1s cubic-bezier(.99,.82,.11,1.41);
}

.servicesListing .border-btn-theme {
    border: 1px solid #fff;
    color:#fff !important;
}
.servicesListing .folded-corner:hover .border-btn-theme{
     border: 1px solid #fff !important;
     color:#000 !important;
}
.servicesListing .border-btn-theme:hover{
     border: 1px solid #fff ;
     color:#000 !important;
}
.theme-yellow {
    background-color: #E3CB1D !important;
}
		    .Keybenefits .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
        margin-left: 15px;
}
.Keybenefits .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.Keybenefits .panel-title > a:hover, 
.Keybenefits .panel-title > a:active, 
.Keybenefits .panel-title > a:focus  {
    text-decoration:none;
}
.Keybenefits .panel-body{
    padding-bottom:10px;
    padding-left:20px;
}



.Keybenefits .panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Keybenefits .panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

/*.Keybenefits .panel-default>.panel-heading a:after {*/
/*  content: "";*/
/*  position: relative;*/
/*  top: 1px;*/
/*  display: inline-block;*/
/*  font-family: 'Glyphicons Halflings';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  line-height: 1;*/
/*  -webkit-font-smoothing: antialiased;*/
/*  -moz-osx-font-smoothing: grayscale;*/
/*  float: right;*/
/*  transition: transform .25s linear;*/
/*  -webkit-transition: -webkit-transform .25s linear;*/
/*}*/

.Keybenefits .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

/*.Keybenefits .panel-default>.panel-heading a[aria-expanded="true"]:after {*/
/*  content: "\2212";*/
/*  -webkit-transform: rotate(180deg);*/
/*  transform: rotate(180deg);*/
/*}*/

/*.Keybenefits .panel-default>.panel-heading a[aria-expanded="false"]:after {*/
/*  content: "\002b";*/
/*  -webkit-transform: rotate(90deg);*/
/*  transform: rotate(90deg);*/
/*}*/

.Keybenefits .accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.Keybenefits .accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.Keybenefits .accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.Keybenefits .accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.Keybenefits .accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}
.whyImportant{
    padding:15px 0;
    margin-left:15px;
}

.whyImportant li{
    padding:10px 0;
    list-style-type: decimal;
}
.whyImportant li strong{
    padding-right: 5px;
}


.sovvImg{
    float: left;
padding-right: 15px;
padding-bottom: 15px;
}
.websiteSection{
    background: #FFF;
display: block;
border-radius: 5px;
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
padding: 25px 15px;
text-align: center;
margin-top: 20px;
height:400px;
}
.websiteSection h3{
    font-size: 24px;
font-weight: 600;
}
.websiteSection h5{
    font-size: 20px;
font-weight: 600;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display: inline-flex;
float: none;
text-align: left;
margin-right: -4px;
text-align: center;
margin-top: 0;
}
.single-well ol.dksol li{
    padding:10px 0;
}
.servicesListing.dksservicesListing .service_tab_1 {
    height: 340px;
}
.servicesListing.dksservicesListing1 .service_tab_1 {
    height: 260px;
}
.single-well ul.uldks li{
    padding:8px 0;
        list-style: disc;
}
.single-well ul.uldks{
        padding-left: 35px;
        margin-top:5px;
}
.single-well ul.uldks1 li{
    padding:1px 0;
        list-style: disc;
}
.single-well ul.uldks{
        padding-left: 35px;
        margin-top:3px;
}
.Keybenefits .panel-default>.panel-heading {
    color: #333;
    background-color: #e8e8e8;
}
.panel-group p{
    padding-bottom:15px;
}

.service_localSeo {
    background: #FFF;
    display: block;
    border-radius: 1px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    box-sizing: border-box;
    position: relative;
}
.service_localSeo img{
    width:100%;
    padding:20px;
}
.service_localSeo .innerSection{
    padding:15px 0 10px;
}
.service_localSeo .innerSection ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.service_localSeo .innerSection ul li{
    color: #777;
    padding-left: 30px;
    margin: 10px 0;
    position: relative;
    font-size: 15px;
}
.service_localSeo .innerSection ul li::after {
    position: absolute;
    content: "";
    left: 5px;
    top: 10px;
    background: #777;
    width: 5px;
    height: 5px;
}
.service_localSeo .innerSection .dksbtn{
    padding-top: 51px;
}
label.error{
    color:red;
    font-size:12px;
    font-weight:200;
    display: none;
}
.formError{
    width:100%;
    color:red;
    font-size:12px;
    font-weight:200;
    display: none;
    text-align:left;
    float:left;
}
@media only screen and (max-width: 600px) {
    .service_localSeo .innerSection .dksbtn{
    padding-top: 10px;
}
    .service_localSeo img {
    padding: 0;
}
    .servicesListing.dksservicesListing .service_tab_1 {
    height: auto
}
.servicesListing.dksservicesListing1 .service_tab_1 {
    height: auto
}
    
.mean-container .mean-nav ul {
    width: 100%;
}
    .websiteSection{
        height:auto;
    }
    .sovvImg{
    float: auto;
padding-right: 0px;
padding-bottom: 15px;
padding-top:15px;
    }
    .servicesListing .service_tab_1{
        height: auto;
    }
    .servicesListing .service_tab_1 .dksbtn {
    position: relative;
    bottom: 0;
    left: auto;
    text-align: center;
}
}