.border {
    display: inline-block;
    position: relative;
    padding-left: 0px;
}
.border:before{
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: -5px;
    left: 1%;
    border-bottom: 3px solid #08a9d7;
}

.neweffect {
    padding-top: 20px;
}

.neweffect:hover {
    cursor: pointer;
    color: #03aa7d;
    box-shadow:  10px 10px 5px -3px rgba(33,33,33,.2);
    -webkit-box-shadow:  10px 10px 5px -3px rgba(33,33,33,.2);
    -moz-box-shadow:  10px 10px 5px -3px rgba(33,33,33,.2);
    border-top:solid 1px #08a9d7;
    border-left:1px solid #08a9d7;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;

    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(0%, rgba(252,252,252,1)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

}

/*-- custom button --*/
.custom-btn {
    padding: 10px 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    background: transparent;
    outline: none !important;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
}
/**** BTN No. 5 ****/
.btn-5 {
    width: 130px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    border: none;
}
.btn-5 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.btn-5:before, .btn-5:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #037fe8;
    transition: all 0.3s ease;
}
.btn-5:before {
    height: 50%;
    width: 2px;
}
.btn-5:after {
    width: 20%;
    height: 2px;
}
.btn-5:hover:before {height: 100%;}
.btn-5:hover:after {width: 100%;}
.btn-5 span:before, .btn-5 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #037fe8;
    transition: all 0.3s ease;
}
.btn-5 span:before {
    width: 2px;
    height: 50%;
}
.btn-5 span:after {
    width: 20%;
    height: 2px;
}
.btn-5 span:hover:before {height: 100%;}
.btn-5 span:hover:after {width: 100%;}

.positionsocial{
float:right;
}
/*-- custom media queries --*/
/* Smartphones (portrait and landscape) ----------- */
/*--@media only screen and (min-device-width : 360px) and (max-device-width : 812px) {--*/
@media only screen and (min-device-width : 320px) and (max-device-width : 812px) {
    .img-width{
        width: 100%;
    }

    #home-slider .caption {
        position: absolute;
        top: 30%;
        margin-top: -104px;
        left: 0;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        z-index: 15;
        font-size: 10px;
        font-weight: 300;
        color: #fff;
    }
    .slide-img-width{
        width: 80%;
    }

    .start2{
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 7px 15px;
        border: 1px solid #fff;
        border-radius: 4px;
        border-radius:5px;
    }
    .start2:hover{
        background-color: #03b2fe;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 7px 15px;
        border: 1px solid #03b2fe;
        border-radius: 4px;
        border-radius:5px;
    }
    .mt15{
        margin-top: 10px;
    }
    .positionsocial{
 float: none;
    }
}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    .img-width{

    }
    .slide-img-width{

    }
    .p-0 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .font-size60 {
        font-size: 60px;
    }

    .positionsocial{
        float: right;

    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
    /* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
    /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
}