/* Regular */
@font-face {
    font-family: "Raleway-Regular";
    src: url('../fonts/Raleway-Regular.ttf');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Raleway-Regular.svg#DinNextRegular') format('svg'),
        url('../fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lato-Regular";
    src: url('../fonts/Lato-Regular.ttf');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.svg#DinNextRegular') format('svg'),
        url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "JFFlat-Regular";
    src: url('../fonts/JFFlat-Regular.ttf');
    src: url('../fonts/JFFlat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/JFFlat-Regular.svg#JFFlat-Regular') format('svg'),
        url('../fonts/JFFlat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*******Start My Frame work*overflow-y: hidden*****/

body{font-size: 15px;font-family:"Raleway-Regular";font-family:'Lato-Regular';
}
.mg15{
    margin-top: 15px !important;
}
.pagli{
    background-color: yellow;
}
.flat-design{padding-top: 60px;padding-bottom: 60px}

h3{font-size: 25px;color: #666666;text-align: center;font-weight: bold}

h4{font-weight: bold}

p{font-size: 14px;line-height: 22px;color: #565656;    }

h2{ font-family:"Raleway-Regular";font-family: 'Raleway', sans-serif,'Lato-Regular'}
hr{height: 5px;background-color: #2a99d8;text-align: center;margin-bottom:40px;left:2%;margin-top: 10px }

a{text-decoration: none}

.head-section{margin-bottom: 60px}

a.button{
    background-color: #2a99d8;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding: 16px 23px;
    text-align: center;
    text-decoration: none;
    border-radius: 3px
}

.order a.button{
    background-color: #2f4456;
    float: right;
    line-height: 22px;
    margin-top: 55px
}

/****header***/

/*

.navbar-collapse > ul.nav > li > a:before{
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    background: transparent;
    width: 25px;
    height: 21px;
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;

}

.navbar-collapse > ul.nav > li > a:after{
border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    content: "";
    background: transparent;
    width: 25px;
    height: 21px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 10px;
   }

.navbar-collapse > ul.nav > li > a:hover::before{
    top:25px;right:5px;
    border-top: 3px solid #2a99d8;
    border-right: 3px solid #2a99d8;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
}

.navbar-collapse > ul.nav > li > a:hover::after{
    bottom:25px;left:5px;
    border-bottom: 3px solid #2a99d8;
    border-left: 3px solid #2a99d8;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
}

nav{height:100px}

.navbar-brand {
    float: left;
    height: 100px;
    padding: 14px 0;
    font-size: 18px;
    line-height: 20px
}

.navbar {margin-bottom: 0}

.navbar-default {
    border: 0;
    background-color: #fff;
     background-color: rgba(0,0,0,.5);
    box-shadow: 2px 2px 2px #ddd;
    border-radius: 0;

}

.navbar-default .navbar-nav > li > a {
    color: #686868;
    height: 100px;
    line-height: 64px;

}

.navbar-default .navbar-nav li a.ar {
    font-family: "JFFlat-Regular";

}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:focus {
    color: #2a99d8;
     background-color:transparent
}


.link-1 {
  transition: 0.3s ease;
  background: #fff;
  color: #ffffff;
  text-decoration: none;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;

  padding: 12px 0;
}
.link-1:hover,.link-1.active {
  border-top: 3px solid #2398cb;
  border-bottom: 3px solid #2398cb;
  padding: 0px 0;
    margin: 12px 0 0
}

ul.nav li{position: relative}

ul.nav li ul{
     margin: 0px;
    padding: 0px;
    position: absolute;
    top: 97%;
    width: 200px;
    list-style-type: none;
    background-color: #666;
    border-top: 3px solid #2398cb;
    display: block;
    -webkit-transform: rotateX(90deg);
       -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
         -o-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: top;
       -moz-transform-origin: top;
        -ms-transform-origin: top;
         -o-transform-origin: top;
            transform-origin: top;
    -webkit-transition: all .4s ease;
       -moz-transition: all .4s ease;
        -ms-transition: all .4s ease;
         -o-transition: all .4s ease;
            transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 5000

}

ul.nav li ul li{
    padding: 0;
    margin: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #777;

}

ul.nav li ul li a{
   color: #fff;
    margin: 0;
    padding: 0 20px;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 13px;
    display: block;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out

}

ul.nav li ul li a:hover{
    background-color: #28b7f9
}

ul.nav li:hover > ul{
    transform: none;
    opacity: 1;
    visibility: visible
}

.navbar-toggle {margin-top: 28px}
*/


.navbar-collapse > ul.nav > li > a:before{
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    content: "";
    background: transparent;
    width: 25px;
    height: 21px;
    display: block;
    position: absolute;
    top: 30px;
    right: 10px;

}

.navbar-collapse > ul.nav > li > a:after{
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    content: "";
    background: transparent;
    width: 25px;
    height: 21px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 10px;
}

.navbar-collapse > ul.nav > li > a.active{color:#2a99d8}

.navbar-collapse > ul.nav > li > a:hover::before,
.navbar-collapse > ul.nav > li.active > a:before{
    top:25px;right:5px;
    border-top: 3px solid #2a99d8;
    border-right: 3px solid #2a99d8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.navbar-collapse > ul.nav > li > a:hover::after,
.navbar-collapse > ul.nav > li.active > a:after{
    bottom:25px;left:5px;
    border-bottom: 3px solid #2a99d8;
    border-left: 3px solid #2a99d8;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}


/*nav{height:100px}*/

.navbar-brand {
    float: left;
    height: 100px;
    padding: 0;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand img {
    margin: 4px 0px;
    height:100%!important
}

.navbar {margin-bottom: 0}

.navbar-default {
    border: 0;
    background-color: #fff;
    /* background-color: rgba(0,0,0,.5); */
    box-shadow: 2px 2px 2px #ddd;
    border-radius: 0;
    margin-top: -8px

}

.navbar-default .navbar-nav > li > a {
    color: #686868;
    height: 100px;
    line-height: 64px;
    font-weight: bold

}

.navbar-default .navbar-nav li a.ar {
    font-family: "JFFlat-Regular";

}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:focus {
    color: #2a99d8;
    background-color:transparent
}


.link-1 {
    transition: 0.3s ease;
    background: #fff;
    color: #ffffff;
    text-decoration: none;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;

    padding: 12px 0;
}
.link-1:hover {
    border-top: 3px solid #2398cb;
    border-bottom: 3px solid #2398cb;
    padding: 0px 0;
    margin: 12px 0 0
}

ul.nav li{position: relative}

ul.nav li ul{
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 97%;
    width: 200px;
    list-style-type: none;
    background-color: #666;
    /*    border-top: 3px solid #2398cb;*/
    display: block;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 5000

}

ul.nav li ul li{
    padding: 0;
    margin: 0;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #777;

}

ul.nav li ul li a{
    color: #fff;
    margin: 0;
    padding: 0 20px;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out

}

ul.nav li ul li a:hover{
    background-color: #28b7f9
}

ul.nav li:hover > ul{
    transform: none;
    opacity: 1;
    visibility: visible
}

.navbar-toggle {margin-top: 28px}

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

}


/***update-responsive****/

.navbar-collapse.collapse {}


/*****End Header*****/


/******Start banner****/

.banner{
    background-image: url(../images/bg-banner.png);
    background-size: cover;
    /*    background-color:#2a99d8;*/
    overflow: hidden;
    position: relative;
    width:100%;
    padding-bottom: 0;
    display: block;
    padding-top: 500px

}

.responsive-slider-parallax .slides-container ul li .slide-body .caption.img-html5 {


}

.content-slider{color:#fff;position: absolute;z-index:2;left:0;top:-400px}

.content-slider h3{color:#fff;font-size: 30px;margin-bottom: 10px;text-align: left;margin-bottom: 15px}

.content-slider h4{font-size: 20px;margin-bottom: 30px}

.content-slider p{color:#fff}

.banner img {position: absolute;z-index:2;width:100%;bottom:0;display: inline-block}

.content-slider a{
    border:1px solid #fff;
    padding:10px 15px;
    color:#fff;
    margin-top: 60px;
    margin-right: 18%;
    text-decoration: none
}

.content-slider a:hover{background-color:#fff;color:#2a99d8 }

.content-slider i{font-size: 20px;margin-right: 5px}

/******End banner****/

.domain{background-color:#f5f5f5}

/*****start about****/

.about{position: relative;padding-bottom: 20px}

.about a{text-decoration:none;color:#666}

.about .media:hover .media-heading{color:#2a99d8;cursor: pointer}

.body-about{margin-top: 191px}

.about .media:hover .icon-about,
.about .info-about:hover .icon-about{
    background-color:#2a99d8;
    color:#fff;
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -o-transform:scale(1.01);
    transform:scale(1.01);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.about .media:hover .icon-about i,
.about .info-about:hover .icon-about i{color:#fff}

.about .media{margin-bottom: 66px}


.info-about-right{direction: rtl; }

.media .info-about-right,
.media .info-about-left{max-height:150px;min-height: 140px;margin-bottom:0}

.about .info-about-right .media-left{padding-right: 0!important;padding-left: 5px}

.about .icon-about{
    width:70px;
    height: 70px;
    border-radius: 50%;
    background-color: #e9f0f5
}

.about .info-about-right .icon-about{margin-left: 16px}

.about .info-about-left .icon-about{margin-right: 16px}

.about i{
    text-align: center;
    line-height: 70px;
    font-size: 22px;
    color:#2a99d8;
    margin: 0 35%
}

.about .img-person{margin-top: 20px;height: 281px}

.about .info-about-left i.fa-mobile{margin: 0 44%}

.about .media-heading{margin-bottom: 18px}

.info-about-left{direction:ltr}

.about .info-about-left .media-left{padding-right: 0}


.about p{height: 60px!important;overflow: hidden!important}

/****about-xs***/

.about-xs .icon-about{margin: 0 auto;margin-bottom: 22px}

.about .info-about{margin-bottom: 40px}

.about .info-about i{margin-bottom: 20px}

.about .info-about h4{margin-bottom: 20px}



/*
.about{position: relative;padding-bottom: 110px}

.about a{text-decoration:none;color:#666}

.about .media:hover .media-heading{color:#2a99d8;cursor: pointer}

.about .media:hover i{
    background-color:#2a99d8;
    color:#fff;
    -webkit-transform:scale(1.01);
    -moz-transform:scale(1.01);
    -0-transform:scale(1.01);
    transform:scale(1.01);
     -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.img-person{
    position: absolute;
    z-index:2;
    top:230px;left:34%
}

.info-about-right{direction: rtl; }

.media .info-about-right,
.media .info-about-left{max-height:150px;min-height: 140px;margin-bottom:0}

.about .info-about-right .media-left{padding-right: 0!important;padding-left: 5px}

.about .info-about-right i, .about .info-about i{
    background-color: #e9f0f5;
    font-size: 20px;
    color:#2a99d8;
    padding: 20px 22px;
    border-radius: 50%;

}

.info-about-left{direction:ltr}

.about .info-about-left i{
    background-color: #e9f0f5;
    font-size: 20px;
    color:#2a99d8;
    padding: 20px 22px;
    border-radius: 50%;
    float: left;
    margin-bottom: 108px;
    margin-right: 10px
}

.about .info-about-left .media-left{padding-right: 0}

***about-xs**

.about .info-about{margin-bottom: 40px}

.about .info-about i{margin-bottom: 20px}

.about .info-about h4{margin-bottom: 20px}
*/

/****start service****/

.service{background-image: url(../images/bg-serv.png);background-size: cover}

.service p{max-height: 66px;overflow: hidden}

.service .media{min-height:122px}

.service a{text-decoration: none;color:#333}

.service .media a:hover h4{color:#2a99d8}

.service .info-ser h4{margin-top: 0}

.service .block-ser{display: flex;max-height: 150px;height: 150px }

/******start portofolio*****/

.portfolio .head-section{margin-bottom: 40px}

.dg-container{margin-bottom: 80px}

.dg-container nav {bottom: -53px!important}

.dg-container{height: auto}

.dg-wrapper a img{width: 100%;height: 96%}

.dg-wrapper img{position: relative}

.dg-wrapper .overlay-zoom {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 40px;
    height: 83%;
    background: rgba(0,0,0,.2);
}

.dg-wrapper .overlay-zoom i{
    padding: 100px;
    font-size: 40px;
    color:#222
}

.dg-wrapper .overlay-zoom:hover i{
    transform:scale(1.2);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

/*** **/

.owl-carousel .owl-stage {
    position: relative;
}

.portfolio .owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top:50%;
    color: #2a99d9;
    background-color: #ddd;
    padding: 3px 10px;text-align: center;

}

.portfolio .owl-nav .owl-prev {
    /*    left: 47%;*/
    left:0
}

.portfolio .owl-nav .owl-next {
    /*    right: 47%;*/
    right:0
}
.portfolio .item{height: 250px}

.portfolio .item {

    height: 250px;
    width: 98%;
    border: 2px solid rgba(158, 156, 156, 0.54);
    box-shadow: 1px 6px 23px #ccc;
}

.owl-carousel .owl-item img{height: 100%}

.owl-carousel .owl-item{position: relative;overflow: hidden}

.owl-carousel .owl-item .overlay-zoomin{
    position: absolute;
    z-index:10;
    background:rgba(0,0,0,.4);
    width:100%;
    height:100%;
    top:0;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.owl-carousel .owl-item .overlay-zoomin i{
    color:#fff;
    font-size: 30px;
    padding: 100px;
    text-align: center
}

.owl-carousel .owl-item:hover .overlay-zoomin{opacity: 1}

.owl-carousel .owl-item .overlay-zoomin:hover i{

    transform:scale(1.2);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.owl-carousel .owl-stage-outer {margin-bottom:36px!important}

/*****start opinion****/

.opinion{
    background-image: url(../images/bg-opinion.png);
    background-size: cover
}


.opinion .owl-carousel .owl-item img {width: 75px;height: 75px}

.head-opinion h3,.head-opinion h4,.head-opinion p,
.order h3, .order p{color:#fff;text-align: left}

.head-opinion hr{margin-bottom: 20px;height: 5px;width:30%;margin-left: 0}

/***/




/****start Blog****/

.block-blog{margin-bottom: 50px;width:100%}

.info-block-blog{background-color: #f9f9f9;padding: 30px}

.info-block-blog a{color:#2a99d8}

.block-blog img{position: relative;overflow: hidden;width:100%;height: 250px}

.block-blog .info-block-blog{
    /*    position: absolute;
        z-index:2;
        bottom: 0;
        left: 13px;
        right: 14px;*/
}

.blog a.button{margin-top: 30px!important}

/****start order***/

.order{
    background-image:url(../images/bg-order.png);
    background-size: cover
}


/**start Section info**/

.info{padding-top: 80px}

.info h4{color:#fff}

.info hr {
    margin-bottom: 30px;
    width: 50%;
    float: left;
    margin-right: 50%;
    margin-top: 15px;
    background-color: #2398cb;
    border: 0;
}

.info{
    background-image: url(../images/bg-footer.png);
    padding: 60px 0 30px;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.info .block{min-height: 180px;margin-bottom: 40px;}

.info .prod ul{list-style-type: none;margin-left:-39px;display: block}

.info .prod ul li{margin-bottom: 10px;font-size: 13px}

.info .prod ul li a{
    color:#e0dfdf;
    text-decoration: none;
    line-height: 30px
}

.info .contact span{color:#b8b7b7}

.contact i,.prod i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
}

.contact p{color:#fff;font-size: 15px;margin-bottom:5px}

.contact span{font-size: 13px;margin-left: 30px;margin-bottom: 10px}

.info p{color:#e0dfdf}

.info h3 span{color:#fff}

.info .style i{
    color:#fff;
    border:1px solid #fff;
    font-size: 17px;
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    margin:5px 0 }

.info .style i:hover{
    background-color: #2398cb;
}

.info .style p{height:130px;overflow: hidden;text-align: justify;}

.info .news input[type="text"] {
    border: 2px solid #fff;
    background-color: #fff;
    color: #858484;
    padding: 5px;
    margin-bottom: 10px;
    height: 38px;
    margin-left: 0
}

.info .news input[type="submit"] {
    color: #fff;
    background-color: #2398cb;
    padding: 5px;
    border:0;
    height: 35px;line-height: 25px;
    text-align: center;
    border-radius: 3px
}

.info p{display: inline-block}

.contact span{display: block}

ol{list-style-type: none;margin-left: -31px;}

/**End Section info**/

/***footer**/

footer{}

footer p{text-align: center}

/****************Start Media Query************/

/*Smart Phones And Tablets*/

@media(max-width:767px)
{
    .flat-design{padding-top: 30px;padding-bottom: 30px}
    a.navbar-brand{
        width: 68%;
        height: 71px;
        margin-top: 0;}
    .head-opinion{margin-bottom: 50px}

    .navbar-default {padding-bottom: 5px}

    .head-opinion{margin-bottom: 50px}

    hr{margin-bottom: 30px}

    .content-slider{color:#fff;position: absolute;z-index:2;left:40px;top:-400px;text-align: center}

    .content-slider h3{color:#fff;font-size: 20px;margin-bottom: 10px;margin-bottom: 15px;text-align:center }

    .content-slider h4{font-size: 15px;margin-bottom: 30px}

    .head-opinion , .head-opinion h3{text-align: center}

    .head-opinion hr{margin-left:auto}

    .content-slider{color:#fff;position: absolute;z-index:2;left:40px;top:-400px;text-align: center}

    .content-slider h2{color:#fff;font-size: 16px;margin-bottom: 0px;text-align:center ;display: none}

    .content-slider h4{font-size: 13px;display: none}



    .content-slider p{color:#fff;font-size: 10px;overflow: hidden}
    .responsive-slider-parallax .slides-container ul li .slide-body p {

        display: none;
    }
    .responsive-slider-parallax a {
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        padding: 3px 5px !important;
        font-size: 17px;
        font-weight: bold;
        margin-top: 20px;
    }

    .service .block-ser {
        display: flex;
        max-height: 180px;
        height: 180px;
    }
    .info .block{text-align: center}

    .block hr {
        margin-left: 30%!important
    }
    .info hr {
        margin-bottom: 30px;
        width: 45%;
        /* float: left; */
        /* margin-right: 50%; */
        margin-top: 15px;
        background-color: #2398cb;
        border: 0;
    }

}

/*Small Screen**/

@media(min-width:768px) and (max-width:991px)
{
    .about img{width:70%}

    .img-person{top: 271px;left: 31%;}

    .about .info-about-right i ,
    .about .info-about-left i {margin-bottom: 55px}

    .head-opinion {margin-bottom: 50px}

    .head-opinion h3,.head-opinion hr,.head-opinion p{text-align: center}

    .head-opinion hr{margin-left: auto}

    .owl-carousel .owl-stage-outer {
        margin-bottom: 0
    }


}

@media(max-width:890px)
{

    .about img{width:70%!important}

    .img-person{top: 309px;left: 31%;}


}
/*Mediun Screen And Large Screen*/

@media(min-width:992px)
{
    .navbar-collapse {
        padding-right: 0!important}

}

/*Medium Screen*/

@media(min-width:992px) and (max-width:1199px)
{

    .media {}

    .img-person{top: 330px;left: 34%;}

    .about .info-about-right i ,
    .about .info-about-left i {margin-bottom: 55px}

    .head-opinion{display: block}



}


@media(min-width:895px) and(max-width:1264px)
{
    /*    .about img{width:90%} */

    /*    .img-person{top: 279px;left: 27%;}*/

    .about .info-about-right i ,
    .about .info-about-left i {margin-bottom: 55px}
    .navbar-collapse {
        padding-right: 0!important}

}

@media(min-width:1139px) and (max-width:1285px)
{

    /*    .about img{width:90%} */

    /*    .img-person{top: 244px;left: 30%;}*/

    .about .info-about-right i ,
    .about .info-about-left i {margin-bottom: 55px}
    .navbar-collapse {
        padding-right: 0!important}


}

/*Large Screen**/

@media(min-width:1200px)
{
    .navbar-collapse {
        padding-right: 0!important}


}

@media (max-width: 1000px) {
    .navbar-collapse {
        padding-right: 0}

    .navbar-default .navbar-nav > li > a {
        color: #686868;
        height: 53px;
        line-height: 3px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        position: absolute;
        z-index: 9999;
        left:0;
        width: 100%;
        background-color: #ddd;
        box-shadow: 5px 5px 5px #ddd,
            -5px 0 5px #ddd
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse > ul.nav > li > a:before{
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        content: "";
        background: transparent;
        width: 25px;
        height: 21px;
        display: block;
        position: absolute;
        top: 30px;
        right: 10px;
        display: none

    }

    .navbar-collapse > ul.nav > li > a:after{
        border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        content: "";
        background: transparent;
        width: 25px;
        height: 21px;
        display: block;
        position: absolute;
        bottom: 30px;
        left: 10px;
        display: none
    }

    .navbar-collapse > ul.nav > li > a:hover::before{
        top:25px;right:5px;
        border-top: 3px solid #2a99d8;
        border-right: 3px solid #2a99d8;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: none
    }

    .navbar-collapse > ul.nav > li > a:hover::after{
        bottom:25px;left:5px;
        border-bottom: 3px solid #2a99d8;
        border-left: 3px solid #2a99d8;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        display: none
    }
    .navbar-default .navbar-nav > li > a{height: 50px;line-height: 30px;text-align: center}

    .navbar-default .navbar-nav > li.active > a ,
    .navbar-default .navbar-nav > li:hover > a{

    }

    .navbar-collapse > ul.nav > li > a.active,
    .navbar-collapse > ul.nav > li > a:hover {
        color: #fff;
        background-color:#2a99d8;

        width:98%

    }

    /*
        .link-1:hover, .link-1 a.active{
          border-top: 3px solid #2398cb;
          border-bottom: 3px solid #2398cb;
          padding: 0px 0;
            margin: 12px 0 0
        }

        .navbar-collapse > ul.nav > li > a{text-align: center}

        .navbar-collapse > ul.nav > li > a:before{
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        content: "";
        background: transparent;
        width: 25px;
        height: 21px;
        display: block;
        position: absolute;
        top: 30px;
        right: 40%;

    }

    .navbar-collapse > ul.nav > li > a:after{
    border-bottom: 3px solid #fff;
        border-left: 3px solid #fff;
        content: "";
        background: transparent;
        width: 25px;
        height: 21px;
        display: block;
        position: absolute;
        bottom: 30px;
        left: 40%;
       }

        .navbar-collapse > ul.nav > li > a:hover::before,
    .navbar-collapse > ul.nav > li > a:active::before{
        top:-5px;right:45%;
        border-top: 3px solid #2a99d8;
        border-right: 3px solid #2a99d8;
        -webkit-transition: all .5s ease-in-out;
           -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
             -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out
    }

    .navbar-collapse > ul.nav > li > a:hover::after,
    .navbar-collapse > ul.nav > li > a:active::after{
        bottom:20px;left:45%;
        border-bottom: 3px solid #2a99d8;
        border-left: 3px solid #2a99d8;
        -webkit-transition: all .5s ease-in-out;
           -moz-transition: all .5s ease-in-out;
            -ms-transition: all .5s ease-in-out;
             -o-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out
    }

        .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        box-shadow: 5px 5px 5px #ddd,
             -5px -5px 5px #ddd;
            width:97%
    }
    */


}
/*

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
*/
/****************End Media Query************/


/*Start Testemonials Section*/

.carousal{display: block}

.testemonials .item img{
    width:80px;
    height: 80px;
    margin-bottom: 20px;
    border:2px solid #eee;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.testemonials .item img:hover{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03)
}

.testemonials .item span{font-size: 15px;color:#fff}
.testemonials p{color:#fff}



/** Start Scroll Top**/

#sroll-top{
    text-align: center;
    color:#FFF ;
    background-color: #888;
    border-radius: 5px;
    right:30px;
    bottom:30px;
    padding:5px;
    position: fixed;
    z-index:9999;
    padding:0px 5px;
    font-size: 22PX;
    cursor: pointer;
    display: none
}

/** End Scroll Top**/


/***logo-slider***/

.logo-slider .owl-carousel .owl-item img {
    height: 125px;padding: 5px;
    border: 1px solid #ccc;
}


.logo-slider .owl-carousel .item {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

.hr-slide-logo{background-color: #ddd;height: 1px;border:0;margin-bottom: 30px}

.logo-slider .owl-carousel .owl-stage-outer {
    margin-bottom: 60px!important;
}

.logo-slider .owl-nav > div {top:38%}

.logo-slider .owl-next > div {top:38%}

.logo-slider .owl-nav .owl-prev {
    left: 20px;
}

.logo-slider .owl-nav .owl-next {
    right: 20px;
}

.logo-slider .owl-nav i {
    font-size: 30px;
    background-color: #ddd;
    color:#444;padding: 5px;
    border:1px solid #888
}

.logo-slider a:hover img{
    transform: scale(1.02);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}


.newsForm input[type="button"]{background-color: #6fb3e7;
                               /* border: 2px solid #2f4456; */
                               color: #fff;
                               padding: 8px 28px;
                               border: 0;}