/***************************************************************************************
Template Name:  Laktify - Responsive HTML5,CSS3,Bootstrap 3 Template
Version: 1.1
Author: rajtheme
Description: Laktify is a clean, and multi-purpose Bootstrap(3) Template. It is suitable for your business, corporate and creative agency or a portfolio projects and many more.
*****************************************************************************************/

/* =======================================================
   General Css
   ======================================================= */
body {
    font-size: 13px;
    color: black;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:   red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    red;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    red;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    red;
}

/* =======================================================
  Typography and Element
   ======================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
    font-family:'Titillium Web', sans-serif;
    font-weight: 800;
}
h2{
  font-size: 28px;
}
h3{
    font-size: 20px;
}
p, ul, ol, dl, table, fieldset, blockquote {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: justify;
    font-family: lao ui;
}
a {
  color: #222;
  -webkit-transition: all 0.5s;
  -moz-transition:  all 0.5s;
  -o-transition:  all 0.5s;
  -ms-transition:  all 0.5s;
  transition:  all 0.5s;
}
hr {
  border-top: 1px solid #222;
}
ul.unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}
.well{
    background: none;
}
.btn {
    box-shadow: none;
    text-shadow: none;
    color: #222;
    border: 1px solid #222;
    border-radius: 0px;
    background-color: transparent;
    padding: 8px 20px;
    font-size: 13px;
    line-height: 12px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out
    outline:0px;
}
.btn:active, .btn.active{
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    background-color: #222;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    outline: 0px;
}
.btn:hover{
    color: #fff;
    background-color: #222;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
    outline: 0px;
}
.btn i{
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.btn:hover i{
    color: #fff;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.btn:hover, .btn:focus{
    outline: 0px;
}
.slider .btn{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 12px 25px;
}
.slider .btn:hover{
    background-color: #fff;
    color: #222;
}
a:hover,
a:focus {
  color: #222;
  text-decoration: none;
  outline: none;
}
iframe{
    border: none;
}
.well {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
}
.img-thumbnail {
    border: 0;
}
.center {
    text-align: center;
    padding-bottom: 0px;
}
img{
    max-width: 100%;
}
.navbar{
    border-radius: 0px;
}
.navbar-header a{
    padding-left: 0px;
}
.global-box{
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}
.global-box:hover span{
    background-color: #222;
}
.global-box:hover .global-arrow{
    background-color: #222;
}
.global-box:hover .global-arrow{
    background-color: #222;
}
.global-box:hover span.global-icon{
    color: #fff;
}
.global-box h3{
    margin-top: 40px;
}
.global-box h4{
    margin-top: 50px;
    margin-bottom: 20px;
}
#firstDiv,#secondtDiv,#thirdDiv,#fourthDiv,#fifththDiv,#sixthdiv,#seventhDiv
{
    border: 1px solid rgb(182, 203, 213);

padding: 10px 10px 0px 10px;

}
.rdBtn
{
    margin: 5px;
}
#boldtext
{
    padding-bottom: 15px;
    font-family: lao ui;
    font-weight: 800;
    width: 45%;
    text-align: justify;
}
.secondinner
{
    width: 76%;
    display: -webkit-inline-box;
}
.inner
{
    display: inline-flex;
width: 76%;

}
.txtbox
{
    display: inline-block;
border: 1px solid #bbb;
padding: 3px;
font-weight: 300;
text-align: left;
vertical-align: middle;
font-size: 15px;
width: 228px;
}
#ddlShipperCountry,#ddlRecipientCountry
{
    padding: 3px;
}

.inline{
   margin-bottom: 10px;
    width: 100%;
}
.custom-icon {
    border: 1px solid #ffffff;
    height: 68px;
    line-height: 65px;
    margin: 0 auto;
    position: relative;
    width: 68px;
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 0px;
}
.no-padding{
    padding: 0px;
}
.page-header{
    margin: 0px;
    padding: 0px;
    border-bottom: none;
    color: #fff;
    height: 228px;
}
.page-header-content{
    padding: 50px 0px;
}
.page-header h2{
    color: #fff;
    margin-top: 20px;
    font-size: 45px;
}
.page-header p{
   font-family: 'Oswald', sans-serif;;
}
.page-header .global-box{
    width: 96px;
    margin-top:40px;
    position: inherit;
}
.section-header h2{
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 10px;
}
.section-header h4{
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
}
.title-header{
    margin-bottom: 16px
}
.have-bg-img h2{
    color: #fff;
}
.have-bg-img h3{
    color: #fff;
}
.have-bg-img h4{
    color: #fff;
}
.have-bg-img p{
    color: #fff;
}

.have-bg-img a{
    color: #fff;
}
.have-bg-img i{
    color: #fff;
}
#gototop{
    float: right;
    position: relative;
    top: 23px;
    right: 32px;
}
/*scrolling*/
#boxscroll4 {
    height: auto;
    overflow: auto;
}
/*scrolling end*/
/* =======================================================
   Navbar
   ======================================================= */

.navbar-inverse {
    background: #FFF;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    margin-bottom: 0;
    width: 100%;
   /* -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;*/
}
.navbar-inverse .navbar-brand {
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    color: #333;
    padding: 14px 0px;
    padding-bottom: 0px;
    padding-right: 20px;
}
.nav-main{
    margin-top: 4px;
    margin-left: -25px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #454545;
}
#firstcild
{
    padding-left: 0px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #0E5489;
    padding: 17px 28px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif;
    padding-top:17px;
}


.navbar-inverse .navbar-nav > li > a:hover{
    color: #FF7361;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
    color: #016EB5;
   
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background:none;
    color: #222;
    
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-top: 0;
}
/* =======================================================
   Slider
   ======================================================= */
.laktify-main-slider img{
    background-size: cover;
    width: 100%;
}
.laktify-main-slider h1{
    color: #fff;
    text-transform: uppercase;
    padding: 20px 20px;
    border-top:2px solid #fff ;
    border-bottom:2px solid #fff ;
}
.laktify-main-slider h4{
    color: #fff;
    text-transform: capitalize;
}
.laktify-main-slider .carousel-control span{
    background: rgba(255, 255, 255, 0.32);;
    width: 60px;
    height: 60px;
    top: 41%;
    text-shadow: none;
}
.laktify-main-slider .btn{
    color: #fff;
    border: 1px solid #b1b1b1;
}
.laktify-main-slider .btn:hover{
    background-color: #fff;
    color: #222;
}
.laktify-main-slider .carousel-control{
}
.laktify-main-slider:hover .carousel-caption{
   visibility: visible;
}
.laktify-main-slider .carousel-control .glyphicon-chevron-left{
    left: 0px;
    border-radius: 0px 4px 4px 0px;
}
.laktify-main-slider .carousel-control .glyphicon-chevron-left:before{
    position: relative;
    top: 16px;
}
.laktify-main-slider .carousel-control .glyphicon-chevron-right:before{
    position: relative;
    top: 16px;
}
.laktify-main-slider .carousel-control .glyphicon-chevron-right{
    left: 70%;
    border-radius: 4px 0px 0px 4px;
}
.laktify-main-slider .carousel-caption{
    top: 45%;
}
.laktify-main-slider .carousel-inner{
    height: 430px;
}
.carousel-indicators .active{
    margin-right: 10px;
    border: none;
}
.carousel-indicators li{
    border-radius: 0px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-right: 10px;
}

/* =======================================================
   Main contentt
   ======================================================= */
.main-content section{
    padding: 10px 10px;
    overflow: hidden;
}


/* =======================================================
    Pages and home page section
   ======================================================= */

/*home page section*/

/*why chose us*/
.why-chose-us{
    background:url('../images/wrap_portfolio.jpg')  ;
    color: #fff;
    padding: 40px 0px!important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .why-chose-us{
        background-attachment: scroll;
    }
}

.why-chose-us i{
    color: #fff;
    font-size: 22px;
    line-height: 45px;
}
.why-chose-us span.showcase-icon{
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}
.why-chose-us .showcase-box img{
    position: relative;
    top: 49px;
}
.showcase-content-left, .showcase-content-right{
    position: relative;
    top: 60px;
}
.showcase-box-left span{
    float: right;
    margin-left: 25px;
}
.showcase-box-left i{
    line-height: 45px;
}
.showcase-box span{
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.showcase-box i{
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.showcase-box:hover span{
    background-color: #fff;
}
.showcase-box:hover i{
    color: #222;
}
.showcase-box-right .showcase-content{
    text-align: left;
    overflow: hidden;
}
.showcase-box-right .showcase-icon{
    float: left;
    margin-right: 25px;
    margin-top: 10px;
    display: inline-block;
}
.showcase-box-right .showcase-content:hover .showcase-icon{
    color: #fff;
}
.showcase-box-left h4{
    text-align: right;
}
.showcase-box-left p{
    text-align: right;
    overflow: hidden;
}
.why-chose-us h4{
    color: #fff;
}
/*why chose us end*/

/*services*/
.icon_box {
    position: relative;
}
.icon_box .icon-8x {
    padding: 15px 25px;
    color: #454545;
    background-color: #f7f7f7;
    border: 1px solid #222;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 4px 4px 4px 4px;
    font-size: 40px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.global-box:hover i {
    background-color: #222;
    color: #fff;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.icon_box .global-arrow {
    background: none repeat scroll 0 0 #f7f7f7;
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    display: block;
    width: 16px;
    height: 15px;
    left: 50%;
    margin-left: -8px;
    bottom: -23px;
    position: absolute;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: none\9;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}

.service-list-top{
    overflow: hidden;
    margin-bottom: 20px;
}
.servicediv li>div{
    border: 1px solid #222;
    padding: 16px 16px;
}
.servicediv li .global-box{
    padding-top: 50px;
    padding-bottom: 0px;
    padding-left: 16px;
    padding-right: 16px;
}
.servicediv li div .faicons{
    background-color: #f7f7f7;
    padding: 10px 18px;
    border: 1px solid #222;
    border-radius: 5px 5px 5px 5px;
    color: #454545;
    font-size: 35px;
}
.service-list li:hover{
    cursor: pointer;
}
/*services end**/

/*recent work*/
#recent-works {
    background:url('../images/recent-work-bg.jpg') ;
}
#recent-works h2{
    color: #fff;
}
#recent-works h4{
    color: #fff;
}
.recent-top-image{
    margin-bottom: 20px;
}
.og-grid li{
    margin: 0px 16px 0px 16px!important;
}
.mypost
{
    background: url(../images/bgside.jpg);
}
/*recent work end*/

/*latest blog post*/
.latest-blog-post .latest-posts{
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88, 159, 219, 1)), color-stop(100%,rgba(40, 111, 173, 1)));
color: white;

    padding: 20px 15px;
}
.latest-blog-post .latest-posts h4{
    text-align: center;
    margin-bottom: 4px;
}
.latest-blog-post .latest-posts img{
}
.latest-blog-post .latest-posts p{
    margin: 0px;
    text-align: center;
}
.latest-posts .meta{
    margin-top: 4px;
    margin-bottom: 3px;
    color: #7F7F7F;
    font-size: 10px;
    text-align: center;
}
.latest-posts .blog-description a:hover{
    text-decoration: underline;
}
/*latest blog post end*/

/*patners*/
#partner{
    background:url('../images/partners.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.partners ul li{
    float: left;
    width: 20%;
}
/*patners end*/

/*contact info*/
#conatact-info{
    background: #fff url(../images/contact.png) no-repeat 90% 0;
    padding: 45px 0px;
}
/*contact info end*/

/*fun facts*/
#fun-facts{
    width: 100%;
    background: url('../images/slider/fun_bg.jpg') no-repeat;
    background-size: cover;
    padding-bottom: 20px;
}
.fun-facts-list{
    margin-top: 35px;
}
article.numbers li {
    display: inline-block;
    list-style: none outside none;
    margin: 0 0;
    text-align: center;
    vertical-align: top;
    width: 15%;
}
article.numbers li .span-circle {
    color: #FFFFFF;
    display: block;
    font-size: 50px;
    height: 124px;
    line-height: 122px;
    position: relative;
    text-align: center;
    text-shadow: 3px 2px 0px rgba(0,0,0, 0.2);
    width: 129px;
    z-index: 102;
    transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.fun-facts-item .fun-facts-icon {
    position: absolute;
    top: 0;
    margin-top: -20px;
    left: 50%;
    margin-left: -40px;
    background-color: transparent;
    border: 2px solid #fff;
    outline: none;
    width: 80px;
    height: 80px;
    display: block;
    z-index: 10;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: none\9;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.fun-facts-item span {
    display: block;
    clear: both;
    padding-top: 55px;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    font-weight: 400;
    color: #fff;
    font-family: 'Oswald', sans-serif;
}

.fun-facts-item:hover .fun-facts-icon{
    background-color: #fff;
}
.fun-facts-item i{
    color: #fff;
    position: relative;
    z-index: 100;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.fun-facts-item:hover i{
    color: #222;
}
/*fun facts end*/

/*mission*/
.office-statement h4{
    margin-bottom: 15px;
}
.carousel-inner>.item{
    height: 325px;
}
#myCarousel .arrow{
    position: absolute;
    top: 50%;
    left: 40%;
    background-color: transparent;
    border: 2px solid #fff;
    width: 18px;
    height: 18px;
    display: block;
    z-index: 10;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: none\9;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.carousel-control.left, .carousel-control.right{
    background-image: none;
    box-shadow: none;
}
/*mission end*/

/*happy clients*/
#happy-clients{
    width: 100%;
    background: url('../images/clients/Happy-clients.png') no-repeat;
    background-size: cover;
    padding-bottom: 20px;
}
#happy-clients .carousel-inner>.item{
    height: 200px;
}
.testimonials p{
    text-align: center;
}
/*happy clients end*/

/*home page section end*/

/*about us page*/
.about-us-page-header{
    background: url('../images/about-us.png')no-repeat #000 50% 0;
    background-size: cover;

}
.about-us .page-header .icon_box .icon-8x{
    font-size: 37px;
}
.about-our-company img{
    width: 585px;
}
/*meet our team*/
.meet-our-team .team-member{
    border: 1px solid #222;
    padding: 15px;
}
.meet-our-team .team-member p{
    text-align: center;
}
.meet-our-team .team-member h4{
    text-align: center;
}
.meet-our-team .connect-me{
    text-align: center;
}
.meet-our-team .connect-me li{
    border: 1px solid #222;
    margin-right: 4px;
    padding: 4px 10px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.meet-our-team .connect-me li:hover{
    background-color: #222;
    cursor: pointer;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.meet-our-team .connect-me li:hover i{
    color: #fff;
}
/*meet our team end*/

/*we create*/
.we-create{
    background: url("../images/company-photo/header_bg.jpg");
    background-size: cover;
}
.we-create a{
    background-color: transparent;
    border: 1px solid #b1b1b1;
}
.we-create .btn:hover{
    background-color: #fff;
    color: #222;
}
/*we create end*/

/*about us page end */


/*service page*/
.service-page-header{
    background: url('../images/services.png')no-repeat #000 50% 0%;
    background-size: cover;
}
.service .page-header .icon_box .icon-8x{
    font-size: 37px;
}
.clients{
    background: url('../images/clients/clients-bg.jpg') 50% 0 no-repeat;
    background-size: cover;
}
.clientslist li{
    margin-right: 17px;
}
/*service page end*/


/*portfolio page*/
#portfolio #myCarousel{
    margin-top: 80px;
}
#portfolio #myCarousel .carousel-inner .item{
    height: 576px;
}
#portfolio #myCarousel .carousel-inner .item img{
    height: 600px;
}
.portfolio-page-header{
    background: url('../images/portfolio-bg.png')no-repeat #000 50% 0;
    background-size: cover;
}
.portfolio-items,
.portfolio-filter {
    list-style: none;
    padding: 0;
    margin: 0 -20px 35px 0;
}
.portfolio-filter > li {
    display: inline-block;
}
.portfolio-items > li {
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.portfolio-items.col-3 > li {
    width: 33%;

}
.portfolio-item {
    padding: 0;
    margin: 0;
}
.portfolio-item .item-inner {
    background: #fff;
    padding: 15px;
    border: 1px solid #222;
    margin: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
}
.portfolio-item .item-inner h4{
    text-align: center;
    font-size: 15px;
}
.portfolio-item img {
    width: 100%;
}
.portfolio-item h5 {
    background: #fff;
    margin: 0;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
}
.portfolio-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    vertical-align: middle;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.portfolio-item .overlay .preview {
    position: relative;
    top: 115px;
    display: inline-block;
    padding: 8px 13px;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    z-index: 10;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.portfolio-item:hover .overlay {
    opacity: 1;
    background-color: rgba(0,0,0, 0.7);
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
.portfolio-item .overlay a{
    font-size: 16px;
    color: #fff;
}

.portfolio-item .overlay .btn{
    background-color: #FF7361;
    border:2px solid #fff;
}
.portfolio-item .overlay .zoom-in{
    margin-right: 15px;
}
.portfolio-item .overlay .zoom-in:hover{
  background-color: #fff;
  color: #222;
  border: 1px solid #fff;
}
.portfolio-item .overlay .details{
}
.portfolio-item .overlay .details:hover {
    background-color: #fff;
    color: #222;
    border: 1px solid #fff;
}
.project-details p{
    margin-bottom: 10px;
}
/*Recommended Isotope styles */

/* Isotope Filtering */
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/*Isotope CSS3 transitions */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/*disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
/*End: Recommended Isotope styles */
/*disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.portfolio-full-width .portfolio-item .item-inner{
    margin: 0 0px 0px 0;
}
.pagination-custom{
    border: 1px solid #222;
    width: 40%;
    margin: 0 auto;
    text-align: center;
}
.pagination-custom li a{
    font-size: 15px;
    border: none;
    height: 34px;
    line-height: 34px;
    padding: 0;
    text-align: center;
    width: 50px;
}
.pagination-custom .active .btn{
    background-color: #222;
    border: none;
    color: #fff;
}
.pagination-custom .btn:hover{
    background-color: #222;
    color: #fff;
}
/*our working procedure*/
.how-we-work{
    background: url('../images/services.png')no-repeat #000 ;
    background-size: cover;
    padding-bottom: 40px!important;
}
.our-woking-procedure{
    padding-top: 40px;
}
/*our working procedure end*/

/*portfolio end*/

/*portfolio details*/
.project-information{
    margin: 10px 0px!important;
}
.portfolio-details-content i{
    color: #222;
    margin-right: 5px;
    font-size: 12px;
}
/*portfolio details end*/

/*portfolio pag end*/


/* blog*/
.blog-page-header{
    background: url('../images/clients/clients-bg.jpg') 50% 50% repeat;
    background-size: cover;
}
.blog-item{
    margin-bottom: 50px;
}
.blog-heading{
    margin-bottom:50px ;
}
.blog-heading h3{
    color: #fff;
    padding: 3px 0px 0px 10px;
}
.blog-heading .entry-meta span{
    color: #222;
    margin-right: 15px;
}
.blog-heading .entry-meta span a{
    color: #222;
}
.blog-heading .entry-meta span i{
    color: #222;
    margin-right: 3px;
}
#blog .blog-media{
    border-bottom: 7px solid #222;
}
#blog .entry-format {
    float: left;
    margin: -60px 30px 20px 25px;
    position: relative;
}
#blog .entry-format > a {
    display: block;
    background-image: url("../images/blog-img-circle.png");
    background-position: center center;
    background-repeat: repeat;
    background-color: #222;
    color: #fff;
    font-size: 24px;
    width: 100px;
    height: 100px;
    line-height: 65px;
    text-align: center;
    border-radius: 100px;
    behavior: url('PIE.html');
    position: relative;
    z-index: 102;
    box-shadow: 4px 2px 0 #0E0A0A;
}
#blog .entry-format > a span {
    font-size: 50px;
    left: 26px;
    position: absolute;
    top: 28px;
}
#blog .entry-meta{
    margin-top: 6px;
}

/*blog aside*/
.sidebar .widget{
    margin-bottom: 40px;
}
.sidebar .widget-title{
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 0px;
    text-transform: uppercase;
}
#searchform {
    position: relative;
}
#searchform ::-webkit-input-placeholder {
    color: #222;
}
#searchform ::-moz-input-placeholder {
    color: #222;
}
#searchform ::-ms-input-placeholder {
    color: #222;
}
#searchform ::-o-input-placeholder {
    color: #222;
}
#searchform input[type="text"]{
    border: 1px solid #222;
    padding: 10px 20px;
    background: none;
    color: #222;
    font-size: 14px;
    width: 100%;
}
#searchform input:focus{
    box-shadow: none;
    border: 1px solid #222;
    outline: 0;
}
#searchform .icon-search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0;
    height: 40px;
    top: 13px;
    right: 15px;
    width: 30px;
    position: absolute;
    z-index: 3;
}
.widget-search .icon-search{
    position: absolute;
    z-index: 2;
    top: 13px;
    right: 15px;
    color: #222;
}
.category-list > li {
    border: 1px solid #222;
    border-bottom: none;
    padding: 10px 10px;
}
.category-list > li:first-child > a {
    padding-top: 0;
}
.category-list > li:last-child {
    border-bottom: 1px solid;
}
.category-list .posts-count, .category-list > li > a {
    color: #222;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out outline:0px;
}
.category-list > li > a {
    width: 85%;
    padding: 6px 0;
    position: relative;
}
.category-list .posts-count {
    border: 1px solid #222;
    color: #222;
    padding: 1%;
    text-align: center;
    width: 15%;
}
.category-list > li:hover .posts-count{
    background-color: #222;
    color: #fff;
}
.nav-tabs{
    border: 1px solid #222;
    border-bottom: none;
    margin: 0;
    padding: 0 5px;
    text-align: center;
}
.tab-content{
    border: 1px solid #222;
    padding: 10px;
}
.nav-tabs > li > a {
    border-radius: 0px;
    color: #222;
    font-size: 14px;
    padding: 14px 10px;
}
.nav-tabs > li:hover > a {
    background-color: #222;
    color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #FFF;
    cursor: default;
     background-color: #222;
     border: 1px solid #222;
    border-bottom-color: #222;
}
.nav-tabs>li>a:hover{
    border: 1px solid #222;
}
.widget-tabbed .entry-list > li:first-child {
    margin-top: 0;
}
.widget-tabbed .entry-list > li {
    margin-top: 10px;
}
.widget-tabbed .entry-list .entry-thumbnail {
    float: left;
    margin-right: 20px;
    margin-top: 12px;
}
.widget-tabbed .entry-list .entry-title{
    margin-bottom: 3px;
}
.widget-tabbed .entry-list .entry-thumbnail > a {
    display: block;
    width: 60px;
    height: 60px;
    background: #e1e1e1;
}
.widget-tabbed .entry-list .entry-main {
    overflow: hidden;
    zoom: 1;
}
#tab-comments p{
    margin: 0px;
}
#blog #tab-comments .entry-meta{
    margin: 0px;
}
.widget-tabbed .entry-list .entry-meta > * {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 0.675em;
    font-style: italic;
    margin-left: 5px;
}
ul.tag-cloud {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.tag-cloud li {
    display: inline-block;
    margin: 0 -1px 3px 0;
}
.tags a{
    padding: 4px 5px;
    font-size: 15px;
}
.widget-tags .tag-cloud > li > a {
    border: 1px solid #222;
    color: #222;
    display: block;
    font-size: 14px;
    padding: 5px 8px;
}
.widget-tags .tag-cloud > li > a:hover {
    background: #222;
    color: #fff;
}
/*blog aside end*/

/*comments*/
#comments-list img{
    width: 80px;
    position: relative;
    top: 20px;
}
#comment-form h3{
    margin-bottom: 7px;
}
#blog .author img{
    width: 100px;

}
.author .media-body{
    margin-top: 16px;
}
.form-control{
    border: 1px solid #222;
    border-radius: 0px;
    color: #222;
    box-shadow: none;
}
.form-control:focus{
    box-shadow: none;
    border:1px solid #222;
}
#comments form{
    text-align: center;
}
#comments form ::-webkit-input-placeholder {
    color: #222;
}
#comments form ::-moz-input-placeholder {
    color: #222;
}
#comments form ::-ms-input-placeholder {
    color: #222;
}
#comments form ::-o-input-placeholder {
    color: #222;
}
/*comments end*/

/* blog page end*/

/*twitter upadte*/
#twitter-update{
    background: url('../images/twitter-bg.jpg') no-repeat ;
    background-size: cover;
    padding: 40px 0px;
}
#twitter-update:hover .fun-facts-icon{
    background-color: #fff;
    outline: none;
}
#twitter-update:hover i{
    color: #222;
}
#twitter-update .carousel-inner>.item{
    height: 90px;
}
#twitter-update .fun-facts-item{
    margin-top: 50px;
    margin-bottom: 50px;
}
#twitter-update .testimonials p{
    text-align: center;
}
#twitter-update .carousel-indicators{
    top:100px
}
/*blog post end*/

/*contact page*/
.contact-page-header{
    background: url('../images/contact-heaer.png') #000 -70px 585px;
    background-size: cover;
}
.contact-form{
    background-image:url('../images/slider/contact_bg.html');
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-form input{
    background: none;
}
.contact-form textarea{
    height: 120px;
    width: 94.5%;
    padding: 2% 3%;
    border: none;
    border: 1px solid #b1b1b1;
    background-color: transparent;
    color: #b1b1b1;
    font-size: 13px;
    float: left;
}
input.contact_input{
    width: 93%;
    height: 38px;
    padding: 0 3%;
    margin-bottom: 15px;
    border: 1px solid #b1b1b1;
    background-color: transparent;
    color: #b1b1b1;
    font-size: 13px;
    float: left;
}
.contact_left {
    width: 49%;
    padding-right: 2%;
    float: left;
    position: relative;
}
.contact_right {
    width: 49%;
    float: left;
    position: relative;
}
.contact_full {
    width: 100%;
    float: left;
    position: relative;
}
input.contact-submit {
    margin-top: 30px;
    padding: 12px 40px;
    vertical-align: top;
    border: 1px solid #b1b1b1;
    background-color: transparent;
    color: #b1b1b1;
    font-size: 14px;
    font-weight: 400;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out;
}
input.contact-submit:hover{
    background-color: #fff;
    color: #222;
}
input [placeholder]{
    color: #fff;
}
.contact-form ::-webkit-input-placeholder {
    color: #fff;
}
.contact-form ::-moz-input-placeholder {
    color: #fff;
}
.contact-form ::-o-input-placeholder {
    color: #fff;
}
.contact-form ::-ms-input-placeholder {
    color: #fff;
}
/*contact page end*/


/*footer*/
#footer{
    padding: 70px 0px;
}
.copyright{
    padding: 0px;
    position: relative;
    top: 70px;
}
/*footer end*/

/*responsive issue fixed*/
.navbar-toggle{
    background-color:transparent;
    padding: 16px 20px;
    margin-right: 83px;
    margin-top: 23px;
    border-radius: 0px;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out outline:0px;
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color: #222;
    transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -webkit-transition: all .50s ease-in-out outline:0px;
}
.navbar-inverse .navbar-toggle:hover .icon-bar{
    color: #fff;
}
 .navbar-inverse .navbar-toggle:focus{
    background-color: #222;
}
 .navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: #222;
}
.navbar-inverse .navbar-toggle:hover .icon-bar{
    background-color: #fff;
}
@media (max-width: 980px){
    /*testimonial*/
    #testimonials .carousel-indicators {
        top:252px;
     }
    /*testimonial end*/

    /*tab content*/
    .tabs .tab-content{
        padding: 15px 28px 49px;
    }
    .tabs .nav-tabs > li > a{
        padding: 12px 10px;
    }
    /*tab content*/

    /*testimonial*/
    .testimonial .round-image{
        margin-top: 120px;
    }
    .testimonial img{
        margin-top: 20px;
    }
    .testimonial .testimonial-arrow{
        top: 116px;
    }
    .testimonial-style-2 .item img{
        margin: 0 auto;
    }
    .testimonial-style-2 h3{
        text-align: center;
    }
    /*testimonial end*/

    /*latest blog post*/
    .latest-blog-post .row>div{
        margin-bottom: 20px;
    }
    /*latest blog post end*/

    /*meet our team*/
    .meet-our-team .row>div{
        margin-bottom: 20px;
    }
    .meet-our-team .team-member{
        text-align: center;
    }
    /*meet our team end*/

    /*pagination in blog*/
    .pagination-custom{
        width: 70%;
    }
    /*pagination in blog end*/

    /*blog aside*/
    #blog aside{
        margin-top: 40px;
    }
    /*blog aside end*/
}

@media (max-width: 767px){

    /* navigation button issue*/
    .navbar-toggle{
        padding: 11px 10px;
        margin-right: 36px;
        margin-top: 20px;
    }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
        outline: none;
    }
    /* navigation button issue end*/

    /*navbar*/
    .navbar-inverse .navbar-nav{
        margin-top: 0px;
    }
    header div.navbar-collapse{
        background-color: #171717;
    }
    .navbar-collapse{
        padding-right: 15px!important;
        padding-left: 18px!important;
    }
    .navbar-inverse .navbar-nav > li > a{
        color: #fff;
        padding: 0px;
        text-align: center;
    }
    .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
        color: #fff;
    }
    .navbar-inverse .navbar-nav > .active > a{
        color: #fff;
    }
    .navbar-inverse .navbar-nav > .active > a:hover{
        color: #fff;
    }
    .navbar-inverse .navbar-nav > li {
        border-bottom: 1px solid #252525;
        padding: 8px 13px;
    }
    .navbar-inverse .navbar-nav > li:last-child {
        border-bottom: none;
    }
    /*navbar end*/

    /*main slide*/
    .laktify-main-slider{
        height: 270px;
    }
    .laktify-main-slider h1{
        font-size: 15px;
        padding: 10px 20px;
    }
    .laktify-main-slider h4{
        font-size: 12px;
    }
    .laktify-main-slider .carousel-inner{
        height: auto;
    }
    .laktify-main-slider .carousel-caption{
        top: 20%;
    }
    .laktify-main-slider .carousel-indicators{
        display: none;
    }
    .laktify-main-slider .carousel-control{
        width: 26%;
    }
    .laktify-main-slider .carousel-caption{
        top: 10%;
    }
    .laktify-main-slider .carousel-control{
        display: none;
    }

    /*main slide end*/

    /*page header icon*/
    .page-header .global-box{
        display: none;
    }
    .page-header h2{
        text-align: center;
    }
    .page-header p{
        text-align: center;
    }
    /*page header icon end*/

    /*portfolio item*/
    .portfolio-item .overlay .preview{
        width: 30px;
        height: 30px;
        top: 80px;
        padding: 3px 5px;
    }
    /*portfolio item end*/

    /*blog comment*/
    #blog .form-control{
        margin-bottom: 15px;
    }
    /*blog comment end*/
}

@media (max-width: 500px){
    /*portfolio item*/
    .portfolio-items .portfolio-item .overlay .preview {
        padding: 4px 7px;
    }
    .portfolio-items .portfolio-item h5{
        padding: 6px 0px;
    }
    .portfolio-filter .btn{
        padding: 5px 6px;
    }
    /*portfolio item end*/

    /*testimonial*/
    #testimonials .carousel-indicators{
        top:296px;
    }
    /*testimonial end*/

    /*twitter update*/
    #twitter-update .carousel-inner>.item{
        height: 100px;
    }
    /*twitter update end*/

    .laktify-main-slider{
        height: 200px;
    }
    .laktify-main-slider .carousel-inner{
        height: auto;
    }
    .laktify-main-slider .carousel-inner>.item {
        height: 226px;
    }
}

@media (max-width: 420px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:332px;
    }
    /*testimonial end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 176px;
    }
    /*testimonial arrow*/

    /*twitter update*/
    #twitter-update .carousel-indicators {
        top: 110px;
    }
    /*twitter update*/

    /*portfolio item*/
    .portfolio-item .overlay .preview{
        top: 70px;
    }
    /*portfolio item end*/
    .laktify-main-slider .carousel-inner{
        height: 170px;
    }
    .laktify-main-slider .carousel-inner>.item {
        height: 80px;
    }
    .laktify-main-slider .btn{
        padding: 5px 5px;
    }
    .laktify-main-slider h1{
        font-size: 10px;
        padding: 0px;
        border: none;
    }
    .laktify-main-slider h4{
        font-size: 10px;
    }
    .laktify-main-slider{
        height: auto;
    }
    .clients-testimonail .carousel-indicators{
        display: none;
    }
    .carousel-inner>.item{
        height: auto;
    }

}
@media (max-width: 340px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:357px;
    }
    /*testimonial end*/

    /*home version 5 video*/
    .home-version-5 iframe{
        width: 260px;
    }
    /*home version 5 video end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 216px;
    }
    /*testimonial arrow*/

    /*footer version main*/
    #footer .social{
        top: 0px;
        right: 20px;
    }
    /*footer version main end*/
}
@media (max-width: 290px){
    /*testimonial*/
    #testimonials .carousel-indicators{
        top:357px;
    }
    /*testimonial end*/

    /*testimonial arrow*/
    .testimonial .testimonial-arrow{
        top: 250px;
    }
    /*testimonial arrow*/
}
/*******************responsive issue fixed end*******************/