/*home header*/
.hdr-home > .row > .left {
    float: left;
    width: auto;
}
.hdr-home > .row > .right {
    float: right;
}
.hdr-home {
    color: #fff;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 22;
    padding: 0px 15px 0px 15px!important;
}
#rev_slider_1_1 .home-btn-slider,
#rev_slider_1_1 .home-btn-slider:hover {
	color: #ffffff;
	text-decoration: none;
}
#rev_slider_1_1 .home-btn-slider:hover,
#rev_slider_1_1 .home-btn-slider2:hover {
	background-color: #ffffff;
}
#rev_slider_1_1 .sldr1:hover {
	color: #931400;
}
#rev_slider_1_1 .sldr2:hover{
	color: #00a4e4;
}
#rev_slider_1_1 .sldr3:hover{
	color: #3DBB9E;
}
#rev_slider_1_1 .sldr4:hover{
	color: #38B65D;
}
#rev_slider_1_1 .sldr5:hover{
	color: #123148;
}
.abt-top > .container > .row {
    padding: 0 15px;
}
/*Home Service*/
.h-service {
	background: url('../img/service-bg.jpg') no-repeat center center transparent;
  background-size: cover; 
	padding: 20px 0 40px 0;
}
.stitle {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    padding: 20px 0;
}
.c-service {
    display: inline-block;
    padding: 10px 0 20px ;
}
.sfi {
    float: left;
    padding: 0 38px;	
}
.si-1 {
    padding: 10px 0;
}
.service-item-1 .si-1 a {
	background: url('../img/home-service-1.png') no-repeat center center transparent;
}
.service-item-2 .si-1 a {
	background: url('../img/home-service-2.png') no-repeat center center transparent;
}
.service-item-3 .si-1 a {
	background: url('../img/home-service-3.png') no-repeat center center transparent;
}
.service-item-4 .si-1 a {
	background: url('../img/home-service-4.png') no-repeat center center transparent;
}
.service-item-5 .si-1 a {
	background: url('../img/home-service-5.png') no-repeat center center transparent;
}
.si-1 a {
    border: 1px solid #fff;
    border-radius: 1000px;
    display: block;
    height: 90px;
    margin: 0 auto;
	width: 90px;
}
.item-title {
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    padding: 10px 0 15px;
}
.item-title span {
    font-size: 18px;
    font-style: italic;
}
.sfi > a {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    padding: 15px 20px;
}
/*Home Our Work*/
.h-ourwork {
    background: url('../img/home-ourwork-bg.jpg') no-repeat transparent;
    background-size: cover;
    padding: 0 0 50px;
}
.tp-leftarrow.default, 
.tp-leftarrow {
    background: url('../img/arrow-left.png') no-repeat transparent;
    height: 70px;
}
.tp-rightarrow.default,
.tp-rightarrow {
    background: url('../img/arrow-right.png') no-repeat transparent;
    height: 70px;
}
.h-ourwork .tparrows.hidearrows {
  opacity: 1 !important;
} 
.ourwork-item .row {
    padding-bottom: 5px;
}
.img-our {
    float: left;
    height: 281px;
    overflow: hidden;
    position: relative;
    width: 380px;
}
.img-our:nth-child(2) {
    margin: 0 5px;
}
.img-our:hover .hvr-ow {
    opacity: 1;
    transition: all ease-in-out 0.2s;
}
.hvr-ow {
    /*background-color: rgba(24, 172, 230, 0.9);*/
    background: url('../img/hover.png');
    display: flex!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important; 
    opacity: 0;
    height: 100%;
    margin-top: 18px;
    position: absolute;
    width: 100%;
    justify-content: center; 
    -webkit-box-pack: center; 
    -moz-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: all ease-in-out 0.2s;
}
.ow-txt {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    padding: 0px 0 15px;
}
.hvr-ow a,
.h-portlink a,
.sfi > a,
.h-acntnt a {
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}
.h-portlink a:hover {
  color: #749dae;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.h-acntnt a:hover {
  background-color: #ffffff;
  color: #82C6CA;
}
.hvr-ow a {
    display: inline-block;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center;
}
.hvr-ow a:hover {
    background-color: #fff;
    color: #18ace6;
}
.h-portlink {
    padding: 60px 0 30px 0;
    text-align: center;
}
.h-portlink  a {
    font-size: 18px;
    font-weight: 600;
    padding: 20px 45px;
}
/*Home About*/
.h-about {
    width: 100%;
    overflow: hidden;
}
.l-asid {
    background: url('../img/home-about-bg.jpg') no-repeat transparent;
    background-size: cover;
    overflow: hidden;
}
.bulb-img {
    bottom: -24px;
    position: absolute;
    right: 638px;
}
.h-acntnt {
    color: #fff;
    float: right;
    width: 555px;
    padding: 40px 0 90px;
}
.about-logo {
    padding: 15px 0;
}
.h-atitle {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.h-atxt {
    padding-bottom: 20px;
    width: 90%;
}
.h-atxt em {
    font-size: 18px;
}
.h-atxt p {
    font-size: 15px;
}
.h-acntnt a {
    font-size: 14px;
    padding: 15px 45px;
}
.r-asid {
    background: url('../img/home-about-formbg.jpg') no-repeat transparent;
    background-size: cover; 
    overflow: hidden;
}
.cloud-img {
    position: absolute;
    bottom: 0;
    left: 608px;
}
.r-asid .h-acntnt {
    float: left;
    padding-bottom: 71px;
}
.r-acontent {
    padding-left: 40px;
}
.h-aform {
    position: relative;
}
.h-aform > p {
  margin-bottom: 0;
}
.h-aform .wpcf7-form-control.wpcf7-text,
.h-aform textarea,
.h-aform textarea:focus {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    text-indent: 15px;
}
#wpcf7-f117-o2 input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
#wpcf7-f117-o2 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
#wpcf7-f117-o2 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
#wpcf7-f117-o2 input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}
#wpcf7-f117-o2 textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
#wpcf7-f117-o2 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
#wpcf7-f117-o2 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
#wpcf7-f117-o2 textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}
#wpcf7-f494-p480-o2 input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #343c47;
}
#wpcf7-f494-p480-o2 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #343c47;
   opacity:  1;
}
#wpcf7-f494-p480-o2 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #343c47;
   opacity:  1;
}
#wpcf7-f494-p480-o2 input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #343c47;
}

.r-acontent .h-aform input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ffffff;
}
.r-acontent .h-aform input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff;
   opacity:  1;
}
.r-acontent .h-aform input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff;
   opacity:  1;
}
.r-acontent .h-aform input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ffffff;
}

.r-acontent .h-aform textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ffffff;
    font-weight: 600;
}
.r-acontent .h-aform textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff;
   font-weight: 600;
   opacity:  1;
}
.r-acontent .h-aform textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff;
   font-weight: 600;
   opacity:  1;
}
.r-acontent .h-aform textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ffffff;
   font-weight: 600;
}

#wpcf7-f494-p480-o2 textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #343c47;
    font-weight: 600;
}
#wpcf7-f494-p480-o2 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #343c47;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o2 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #343c47;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o2 textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #343c47;
   font-weight: 600;
}

#download input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #959595;
    font-weight: 600;
}
#download input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#download input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#download input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #959595;
   font-weight: 600;
}

#Modal input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #959595;
    font-weight: 600;
}
#Modal input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#Modal input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#Modal input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #959595;
   font-weight: 600;
}

#Modal textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #959595;
    font-weight: 600;
}
#Modal textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#Modal textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#Modal textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #959595;
   font-weight: 600;
}

#modal-contact input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #959595;
    font-weight: 600;
}
#modal-contact input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#modal-contact input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#modal-contact input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #959595;
   font-weight: 600;
}

#modal-contact textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #959595;
    font-weight: 600;
}
#modal-contact textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#modal-contact textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #959595;
   font-weight: 600;
   opacity:  1;
}
#modal-contact textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #959595;
   font-weight: 600;
}

#wpcf7-f494-p480-o3 input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6b6b6b;
    font-weight: 600;
}
#wpcf7-f494-p480-o3 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #343c47;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o3 input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6b6b6b;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o3 input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #6b6b6b;
   font-weight: 600;
}

#wpcf7-f494-p480-o3 textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:    #6b6b6b;
    font-weight: 600;
}
#wpcf7-f494-p480-o3 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #6b6b6b;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o3 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #6b6b6b;
   font-weight: 600;
   opacity:  1;
}
#wpcf7-f494-p480-o3 textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #6b6b6b;
   font-weight: 600;
}

.h-aform .wpcf7-form-control.wpcf7-text {
    height: 50px;
    margin: 5px 0;
    padding: 10px 0;
    width: 100%;
}
.h-aform textarea {
    padding-top: 10px;
    margin: 5px 0;
}
.h-aform .wpcf7-list-item {
    margin: 0;
}

.h-aform .wpcf7-list-item-label {
    font-weight: 400;
    margin-left: 5px;
}
.h-aform .h-asubmit {
    background-color: #fff;
    border-color: #fff;
    bottom: 0;
    box-shadow: none;
    color: #00a4e4;
    font-size: 18px;
    font-weight: 600;
    padding: 20px 45px;
    position: absolute;
    right: 0;
}
/*.h-aform .h-asubmit:hover {
  background-color: #1DBFF3;
  color: #ffffff; 
}*/
#wpcf7-f117-o3 .h-aform .h-asubmit {
    position: relative;
    margin-top:15px;
}
.h-abtn {
    display: table;
    width: 100%;
    padding-top: 10px;
}
/*Home Call to action*/
.bg-white {
    background-color: #fff;
}
/*Home Blog Article*/
.h-recent-post {
    background-color: #f9f7f7;
    color: #343c47;
    padding: 50px 0 70px 0;
}
.rp-title {
    float: left;
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
    padding: 10px 0px 10px 0;
    width: 20%;
}
.rp-content {
    float: left;
    width: 80%;
}
.rp-item {
    float: left;
    padding: 0 0 0 50px;
    width: 50%;
}
.rp-item-title {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    padding: 10px 0 15px;
    width: 350px;
}
.rp-item-content p {
    color: #959595;
    font-size: 16px;
}
.more-link {
    border: 1px solid;
    border-radius: 3px;
    color: #00a4e4;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
    width: 180px;
}
.rp-item-content > a {
    border: 1px solid;
    border-radius: 4px;
    color: #00a4e4;
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    margin-top: 10px;
    padding: 12px 50px;
    bottom: 0;
    transition:all ease-in-out 0.3s;
}
.rp-item-content > a:hover {
  background-color: #00a4e4;
  color: #F9F7F7;
  transition:all ease-in-out 0.1s;
}
.cbtn:hover,
.cbtn:active,
.cbtn:focus {
    color: #fff;
    text-decoration: none;
    border: none;
}
.cbtn {
    font-weight: 800;
    padding: 15px 0;
    width: 220px;
}
.more-link:hover, .cbtn:hover {
    text-decoration: none;
}
/*Portfolio Page*/
/*Portfolio Header */
.top-portfolio {
    background: url("../img/portfolio-header-bg.png") no-repeat transparent;
    background-position: center center;
    background-size: cover;
    height: 385px;
    padding: 76px 0;
    margin-top: 0;
}
.hdr-portfolio {
    color: #fff;
    padding: 54px 0 20px;
}
.tp-title {
    color: #fff;
    font-size: 48px;
    font-weight: 300;
}
.tp-cntnt em {
    font-size: 22px;
    font-weight: 300;
}
.tp-cntnt a {
    background-color: #8bd8e7;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 44px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    width: 184px;
}
/*Portfolio selection*/
.tp-selection {
    background-color: #f4f4f4;
}
.prof-nav {
    padding: 40px 0;
}
.prof-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 900px;
}
.prof-list li {
    display: inline;
    padding: 0 10px;
}
.prof-list a,
.prof-list button {
    color: #6b6b6b;
    cursor: pointer;
    font-size: 18px;
    padding: 10px;
}
.prof-list a:hover,
.prof-list li.active a,
.prof-list button:hover,
.prof-list button.active {
    background-color: #ed145b;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
}
.prof-list .filter {
    background: none;
    border: medium none;
    box-shadow: none;
}
.prof-item {
   /* height: 210px;*/
    margin: 0;
    text-align: center;
/*    transition:all ease-in-out 0.4s;*/
}
.prof-item:hover {
/*    transition:all ease-in-out 0.4s;
    transform: scale(1.1);
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    z-index:9999999;*/
}
.prof-item:nth-child(10n+1) {
    background-color: #8aa360;
}
.prof-item:nth-child(10n+2) {
    background-color: #b83b33;
}
.prof-item:nth-child(10n+3) {
    background-color: #8aaeaa;
}
.prof-item:nth-child(10n+4) {
    background-color: #4176b6;
}
.prof-item:nth-child(10n+5) {
    background-color: #44a861;
}
.prof-item:nth-child(10n+6) {
    background-color: #484345;
}
.prof-item:nth-child(10n+7) {
    background-color: #e39e3d;
}
.prof-item:nth-child(10n+8) {
    background-color: #323372;
}
.prof-item:nth-child(10n+9) {
    background-color: #236b8d;
}
.prof-item:nth-child(10n+10) {
    background-color: #6ec167;
}
.portviewmore {
    display: block;
}
.prof-item img {
    margin-top: 12px; 
	width:100%;
}

.h-cta {
	margin-top:10px;
}
#portfolio-container {
	padding-bottom: 10px;
}
.h-cta {
    display: block;
    margin-top: 10px;
    position: relative;
}
@media (min-width:1200px) {
    .cols3 .prof-item {
        width: 33.3333333333333%!important;
    }
    .prof-item {
        width: 50%;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .prof-item {
        width: 50%;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .prof-item {
        width: 50%;
    }
}
@media (max-width:767px) {
    .prof-item {
        width: 100%;
    }
}
.p-m {
    /* padding: 40px 0; */
/*    padding-top: 0px;*/
/*    padding-bottom: 10px;*/
}
.p-m-50 {
/*  padding: 50px 0;*/
}
.bg-grey {
    background-color: #f9f7f7;
}
.link-one {
    margin-bottom: 10px;
}
.link-two a {
  background-color: #ed145b;
  background-image: none;
  display: inline-block;
}
.link-two a:hover {
  background-color: #fc588e;
}
.projectTitle {
    font-size: 2.3em!important;
    font-weight: 300!important;
    color:#fff;
    font-family: 'Lato', sans-serif;
    margin-top: 1em;
    margin-bottom: 0.6em;
    padding-left: 1.5em;
    padding-right: 1.5em;

}
.spacer {
    padding: 17px 0;
}
/*Portfolio Detail*/
.m-t-n {
	margin-top: -14px;
}
.m-t-50 {
	margin-top: 50px;
}
.p-l {
    padding-top: 130px;
}
.p-b-l {
/*  padding-bottom: 130px;*/
}
.port-detail {
	background-size: cover;
  background-position: top center;
}
.top-info {
    text-align: center;
    padding: 0px 0 20px;
}
.top-info .logo {
/*    min-height: 80px;*/
    padding: 10px 0;
}
.port-detail .logo h2 {
    color: #ffffff;
    font-weight: 300;
}
.dscrp {
    color: #fff;
    font-size: 22px;
    padding: 10px 0;
}
.port-link {
    display: inline-block;
    padding: 20px 0;

}
.port-link a {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 800;
    padding: 12px 45px;
    text-decoration: none;
/*    transition:all ease-in-out 0.3s;*/
}
/*.port-link a:hover {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: #fff;
    color: #9B1700;
    transition:all ease-in-out 0.1s;
}*/
.port-slider {
    padding-top: 15px;
}
.tp-bullets.simplebullets.round .bullet {
	background: url('../img/dot.png') no-repeat transparent;
	background-position: top right;
	 height: 13px;
    margin-left: 8px;
    width: 13px
}
/*.tp-bullets.simplebullets.round .bullet:hover, 
.tp-bullets.simplebullets.navbar .bullet:hover,*/

.tp-bullets.simplebullets.round .bullet.selected, 
.tp-bullets.simplebullets.navbar .bullet.selected {
	background-position: top left;
}
.pcl, .pcr {
	float: left;
}
.pcl {
	background: url('../img/left-bg.png') no-repeat transparent;
	background-size: 100% 100%;
	padding: 10px 0;
    width: 25%;
}
.pclm {
	padding: 35px 5px 0 15px;
}
.pcr {
	width: 75%;
	padding-left: 60px;
}
.pcmb {
	padding-left: 10px;
}
.pcr p {
    color: #6b6b6b;
    font-size: 16px;
    margin-bottom: 25px;
}
.mbsp p {
    font-size: 16px;
    font-weight: 400;
    color: #959595;
}
.pcmb p {
    font-size: 16px;
    font-weight: 400;
    color: #959595;
    margin-bottom: 25px;
}
.pcmb p {
	line-height: 1.45;
}
.pcr h2, .pcmb h2, .mbsp h2 {
    color: #343c47;
    font-size: 30px;
    font-weight: 300;
    padding: 10px 0 15px;
}
.pclc .title, .pclt {
    font-size: 26px;
    font-weight: 300;
    text-align: center;
}
.pclc .title {
    padding: 15px 0 10px;
}
.portd-content {
    padding-top: 80px;
    padding-bottom: 60px;
}
.portd-single-content {
	padding-bottom: 0;
    padding-top: 43px;
}
.pclt {
    margin-top: -16%;
}
.pclc .content ul {
    list-style-image: url('../img/blue-dot.png');
    margin-left: 20px;
}
.pclc .content li {
    color: #6b6b6b;
    line-height: 30px;
    padding-left: 10px;
}
.slider-form {
	width: 100%;
	padding: 50px 15px 90px 15px;
	text-align: center;
}
.slider-form h2, 
.slider-form  p {
	color: #fff;
}
.slider-form h2 {
	font-size: 50px;
	font-family: "Lato", sans-serif;
	font-weight: 300;
}
.slider-form p {
	font-size: 25px;
}
.bg-green {
	background-color: #7EA441;
}
.bg-red {
	background-color: #c40000;
}
.bg-blue {
	background-image: linear-gradient(201deg, rgba(62, 158, 227, 1) 17%, rgba(81, 199, 250, 1) 80%);
	padding-bottom: 75px;
}
.form-container {
	max-width: 1065px;
}
.portfolio-form .form-container, .slider-form .form-container {
	max-width: 100%!important;
    padding-left: 5px;
    padding-right: 5px;
}
.portfolio-form .wpcf7-validation-errors, .portfolio-form .wpcf7-mail-sent-ok, .slider-form .wpcf7-validation-errors, .slider-form .wpcf7-mail-sent-ok {
    border: 0px solid #f7e700!important;
    background-color: #ffffff;
    padding: 10px;
}
.portfolio-form .form-control:not(textarea) {
    background-color: transparent!important;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 54px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.portfolio-form  textarea {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #fff;
    display: block;
    font-size: 16px;
    min-height: 120px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    min-width:100%;
}
.portfolio-form .portfolio-form  textarea:focus {
    border:1px solid #fff;
}
.portfolio-form .wpcf7-not-valid-tip {
    color: #fff!important;
    font-size: 0.9em!important;
    display: block;
    background-color: #cc0000;
}
.bg-blue .form-container {
	padding-top: 30px;
}
.portfolio-form .form-control::-moz-placeholder
{color:#fff !important;opacity:1!important}
.portfolio-form .form-control::-webkit-input-placeholder
{color:#fff !important;opacity:1!important}
.form-inline .form-group {
    vertical-align: middle;
	margin: 0 0 10px;
	padding: 0 4px;
}
.form-group.first-left {
	margin-right:5px;
}
.form-group.text-area {
	width: 100%;
	padding: 0 4px;
}
.portfolio-form  input.form-control:focus {
	color: #fff;
}
.bg-red .portform-button {
	background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #c40000;
    font-size: 18px;
    margin-top: 10px;
    padding: 20px 53px;
    text-transform: uppercase;
	transition: all .2s ease 0s;
}
.bg-green .portform-button {
	background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #7ea441;
    font-size: 18px;
    margin-top: 10px;
    padding: 20px 53px;
    text-transform: uppercase;
	transition: all .2s ease 0s;
}
.bg-green .portform-button:hover {
	background-color: #7ea441;
	color: #fff;
	box-shadow: none;
	border-color: #fff;
} 
.bg-blue .portform-button {
	background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #00a4e4;
    font-size: 18px;
    margin-top: 10px;
    padding: 20px 53px;
    text-transform: uppercase;
	transition: all .2s ease 0s;
}
.bg-blue .portform-button:hover {
	background-color: transparent;
	color: #fff;
	box-shadow: none;
	border-color: #fff;
} 
.mbsp h1, .pcmb h1 {
    font-weight: 300;
    font-size: 2.3em;
}
.container.single-carousel {
	padding-top: 70px;
}
.single-carousel img {
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
}
.owl-theme .owl-controls .owl-page span {
    background: #7EA441 none repeat scroll 0 0;
	border: 1px solid #fff;
    border-radius: 20px;
    display: block;
    height: 14px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 14px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
	background: #fff none repeat scroll 0 0;
}
.bottom-content .mbsp {
	padding-top: 10px;
	padding-bottom: 70px;
}
/*About*/
.abt-top {
    color: #fff;
    background-position: center bottom;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    /* height: 385px; */
    padding-bottom: 50px;
    display: flex!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    -webkit-box-align: end;
    -webkit-flex-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding-top: 130px;
    padding-bottom:40px;
}
.abt-top > div {
    padding-bottom:0px!important;
    padding-top:0px!important;
    
}

.abt-top .sub-title {
    max-width:50%;
    
}
.abt-top .sub-title p {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    
}
/*.testimonials .abt-top {
  padding-bottom: 45px;
}*/
.abt-ctn {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}
.abt-top .title {
    font-size: 48px;
    font-weight: 300;
    line-height: normal;
    padding-top: 50px;
}
.sub-title {
    font-size: 26px;
    font-weight: 300;
    line-height: normal;
}
.abt-top .link, .abt-team .link{
    display: inline-block;
	padding: 20px 0;
}
.link a {
    background: url('../img/link-bg.png') repeat transparent;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: 700;
    font-size: 14px!important;
    height: 46px;
    padding: 12px 0!important;
    width: 184px;
    text-align: center;
    text-decoration: none;
    line-height: 24px!important;
}
.link a:hover {
  background: url('../img/link-bg-hover.png') repeat transparent;
  color:#fff;
}
.abt-team h2 {
    font-size: 36px;
    margin: 0 0 20px 0;
}
.abt-team h4 {
    color: #00bff3;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 0;
}
.abt-madia a {
    margin-right: 10px;
}
.p-m-l {
    padding-bottom:20px;
}
.p-l-b {
    padding-bottom: 114px;
}
.p-m-b {
    padding-bottom: 60px;
}
.p-b-40 {
	padding-bottom: 40px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.abt-link a {
	background-color: #00a4e4;
}
.abt-ctn .sub-title {
    color: #00a4e4;
    font-size: 22px;
    padding-left: 20px;
}
.listb {
    line-height: 30px;
    list-style-image: url("../img/bullet.png");
    margin-left: 0;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 300;
    color: #6b6b6b;
}
.pd-left {
    padding-left: 20px;
    width: 60%;
}
.ran {
    padding: 40px 0;
}

.none-btm {
    padding-bottom: 0;
}
.about > div:nth-child(4) .nopadright {
    padding-top: 40px;
}
/*Testimonials*/
.web-logo {
    margin: 0;
    padding: 15px 0;
}
.web-logo li:first-child {
    margin: 0;
    padding: 0;
}
.web-logo li {
    display: inline;
    padding: 0 39px;
}
.m-mb {
    margin-bottom: 30px;
}
.p-leftright {
    padding: 0 102px 10px 50px;
}
.test-content .content {
    font-style: italic;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top:30px;
}
.test-name {
    padding: 0px 0 5px;
    font-style: normal;
    text-transform: uppercase;
}
.test-label {
    color: #00a4e4;
    font-size: 14px;
    font-weight: 300;
}
.p-leftright p {
    color: #6b6b6b;
    font-weight: 400;
    margin-bottom:15px;

    /*font-weight: 300;*/
}
.top-info .title {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.1em;
    margin-bottom: 20px;
}
.top-info .sub-title {
    color: #00a4e4;
    font-size: 22px;
    font-style: italic;
}
/*About Website Design Process*/
.wdp-left {
    float: left;
    margin-left: 20%;
    margin-right: 50px;
    width: 27%;
}
.wdp-right {
    float: left;
    width: 40%;
    padding-left: 30px;
}
.wdp-content {
    clear: both;
    display: table;
    width: 100%;
}
.img-title,
.wdp-left h3 {
    font-size: 30px;
    font-weight: 300;
}
.img-title {
    color: #343c47;
    padding: 10px 0 25px;
}
.wdp-left h3 {
    color: #00a4e4;
    font-style: italic;
    margin-bottom: 15px;
}
.wdp-left p {
    font-weight: 400;
    color: #6b6b6b;
}
/*Service*/
.two-menu .sub-title {
  font-size: 22px;
  font-style: italic;
}
.sevices-blog .text-center .title {
    color: #343c47;
    font-size: 36px;
    font-weight: 300;
    padding-bottom: 10px;
    line-height:1.1em;
    margin-bottom:20px;
}
.sevices-blog .text-center {
    color: #959595;
    display: inline-block;
    padding-bottom: 15px;
}
.sb-content {
    margin: 0 auto;
    overflow: hidden;
    width: 1224px;
}
.sb-l {
    border-radius: 5px;
    float: left;
    margin-bottom: 10px;
    padding: 30px 40px;
    width: 606px;
}
.sb-wrap .sb-l:nth-child(2n) {
    margin-left: 5px;
}
.sb-wrap .sb-l:nth-child(2n) {
    margin-left: 5px;
}
.sb-l:nth-child(2n+1) {
    margin-right: 5px;
}
.sb-bg-0 {
    background-color: #f3fcfb;
}
.sb-bg-1 {
    background-color: #fcfbea;
}
.sb-bg-2 {
    background-color: #f8fcf8;
}
.sb-bg-3 {
    background-color: #f2fcfe;
}
.sb-bg-4 {
    background-color: #f9f9fc;
}
.sb-bg-5 {
    background-color: #f9f4f9;
}
.sb-bg-6 {
    background-color: #fff9f9;
    margin-top: -142px;
}
.sb-l .title {
    clear: both;
    display: table;
    padding-bottom: 25px;
}
.sb-l .title .icon-title {
    float: left;
}
.sb-l .title .txt-title {
    float: left;
    font-size: 30px;
    font-weight: 300;
    padding-left: 15px;
    padding-top: 15px;
}
.sb-l .content {
    color: #959595;
}
.sb-l .content p {
    margin-bottom: 1.2em;
}
.sb-l .link {
    padding-bottom: 20px;
}
.sb-l .link a {
    background: none;
    background-color: transparent;
    border: 1px solid #00a4e4;
    border-radius: 4px;
    color: #00a4e4;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    padding: 12px 0px;
}
.sb-l .link a:hover {
  background-color: #00a4e4;
  color: #ffffff;
}
.sb-l .content ul {
    list-style: outside none none;
    margin-left: 0;
    padding-left: 15px;
}
.sb-l .content ul li {
  padding-left: 20px;
}
.sb-bg-2 .content > ul > li {
    list-style-image: url("../img/dot-green.png");
}
.sb-bg-3 .list .left,
.sb-bg-3 .list .right {
    float: left;
}
.sb-bg-3 .content .list {
    clear: both;
    display: table;
    width: 100%;
}
.sb-bg-3 .list .left li,
.sb-bg-3 .list .right li {
    list-style-image: url("../img/dot-blue.png");
}
.sb-bg-3 .list .left {
    margin-right: 70px;
}
.sb-bg-5 .content ul {
    list-style-image: url("../img/dot-purple.png");
}
/*Menu*/
.hdr-home .row {
    padding: 0 15px 0 15px;
}
.cMenu li.current-page-ancestor {
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.menu-service a {
    color: #fff;
    text-decoration: none;
}
.two-menu {
    padding-bottom: 105px;
    padding-top: 100px;
}
.menu-service .current-menu-item {
    border-radius: 4px;
    padding: 5px 10px;
}
.header_contact {
    display: block;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}
.header_contact li {
    display: inline-block;
}
.header_contact li a {
    color: #fff;
}
li ul.head-media {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
}
#menu-menu li:nth-child(7),
.header_contact > li:nth-child(3),
.head-media > li:nth-child(4) {
    margin-right: 0;
}
#stm {
    padding-right: 0;
}
#scndnav {
    z-index: 1;
    position: absolute!important;
    min-height: 50px;
    /* margin-bottom: 20px; */
    /* border: 1px solid transparent; */
    margin-top: 34px!important;
    right: 15px;
}
.main-navigation #menu-menu-container > li > .sub-menu > li {
	z-index: 10000;
}
/*Identity Service*/
.identity .cbtn.btn-blue {
    margin-top: 30px;
    text-align: center;
}
/*Webdesign Service*/
.wbsite-d {
    color: #6b6b6b;
}
.wbsite-d > p {
    padding: 30px 0;
}
.ulno li {
    padding-left: 10px;
}
.wh-left h2 {
    font-size: 36px;
    margin-top:0px;
}
.wh-wrap {
    display: table;
    padding-bottom: 20px;
    width: 100%;
}
.wh-right {
    float: right;
    margin-right: 55px;
    padding-top: 70px;
}
.wh-left {
    float: left;
    width: 45%;
}
.wd-r {
    margin-right: 0;
    padding-top: 0;
    width: 50%;
}
.wd-r > h3 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 0;
}
.wd-r > p {
    padding: 10px 0;
}
.link-wrap {
    display: table;
    padding-top: 15px;
}
.link-wrap .btn-blue {
    background-color: #00a4e4;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 35px;
}
.s-w-p h2 {
	font-size: 30px;
}
.s-w-p .prof-nav {
  padding: 30px 0;
}
.s-w-p .prof-list {
  width: 100%;
}
.s-w-p .prof-list li {
  padding: 0 13px;
}
.s-w-p .prof-list a,
.s-w-p .prof-list button {
  font-size: 16px;
}
/*.s-w-p .prof-item {
  background-size: 100% 100%;
}
.s-w-p .prof-item img {
    height: auto;
    margin-bottom: 10px;
    margin-top: 8px;
    width: 81%;
}*/
/* Contact US */
.top-contact {
    display: table;
}
.top-contact .left {
    color: #6b6b6b;
    width: auto;
}
.top-contact > .left {
    padding-right: 110px;
}
.top-contact .left img {
    float: left;
}
.top-contact .left > ul {
    font-size: 15px;
    line-height: 25px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.top-contact .con-info,
.top-contact .con-address,
.top-contact .con-post {
    padding-left: 35px;
}
.top-contact .left .title {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 10px;
}
.contact-form {
    color: #343c47;
    display: table;
    width: 100%;
}
.contact-form .title {
    font-size: 30px;
    font-weight: 300;
}
.contact-form .sub-title {
    color: #00a4e4;
    font-size: 18px;
    font-style: italic;
}
.contact-form .wpcf7-text,
.contact-form select {
    border: 2px solid #e2e2e2;
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 600;
    height: 54px;
    margin-bottom: 15px;
    text-indent: 20px;
    width: 100%;
}
.contact-form select {
    line-height: 52px;
    -webkit-appearance: menulist-button;
}
.contact-form .wpcf7-text:focus,
.contact-form textarea:focus {
    color: #6b6b6b;
}
.contact-form select {
    text-indent: 10px;
}
.contact-form .form-content {
    padding: 30px 0 20px;
}
.contact-form textarea {
    padding: 15px 0 0;
    text-indent: 20px;
}
.contact-form .wpcf7-submit {
    background-color: #00a4e4;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: normal;
    padding: 15px 0;
    width: 220px;
}
.contact-form .wpcf7-submit:hover {
    background-color: #18b0ec;
    box-shadow: none;
    border-color: none;
}
/*Single Post*/
#single-page {
    color: #343c47;
    padding-right: 98px;
}
#single-page .title, .t-wrap .title {
	color: #343c47;
    font-size: 36px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 15px;
}
#content .abt-top .row > .title > span {
    /*font-style: italic;*/
}
#single-page .author, .t-wrap .authors {
	color: #959595;
    font-size: 13px;
    text-transform: uppercase;
}
#single-page .name {
    margin-left: 5px;
}
#single-page .author span, 
.t-wrap .authors span {
	color: #00a4e4;
}
.single-content > h3 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
    padding: 20px 0;
}
.single-content p {
    color: #959595;
}
#blog {
    padding-right: 84px;
}
.t-wrap {
    background-color: #f7f7f7;
    margin-bottom: 30px;
    padding: 25px 30px 35px;
}
#blog .t-wrap .more-link {
    border: medium none;
    border-radius: 0;
    color: #959595;
    display: inline;
    margin: 0;
    padding: 0;
    width: auto;
}
.t-wrap .title {
    padding-bottom: 25px;
}
#wpp-2 h1 {
    color: #343c47;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 25px;
    margin-top: 0;
}
.wpp-list {
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.wpp-list img {
    margin-right: 15px;
}
.wpp-list .wpp-post-title {
    color: #6b6b6b;
    display: block;
    float: left;
    font-size: 14px;
    width: 68%;
}
.wpp-list li {
    display: table;
    padding-bottom: 20px;
}
#secondary .sidebar {
    padding-top: 0px;
}
.blog {
    padding-top: 50px!important;
}

.sidebar .sdbg .btn-blue {
	cursor: pointer;
}
/*Footer*/
.footer-top h5 {
  font-weight: 300;
}

.footer .left {
    float: left;
    width: auto;
}
.footer .right {
    float: right;
}
.footer .cMenu {
    display: inline-block;
}

/*Modal*/
#Modal .modal-body {
    padding: 15px 15px 50px;
    position: relative;
}
#Modal .f-input > span {
    float: left;
}
#Modal .modal-dialog {
    width: 833px;
}
#Modal .modal-content {
    background: url('../img/modal-bg.png') repeat-x #8fdd91;
}
#Modal .close-btn,
#download .close-btn,
#modal-contact .close-btn {
    float: right;
    width: 75px;
}
#Modal .close,
#download .close,
#modal-contact .close {
    box-shadow: none;
    font-weight: 300;
    opacity: 1;
    text-shadow: none;
    margin-top: 0;
}
#Modal .close-btn span,
#download .close-btn span,
#modal-contact .close-btn span {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
#Modal .modal-header, 
#download .modal-header,
#modal-contact .modal-header{
    border-bottom: 0;
    padding: 20px;
    width: 100%;
}
#Modal .contnt {
    color: #fff;
    text-align: center;
}
#Modal .title {
    font-size: 48px;
    font-weight: 300;
    text-align: center;
}
#Modal .title > i {
    display: inline-block;
    margin-right: 15px;
}
#Modal .title span {
    display: inline-block;
    vertical-align: middle;
}
#Modal .txt-i {
    font-size: 24px;
    font-weight: 300;
    padding-bottom: 10px;
    padding-top: 20px;
}
#Modal .txt-p p {
    margin: 0;
    font-size: 18px;
}
#Modal .f-title {
    font-size: 30px;
    padding-top: 15px;
}
#Modal .f-txt {
    font-size: 24px;
    font-weight: 300;
    margin: 0 auto;
    width: 100%;
    line-height: normal;
    padding-bottom: 15px;
}
#Modal .form-container {
    display: table;
    padding: 0 29px 15px;
}
#Modal .f-input,
#modal-contact .f-input {
    display: table;
    margin-bottom: 10px;
}
#Modal .f-input input,
#modal-contact .f-input input {
    border-radius: 2px;
    color: #959595;
    height: 56px;
    width: 366px;
    border: 0;
    text-indent: 15px;
    font-weight: 600;
}
#Modal .f-input span:first-child input,
#modal-contact .f-input span:first-child input {
    margin-right: 10px;
}

#Modal .f-input select,
#modal-contact .f-input select {
    border: medium none;
    border-radius: 2px;
    color: #959595;
    font-weight: 600;
    height: 56px;
    line-height: 56px;
    text-indent: 8px;
    width: 366px;
}
#Modal .check {
    margin-top: 15px;
}
.modal-f .check .first {
    margin-left: 0;
}
.modal-f .check .first input {
    display: inline-block;
}
.check .first span {
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
}
#Modal .f-input option {
    height: 56px;
    padding: 15px 0;
    text-indent: 15px;
}
#Modal .form-btn a, 
#Modal .form-btn #submit-button,
#modal-contact .form-btn input{
    background-color: #f26521;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 55px;
}
#Modal .form-btn a:hover, 
#Modal .form-btn #submit-button:hover,
#modal-contact .form-btn input:hover {
	background-color: #f07539;
}
#step-1 .slctn-btn .so:hover {
	background-color: #fc588e;
}
#Modal .form-btn a {
    line-height: 14px;
    /*padding: 15px 70px;*/
}
#step-4 .form-btn a {
    display: table;
}
#Modal .form-btn {
    display: table;
    width: 100%;
    padding: 20px 29px 0;
}
.form-btn .f-btn {
    float: left;
}
.form-btn .s-btn {
    float: right;
}
.form-btn .s-btn .ajax-loader {
    display: block;
}
.modal-f div.wpcf7-response-output {
    margin: 0;
    position: absolute;
}
.slctn .or {
    background: url(../img/or-bg.png) no-repeat;
    background-position: center;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    width: 75px;
}
#Modal .slctn .title {
    color: #343c47;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
}
#Modal .slctn td:first-child {
    background: url(../img/popup-left-bg.png) no-repeat transparent;
    padding: 18px;
    width: 324px;
} 
.slctn > .item {
    color:#343c47;
    background-image: url(../img/popup-left-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 18px;
    margin-bottom:20px;
} 
.slctn > .item:last-child {
    margin-bottom:0px;
} 
#Modal .slctn td:last-child  {
    background: url(../img/popup-right-bg.png) no-repeat transparent;
    padding: 18px;
    width: 324px;
}
#step-1 .slctn-btn {
    margin-bottom: 24px;
    text-align: center;
}
#Modal .prev-btn {
    float: left;
}
#Modal .nxt-btn {
    float: right;
}
#step-2 .col-md-6:first-child {
    padding-right: 2.5px;
}
#step-3 .col-md-6:first-child {
    padding-right: 5px;
}
#step-2 .col-md-6:nth-child(2) {
    padding-left: 2.5px;
}
#step-3 .col-md-6:nth-child(2) {
    padding-left: 5px;
}
#step-2 .modalFeature, 
.fcontent > div {
    display: table;
    width: 100%;
}
#step-2 .f-txt,
#step-3 .f-txt {
    width: 100%;
    padding-bottom: 30px;
}
#step-2 .radio-input {
    float: left;
    position: relative;
}
#step-2 .modalFeature {
    border-radius: 4px;
    max-height: 130px;
    padding: 20px 15px;
}
.modalFeature .fcontent {
    display: inline-block;
    float: right;
    width: 90%;
    /* margin-left: 30px; */
    /* margin-top: 0px; */
}
.modalFeature .fcontent > div p {
    color: #6b6b6b;
    float: left;
    font-size: 14px;
    margin: 0;
    width: 230px;
    font-weight: 300;
}
.modalFeature .fcontent > p {
    margin-bottom: 10px;
}
.modalFeature img {
    float: right;
    padding-right: 0;
    padding-top: 12px;
}
.modalFeature .ftitle {
    color: #343c47;
    margin: 2px 0 5px;
    padding: 0;
}
#step-2 .row {
    padding: 0 29px 5px;
}
#step-2 .radio-input > input {
	cursor: pointer;
    opacity: 0;
    position: relative;
    width: 17px;
    z-index: 2;
}
#step-3 .row {
    padding: 0 15px 10px;
}
#step-3 .row {
    text-align: left;
}
#step-3 .form-txt p {
    font-size: 18px;
    margin-bottom: 20px;
}
#step-3 .slct-form select {
    border: medium none;
    border-radius: 6px;
    color: #959595;
    font-weight: 600;
    height: 56px;
    line-height: 52px;
    margin-bottom: 15px;
    text-indent: 8px;
    width: 378px;
}
#step-3 .form-check span {
    display: block;
}
#step-3 .form-check > div > span {
	position: relative;
}
#step-3 .form-check label {
    margin-left: 15px;
}
#step-3 .col-md-6 textarea {
    border-radius: 6px;
    margin-bottom: 10px;
}
#step-3 .form-check {
    display: table;
    margin: 0 auto 10px;
    width: 370px;
    text-align: left;
}
#step-3 .left-chck {
    float: left;
}
#step-3 .right-form {
    float: right;
}
#step-3 .textarea-cntnt {
    display: table;
    padding: 0 29px 10px;
    text-align: left;
}
#step-3 .textarea-txt {
    float: left;
    width: 366px;
}
#step-3 .textarea-txt p {
    margin-bottom: 10px;
    font-size: 18px;
}
#step-3 .textarea-txt:first-child {
    margin-right: 10px;
}
#step-3 .textarea-txt textarea,
#modal-contact textarea {
    border: none;
    border-radius: 2px;
    color: #959595;
    font-weight: 600;
    padding-top: 20px;
    text-indent: 15px;
}
#step-3 .form-check input {
	cursor: pointer;
    opacity: 0;
    position: relative;
    width: 17px;
    z-index: 2;
}
#step-1 .f-title {
    font-weight: 300;
    font-size: 24px;
}
#step-1 .f-txt {
    font-size: 30px;
}
#step-1 table {
    color: #343c47;
    text-align: center;
    margin: 0 auto;
    width: 715px;
}
#step-1 .icon-img {
    text-align: center;
}
#step-1 .slctn p {
    margin-bottom: 35px;
}
#step-1 .slctn-btn a {
    padding: 15px 85px;
}
#step-1 .slctn-btn .so {
    background-color: #ed145b;
}
#modal-contact .invalid .wpcf7-not-valid {
	border:1px solid red;
}
.white-checkbox,
.gray-checkbox {
	display: block;
	height: 17px;
	position: absolute;
	width: 17px;
}
.gray-checkbox {
	background: url(../img/gray-box.png);
	left: 0;
	top: 4px;
}
.gray-checkbox.active {
	background: url(../img/checkbox.png);
}
.white-checkbox {
	background: url(../img/box.png);
	left: 0;
    top: 2px;
}
.white-checkbox.active {
	background: url(../img/white-checkbox.png);
}

/*DOWNLOAD MODAL*/
#download .modal-dialog {
    width: 472px;
}
#download .modal-content,
#modal-contact .modal-content {
    background: url('../img/modal/download-bg.png') no-repeat transparent;
}
#download .modal-header {
    border-bottom: 0;
    padding: 20px;
    width: 100%;
}
#download .modal-body {
    padding: 10px 46px 20px;
}
#download .title {
    float: left;
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    width: 70%;
}
#download .icon {
    float: left;
    margin-bottom:10px;
    margin-right:10px;


}
#download .title-content {
    display: table;
    padding-bottom: 20px;
    width: 100%;
}
#download .downlaad-cnt > p {
    margin: 0;
}
#download .d-form {
    padding: 20px 0 0;
}
#download .d-form input {
    color: #959595;
    font-weight: 600;
    height: 56px;
    text-indent: 15px;
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-radius: 4px;
}
#download .d-form .wpcf7-submit {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-top: 10px;
    text-shadow: none;
}
#download span.wpcf7-not-valid-tip {
    display: none;
}
#download div.wpcf7-response-output {
    bottom: 0;
    margin: 0;
    position: absolute;
    width: 80%;
}
#modal-contact .modal-content {
    background-size: 100% 100%;
}
#modal-contact .modal-dialog {
    width: 834px;
}
#modal-contact .contact-cnt {
    padding: 0 29px;
    margin-top: -20px;
    position:relative;
}
#modal-contact .icon {
    float: left;
    width: 40px;
}
#modal-contact .title {
    font-size: 36px;
    float: left;
    padding-left: 15px;
    padding-top: 12px;
}

#modal-contact .title-content {
    display: flex!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important; 
    justify-content: center; 
    -webkit-box-pack: center; 
    -moz-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    -webkit-box-align: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
}
#modal-contact .contact-cnt > p {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}
#modal-contact .f-4 {
    width: 100%;
}
#modal-contact .form-btn .check {
    float: left;
    margin-top: 6px;
}
#modal-contact .form-btn {
    display: table;
    width: 100%;
    padding: 10px 0;
}
.form-container option {
    height: 56px;
    padding-top: 15px;
    text-indent: 15px;
}
#modal-contact span.wpcf7-list-item {
    margin-left: 0;
}
/*Step-5*/
#step-5 .esbugt,
#step-5 .eswek {
	background: url("../img/modal/download-bg.png") no-repeat transparent;
	background-size: 100% 100%;
	border-radius: 4px;
	float: left;
	padding: 20px ;
    text-align: center;
}
#step-5 .eswek {
	line-height: normal;
	width: 390px;
}
#step-5 .esbugt {
    margin-right: 20px;
    width: 330px;
}
#step-5 .info {
    display: table;
}
#step-5 .title {
    font-size: 36px;
}
#step-5 .modal-e {
    padding: 0 29px 10px;
}
#step-5 .cost-plan {
    font-size: 30px;
}
#step-5 .quote {
    font-size: 20px;
}
#step-5 .week-plan {
    font-size: 28px;
    font-weight: 300;
    padding-top: 10px;
}
#step-5 .week-plan > span {
    font-weight: 400;
}
#step-5 .speak-to-us {
    font-size: 24px;
    padding-top: 15px;
    text-align: center;
}
#step-4 .error-form {
    border: 2px solid #f7e700;
    display: none;
    text-align: center;
}
#modal-contact span.wpcf7-not-valid-tip {
    display: none;
}
#modal-contact div.wpcf7-response-output {
  margin-top: 0px;
}
#menu-menu > li > .sub-menu { 
	background: #fff;
	border-radius: 4px;
	margin-top: 10px;
    padding: 10px 0;
} 
#menu-menu > li > .sub-menu:after { 
	bottom: 100%; 
	left: 19%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(255, 255, 255, 0); 
	border-bottom-color: #fff; 
	border-width: 6px; 
	margin-left: -30px; 
}
.main-navigation ul ul li {
    margin: 0;
    padding-bottom: 0;
}
#menu-menu .pdng:hover {
	padding-bottom: 15px;
}
#menu-menu > li > ul > li a {
    color: #343c46;
    padding: 5px 20px;
    text-transform: initial;
    width: 225px;
}
#menu-menu > li > ul > li a:hover, #menu-menu > li > ul > li.current_page_item a {
	background-color: #1ba5e1;
	color: #fff;
}
.sub-menu .current-menu-item a {
	background-color: #1ba5e1;
	color: #ffffff;
}
.fbpge {
	font-weight: 400;
}
/*button hover*/

.cbtn.btn-orange:hover {
  background-color: #F58B59;
}
.cbtn.btn-blue:hover,
.link-wrap .btn-blue:hover {
  background-color: #18B0EC;
}
.cbtn.btn-red:hover {
  background-color: #FC588E;
}
.service-item-1:hover .si-1 a  {
    background: url('../img/home-service-1b.png') no-repeat center center #fff;

}
.service-item-2:hover .si-1 a {
  background: url('../img/home-service-2b.png') no-repeat center center #fff;
}
.service-item-3:hover .si-1 a {
  background: url('../img/home-service-3b.png') no-repeat center center #fff;
}
.service-item-4:hover .si-1 a {
  background: url('../img/home-service-4b.png') no-repeat center center #fff;
}
.service-item-5:hover .si-1 a {
  background: url('../img/home-service-5b.png') no-repeat center center #fff;
}
.page-id-207 .abt-team h2 {
  margin-bottom: 25px;
}
.page-id-62 .greenpolicy {
  padding-right: 70px;
}
.page-id-226 .web-logo li {
  font-size: 16px;
  color: #959595;
  letter-spacing: 2px;
}
.website-design-process .link a {
   background: #4bc3d1;
   font-weight: 700;
}
.website-design-process .link a:hover {
  background: #59cddb;
}
#step-4 .error-form {
    border: 2px solid red;
    color: red;
    padding: 10px;
}
.greenpolicy > .row:nth-child(3){
  padding: 20px 0;
}
.no-p-r {
  padding-right: 0;
}
/*TEAM*/
.the-team .abt-ctn .col-md-5 > img {
    margin-bottom: 30px;
}
/*SEO*/
.kblue {
  font-weight: 300;
}
.seo .pad-cl {
  background-color: #f1f7eb;
}
.seo .pad-cyellow {
  background-color: #fefbe9;
}
.seo .pad-cred {
  background-color: #fef1f1;
  margin-bottom: 45px;
}
.seo .cpad h3 {
    color: #343c47;
    font-size: 28px;
    font-weight: 300;
}
.seo .cpad h4 {
    color: #00a4e4;
    font-size: 24px;
    font-style: italic;
    margin-bottom: 20px;
}
.seo .cpad ul li {
  font-weight: 400;
}
.seo-btn {
    margin: 27px 0 10px;
}
.cpad .seo-btn.green a,
.cpad .seo-btn.yellow a,
.cpad .seo-btn.red a,
.cpad .seo-btn.green a:hover,
.cpad .seo-btn.yellow a:hover,
.cpad .seo-btn.red a:hover {
  background-image: none;
}
.cpad .seo-btn.green a:hover {
  background-color: #96d958; 
}
.cpad .seo-btn.yellow a:hover {
  background-color: #ebc34b;
}
.cpad .seo-btn.red a:hover {
  background-color: #e95e63;
}
.seo > p > a,
.seo .bfs {
  color: #00a4e4;
}
.seo .wbtnv {
    border-radius: 3px;
    color: #ffffff;
    height: 44px;
    padding: 12px 0;
    margin-bottom: 35px;
    width: 220px;
}
.seo .bfs {
  font-size: 22px;
  font-style: italic; 
  margin-bottom: 35px;
}
.about .seo p,
.about .seo .webbtn {
  color: #6b6b6b;
}
.about .seo > h2 {
  font-size: 30px;
  padding: 10px 0;
}
.about .seo .title {
    font-size: 36px;
    margin: 0px 0 5px;
    padding: 0;
}
/*Mobile App*/
.mobile .colorz {
    padding-bottom: 20px;
}
.mobile h2 {
	font-size: 30px;
}
.colorz h2 {
    margin-bottom: 20px;
}
.one-line {
/*    white-space: nowrap;*/
}
.colorz .link a {
  padding: 12px 0;
}
.colorz .link a:hover {
  background-image: none;
  background-color: #00a4e4;
  color: #ffffff;
}
/*Web Hosting*/
.whosting .kholder {
	padding-bottom: 0;
}
.whosting .kpad {
	padding-top: 0;
}
.whosting > .left h2 {
	margin-bottom: 20px;
}
.whosting .wul {
	margin-bottom: 35px;
}
.wlink {
    display: inline-block;
}
.wlink a {
    border-radius: 3px;
    display: inline-block;
    margin: 20px 0;
    padding: 12px 0;
    width: 220px;
}
.smedia div.padding-right {
	padding-right: 40px;
}
/*Facebook*/
.fap .webbtn,
.about .fap p {
	color: #6b6b6b;
}
.fap > h3 {
    margin-bottom: 25px;
}
.fap .wlink a {
    margin-top: 10px;
}

/*new*/
.clearfix {
    clear: both;
}

.tp-caption {
    text-align:left;
}
.sb-wrap {
    text-align:left;
}
ul, ol {
    text-align:left;
}
.header-logo {
    width: 140px;
}
.header-logo img {
    width: 100%;
}
.flex {
    display: flex!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important; 
    flex-wrap:nowrap;
}
.flex > div {
    float: none!important;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-ordinal-flex-grow: 1;
}
.about {
    padding-top:50px;
    padding-bottom:40px;
}
.about .row > div > img:first-child {
    padding-top:10px;
    padding-bottom:20px;
}
.blog-single {
    padding-top:50px;
}
#content {
    padding-top:0px!important;
}
.about > .container > .row > div:first-child > h2:first-child, .about > .container > .row > div:first-child > div:first-child > h2:first-child, .kholder > div:first-child > h2:first-child  {
    margin-top:0px;

}
.abt-ctn h2 {
    padding-top:40px;

}
.abt-team > h2 {
    padding-top:0px;
}
.container > .container {
    margin-left:-15px;
    margin-right:-15px;
}
.container > .container > .row {
    margin-left:0px;
    margin-right:0px;
}
.greenpolicy > .row > div > h2 {
    margin-top:0px;

}
.prof-cntnt {
    padding-top:30px;
    padding-bottom:0px;
}
.contact-us {
    padding-top:50px;
    padding-bottom:40px;
}
.sevices-blog {
    padding-top:50px;
    padding-bottom:50px;
}

.image-holder img {
    padding-top: 0px!important;
    padding-bottom: 0px !important;
}
.f3body .cbtn {
    margin-top:15px;

}
.footer3 .borderline:not(:last-child) {
    margin-bottom:30px;

}
.modal-open .modal {
        z-index: 9999999999!important;
}
.rev_slider {
    text-align:left;
}
.rev_slider .home-btn-slider, .rev_slider .home-btn-slider2 {
    border: 1px solid #fff!important;
    border-radius: 3px!important;
    padding: 15px 70px;
    color: #ffffff!important;
}
.rev_slider .home-btn-slider,
.rev_slider .home-btn-slider:hover {
	color: #ffffff!important;
	text-decoration: none!important;
}
.rev_slider .home-btn-slider:hover,
.rev_slider .home-btn-slider2:hover {
	background-color: #ffffff!important;
}
.rev_slider .sldr1:hover {
	color: #931400!important;
}
.rev_slider .sldr2{
        padding: 15px 20px!important;
}
.rev_slider .sldr2:hover{
	color: #00a4e4!important;
}
.rev_slider .sldr3:hover{
	color: #3DBB9E!important;
}
.rev_slider .sldr4:hover{
	color: #38B65D!important;
}
.rev_slider .sldr5:hover{
	color: #123148!important;
}


/*mobile menu*/
.header {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;

    overflow: hidden;
    -webkit-transition: all 0.5s ease-out, background 1s ease-out;
    transition: all 0.5s ease-out, background 1s ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    z-index: 99999999;
}
.header .burger-container {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 50px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 9999999;
    float: right;
    right: 15px;
    top: 10px;
}
.header .burger-container #burger {
    width: 34px;
    height: 15px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}
.header .burger-container #burger .bar {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    background: #FFF;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.header .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
}
.header .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(10px) rotate(0deg);
    transform: translateY(10px) rotate(0deg);
}
.header .icon {
    display: inline-block;
    position: absolute;
    height: 100%;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFF;
    font-size: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.header .icon.icon-bag {
    right: 0;
    top: 0;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
}
.header ul.menu {
    position: relative;
    display: block;
    padding: 0px 48px 0 48px;
    list-style: none;
    margin: 10px 0px 0px 0px;
}
.header ul.menu li.menu-item {
    border-bottom: 1px solid #333;
    -webkit-transform: scale(1.15) translateY(-30px);
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.header ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
}
.header ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
}
.header ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.header ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
}
.header ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
}
.header ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
}
.header ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
}
.header ul.menu li.menu-item a {
    display: block;
    position: relative;
    color: #FFF;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px;
    line-height: 1em;
    padding-top:11px;
    padding-bottom:13px;
    width: 100%;
}
.header.menu-opened {
    height: 100%;
    background-color: #000;
    -webkit-transition: all 0.3s ease-in, background 0.5s ease-in;
    transition: all 0.3s ease-in, background 0.5s ease-in;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    position:fixed;
}
.header.menu-opened .burger-container {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header.menu-opened .burger-container #burger .bar {
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.header.menu-opened .burger-container #burger .bar.topBar {
    -webkit-transform: translateY(4px) rotate(45deg);
    transform: translateY(4px) rotate(45deg);
}
.header.menu-opened .burger-container #burger .bar.btmBar {
    -webkit-transform: translateY(3px) rotate(-45deg);
    transform: translateY(3px) rotate(-45deg);
}
.header.menu-opened ul.menu li.menu-item {
    -webkit-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
    position:relative;
}
.header.menu-opened ul.menu li.menu-item:nth-child(1) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(2) {
    -webkit-transition-delay: 0.34s;
    transition-delay: 0.34s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(3) {
    -webkit-transition-delay: 0.41s;
    transition-delay: 0.41s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(4) {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(5) {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(6) {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
}
.header.menu-opened ul.menu li.menu-item:nth-child(7) {
    -webkit-transition-delay: 0.69s;
    transition-delay: 0.69s;
}
.header.menu-opened .icon.icon-bag {
    -webkit-transform: translateX(75px);
    transform: translateX(75px);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.header .sub-menu {
    overflow: hidden;
    max-height: 0px;
    transition: all ease-in-out 0.6s;
    margin-left: 40px;
    padding-left:0px;

}
.header .sub-menu li {
    list-style: none;
    border:0px!important;
}
.header .sub-menu a {
    border: none!important;
    font-size: 14px!important;
    padding-top:7px!important;
    padding-bottom:9px!important;
}
@media (min-width: 768px) {
    .header {
        display:none;
    }
}
.header .sub-menu .current-menu-item a {
    background-color: transparent!important;
}
.open-icon {
    position: absolute;
    top: -8px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 99;
    font-size: 2.2em;
    color: #999;
    transition: all ease-in-out 0.4s;
}
.open-icon-rotate:before {
     content: "\f106"!important;
}
.open-sub-menu {
    max-height: 500px!important;
    margin-bottom:15px;
}
.open-icon:hover {
    cursor: pointer;
}
.open-icon:before {
    content: "\f107";
    font-family: FontAwesome;
}

@media (min-width:992px) {
    .isotope-filtering-buttons {
        padding-left:100px;
        padding-right:100px;
    }
}
@media (max-width:767px) {
    .isotope-filtering-buttons {
        display: block!important;
    }
    .isotope-filtering-buttons > div {
        padding-top:10px;
        padding-bottom:10px;
    }
}
.isotope-filtering-buttons {
    display: flex;
    display: -webkit-flex; 
    justify-content: center; 
    -webkit-box-pack: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center; 
    padding-top:5px;

    
}
.isotope-filtering-buttons .active, .isotope-filtering-buttons > div:hover {
    color:#0090bd;
}
.isotope-filtering-buttons > div {
    flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    -webkit-box-ordinal-flex-grow: 1;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 0.9em;
    text-transform: uppercase;
    position:relative;
}
.isotope-filtering-buttons > div:hover {
    cursor: pointer;
}
.icon-all {
    background-image: url('../img/icons/icon-all.png');
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: top center;
    width:100%;
    height:30px;
    position:relative;
    display:block;
    margin-bottom:5px;
}
.isotope-button:hover .icon-all, .active .icon-all  {
    background-image: url('../img/icons/icon-all-active.png');
}
.icon-web {
    background-image: url('../img/icons/icon-website.png');
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: top center;
    width:100%;
    height:30px;
    position:relative;
    display:block;
    margin-bottom:5px;
}
.isotope-button:hover .icon-web, .active .icon-web  {
    background-image: url('../img/icons/icon-website-active.png');
}
.icon-mob {
    background-image: url('../img/icons/icon-mob.png');
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: top center;
    width:100%;
    height:30px;
    position:relative;
    display:block;
    margin-bottom:5px;
}
.isotope-button:hover .icon-mob, .active .icon-mob  {
    background-image: url('../img/icons/icon-mob-active.png');
}
.icon-brand {
    background-image: url('../img/icons/icon-brand.png');
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: top center;
    width:100%;
    height:30px;
    position:relative;
    display:block;
    margin-bottom:5px;
}
.isotope-button:hover .icon-brand, .active .icon-brand  {
    background-image: url('../img/icons/icon-brand-active.png');
}
.icon-print {
    background-image: url('../img/icons/icon-print.png');
    background-repeat: no-repeat;
    background-size: auto 30px;
    background-position: top center;
    width:100%;
    height:30px;
    position:relative;
    display:block;
    margin-bottom:5px;
}
.isotope-button:hover .icon-print, .active .icon-print  {
    background-image: url('../img/icons/icon-print-all.png');
}

input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.single-carousel {
    margin-bottom:0px;
    margin-top: 40px;
}
#owl-demo_about {
    margin-bottom:-11px;

}

.portfolio-details .pcmb p{
	line-height:1.5;
}

.portfolio-details .pcmb h2{
	color: #343c47;
    font-weight: 300;
    font-size: 36px;
    margin-bottom: 25px;
	padding: 0;
}