h1,h2,h3,h4,h5,h6,p{
    position:relative;
    line-height:1.6em;
    font-family:robotoregular
}
body,button,h1,h2,h3,h4,h5,h6,input,p,select,textarea{
    font-family:robotoregular
}
*,.navbar-default,.no-margin,.removeMarfin{
    margin:0
}
.full-width,.navbar-default,header,section{
    float:left;
    width:100%
}
.navbar-default li a,ul.menu-services-items li p,ul.no-list-style.text-capitalize a{
    text-transform:capitalize
}
ol, ul {
    list-style-position: inside;
}
*{
    padding:0;
    border:none;
    outline:0
}
ul.list-with-dots{
    padding-left:22px
}
body{
    font-size:14px;
    color:#666;
    line-height:1.8em;
    font-weight:400;
    background:#fff;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden
}
a{
    text-decoration:none;
    cursor:pointer;
    color:#009ed4
}
a:focus,a:hover,a:visited{
    text-decoration:none;
    outline:0
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    margin:0;
    background:0 0
}
.resizeVertical{
    resize:vertical!important
}
.autoHeight{
    height:auto!important
}
.margin-top-20{margin-top:20px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-40{margin-top:40px !important;}
.margin-top-50{margin-top:50px !important;}

.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
p{
    font-size:18px;
    color:rgba(0,0,0,.7)
}
.sectionHidden{
    display:none
}
.text-center{
    text-align:center
}
.strike-through{
    text-decoration:line-through
}
ul.no-list-style{
    list-style-type:none
}
.no-padding{
    padding:0
}
.padding10{
    padding-left:10px;
    padding-right:10px
}
.padding7{
    padding-left:7px;
    padding-right:7px
}
.removeLeftPadding{
    padding-left:0
}
.removeRightPadding{
    padding-right:0
}
.container{
    width:1280px
}
@media only screen and (max-width:1360px){
    .container{
        width:1180px
    }
}
@media only screen and (max-width:1199px){
    .container{
        width:980px
    }
}
@media only screen and (max-width:990px){
    .container{
        width:760px
    }
}
@media only screen and (max-width:767px){
    .container{
        width:auto
    }
}
.position-static{
    position:static
}
.position-relative,header{
    position:relative
}
header{
    background:url(../images/bg/topbg.jpg) top left no-repeat #fff;
    background-size:100% auto;
    padding-top:6px;
}
#mainnaviagation{
    position:static
}
.navbar-default{
    background:0 0;
    border:0;
    height:auto;
    box-shadow:none;
    border-radius:0;
    min-height:auto
}
.navbar-default .navbar-nav{
    float:right;
    margin-top:17px
}
.navbar-default .navbar-brand{
    height:auto;
    padding:17px 0 15px
}
.navbar-default li{
    margin-left:10px;
    position:static
}
.navbar-default li a{
    color:#8f8f8f;
    font-family:robotomedium;
    font-size:16px;
    position:relative;
    padding:8px 15px 10px 35px;
    border-radius:3px
}
.navbar-default li a span.icon{
    position:absolute;
    left:8px;
    top:5px;
    width:25px;
    height:25px;
    background-repeat:no-repeat;
    background-position:left center;
    opacity:.45
}
.navbar-default .navbar-nav>li>a:focus span,.navbar-default .navbar-nav>li>a:hover span,.navbar-default li.active a span,.navbar-default li.dropdown:hover a.dropdown-toggle span{
    opacity:1
}
.navbar-default li a span.icon.icServices{
    background-image:url(../images/icons/ic-settings.png)
}
.navbar-default li a span.icon.icMobile{
    background-image:url(../images/icons/ic-mobile.png)
}
.navbar-default li a span.icon.icPortfolio{
    background-image:url(../images/icons/ic-portfolio.png)
}
.navbar-default li a span.icon.icCompany,.navbar-default li a span.icon.icProducts{
    background-image:url(../images/icons/ic-list.png)
}
.navbar-default li a span.icon.icContact{
    background-image:url(../images/icons/ic-arrow-contact.png)
}
.navbar-default li.active a span.icServices{
    background-image:url(../images/icons/ic-settings-white.png)
}
.navbar-default li.active a span.icMobile{
    background-image:url(../images/icons/ic-mobile-white.png)
}
.navbar-default li.active a span.icPortfolio{
    background-image:url(../images/icons/ic-portfolio-white.png)
}
.navbar-default li.active a span.icCompany,.navbar-default li.active a span.icProducts{
    background-image:url(../images/icons/ic-list-white.png)
}
.navbar-default li.active a span.icContact{
    background-image:url(../images/icons/ic-arrow-contact-white.png)
}
.navbar-default li.dropdown a.dropdown-toggle{
    padding:8px 15px 28px 35px;
    border-radius:3px 3px 0 0
}
.navbar-default li.dropdown:hover a.dropdown-toggle{
    background:rgba(87,143,209,.95);
    color:#fff
}
.navbar-default li.dropdown:hover a.dropdown-toggle span.icServices{
    background-image:url(../images/icons/ic-settings-white.png)
}
.navbar-default li.dropdown:hover a.dropdown-toggle span.icMobile{
    background-image:url(../images/icons/ic-mobile-white.png)
}
.navbar-default li.dropdown:hover a.dropdown-toggle span.icPortfolio{
    background-image:url(../images/icons/ic-portfolio-white.png)
}
.navbar-default li.dropdown:hover a.dropdown-toggle span.icCompany,.navbar-default li.dropdown:hover a.dropdown-toggle span.icProducts{
    background-image:url(../images/icons/ic-list-white.png)
}
.navbar-default li.dropdown:hover a.dropdown-toggle span.icContact{
    background-image:url(../images/icons/ic-arrow-contact-white.png)
}
.navbar-default li.dropdown:hover div.megaMenu{
    animation-name:fadeIn;
    display:block
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li.dropdown.active>a,.navbar-default .navbar-nav>li.dropdown>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    background:rgba(87,143,209,.95);
    color:#fff
}
.navbar-default .navbar-nav>li>a:focus span.icServices,.navbar-default .navbar-nav>li>a:hover span.icServices{
    background-image:url(../images/icons/ic-settings-white.png)
}
.navbar-default .navbar-nav>li>a:focus span.icMobile,.navbar-default .navbar-nav>li>a:hover span.icMobile{
    background-image:url(../images/icons/ic-mobile-white.png)
}
.navbar-default .navbar-nav>li>a:focus span.icPortfolio,.navbar-default .navbar-nav>li>a:hover span.icPortfolio{
    background-image:url(../images/icons/ic-portfolio-white.png)
}
.navbar-default .navbar-nav>li>a:focus span.icCompany,.navbar-default .navbar-nav>li>a:focus span.icProducts,.navbar-default .navbar-nav>li>a:hover span.icCompany,.navbar-default .navbar-nav>li>a:hover span.icProducts{
    background-image:url(../images/icons/ic-list-white.png)
}
.navbar-default .navbar-nav>li>a:focus span.icContact,.navbar-default .navbar-nav>li>a:hover span.icContact{
    background-image:url(../images/icons/ic-arrow-contact-white.png)
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    background:rgba(87,143,209,.95);
    color:#fff
}
.services-list-items-me{
    clear:both
}
div.megaMenu{
    background:rgba(87,143,209,.95);
    border:0;
    border-radius:0;
    box-shadow:none;
    display:none;
    float:left;
    font-size:14px;
    left:0;
    list-style:none;
    min-width:100%;
    position:absolute;
    right:0;
    text-align:left;
    top:100%;
    margin:0;
    z-index:999999999999;
    padding:40px 0 35px
}
div.megaMenu ul.dropdown-menu{
    position:relative;
    border:0;
    box-shadow:none;
    border-radius:0;
    padding:0;
    min-width:100%;
    max-width:100%;
    left:0;
    top:0;
    bottom:auto;
    display:block;
    background:0 0
}
.social-icons{
    float:right;
    margin-top:25px
}
.social-icons li{
    float:left;
    margin-left:20px
}
.social-icons li a{
    display:block
}
.social-icons li a span{
    font-size:20px;
    color:#222
}
.social-icons li a:hover span{
    color:#578fd1
}
ul.menu-services-items{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
    margin-bottom:25px
}
ul.menu-services-items:after{
    position:absolute;
    content:"hline";
    width:auto;
    height:1px;
    border-top:1px dashed #f1f6fb;
    top:auto;
    right:20%;
    left:20%;
    bottom:0;
    text-indent:-9999px
}
ul.menu-services-items li{
    float:none;
    display:inline-block;
    margin:0 00px 10px 0;
    color:#fff;
    min-height:115px;
    width:204px;
    overflow:hidden;
    position:relative
}
ul.menu-services-items li:after{
    position:absolute;
    content:"vline";
    width:1px;
    background:#abc7e8;
    top:10%;
    right:0;
    bottom:10%;
    height:80%;
    text-indent:-9999px
}
ul.menu-services-items li:last-child{
    margin-right:0
}
ul.menu-services-items li:last-child::after{
    display:none
}
ul.menu-services-items li a{
    display:block;
    text-align:center;
    padding:0 20px
}
ul.menu-services-items li a:hover img{
    animation-name:flipInX
}
ul.menu-services-items li img{
    display:inline-block;
    margin-bottom:6px;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
ul.menu-services-items li p{
    font-size:16px;
    line-height:normal;
    color:#fff
}
ul.menu-services-items li p span{
    display:block
}
.btn{
    border-radius:3px;
    padding:12px 25px
}
div.quoteConsultation{
    width:100%;
    clear:both;
    text-align:center
}
div.quoteConsultation h2{
    font-size:22px;
    color:#fff;
    text-align:center;
    font-family:robotolight
}
div.quoteConsultation a.btnConsulation{
    display:inline-block;
    color:#000;
    font-size:22px;
    font-family:robotolight;
    text-transform:capitalize;
    background:#fff;
    padding:12px 25px;
    margin-top:20px
}
#showcase p,div.fancyHeading h3{
    text-shadow:none;
    font-size:18px;
    color:#000;
    line-height:normal
}
div.quoteConsultation a.btnConsulation:hover{
    opacity:.8
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-inner>.item img{
    width:auto;
    max-width:inherit
}
@media screen and (min-width:1600px){
    .carousel-inner>.item img{
        width:100%
    }
}
#showcase div.carousel-caption{
    position:absolute;
    left:0;
    right:0;
    bottom:auto;
    padding:0;
    top:105px
}
#showcase div.slideCaption{
    width:576px;
    height:388px;
    background-color:rgba(255,255,255,.9);
    text-align:left;
    padding:40px
}
#showcase p{
    font-family:robotolight
}
#showcase .carousel-caption h3{
    -webkit-animation-delay:.1s;
    animation-delay:.1s
}
#showcase .carousel-caption h2{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    font-size:40px;
}
#showcase .carousel-caption p{
    -webkit-animation-delay:1.3s;
    animation-delay:1.3s
}
#showcase div.indicaters{
    position:absolute;
    left:0;
    right:0;
    top:82%;
    bottom:auto;
    text-align:left
}
#showcase div.indicaters li{
    width:20px;
    height:20px;
    float:left;
    display:block;
    border-radius:50%;
    background-clip:padding-box;
    background-color:transparent;
    padding:3px;
    border:1px solid #c6c6c6;
    margin:0 5px 0 0
}
#showcase div.indicaters li.active,#showcase div.indicaters li:hover{
    border-color:#578fd1
}
#showcase div.indicaters li.active span,#showcase div.indicaters li:hover span{
    background:#578fd1
}
#showcase div.indicaters li span{
    display:block;
    width:100%;
    height:100%;
    background-color:#c6c6c6;
    border-radius:50%
}
#showcase ol.carousel-indicators{
    position:relative;
    margin:0;
    left:0;
    width:100%;
    padding:0 40px;
    bottom:-10px;
}
div.fancyHeading div.bar{
    width:57px;
    height:4px;
    background-color:#73c7ef;
    clear:both
}
div.fancyHeading div.bar.dk-gray{
    background:#787878
}
div.fancyHeading h3{
    font-family:robotomedium;
    text-transform:uppercase;
    margin-top:17px;
    margin-bottom:6px
}
div.fancyHeading h2,div.fancyHeading h4{
    line-height:40px;
    margin-bottom:6px;
    text-shadow:none
}
div.fancyCatServiceBox div.iconText h2,div.fancyHeading h2,div.fancyHeading h4{
    font-family:robotoblack;
    text-transform:uppercase
}
footer h2,ul.officetiming{
    margin-top:24px
}
div.fancyHeading h3.dk-gray{
    color:#787878
}
div.fancyHeading h3.white{
    color:#fff
}
div.fancyHeading h2{
    font-size:45px;
    color:#388db9
}
div.fancyHeading h2.white{
    color:#fff
}
div.fancyHeading h4{
    font-size:36px;
    color:#388db9
}
div.fancyHeading h4 span{
    display:block
}
div.fancyHeading h4.white{
    color:#fff
}
div.fancyHeading p{
    font-size:18px
}
div.fancyHeading p.white{
    color:#fff
}
div.fancyHeading.alignCenter{
    text-align:center
}
div.fancyHeading.alignCenter div.bar{
    margin-left:auto;
    margin-right:auto
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    z-index:1
}
#catServicesBoxes:after,#catServicesBoxes:before{
    position:absolute;
    top:0;
    width:50%;
    height:100%;
    z-index:99;
    content:""
}
#catServicesBoxes{
    position:relative;
    overflow:hidden;
    height:320px
}
#catServicesBoxes:before{
    background:#388db9;
    left:0
}
#catServicesBoxes:after{
    background:#57b0da;
    right:0
}
div.fancyCatServiceBox{
    padding:60px 0 70px;
    transition:all .9s ease 0s;
    position:relative;
    z-index:999
}
div.fancyCatServiceBox.rightside{
    padding-left:25px
}
div.fancyCatServiceBox div.bar{
    width:57px;
    height:4px;
    background-color:#fff;
    clear:both;
    margin-bottom:38px
}
div.fancyCatServiceBox div.iconText{
    width:100%;
    clear:both
}
div.fancyCatServiceBox div.iconText div.icon{
    float:left;
    margin-right:25px
}
div.fancyCatServiceBox div.iconText h2{
    font-size:34px;
    color:#fff;
    line-height:35px;
    margin-bottom:12px
}
footer h2,ul.officetiming li b{
    float:left;
    font-family:robotobold;
    font-weight:400
}
div.fancyCatServiceBox div.iconText h2 span{
    display:block
}
div.fancyCatServiceBox p{
    font-size:18px;
    color:#fff
}
div.fancyCatServiceBox:hover{

}
#whoWeAreAboutUs{
    padding:80px 0
}
#whoWeAreAboutUs div.box{
    float:left;
    width:100%
}
#whoWeAreAboutUs div.box div.image{
    float:left;
    width:208px;
    height:208px;
    overflow:hidden;
    margin-right:20px;
    margin-bottom:20px;
    border:1px solid #d4d4d4;
    border-radius:50%
}
#whoWeAreAboutUs div.box div.image img{
    width:100%;
    height:100%;
    border-radius:50%
}
#whoWeAreAboutUs div.box p{
    font-size:18px;
    line-height:normal;
    color:rgba(0,0,0,.7)
}
#whoWeAreAboutUs div.box div.fancyHeading{
    float:left;
    width:365px
}
#whoWeAreAboutUs div.box div.fancyHeading h2{
    font-size:36px
}
#whoWeAreAboutUs div.box:hover h2{
    color:#787878
}
footer a:hover,footer h2{
    color:#fff
}
#whoWeAreAboutUs div.box:hover div.image img{
    opacity:.8
}
footer{
    background:#03192b;
    clear:both;
    padding-top:42px;
    padding-bottom:45px
}
footer h2{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:24px;
    clear:both;
    width:100%
}
footer a,footer p{
    color:rgba(255,255,255,.7);
    font-size:16px
}
footer p{
    clear:both
}
ul.contactInfo li,ul.contactInfo li a{
    color:rgba(255,255,255,.7);
    font-size:16px
}
footer ul{
    float:left;
    width:1005
}
ul.contactInfo li{
    position:relative;
    padding-left:30px;
    margin-bottom:10px
}
ul.contactInfo li a:hover{
    color:#fff
}
ul.contactInfo li i{
    position:absolute;
    left:0;
    top:4px
}
ul.officetiming li{
    display:block;
    margin-bottom:10px;
    float:left;
    width:100%
}
ul.officetiming li b,ul.officetiming li span{
    font-size:16px;
    color:#fff;
    width:50%;
    text-align:left
}
ul.officetiming li span{
    float:right
}
ul.footer-links{
    position:relative;
    top:-11px
}
ul.footer-links li{
    float:left;
    width:100%
}
ul.footer-links li a{
    display:block;
    border-bottom:1px #0d3c63 solid;
    color:#388db9;
    padding:11px 0;
    line-height:normal;
    font-size:14px
}
ul.footer-links li a:hover{
    color:#fff
}
ul.social-icons.ftr{
    float:left;
    text-align:left
}
ul.social-icons.ftr li{
    float:left;
    display:block;
    margin:0 5px 0 0
}
ul.social-icons.ftr li a{
    display:block;
    width:40px;
    height:40px;
    border-radius:50%;
    border:2px solid #fff;
    line-height:40px;
    opacity:.2
}
ul.social-icons.ftr li a span{
    width:100%;
    text-align:center;
    height:100%;
    font-size:20px;
    color:#fff
}
ul.social-icons.ftr li a:hover{
    opacity:1
}
.carousel-control{
    background-repeat:no-repeat!important;
    width:25px
}
.carousel-control.left,.carousel-control.right{
    background:0 0;
    box-shadow:none
}
.carousel-control.left{
    background-image:url(../images/icons/ic-arrow-left.png)
}
.carousel-control.left:hover{
    background-image:url(../images/icons/ic-arrow-left-hover.png)
}
.carousel-control.right{
    background-image:url(../images/icons/ic-arrow-right.png)
}
.carousel-control.right:hover{
    background-image:url(../images/icons/ic-arrow-right-hover.png)
}
#testtomials{
    background:url(../images/bg/bg-testomonials.jpg) no-repeat;
    background-size:cover;
    padding:40px 0 50px;
    overflow:hidden
}
#testomianlsSlider{
    margin-top:95px
}
#testomianlsSlider .carousel-inner{
    overflow:visible
}
div.testomonialBox div.inner{
    width:90%;
    margin:0 auto;
    min-height:172px;
    border-radius:30px;
    background-clip:padding-box;
    background-color:#f8f8f8;
    text-align:center;
    padding:0 130px 20px;
    position:relative
}
div.testomonialBox div.inner:before{
    content:"";
    text-indent:-9999px;
    background:url(../images/icons/ic-testomonials.png) no-repeat;
    width:61px;
    height:42px;
    position:absolute;
    left:45px;
    top:-25px
}
div.testomonialBox div.author{
    width:128px;
    height:128px;
    border:4px solid #fff;
    border-radius:68px;
    background-clip:padding-box;
    background-color:#378db9;
    box-shadow:0 1px 7px rgba(0,0,0,.32);
    margin:0 auto;
    overflow:hidden;
    position:relative;
    top:-65px
}
div.testomonialBox p.message{
    font-size:22px;
    color:#000;
    font-weight:400;
    line-height:normal;
    font-style:italic;
    position:relative;
    margin-top:-45px
}
div.testomonialBox p.by,div.testomonialBox p.designtion{
    font-size:18px;
    color:rgba(0,0,0,.7);
    line-height:normal;
    text-align:center
}
div.testomonialBox p.by{
    font-family:robotomedium;
    text-transform:uppercase;
    margin-top:68px;
    margin-bottom:0
}
div.testomonialBox div.link{
    float:left;
    width:100%;
    line-height:normal;
    text-align:center
}
div.testomonialBox div.link a{
    display:inline-block;
    color:#000;
    text-transform:lowercase;
    font-size:16px;
    padding-top:5px
}
div.testomonialBox div.link a:hover{
    color:#578fd1
}
#overallSummary{
    background:#388db9
}
#overallSummary div.single-box{
    text-align:center;
    color:#fff
}
#overallSummary div.single-box h3{
    font-size:18px;
    text-transform:uppercase;
    color:#fff;
    font-family:robotomedium;
    margin-top:19px;
    margin-bottom:10px
}
#overallSummary div.single-box div.bar{
    width:57px;
    height:4px;
    background-color:#fff;
    margin:0 auto
}
#overallSummary div.single-box h2{
    font-size:36px;
    text-transform:uppercase;
    color:#fff;
    font-family:robotoblack;
    margin-top:10px;
    margin-bottom:25px;
    line-height:35px
}
#portfolio{
    float:left;
    width:100%;
    position:relative
}
#portfolio div.blocks{
    position:relative;
    height:160px;
    float:left;
    width:100%;
    background:#f4f3f1
}
#portfolio div.blocks div.blockers{
    background:url(../images/img-porfolio.png) bottom center no-repeat;
    left:0;
    height:260px;
    right:0;
    bottom:20px;
    z-index:999;
    position:absolute
}
#portfolio div.macBookScreen,#portfolio div.mobileScreen{
    left:0;
    right:0;
    bottom:90px;
    z-index:999;
    position:absolute
}
#portfolio div.macBookScreen{
    background:url(../images/img-portfolio-notebook.png) center bottom no-repeat;
    background-size:412px 240px;
    height:240px
}
#portfolio div.mobileScreen{
    background:url(../images/mobile-mockup.png) center bottom no-repeat;
    background-size:121px 259px;
    height:259px
}
#portfolio .smallImageAppLogo{
    position:absolute;
    bottom:-60px;
    right:35%
}
#portfolio .carousel-caption{
    position:absolute;
    left:15%;
    right:15%;
    top:0;
    bottom:0;
    text-shadow:none;
    padding:0
}
#portfolio ol.carousel-indicators{
    position:absolute;
    left:0;
    right:0;
    width:100%;
    margin:0;
    bottom:-135px;
    padding:0;
    z-index:9999999999999999
}
#portfolio ol.carousel-indicators li{
    width:20px;
    height:20px;
    float:none;
    display:inline-block;
    border-radius:50%;
    background-clip:padding-box;
    background-color:transparent;
    padding:3px;
    border:1px solid #c6c6c6;
    margin:3px
}
#portfolio ol.carousel-indicators li.active,#portfolio ol.carousel-indicators li:hover{
    border-color:#578fd1
}
#portfolio ol.carousel-indicators li.active span,#portfolio ol.carousel-indicators li:hover span{
    background:#578fd1
}
#portfolio ol.carousel-indicators li span{
    display:block;
    width:100%;
    height:100%;
    background-color:#c6c6c6;
    border-radius:50%
}
div#homePortfolio{
    float:left;
    width:100%;
    position:relative
}
div#homePortfolio div.largeimage{
    background:#000;
    float:left;
    overflow:hidden;
    width:100%
}
div#homePortfolio div.largeimage img{
    opacity:.2
}
div#homePortfolio div.carousel-inner{
    overflow:visible
}
div#homePortfolio div.carousel-inner div.item{
    z-index:999
}
div.portfolio-single{
    float:left;
    width:100%;
    text-align:center;
    padding-top:45px
}
div.portfolio-single div.bar{
    width:57px;
    height:4px;
    background-color:#fff;
    margin:0 auto
}
div.portfolio-single h3{
    font-size:18px;
    color:#fff;
    line-height:normal;
    font-family:robotomedium;
    text-transform:uppercase;
    margin-top:10px;
    margin-bottom:3px
}
div.portfolio-single h2{
    font-size:36px;
    color:#fff;
    font-family:robotoblack;
    line-height:35px;
    text-transform:uppercase;
    margin-bottom:15px
}
div.portfolio-single p{
    font-size:18px;
    color:#fff;
    line-height:normal;
    margin-bottom:15px
}
div.portfolio-single div.link{
    float:left;
    width:100%;
    text-align:center
}
div.portfolio-single div.link a{
    display:inline-block;
    font-size:18px;
    color:#fff;
    line-height:normal;
    font-family:robotomedium;
    text-decoration:underline
}
div.portfolio-single div.link a:hover{
    opacity:.8
}
div.portfolio-single div.smallImage{
    bottom:-70px;
    left:0;
    position:absolute;
    right:0
}
@media screen and (min-width:1600px){
    div.portfolio-single div.smallImage img{
        width:auto
    }
}
#pageHeader{
    background:url(../images/bg/bg-page-header.jpg) no-repeat;
    background-size:cover;
    padding:40px 0
}
#pageHeader div.bar{
    margin-bottom:22px
}
#pageHeader h2{
    margin-bottom:7px;
    font-size:36px
}
#pageHeader h2 span{
    display:block
}
#pageHeader p{
    margin-bottom:0
}
#pageHeader div.image{
    text-align:right;
    padding-top:8px
}
#pageHeader div.image div.links{
    width:100%;
    margin-top:26px
}
#pageHeader div.image div.links a{
    width:197px;
    height:171px;
    display:inline-block;
    text-align:center;
    line-height:170px
}
#pageHeader div.image div.links a img{
    display:inline-block
}
#pageHeader div.image div.links a.active,#pageHeader div.image div.links a:hover{
    background-color:rgba(255,255,255,.22)
}
#pageDescription{
    background-color:#fff;
    box-shadow:4px 6px 7px rgba(0,0,0,.1);
    margin-bottom:25px;
    padding:30px 0 15px
}
#pageDescription p{
    font-size:18px;
    color:rgba(0,0,0,.7);
    line-height:25px;
    margin-bottom:15px;
    text-align:justify
}
#relatedPortfolio{
    padding:17px 0
}
#relatedPortfolio div.bar{
    margin:0 auto
}
div.owlRelatedPortfolioItems .owl-nav{
    display:none
}
div.owlRelatedPortfolioItems .owl-dots{
    margin:10px auto 20px;
    width:330px;
    border-radius:10px;
    height:18px;
    padding:5px 0;
    background-color:#cfcfcf;
    position:relative;
    top:-20px
}
div.owlRelatedPortfolioItems .owl-dots .owl-dot{
    margin:0 5px;
    width:30px;
    line-height:30px;
    height:30px;
    position:relative;
    top:-12px;
    border-radius:50%
}
div.owlRelatedPortfolioItems .owl-dots .owl-dot span{
    width:9px;
    height:9px;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#6f6f6f;
    margin:0 auto;
    transition:all .1s ease 0s;
    display:inline-flex;
    vertical-align:middle
}
div.owlRelatedPortfolioItems .owl-dots .owl-dot.active span,div.owlRelatedPortfolioItems .owl-dots .owl-dot:hover span{
    width:30px;
    height:30px;
    margin:0;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#3389b4;
    box-shadow:0 0 19px #3389b4;
    background-image:linear-gradient(311deg,#3389b4 0,#3389b4 100%)
}
div.owlRelatedPortfolioItems .owl-dots .owl-dot.active,div.owlRelatedPortfolioItems .owl-dots .owl-dot:hover{
    position:relative;
    top:-10px
}
div.owlRelatedPortfolioItems{
    overflow:hidden
}
div.owlRelatedPortfolioItems .owl-stage-outer{
    transform:rotate(3deg)!important;
    position:relative;
    min-height:535px;
    margin-top:0;
    overflow:visible
}
div.signle-related-portfolio{
    float:left;
    width:100%;
    margin-top:30px;
    padding:55px 25px 40px;
    min-height:431px;
    transition:all .4s ease 0s
}
div.signle-related-portfolio.lt-green{
    background:#a9cd00
}
div.signle-related-portfolio.dk-red{
    background:#c6100a
}
div.signle-related-portfolio.dk-green{
    background:#0d9a59
}
div.signle-related-portfolio.blue{
    background:#0f88e6
}
div.signle-related-portfolio.lt-blue{
    background:#02a3f7
}
div.signle-related-portfolio.purple{
    background:#974ac7
}
div.signle-related-portfolio div.image{
    transform:rotate(-2deg)!important
}
div.signle-related-portfolio div.fancyHeading div.bar{
    margin:25px 0 0!important
}
div.signle-related-portfolio div.fancyHeading h2{
    font-size:26px;
    margin-bottom:0;
    line-height:30px;
    margin-top:9px
}
div.signle-related-portfolio div.fancyHeading h2 a{
    color:#fff
}
div.signle-related-portfolio div.fancyHeading h3{
    font-size:22px;
    margin-top:0;
    text-transform:capitalize;
    font-family:robotobold
}
div.signle-related-portfolio div.fancyHeading p{
    font-size:14px;
    color:#fff
}
div.signle-related-portfolio:hover{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    position:relative;
    z-index:99999
}
#featureboxes{
    margin-bottom:55px;
    margin-top:12px
}
div.fbOuter{
    border:1px solid transparent
}
div.fbOuter:hover{
    border-color:#cfcfcf
}
div.single-feature-box{
    padding:18px 0;
    overflow:auto;
    margin-bottom:20px
}
div.single-feature-box div.icon{
    width:180px;
    height:180px;
    border-radius:50%;
    line-height:180px;
    overflow:hidden;
    text-align:center;
    float:left;
    margin-right:15px
}
div.single-feature-box div.icon.dk-brown{
    background:#df6f57
}
div.single-feature-box div.icon.dk-yellow{
    background:#f39c12
}
div.single-feature-box div.icon.light-blue{
    background:#58b8ce
}
div.single-feature-box div.icon.dk-green{
    background:#429e91
}
div.single-feature-box div.desc{
    float:left;
    width:380px
}
div.single-feature-box div.desc h2{
    font-size:20px;
    color:#388db9;
    font-family:robotobold;
    text-transform:uppercase;
    line-height:normal;
    margin-bottom:10px
}
div.single-feature-box div.desc h2 span{
    display:block
}
div.single-feature-box div.desc p{
    font-size:18px;
    color:rgba(0,0,0,.7)
}
div.single-feature-box.vStyle{
    text-align:center
}
div.single-feature-box.vStyle div.icon{
    margin:0 auto 15px;
    float:none;
    clear:both
}
div.single-feature-box.vStyle div.desc{
    width:100%
}
div.single-feature-box.vStyle div.desc h2{
    min-height:66px;
    font-size:25px;
    font-family:robotoregular;
    text-transform:capitalize
}
#catPortfolio{
    float:left;
    width:100%;
    padding:50px 0;
    position:relative
}
#catPortfolio div.verticalIndicaters{
    position:fixed;
    left:3%;
    top:35%;
    width:19px;
    height:auto;
    border-radius:10px;
    background-clip:padding-box;
    background-color:#cfcfcf;
    padding:50px 5px;
    z-index:999999999;
    display:none
}
#catPortfolio div.verticalIndicaters.active{
    display:block;
    animation-name:slideInLeft
}
#catPortfolio div.verticalIndicaters ul{
    float:left;
    width:100%;
    padding:0;
    margin:0;
    list-style-type:none
}
#catPortfolio div.verticalIndicaters ul li{
    margin:0 auto 20px;
    width:9px;
    height:9px
}
#catPortfolio div.verticalIndicaters ul li a{
    display:block;
    width:9px;
    height:9px;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#6f6f6f;
    position:relative
}
#catPortfolio div.verticalIndicaters ul li a:hover{
    width:30px;
    height:30px;
    left:-10px;
    top:-10px;
    margin:0;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#3389b4;
    box-shadow:0 0 19px #3389b4;
    background-image:linear-gradient(311deg,#3389b4 0,#3389b4 100%)
}
div.catPortfolioItem{
    position:relative;
    padding-top:128px;
    padding-bottom:0
}
div.catPortfolioItem.reverse div.bg:before{
    background:url(../images/shape-img-2.png) no-repeat;
    top:-1px;
    bottom:-1px
}
div.catPortfolioItem div.bg{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    height:582px
}
div.catPortfolioItem div.bg:after,div.catPortfolioItem div.bg:before{
    position:absolute;
    content:"";
    left:0;
    right:0;
    z-index:9999;
    background-size:100% 100%!important
}
div.catPortfolioItem div.bg:before{
    background:url(../images/shape-img-1.png) no-repeat;
    top:-1px;
    bottom:-1px
}
div.catPortfolioItem div.bg:after{
    bottom:-1px
}
div.catPortfolioItem div.bg.dk-red{
    background:#c6100a
}
div.catPortfolioItem div.bg.dk-green{
    background:#0d9a59
}
div.catPortfolioItem div.fancyHeading{
    position:relative;
    top:-20px
}
div.catPortfolioItem div.bar{
    margin-bottom:17px
}
div.catPortfolioItem h2{
    margin-bottom:0
}
div.catPortfolioItem h3{
    margin-top:6px;
    margin-bottom:0
}
div.catPortfolioItem div.link{
    float:left;
    width:100%;
    text-align:left;
    position:relative;
    z-index:999999999
}
div.catPortfolioItem div.link a{
    font-size:22px;
    text-transform:capitalize;
    font-family:robotobold;
    color:#fff;
    border:2px solid #fff;
    border-radius:3px;
    display:inline-block;
    padding:12px 42px
}
div.catPortfolioItem div.link a:hover{
    background:#fff;
    color:#578fd1
}
div.catPortfolioItem div.image{
    position:relative;
    text-align:right;
    top:-45px;
    z-index:9999
}
#specilizedServices{
    padding:50px 0;
    overflow:hidden;
    float:left;
    width:100%
}
#specilizedServices div.bar{
    margin:0 auto
}
#specilizedServices div.fancyHeading{
    margin-bottom:60px
}
div.single-specialized-box{
    text-align:center;
    margin-bottom:55px
}
div.single-specialized-box h2{
    font-size:25px;
    text-transform:uppercase;
    font-family:robotobold;
    color:#388db9;
    margin-top:5px
}
div.single-c-info p,div.single-c-info p a,div.single-specialized-box p{
    font-size:18px;
    color:rgba(0,0,0,.7)
}
div.single-specialized-box p{
    font-family:robotoregular
}
#mapLocation div#map{
    height:345px;
    position:relative;
    overflow:hidden;
    width:100%
}
#contactDetails{
    background:#fafafa;
    padding:50px 0 30px
}
div.single-c-info{
    float:left;
    width:100%;
    position:relative;
    padding-left:45px;
    padding-right:30px;
    margin-bottom:20px
}
div.single-c-info div.icon{
    position:absolute;
    left:0;
    top:0
}
div.single-c-info p{
    float:left;
    width:100%
}
div.single-c-info p a{
    display:block
}
div.single-c-info p a:hover{
    color:#578fd1
}
#inquirySection{
    padding:35px 0 61px
}
#inquirySection div.image{
    width:347px;
    height:347px;
    border-radius:50%;
    background-clip:padding-box;
    background-color:#000
}
#inquirySection div.image img{
    border-radius:50%;
    width:100%;
    height:100%
}
#inquirySection h3{
    font-size:20px;
    color:#388db9;
    font-family:robotomedium;
    margin-bottom:30px
}
#inquirySection .form-control{
    height:53px;
    border:1px solid #dfdfdf;
    border-radius:3px;
    background-clip:padding-box;
    background-color:#fff;
    box-shadow:none;
    margin-bottom:20px;
    font-size:18px;
    color:rgba(0,0,0,.7)
}
#inquirySection .form-control:focus{
    border-color:#578fd1
}
#inquirySection .btn-primary{
    background:#0b648e;
    border-color:#0b648e;
    padding:16px 48px;
    font-size:18px
}
#inquirySection .btn-primary:hover{
    background:#578fd1;
    border-color:#578fd1
}
div#HelpFloatingIcon{
    position:fixed;
    right:40px;
    bottom:45px;
    z-index:99999999
}
div#HelpFloatingIcon div.stdIcon{
    cursor:pointer;
    width:115px;
    height:115px;
    position:relative;
    padding:10px
}
div#HelpFloatingIcon div.stdIcon img{
    display:inline-block;
    position:absolute;
    z-index:99999999;
    border-radius:50%;
    top:34px;
    right:5px;
    left:8px
}
div#HelpFloatingIcon div.popoverContent{
    position:absolute;
    top:62px;
    width:225px;
    left:-235px;
    background:#388db9;
    padding:10px 15px;
    color:#fff;
    border-radius:3px;
    font-size:16px;
    transition:all .3s ease 0s;
    display:none
}
div#HelpFloatingIcon div.popoverContent:after{
    content:"\f0da";
    font-family:fontawesome;
    position:absolute;
    top:11px;
    font-size:30px;
    right:-10px;
    color:#388db9
}
div#HelpFloatingIcon:hover div.popoverContent{
    display:block;
    animation-name:fadeInRight
}
div#HelpFloatingIcon .animated-circles{
    position:absolute;
    top:35px;
    left:12px;
    bottom:0
}
div#HelpFloatingIcon .animated-circles .circle{
    background:rgba(56,141,185,.38);
    width:75px;
    height:75px;
    border-radius:50%;
    position:absolute;
    z-index:49;
    transform:scale(1);
     margin-top:5px;
     margin-left:4px;
     -webkit-transform:scale(1)
}
div#HelpFloatingIcon .animated-circles.animated .c-1{
    animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards infinite;
    animation-duration:5s
}
div#HelpFloatingIcon .animated-circles.animated .c-2{
    animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards infinite;
    animation-duration:5s
}
div#HelpFloatingIcon .animated-circles.animated .c-3{
    animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards infinite;
    animation-duration:5s
}
div#HelpFloatingForm{
    position:fixed;
    right:40px;
    bottom:190px;
    z-index:99999999;
    width:350px;
    box-shadow:0 10px 20px 0 rgba(35,50,56,.3);
    display:none
}
div#HelpFloatingForm div.helpForm{
    border-radius:3px;
    background:#fff;
    float:left;
    width:100%
}
div#HelpFloatingForm div.helpForm div.headSec{
    background:#111;
    color:#fff;
    text-align:center;
    padding:10px;
    float:left;
    width:100%;
    border-radius:3px 3px 0 0;
    font-size:16px;
    text-transform:uppercase!important
}
div#HelpFloatingForm div.helpForm div.bodySec{
    padding:30px 20px 0;
    float:left;
    width:100%
}
div#HelpFloatingForm div.btnSubmit span{
    display:block;
    padding:12px 30px;
    font-size:16px;
    text-transform:uppercase!important;
    background:#388db9;
    color:#fff;
    text-align:center;
    border-radius:3px;
    cursor:pointer
}
.btnLoadMore button,div.fancyHeading-ch h1,li.topPhone,li.topPhone span{
    text-transform:uppercase
}
div#HelpFloatingForm div.btnSubmit span:hover{
    background:#111
}
div#HelpFloatingForm.opened{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight;
    display:block
}
div#HelpFloatingForm.normal{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
div#HelpFloatingForm span#closeHelpBox{
    position:absolute;
    right:-10px;
    background:#fff;
    border-radius:50%;
    color:#000;
    width:30px;
    height:30px;
    line-height:30px;
    top:-14px;
    cursor:pointer;
    box-shadow:0 0 3px #9b9696
}
div#HelpFloatingForm span#closeHelpBox:hover{
    background:#ad2411;
    color:#fff
}
@keyframes scaleDown{
    0{
        transform:scale(2);
        -webkit-transform:scale(2)
    }
    100%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
@keyframes scaleToggleOne{
    0,100%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    50%{
        transform:scale(2);
        -webkit-transform:scale(2)
    }
}
@keyframes scaleToggleTwo{
    0,100%,20%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    60%{
        transform:scale(2);
        -webkit-transform:scale(2)
    }
}
@keyframes scaleToggleThree{
    0,100%,33%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
    66%{
        transform:scale(2);
        -webkit-transform:scale(2)
    }
}
li.topPhone{
    font-size:16px;
    font-family:robotomedium;
    font-weight:700;
    color:#292929;
    margin-left:0
}
li.topPhone span{
    margin-right:8px;
    font-size:12px;
    line-height:13px;
    float:left
}
li.topPhone span i{
    font-style:normal;
    display:block
}
.fancyHeading-ch .bar.white,.fancyHeading-ch img{
    display:inline-block
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{
    opacity:0
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{
    left:0;
    transform:translate3d(0,0,0)
}
.carousel-fade .carousel-control{
    z-index:2
}
.btnLoadMore{
    float:left;
    width:100%;
    margin-top:0
}
.btnLoadMore button{
    font-weight:700;
    color:#fff;
    background:#03192b;
    border-color:#03192b
}
.btnLoadMore button:hover{
    background:#578fd1;
    border-color:#578fd1
}
.feature-box1 .bar.dk-gray{
    margin:5px 0 10px
}
.trvl-feature{
    background-color:#0b648e;
    width:100%;
    height:529px;
    margin-top:20px;
    text-align:center
}
.trvl-feature2{
    background-color:#f0f0f0;
    width:100%;
    height:424px;
    text-align:center
}
.flight-searc-area{
    margin-top:7px
}
.flight-searc-area2{
    height:250px;
    width:631px;
    background-color:#fff;
    margin-top:70px;
    text-align:center;
    margin-right:300px
}
div.fancyHeading-ch h1{
    text-shadow:none;
    font-size:35px;
    font-family:robotoblack;
    line-height:40px;
    color:#388db9;
    margin-bottom:6px
}
div.fancyHeading-ch h1.white{
    color:#fff
}
section#secBreadCrumbs{
    float:left;
    width:100%;
    background:#f1f1f1
}
.breadcrumb{
    padding:0;
    margin-bottom:0;
    list-style:none;
    background-color:transparent;
    border-radius:0;
    border:0
}
.breadcrumb>li,.breadcrumb>li a{
    font-size:12px;
    color:#777
}
ol.breadcrumb li a:hover{
    color:#388db9
}
div.fancyHeading-ch div.bar{
    width:57px;
    height:4px;
    background-color:#fff;
    clear:both
}
div.fancyHeading-ch div.bar.dk-gray{
    background:#787878;
    margin-top:20px;
    display:inline-block
}
.feature-box1,.feature-box2{
    height:358px;
    background-color:#fff
}
div.fancyHeading div.bar.white{
    background:#fff
}
div.fancyHeading-ch h3{
    text-shadow:none;
    font-size:18px;
    color:#000;
    line-height:normal;
    font-family:robotomedium;
    text-transform:uppercase;
    margin-top:17px;
    margin-bottom:6px
}
div.fancyHeading-ch h2,div.fancyHeading-ch h4{
    text-shadow:none;
    line-height:40px;
    margin-bottom:6px;
    text-transform:uppercase
}
.web-fea,.web-fea-3,div.fancyHeading-ch h2,div.fancyHeading-ch h4{
    font-family:robotoblack
}
div.fancyHeading-ch h3.dk-gray{
    color:#787878
}
div.fancyHeading-ch h3.white{
    color:#fff
}
div.fancyHeading-ch h2{
    font-size:28px;
    color:#388db9
}
div.fancyHeading-ch h2.white{
    color:#fff
}
div.fancyHeading-ch h4{
    font-size:36px;
    color:#388db9
}
div.fancyHeading-ch p{
    font-size:16px
}
div.fancyHeading-ch p.white{
    color:#fff
}
div.fancyHeading-ch.alignCenter{
    text-align:center
}
div.fancyHeading-ch.alignCenter div.bar{
    margin-left:auto;
    margin-right:auto
}
.travel-edge-main-img img{
    margin-top:20px
}
.travel-edge-sm-img img{
    margin-top:43px
}
.feature-box1{
    width:100%;
    position:relative;
    padding:10px 25px;
    text-align:left
}
.for-b-payment,.for-c-payment{
    font-size:14px;
    padding-left:17px;
    font-weight:900;
    color:#000
}
.feature-box2{
    width:307px;
    position:absolute
}
.payment-pro{
    text-align:center
}
.sabre-2nd-section{
    position:relative;
    left:-125px;
    text-align:center
}
.for-c-payment{
    padding-bottom:30px
}
@media only screen and (max-width:479px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        height:100%;
        text-align:center;
        margin-top:20px
    }
    .feature-box1{
        height:358px;
        width:100%;
        background-color:#fff;
        position:relative;
        padding:10px 25px;
        margin-bottom:30px;
        text-align:left
    }
    .sabre-2nd-section{
        position:relative;
        left:0;
        margin-bottom:20px
    }
    .feature-box2,.flight-searc-area2{
        background-color:#fff;
        position:absolute
    }
    .flight-searc-area2{
        height:249px;
        width:238px;
        margin-top:140px;
        text-align:center;
        margin-right:300px;
        top:-145px
    }
    .feature-box2{
        width:307px
    }
}
.h2-soft-dev h2{
    font-size:24px
}
#fastcommercefeature .container-fluid{
    background-color:#dcdcdc;
    padding-bottom:30px
}
@media only screen and (max-width:599px){
    .feature-box1{
        height:358px;
        width:100%;
        background-color:#fff;
        position:relative;
        padding:10px 25px;
        text-align:left;
        margin-bottom:21px
    }
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
@media only screen and (max-width:767px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
@media only screen and (max-width:991px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
@media only screen and (max-width:1199px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
@media only screen and (max-width:1365px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
@media only screen and (max-width:319px){
    .trvl-feature{
        background-color:#0b648e;
        width:100%;
        margin-top:20px;
        text-align:center
    }
}
.web-fea{
    font-weight:900;
    height:46px;
    font-size:18px;
    color:#000
}
.web-fea1,.web-fea2{
    padding:10px 0 0;
    font-size:13px;
    font-weight:600
}
.web-fea-3,.web-fea1,.web-fea2{
    color:#fff;
    height:46px;
    margin-top:1px
}
.web-fea1{
    background-color:#388db9
}
.web-fea2{
    background-color:#504fb4
}
.web-fea-3{
    background-color:#388db9;
    padding-bottom:4px;
    padding-top:10px;
    width:100%
}
.web-fea-4,.web-fea-titles{
    background-color:#fff;
    color:#000
}
.web-fea-4{
    padding:10px 0 4px 15px;
    height:46px;
    margin-top:1px;
    font-family:robotoregular
}
.web-fea-titles{
    padding-bottom:4px;
    height:46px;
    margin-top:1px;
    padding-top:10px;
    font-family:robotoblack;
    width:100%;
    text-transform:uppercase
}
.icon-fea-close,.icon-fea1{
    background-color:#e5e5e5;
    font-size:25px;
    height:46px;
    margin-top:1px;
    padding-top:10px
}
.icon-fea1{
    color:#41ad49
}
.icon-fea-close{
    color:#e44061
}
.icon-fea2{
    background-color:#fff;
    color:#41ad49;
    font-size:25px;
    height:46px;
    margin-top:1px;
    padding-top:10px
}


/* blog css start here*/
#home-blog-listing{
     float: left;
     width: 100%;
     background-color: #e9e9e9;
     padding: 40px 0px 50px;
}
div.single-blog-item-hznl{
     float: left;
     width: 100%;
     margin-top: 30px;
}
div.single-blog-item-hznl div.blog-image{
     height: 256px;
     background: #f1f1f1;
     overflow: hidden;
}
div.single-blog-item-hznl div.blog-image img{
     width: 100%;
    /* height: 100%;*/
     transition: all 0.9s ease 0s;
}
div.single-blog-item-hznl:hover img{
     transform: scale(1.5);
}
div.single-blog-item-hznl div.blog-desc{
     float: left;
     width: 100%;
     padding: 0px 15px;
     position: relative;
     margin-top: -110px;
}
div.single-blog-item-hznl div.blog-cat-name{
     float: left;width: 100%;
}
div.single-blog-item-hznl div.blog-cat-name a{
     background: #388db9;
     font-size: 12px;
     color: #fff;
     text-transform: uppercase;
     font-family: robotoregular;
     display: inline-block;
     line-height: normal;
     padding: 4px 10px;
     font-weight: bold;
}
div.single-blog-item-hznl div.blog-cat-name a:hover{
     background: #03192b;
}
div.single-blog-item-hznl div.ctnt-dt{
    float: left;
    width: 100%;
    padding: 15px;
    background: #fff;
    min-height: 180px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.27);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.27);
    box-shadow: 0 1px 1px rgba(0,0,0,.27);
}
div.single-blog-item-hznl div.blog-title{
     float: left;width: 100%;
}
div.single-blog-item-hznl div.blog-title a{
     display: inline-block;
     font-size: 16px;
     color: #000;
     line-height: normal;
}
div.single-blog-item-hznl div.blog-title a:hover, div.single-blog-item-hznl:hover div.blog-title a{
     color: #388db9;
}
div.single-blog-item-hznl div.blog-date{
     color: #388db9;
    font-size: 12px;
    line-height: normal;
    width: 100%;
    clear: both;
    margin-top: 8px;
    float: left;
}

div.blog-listing{
     float: left;
     width: 100%;
}
div.single-blog-item{
     float: left;
     width: 100%;
     border-bottom: 1px #e5e5e5 solid;
     padding-bottom: 15px;
     margin-bottom: 25px;
}
div.single-blog-item:last-child{
     border-bottom: 0px;
}
div.single-blog-item div.blog-image{
     clear: both;
     margin-bottom: 20px;
}
div.single-blog-item div.blog-image a{
     display: block;
}
div.single-blog-item div.blog-image img{
     max-width: 100%;
}
div.single-blog-item div.blog-image:hover img{
     opacity: 0.8;
}
div.single-blog-item h3.blog-title{
     line-height: normal;
     margin-bottom: 20px;
     margin-top: 0px;
     width: 100%;
}
div.single-blog-item h3.blog-title a{
     color: #000;
     line-height: normal;
     font-size: 30px;
     font-family: robotoblack;
}
div.single-blog-item h3.blog-title a:hover{
     color: #578fd1;
}
div.single-blog-item div.blog-parms{
     clear: both;
     width: 100%;
     margin-bottom: 15px;
}
div.single-blog-item div.blog-cat-name{
     float: left;
     margin-right: 25px;
}
div.single-blog-item div.blog-cat-name a{
     background: #19a7e1;
     font-size: 12px;
     color: #fff;
     text-transform: uppercase;
     font-family: robotoregular;
     display: inline-block;
     line-height: normal;
     padding: 4px 10px;
     font-weight: bold;
     min-width: 98px;
     text-align: center;
}
div.single-blog-item div.blog-date{
     float: left;
     margin-right: 25px;
     color: #000;
     font-size: 16px;
     opacity: 0.5;
     font-family: robotomedium;
}
div.single-blog-item div.blog-date img{
     margin-right: 5px;
}
div.single-blog-item div.blog-date span{
     position: relative;
     top: 2px;
}
div.single-blog-item div.blog-views{
     float: left;
     margin-right: 0px;
     color: #000;
     font-size: 16px;
     opacity: 0.5;
     font-family: robotomedium;
}
div.single-blog-item div.blog-views img{
     margin-right: 5px;
}
div.single-blog-item div.blog-views span{
     position: relative;
     top: 2px;
}
div.single-blog-item div.blog-desc{
     clear: both;
     width: 100%;
}
div.single-blog-item div.blog-desc p{
     font-size: 16px;
     color: #000;
     line-height: normal;
}
div.single-blog-item div.blog-parms{
     clear: both;
     width: 100%;
     margin-bottom: 20px;
     float: left;
}
div.single-blog-item div.readmore-link{
     float: left;
     width: 100%;
     margin: 10px 0px;
}
div.single-blog-item div.readmore-link a{
     display: inline-block;
     color: #fff;
     font-size: 14px;
     text-transform: capitalize;
     background: #578fd1;
     padding: 11px 20px;
     border-radius: 3px;
     line-height: normal;
     min-width: 115px;
     text-align: center;
}
div.single-blog-item div.readmore-link a:hover{
     opacity: 0.8;
}
div.ss-pagination{
     float: left;
     width:100%;
}
ul.pagination{

}
div.ss-pagination .pagination>li{
     margin-right: 2px;
     float: left;
     display: block;
}
div.ss-pagination .pagination>li>a, div.ss-pagination .pagination>li>span {
     position: relative;
     float: left;
     padding: 6px 12px;
     margin-left: 0;
     line-height: normal;
     text-decoration: none;
     font-size: 16px;
     font-family: robotomedium;
     background-color: #d5d5d5;
     border: 1px solid #fff;
     border-radius: 0px;
     border: 0px;
     color: #000;
}
div.ss-pagination .pagination>li.active a, div.ss-pagination .pagination>li a:hover{
     background: #578fd1;
     color: #fff;
}

div.articles-categories{
     float: left;
     width: 100%;
     margin-bottom: 25px;
     background-color: #f1f1f1;
     padding: 25px 32px;
}
div.articles-categories ul{
     float: left;width: 100%;
     margin: 0px;
     padding: 0px;
     list-style-position: inside;
     list-style: none;
}
div.articles-categories ul li{
     position: relative;
     float: left;
     width: 100%;
     margin-bottom: 5px;
}
div.articles-categories ul li a{
     padding-left: 15px;
     color: #000;
     font-size: 16px;
     line-height: normal;
}
div.articles-categories ul li a:hover{
     color: #358cb7;
}
div.articles-categories ul li a:before{
     content: "*";
     position: absolute;
     top: 0px;
     left: 0px;
     top: 3px;
     font-weight: bold;
}
div.sidebar-title{
     float: left;
     width: 100%;
     font-size: 20px;
     font-family: robotomedium;
     color: #358cb7;
     margin-bottom:15px;
}
/* blog css end here*/
div.more-items-button{
     float: left;
     width: 100%;
     margin: 10px 0px;
     text-align:center;
}
div.more-items-button a{
     display: inline-block;
     font-size: 18px;
     font-family: robotomedium;
     color: #fff;
     line-height: normal;
     background-color: #388db9;
     border-radius: 3px;
     min-height: 50px;
     min-width: 230px;
     text-transform: uppercase;
}
div.more-items-button a:hover{
     opacity: 0.8;
}
div.more-items-button img.ic{
     position: relative;
     margin-top: 10px;
     margin-right: 10px;
}
div.more-items-button .txt{
     position: relative;
     top: 12px;
}
#m-c-area{
     float: left;
     width: 100%;
     padding: 30px 0px;
     background: #fff;

}
div.prev-next-arrows{
     float: right;    margin-top: 42px;
}
div.prev-next-arrows a{
     width: 70px;
     height: 70px;
     background-color:rgba(255,255,255,0.22);
     line-height: 70px;
     border-radius: 50px;
     overflow: hidden;
     display: inline-block;
     margin-left: 12px;
     text-align: center;
}
div.prev-next-arrows span{
     font-size: 40px;
    color: #fff;
    display: block;
    line-height: normal;
    text-align: center;
    position: relative;
    top: 14px;
}
div.prev-next-arrows a:hover{
     background-color:#fff;
}
div.prev-next-arrows a:hover span{
     color: #0b648e;
}

div.related-articles{
     background-color: #f1f1f1;
     padding: 25px 32px;
     float: left;width: 100%;
}
div.single-related-item{
     float: left;
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 90px;
     position: relative;
}
div.single-related-item{
     border-bottom: 1px #c1c1c1 solid;
     border-top: 1px #fff solid;
}
div.single-related-item.first{
     border-top: 0px;
}
div.single-related-item:last-child{
     border-bottom: 0px;
}
div.single-related-item div.img{
     float: left;
     width: 75px;
     height: 60px;
     overflow: hidden;
     position: relative;
     background-color: #d5d5d5;

     position: absolute;
     left: 0px;
     top: 10px;
}
div.single-related-item div.img a{display: block;}
div.single-related-item div.img img{
     max-width: 100%;
}
div.single-related-item div.img div.cat-name{
     position: absolute;
     bottom: 0px;
     left: 0px;
     right: 0px;
}
div.single-related-item div.img div.cat-name a{
     background: #19a7e1;
     font-size: 10px;
     text-transform: uppercase;
     padding: 3px 10px;
     line-height: normal;
     color: #fff;
     text-align: center;
     font-family: robotomedium;
}
div.single-related-item div.ctnt{
     float: left;
     width: 100%;
     position: relative;
}
div.single-related-item div.article-title{
     float: left;width: 100%;
     line-height: normal;
}
div.single-related-item div.article-title a{
     font-size: 14px;
     font-family: robotomedium;
     color: #000;
     line-height: normal;
}
div.single-related-item div.article-title a:hover{
     color: #19a7e1;
}
div.single-related-item  div.created-date{
     float: left;width: 100%;
     font-size: 12px;
     color: #19a7e1;
     font-weight: robotomedium;
}
div.blog-details{
     float: left;width: 100%;
}
div.large-image{
     float: left;width: 100%;
     margin-bottom: 20px;
}
div.large-image img{
     max-width: 100%;
}
div.blog-details p{
     font-size: 18px;
     color:rgba(000,000,000,0.8);
     line-height: normal;
}


@media only screen and (max-width:1365px){
    #fastcommercefeature .col-sm-2{
        width:200px
    }
    #fastcommercefeature .col-sm-1{
        width:120px
    }
    #fastcommercefeature .col-sm-7{
        width:700px
    }
    #fastcommercefeature .col-sm-1,#fastcommercefeature .col-sm-2,#fastcommercefeature .col-sm-7{
        min-height:70px
    }
    .icon-fea-close,.icon-fea1,.icon-fea2,.web-fea,.web-fea-3,.web-fea-4,.web-fea-titles,.web-fea1,.web-fea2{
        height:70px;
        line-height:70px;
        padding:0 10px
    }
    .web-fea-4{
        line-height:normal;
        padding-top:10px
    }
}
@media only screen and (max-width:1199px){
    #fastcommercefeature .col-sm-7{
        width:475px
    }
}
@media only screen and (max-width:991px){
    #fastcommercefeature .col-sm-7{
        width:255px
    }
}
@media only screen and (max-width:767px){
    #fastcommercefeature .col-sm-2,#fastcommercefeature .col-sm-7{
        width:140px
    }
    #fastcommercefeature .col-sm-1,#fastcommercefeature .col-sm-2,#fastcommercefeature .col-sm-7{
        float:left;
        min-height:1px
    }
    #fastcommercefeature .fullBX{
        float:left;
        width:100%;
        background:#fff;
        border-bottom:1px #d5d5d5 solid
    }
    .icon-fea-close,.icon-fea1,.icon-fea2,.web-fea,.web-fea-3,.web-fea-4,.web-fea-titles,.web-fea1,.web-fea2{
        height:auto;
        line-height:normal
    }
    .icon-fea1{
        background:0 0
    }
    .icon-fea-close,.web-fea-3,.web-fea1,.web-fea2{
        text-align:left;
        color:#388db9;
        padding-top:9px;
        font-weight:700;
        background:0 0
    }
    .icon-fea-close{
        color:#c00;
        text-align:center
    }
    .web-fea-titles{
        text-align:left
    }
}
@media only screen and (max-width:599px){
    #fastcommercefeature .col-sm-2{
        width:90px
    }
    #fastcommercefeature .col-sm-7{
        width:130px
    }
    #fastcommercefeature .col-sm-1{
        width:90px
    }
}
@media only screen and (max-width:470px){
    #fastcommercefeature div.container{
        padding:0
    }
    #fastcommercefeature .col-sm-2{
        width:70px;
        overflow:hidden
    }
    #fastcommercefeature .col-sm-7{
        width:110px
    }
    #fastcommercefeature .col-sm-1{
        width:75px;
        text-align:center
    }
    .web-fea{
        font-weight:400;
        height:46px;
        font-size:14px;
        color:#000;
        font-family:robotoregular
    }
    .icon-fea-close,.icon-fea1,.icon-fea2,.web-fea,.web-fea-3,.web-fea-4,.web-fea-titles,.web-fea1,.web-fea2{
        padding:8px 10px
    }
    .icon-fea-close,.web-fea-3,.web-fea1,.web-fea2{
        text-align:left;
        color:#000;
        padding-top:9px;
        background:0 0;
        font-family:robotoregular;
        font-weight:700;
        font-size:12px
    }
    .icon-fea-close{
        font-size:20px;
        color:#c00;
        margin-left:16px
    }
}
div#homeslider .carousel-inner > .item img {
    width: 100%;
}
 @media only screen and (max-width: 479px) {
     #fastcommercefeature .fullBX1.btmPrices {
         padding-left: 193px;
         position:relative;
         margin-top:-80px;
         background:none;
    }
}
 @media only screen and (max-width: 479px) {
     .icon.stdIcon img {
         width:70px;
         height:70px;
         margin-left: 15px;
    }
}
 @media only screen and (max-width: 479px) {
     div#HelpFloatingIcon .animated-circles .circle {
         background: rgba(56,141,185,.38);
         width: 62px;
         height: 61px;
         border-radius: 50%;
         position: absolute;
         z-index: 49;
         margin-left: 15px;
    }
}
 @media only screen and (max-width: 479px) {
     Lhrpageli li {
         line-height:2px;
    }
}



#pageservices {
    background-color: #fff;
  margin-bottom: 25px;
  padding: 30px 0 15px;
  clear: both;
}
#pageservices p {
  font-size: 18px;
  color: rgba(0,0,0,.7);
  line-height: 25px;
  margin-bottom: 15px;
  text-align: justify;
}

.img-block-cls img {
  border-bottom: 3px solid #d8d8d8;
}
.load-more-content {
    margin-top: 20px;
}
.load-more-content p {
  font-size: 13px;
}
.load-more-content h3 {
  font-size: 28px;
  line-height: normal;
  margin-bottom: 15px;
}
.load-more-content h4 {
  font-size: 24px;
  line-height: normal;
  margin-bottom: 15px;
  color: rgba(0,0,0,.7);
}

.show-more-height {
  max-height: 500px;
  padding-bottom: 40px;
  overflow: hidden;
}
.show-more-height:after {
  content: "";
  background: #000;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  position: absolute;
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#00ffffff",EndColorStr="#ffffff");
}

.load-more-content {
  width: 100%;
  position: relative;
}
.content-load-more-button {
  overflow: hidden;
}
.content-load-more-button .btn-cls {
  width: 94px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 12px;
  background-color: #0b648e;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
  
}
.content-load-more-button .btn-cls:hover {
  text-decoration: none;
}
#portfolio-wrap {
  margin-top: 70px;
}
#portfolio-wrap div.bar {
  margin: 0 auto;
}
#portfolio-wrap h2 {
  margin-top: 17px;
  margin-bottom: 28px;
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase;
}
#portfolio-inner-sec {
  position: relative;
  text-align: center;
  padding-top: 25px;
}
#portfolio-inner-sec h4 {
  font-size: 15px;
  font-weight: 700;
  padding-top: 8px;
  padding-bottom: 8px;
}
#portfolio-inner-sec a {
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#portfolio-inner-sec p {
  font-size: 12px;
  color: #575757;
  line-height: normal;
  text-align: center;
  padding-left: 20%;
  padding-right: 20%;
  margin-bottom: 0;
  min-height: 98px;
}
#portfolio-inner-sec img {
  margin: 0 auto
}
#portfolio-inner-sec .portfolio-icon {
    position: absolute;
    top: 0;
    right: 0; 
    display: none;
}
#portfolio-inner-sec:hover {
  background-color: #f8f8f8;
}
#portfolio-inner-sec:hover h4 {
  color: #388db9;
}
#portfolio-inner-sec:hover .portfolio-icon {
  display: block;
}
.portfolio-block {
  /*border-bottom: 1px solid #dadada;
  overflow: hidden;*/
display:block
}
.load-more-btn-l {
  text-align: center;
}
.load-more-btn-l a {
  width: 228px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 17px;
  background-color: #0b648e;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  margin-top: 15px;
}
.services-outer-wrap {
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.services-wrap {
  padding-top: 50px;
}
.services-wrap div.bar {
  margin: 0 auto;
}
/* .services-wrap div.fancyHeading h2,
.services-wrap div.fancyHeading h3 {
  font-family: 'Roboto', sans-serif;
} */
.services-wrap div.fancyHeading h2 {
  font-weight: 700;
  color: #df6f57;
}
.services-img-wrap {
  background-color: #df6f57;
  width: 127px;
  height: 127px;
  line-height: 127px;
  border-radius: 100px;
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.services-inner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.services-inner {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}
.services-inner span {
  line-height: normal;
  display: inline-block;
  font-size: 15px;
  color: #398fbe;
  padding-left: 12%;
  padding-right: 12%;
  padding-top: 20px;
}
.services-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#quote-form {
  border-left: 1px solid #dadada;
  padding-left: 25px;
  margin-bottom: 30px;
}
#quote-form p {
  color: #dadada;
  font-size: 15px;
  color: #696969;
  line-height: normal;
  margin-bottom: 0;
}
#quote-form h2 {
  color: #308fbd;
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 35px;
}
#quote-form input.form-control {
  border-radius: 0;
  box-shadow: none;
  border:none;
  border-bottom: 2px solid #b4b4b4;
  padding-left: 0;
  color: #696969;
}
#quote-form textarea {
  width: 100%;
  height: 105px;
  border:none;
  border-bottom: 2px solid #b4b4b4;
  padding-left: 0;
  color: #696969;
  box-shadow: none;
  border-radius: 0;
}
#quote-form .form-control::-webkit-input-placeholder {
  color: #696969;
}
#quote-form .form-control::-moz-placeholder {
  color: #696969;
}
#quote-form .form-control:-ms-input-placeholder {
  color: #696969;
}
#quote-form .form-control:-moz-placeholder { 
  color: #696969;
}
#quote-form .btn.btn-primary {
  width: 160px;
  height: 60px;
  color: #fff;
  font-size: 16px;
  margin-top: 13px;
}
#quote-form div.form-span {
  position: relative; 
  padding-top: 10px;
  margin-bottom: 10px;
}
#quote-form .inputText {
    font-size: 14px;
}
#quote-form .floating-label {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 10px;
    color: #696969;
    font-size: 14px;
    transition: 0.2s ease all;
}
#quote-form input:focus ~ .floating-label,
#quote-form input:not(:focus):valid ~ .floating-label,
#quote-form textarea:focus ~ .floating-label,
#quote-form textarea:not(:focus):valid ~ .floating-label {
    top: -5px;
    font-size: 10px;
}

@media (max-width: 991px) {

  #quote-form {
    border-left:none;
    padding-left: 0;
  }
  #portfolio-inner-sec p {
    padding-left: 0;
    padding-right: 0;
  }
}
.social-sharing-wrap,
.bg-cls {
    display: none;
}
@media (max-width: 767px) {
  .load-more-content {
    margin-top: 0;
  }
  .img-block-cls img {
    margin-bottom: 20px;
  }
  #portfolio-inner-sec p {
    padding-left: 0;
    padding-right: 0;
  }
  .portfolio-block {
    border-bottom: none;
  }

 #quote-form .btn.btn-primary,
 .load-more-btn-l a {
    width: 94px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
    background-color: #0b648e;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    padding: 0;
  }
  .load-more-btn-l a {
    width: 170px; 
  }
  #portfolio-inner-sec {
    min-height: 290px;
  }
  #portfolio-inner-sec img {
    max-width: 104%;
  }
  .services-img-wrap {
    width: 90px;
    height: 90px;
  }
  .services-inner img {
    max-width: 60%;
  }
  .services-inner span {
    font-size: 12px;
  }
  .#portfolio-wrap {
    margin-top: 30px;
  }
  .services-wrap {
    padding-top: 20px;
  }
  .navbar-default .navbar-brand {
    padding: 4px 0 4px;
  }
  .navbar-default .navbar-toggle, 
  .navbar-default .navbar-toggle:hover, 
  .navbar-default .navbar-toggle:focus {
    top: 15px !important;
  }
  .navbar-default .navbar-toggle.active {
    top: 0 !important;
  }
  .social-sharing-wrap,
  .bg-cls {
    display: block;
  }
    header {
        position: fixed;
        z-index: 9999;
    }
    main {
        padding-top: 69px;
    }

    #portfolio-wrap h2,
    .services-wrap div.fancyHeading h2 {
        font-size: 42px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: robotoregular;
    }

}
.bg-cls {
    background-color: #69cdf8;
    height: 13px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99
}
.social-sharing-wrap {
  overflow: hidden;
  position: fixed;
  bottom: 3px;
  right: 20px;
  z-index: 999;
}
.social-sharing-wrap ul {
  clear:both;
  overflow: hidden;
  list-style: none;
  margin: 0;
}
.social-sharing-wrap ul li {
  float: left;
  margin-left: 8px;
}
.social-sharing-wrap ul li img {
    width: 35px;
}
.services-inner img {
    padding: 20px;
}
div.contact-page {
    padding: 0px 1px 0px 0px !important;
    margin-bottom: 0px !important;
}
div.blog-details ol, 
div.blog-details ul {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}