body{margin:0;

    padding:0;

    font-family: 'Ubuntu', sans-serif;

    }



    ol, ul {

        margin-top: 0;

        margin-bottom: 10px;

        list-style: none;

    }

.vd-mob-bg{
background: #fff;
height: 40px;
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
z-index: 99;
	}

.kb_elastic .item.active{
	background:#000 url(../images/video-bg.jpg);
	background-size:100%;
	position:relative
	}
	
video 
{
    width: 100%;
    height: auto;
    max-height: 100%;
	min-height: 70px;
	font-size: 0;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*pointer-events: none;*/
}



























    .contact-number.lg a {

        color: #fff !important;

        background: #00a8eb;

        padding: 5px 8px;

        border-radius: 3px;

    }

    .logo-left a img {

        z-index: 999;

        position: relative;

    }

    .preloader {

        position: fixed;

        top: 0;

        width: 100%;

        background: #fff;

    	height:100%;

    	z-index:999999;

    }

    .loder{background:url(../images/lo.png);

    background-repeat:no-repeat;

    background-position:center;



    position: absolute;

    width:70px;

    height:120px;

    margin:auto;

    top:0;

        right: 0;

        bottom: 0;

        left: 0;

        -webkit-animation: breathe 1s alternate infinite cubic-bezier(.5522847498,0,.44771525,1);

        animation: breathe 1s alternate infinite cubic-bezier(.5522847498,0,.44771525,1);

    }

    @-webkit-keyframes breathe{from{opacity:1;}to{opacity:.4;}}@keyframes breathe{from{opacity:1;}to{opacity:.4;}}

    }













    ul, li {

        list-style: none;

        padding: 0px;

        margin: 0px;

    }



    .navigation {

    	background: #fff;

    	/* position: relative; */

        width: 100%;

        top: -150px;

    }

    #nav.affix {

        position: fixed;

        top: 0;

    	/* left: 10px; */

        z-index: 1030;

        width: 100%;

        /* padding-bottom: 10px; */

        -webkit-transition: all 1s ease-in;

        transition: all 1s ease-in;

    	   /* border-bottom: 1px solid #2c87e4;*/

    }

    a:hover,a:focus,a:visited{

    	text-decoration:none;

    	outline:none;

    	background:none;

    }



    a#dropdownMenu2:focus {

        background: none;

    }

    section.header-out a{text-decoration:none;

    }

    .header-out .social-icon {

        position: relative;

        float: left;

    }

    .header-out .social-icon a {

        position: relative;

        line-height: 24px;

        font-size: 14px;

        color: #adadad;

        padding-right: 10px;

        display: inline-block;

        text-transform: capitalize;

        transition: all 500ms ease;

        -moz-transition: all 500ms ease;

        -webkit-transition: all 500ms ease;

        -ms-transition: all 500ms ease;

        -o-transition: all 500ms ease;

    	    padding-top: 3px;

    }

    .header-out .contact-number {

        font-weight: 400;

        color: #777777;

        font-size: 14px;

        padding-left: 15px;

        margin-left: 5px;

        display: inline-block;

        border-left: 1px solid #ececec;

    	    padding-top: 1px;

    }

    .header-out .contact-number span {

        color: #222222;

    }

    .header-out  a {

        color: #222222;

        -webkit-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

        -o-transition: all 300ms ease;

        -moz-transition: all 300ms ease;

        transition: all 300ms ease;

    }



    .header-out {

        position: relative;

        font-size: 13px;

        padding: 18px 0px 15px;

        color: #ffffff;

        border-bottom: 1px solid #ececec;

    }

    .main-container {

        position: static;

        max-width: 1200px;

        padding: 0px 15px;

        margin: 0 auto;

    }

    .left {

    }

    .header-out .social-icon a:hover {

        color: #005dbe;

    }







    .header-out .right-nav li.language {

        border-right: 1px solid #ececec;

        padding-right: 8px;

        line-height: 1.4em;

        margin-top: 5px;

    }

    .header-out .head-right .right-nav li {

        margin-right: 0px;

        margin-left: 25px;

    }

    .header-out .right-nav li {

        position: relative;

        float: left;

        color: #777777;

        font-size: 14px;

        margin-right: 25px;

    }

    .header-out .right-nav li.language a {

        border: 0px;

        padding: 0px;

        background: none;

    }



    .header-out .right-nav li a {

        position: relative;

        font-size: 14px;

        line-height: 1em;

        padding-right: 23px;

        text-transform: uppercase;

        border-right: 1px solid #ececec;

    }

    .header-out .header-top a {

        color: #222222;

        -webkit-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

        -o-transition: all 300ms ease;

        -moz-transition: all 300ms ease;

        transition: all 300ms ease;

    }

    .header-out .right-nav li .icon {

        padding-right: 8px;

    }



    .header-out .head-right .right-nav li {

        margin-right: 0px;

        margin-left: 25px;

    	    margin-top: 1px;

    }

    .header-out .right-nav li:last-child a {

        padding-right: 0px;

        border: 0px;

    }

    .header-out .right a {

        color: #222222;

        -webkit-transition: all 300ms ease;

        -ms-transition: all 300ms ease;

        -o-transition: all 300ms ease;

        -moz-transition: all 300ms ease;

        transition: all 300ms ease;

    }

    .head-right {

        float: right;

    }
    .mob-top{display: none;z-index: 999;}
    .header-out .right-nav li.language {

        border-right: 1px solid #ececec;

        padding-right: 8px;

        line-height: 1.4em;

        margin-top: 2px;

    }

    .header-out .right-nav li a:hover {

        color: #005dbe;

    }



    .header-out .language .dropdown-menu {

        width: 180px;

        padding: 0px;

        margin-top: 15px;

        background-color: #222222;

        border-top: 3px solid #005dbe;

    }

    .header-out .language .dropdown-menu > li {

        padding-right: 0px !important;

        margin: 0px !important;

        float: none;

        display: block !important;

        border-bottom: 1px solid rgba(255,255,255,0.20);

    }

    .header-out .language .dropdown-menu > li > a {

        padding: 12px 20px !important;

        color: #ffffff;

        text-align: left;

    }

    .logo-left {

        padding: 12px 15px;

    }



    .service .inner {

        position: relative;

        background-color: #fff;
        
        padding: 15px 45px;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;

    }

    .service .inner h3 {

        position: relative;

        color: #ffffff;

        font-size: 16px;

        font-weight: 700;

        padding-left: 50px;

        text-transform: uppercase;

        font-family: 'Roboto', sans-serif;

    	margin:0;line-height: 25px;

    }

    .grp-h{
        padding-top: 40px;
    }


    .service .inner h3 .icon {

        position: absolute;

        left: 0px;

        top: -6px;

        color: #ffffff;

        font-size: 26px;

        font-weight: 400;

        margin-bottom: 0px;

        margin-top: 18px;

    	

    }

    .service .inner h3 .icon:before {

        margin: 0;

        font-size: 35px;

    }

    .service:nth-child(2) .inner {

        background-color: #fff;

    }

    .service {

        padding: 0;

        transition: all 400ms;

        -webkit-transition: all 400ms;

        box-shadow: 0 5px 0px #fff;

        cursor: pointer;

    }

    .service:hover {

        margin-top: -5px;

        transition: all 400ms;

    	-webkit-transition:all 400ms;

        box-shadow: 0px 5px 0px #222;

    }

    .service:nth-child(3) .inner {

        background-color: #fff;
        border-right: none;

    }

    .service:nth-child(4) .inner {

        background-color: #2c87e4;

    }

    .service-box-out {

        padding: 0 15px;
    	text-align: center;

    }

    section.service-out {

        margin-top: -50px;

    }







    .out-cont {

        text-align: center;

    }

    .out-cont {

        position: relative;

        margin-bottom: 30px;

    }

    .out-cont .who {

        position: relative;

        color: #777777;

        font-size: 14px;

        font-style: italic;

        font-family: 'Ubuntu', sans-serif;

    }

    .out-cont h2 {

        position: relative;

        font-size: 36px;

        color: #222222;

        font-weight: 500;

        line-height: 1.4em;

       

        text-transform: capitalize;

    	    margin: 0;

    		    font-family: 'Ubuntu', sans-serif;

    			 margin-bottom: 10px;

    }

    .out-cont .separator {

        margin: 0 auto;

    }

    .out-cont .separator {

        position: relative;

        width: 175px;

        height: 1px;

        background-color: #ececec;

    }

    .out-cont .separator:after {

        left: 50%;

        margin-left: -22px;

    }

    .out-cont .separator:after {

        position: absolute;

        left: 0px;

        bottom: 0px;

        content: '';

        width: 45px;

        height: 1px;

        background-color: #005dbe;

    	    margin: auto;

        right: 0;

    }

    .out-cont.centered .text {

        max-width: 910px;

        margin: 0 auto;

    }

    .out-cont .text {

        position: relative;

        color: #777777;

        font-size: 15px;

        font-style: italic;

        line-height: 1.8em;

        margin-top: 32px !important;

    	    text-align: center;
            width: 100%;

    }

    .read {

        position: relative;

        text-align: center;

        margin-bottom: 60px;

    }



    .separator-home {

        position: relative;

        width: 175px;

        height: 1px;

        background-color: #ececec;

    	    margin: 0 auto;

    }



    .separator-home:after {

        position: absolute;

        left: 0px;

        bottom: 0px;

        content: '';

        width: 45px;

        height: 1px;

        background-color: #005dbe;

        right: 0;

        margin: auto;

    }





    .read .inner {

        position: relative;

        padding-bottom: 15px;

        display: inline-block;

        border-bottom: 1px dashed #dfdbdb;

    	    margin-bottom: 0;

    }

    .read .inner .text {

        position: relative;

        color: #222222;

        font-size: 14px;

        font-family: 'Dancing Script', cursive;

    	    margin-bottom: 0;

    }

    .read .inner .text a {

        color: #222222;

    }

    .read .inner .text a:hover {

        color: #2c87e4;

    }

    section.content-out {

        position: relative;

        padding: 110px 0px 50px;

    }

     .copyright {

        position: relative;

        color: #e4e4e4;

        font-size: 14px;

        font-weight: 500;

        margin-top: 10px;

        margin-bottom: 12px;

    }



    section.footer-out {

        position: relative;

        padding: 18px 0px 6px;

        background-color: #1b1b1b;

    }



    ul.footer-social {

        text-align: right;

        margin-bottom: 12px;

    }

    ul.footer-social li {

        position: relative;

        display: inline-block;

    }

    ul.footer-social li a {

        position: relative;

        width: 34px;

        height: 34px;

        font-size: 14px;

        color: #ffffff;

        line-height: 34px;

        margin-left: 5px;

        text-align: center;

        border-radius: 50%;

        display: inline-block;

        background-color: #5c5c5c;

        transition: all 500ms ease;

        -moz-transition: all 500ms ease;

        -ms-transition: all 500ms ease;

        -o-transition: all 500ms ease;

        -webkit-transition: all 500ms ease;

    	    padding-top: 10px;

    }

    ul.footer-social a:hover {

        color: #ffffff;

        background-color: #005dbe;

    }







    .scrolltop {

    	display:none;

    	width:100%;

    	margin:0 auto;

    	position:fixed;

    	bottom:20px;

    	right:10px;	

    }

    .scroll {

        position: absolute;

        right: 20px;

        bottom: 20px;

        padding: 20px;

        text-align: center;

        margin: 0 0 0 0;

        cursor: pointer;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

        background: #1c1c1c;

        border-radius: 50%;

        width: 40px;

        height: 40px;

    	color:#fff;

    }

    .scroll:hover {

    	background: #005dbe;

    	transition: 0.5s;

    	-moz-transition: 0.5s;

    	-webkit-transition: 0.5s;

    	-o-transition: 0.5s; 		

    }

    .scroll:hover .fa {

    	padding-top:-10px;

    }

    .scroll .fa {

        font-size: 15px;

        margin-top: -7px;

        margin-left: -2px;

        transition: 0.5s;

        -moz-transition: 0.5s;

        -webkit-transition: 0.5s;

        -o-transition: 0.5s;

    }





    .service:hover .inner h3 .icon {

      color: #fff;

      content: "\1F50D";

      font-family: "entypo";

      font-size: 30px;

      line-height: 0;

      position: absolute;

      text-align: center;

      top: 0;

      z-index: 1;

      animation: bounceIn 750ms linear infinite alternate;

      -moz-animation: bounceIn 750ms linear infinite alternate;

      /* -webkit-animation: bounceIn 750ms linear infinite alternate; */

      -o-animation: bounceIn 750ms linear infinite alternate;

    }



    @-webkit-keyframes bounceIn {

        0%, 20%, 40%, 60%, 80%, 100% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    }

    @keyframes bounceIn {

        0%, 20%, 40%, 60%, 80%, 100% {

        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        -ms-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        -ms-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        -ms-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9);

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        -ms-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03);

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        -ms-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97);

    }

    100% {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        -ms-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    }



    section.about-out {

        background: #0eb0ee;

        color: #fff;

    	min-height:150px;

    }







    section.about-out h1 {

        margin: 0;

        padding: 55px 15px;

    	position:relative;

    }



    section.about-out h1:after {

        position: absolute;

        content: "";

        right: 0;

        bottom: 40px;

        left: 15px;

        border: 1px solid #fff;

        height: 1px;

        width: 40px;

    }

    section.about-content, section.product-content {

        padding: 80px 0;

    	    background: #fff;

    		position:relative;

    	

    }

    .up input#exampleInputFile {

        width: initial;

        background: none;

        border: none;

        box-shadow: none;

        padding-left: 0;

        margin-bottom: 15px;

    	height:auto;

    }
    .modal-dialog{width: 60%;}
    .modal-body img{width: 100%;}
    section.about-content h2 {

        text-transform: uppercase;

        color: #424040;

        font-size: 27px;

        font-weight: bold;

        margin-top: 0;

    	    margin-bottom: 25px;

    }

    section.about-content h2 span {

        color: #0eb0ee;

    }

    section.about-content p {

        line-height: 25px;

    	    color: #838383;

    }

    section.about-content h6 {

        border-bottom: 1px solid #e8e5e5;

        padding-bottom: 25px;

        padding-top: 25px;

        font-size: 14px;

    }

    .ab-right img {

        width: 100%;

    }

    .ab-right {

        margin-top: -148px;

    }









    figure.right-img {

      color: #fff;

      position: relative;

      float: left;

      overflow: hidden;

      margin: 10px 1%;

      width: 100%;

      background: #000000;

      text-align: center;

          border: 10px solid #f5f5f5;

    }

    figure.right-img * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }

    figure.right-img img {

      opacity: 1;

      width: 100%;

      -webkit-transition: opacity 0.35s;

      transition: opacity 0.35s;

    }

    figure.right-img figcaption {

      position: absolute;

      bottom: 0;

      left: 0;

      width: 100%;

      height: 100%;

    }

    figure.right-img figcaption > div {

      height: 50%;

      overflow: hidden;

      width: 100%;

      position: relative;

    }

    figure.right-img figcaption::before {

      position: absolute;

      top: 50%;

      right: 50%;

      left: 50%;

      height: 2px;

      content: '';

      opacity: 0;

      background-color: rgba(255, 255, 255, 0);

      -webkit-transition: all 0.4s;

      transition: all 0.4s;

      -webkit-transition-delay: 0.6s;

      transition-delay: 0.6s;

    }

    figure.right-img h2,

    figure.right-img p {

      margin: 0;

      padding: 30px 35px;

      opacity: 0;

      position: absolute;

      width: 100%;

      height: 100%;

      left: 0;

      -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;

      transition: opacity 0.4s,-webkit-transform 0.4s,-moz-transform 0.4s,-o-transform 0.4s,transform 0.4s;

      -webkit-transition-delay: 0.3s;

      transition-delay: 0.3s;

    }

    figure.right-img h2 {

      display: inline-block;

      word-spacing: -0.1em;

      font-weight: 300;

      text-transform: uppercase;

      bottom: 0;

      background: rgba(0, 0, 0, 0.5);

      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 60%, rgba(0, 0, 0, 0.7) 100%);

      -webkit-transform: translate3d(0%, 50%, 0);

      transform: translate3d(0%, 50%, 0);

      color:#fff;

      padding-top: 28%;

    }

    figure.right-img h2 span {

      font-weight: 800;

    }

    figure.right-img p {

      font-weight: 300;

      top: 0%;

          padding-top: 15%;

      color: #000;

      background: #fff;

      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 40%, rgba(0, 0, 0, 0.1) 100%);

      -webkit-transform: translate3d(0%, -50%, 0);

      transform: translate3d(0%, -50%, 0);

    }

    figure.right-img .curl {

      width: 0px;

      height: 0px;

      position: absolute;

      bottom: 0;

      right: 0;

      background: linear-gradient(135deg, #ffffff, #f3f3f3 20%, #cccccc 38%, #bbbbbb 44%, #aaaaaa 50%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.4));

      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

      transition: all .3s ease;

    }

    figure.right-img .curl:before,

    figure.right-img .curl:after {

      content: '';

      position: absolute;

      z-index: -1;

      left: 12%;

      bottom: 6%;

      width: 70%;

      max-width: 300px;

      max-height: 100px;

      height: 55%;

      box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);

      transform: skew(-10deg) rotate(-6deg);

    }

    figure.right-img .curl:after {

      left: auto;

      right: 6%;

      bottom: auto;

      top: 14%;

      transform: skew(-15deg) rotate(-84deg);

    }

    figure.right-img a {

      left: 0;

      right: 0;

      top: 0;

      bottom: 0;

      position: absolute;

      color: #ffffff;

    }

    figure.right-img:hover img,

    figure.right-img.hover img {

      opacity: 0.7;

    }

    figure.right-img:hover figcaption h2,

    figure.right-img.hover figcaption h2,

    figure.right-img:hover figcaption p,

    figure.right-img.hover figcaption p {

      -webkit-transform: translate3d(0%, 0%, 0);

      transform: translate3d(0%, 0%, 0);

      -webkit-transition-delay: 0.3s;

      transition-delay: 0.3s;

    }

    figure.right-img:hover figcaption h2,

    figure.right-img.hover figcaption h2 {

      opacity: 1;

    }

    figure.right-img:hover figcaption p,

    figure.right-img.hover figcaption p {

      opacity: 1;

    }

    figure.right-img:hover figcaption::before,

    figure.right-img.hover figcaption::before {

      background: #ffffff;

      left: 0px;

      right: 0px;

      opacity: 1;

      -webkit-transition-delay: 0s;

      transition-delay: 0s;

    }

    figure.right-img:hover figcaption .curl,

    figure.right-img.hover figcaption .curl {

      width: 40px;

      height: 40px;

      -webkit-transition-delay: 0.7s;

      transition-delay: 0.7s;

    }





















    section.team-out {

        width: 100%;

        background: #f5f5f5;

        padding: 70px 0;

    }

    .team-left h2 {

        margin-top: 0;

        font-size: 25px;

        text-transform: uppercase;

        position: relative;

    	    margin-bottom: 38px;

    }

    .team-left {

        background: #005dbe;

        padding: 50px 30px;

        color: #fff;

        border-radius: 2px;

    }

    .team-left h2:after {

    	position:absolute;

    	content:"";

    	top:42px;

    	right:0;

    	bottom:0;

    	left:0;

    	background:#fff;

    	width:50px;

    	height:2px;

    }

    .team-left p {

        line-height: 25px;

        margin-bottom: 20px;

    }

    .team-left ul li i {

        border: 1px solid #fff;

        border-radius: 50px;

        width: 20px;

        height: 20px;

        font-size: 11px;

        padding: 4px;

        margin-right: 10px;

    }

    .team-left ul li {

        line-height: 35px;

    }

    .team-left ul li a {

    	color:#fff;

    }



    .team-left ul li:hover a {

        color: #00a9f6;

    }

    .team-left ul {

        background: #065ab1;

        padding: 20px;

        border: 1px dashed #fff;

        margin-top: 30px;

    }



    .team-left ul li:hover i {

    		-webkit-animation: rotation .4s infinite linear;

    }



    @-webkit-keyframes rotation {

    		from {

    				-webkit-transform: rotate(0deg);

    		}

    		to {

    				-webkit-transform: rotate(359deg);

    		}

    }











    figure.team-item {

      font-family: 'Josefin Sans', sans-serif;

      position: relative;

      float: left;

      overflow: hidden;



      width: 100%;

      color: #ffffff;

      text-align: center;

      font-size: 16px;

          border: 5px solid #e8e8e8;

    }



    figure.team-item * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      -webkit-transition: all 0.45s ease;

      transition: all 0.45s ease;

    }



    figure.team-item img {

      vertical-align: top;

      max-width: 100%;

      backface-visibility: hidden;

    }



    figure.team-item figcaption {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      z-index: 1;

      padding: 90px 30px;

      background-color: rgba(0, 0, 0, 0.75);

      border: 4px solid rgba(255, 255, 255, 0.05);

      -webkit-transform: rotate(90deg);

      transform: rotate(90deg);

      -webkit-transform-origin: 0 0%;

      -ms-transform-origin: 0 0%;

      transform-origin: 0 0%;

    }



    figure.team-item h2,

    figure.team-item p {

      line-height: 1.5em;

      margin: 0;

    }



    figure.team-item h2 {

      display: inline-block;

      border-bottom: 1px solid rgba(255, 255, 255, 0.2);

      font-size: 20px;

        text-transform: uppercase;

    }



    figure.team-item p {

      padding: 8px 0 15px;

    }



    figure.team-item a {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      z-index: 1;

    }





    figure.team-item:hover figcaption,

    figure.team-item.hover figcaption {

      -webkit-transform-origin: 100% 100%;

      -ms-transform-origin: 100% 100%;

      transform-origin: 100% 100%;

      -webkit-transform: rotate(0);

      transform: rotate(0);

    }

    .team {

        float: left;

        width: 32%;

        margin-right: 2%;

    }

    .team.ad {

        margin-right: 0;

    }





    .right-bottom {

        float: left;

        width: 100%;

        margin: 50px 0 0 -80px;

        background: #f5f5f5;

        padding:10px  20px;

        border-radius: 4px;

        color: #000;

    }





    .right-bottom h5 span {

        color: #005dbe;

    	cursor: pointer;

    }

    /*.pro-inside {

        margin-top: 54px;

    }*/

    .pro-inside {

        float: left;

        width: 56%;

    }

    .car-inside {

        float: left;

        width: 100%;

    	margin-bottom:20px;

    }

    .car-inside p{

        line-height: 25px;

        color: #838383;}

    .car-inside img{

    	float:left;display: none;

    	margin-right:15px;}
    .products-out{float: left;width: 100%}
    .gal-main-box{float: left;width: 100%;}
    .products-out h2 {

        margin-bottom: 25px;

        text-transform: uppercase;

        font-size: 24px;

    }

    .pro-inside.ri {

        width: 44%;

        float: right;

    }

    .pro-inside p {

        color: #838383;

        text-align: justify;

        padding-right: 5%;

    	line-height: 25px;

    }

    .product01 {

        position: relative;

        float: left;

        overflow: hidden;

        min-width: 230px;

        max-width: 360px;

        width: 100%;

        color: #ffffff;

        text-align: left;

        font-size: 16px;

        background-color: #1A1A1A;

        border: 10px solid #f5f5f5;

    	       min-height: 245px;

    }





    .product01 * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      -webkit-transition: all 0.45s ease;

      transition: all 0.45s ease;

    }



    .product01 img {

      vertical-align: top;

      max-width: 100%;

      backface-visibility: hidden;

    }

    .mr_tp_0{

    	margin-top:0 !important;}

    .product01 figcaption {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      z-index: 1;

      padding: 30px;

      background-color: #202123;

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

      -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);

      box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);

    }



    .product01 h2,

    .product01 h3,

    .product01 p {

      margin: 0;

    }



    .product01 h2,

    .product01 h3 {

      line-height: 1.2em;

    }



    .product01 h2 {

        font-size: 15px;

        color: #ffffff;

        margin-bottom: 10px;

    }



    .product01 h3 {

      color: #EBEBEB;

      font-size: 1.3em;

      font-weight: normal;

      letter-spacing: 1px;

    }



    .product01 p {

      border-top: 1px solid rgba(255, 255, 255, 0.2);

      font-size: 0.9em;

      margin-top: 12px;

      padding: 12px 0 15px;

      line-height: 1.5em;

    }



    .product01 a {

      position: absolute;

      top: 0;

      bottom: 0;

      left: 0;

      right: 0;

      z-index: 1;

    }



    .product01:hover > img,

    .product01.hover > img {

      -webkit-transform: translateX(100%);

      transform: translateX(100%);

    }



    .product01:hover figcaption,

    .product01.hover figcaption {

      -webkit-transform: translateX(0%);

      transform: translateX(0%);

    }







    .products-out h1 {

        margin-top: 0;

        font-size: 20px;

        line-height: 30px;

        color: #37383a;

        font-weight: normal;

        margin-right: 20%;

    	position:relative;

    	    margin-bottom: 35px;

    		font-family: 'Ubuntu', sans-serif;

    }

    .products-out h1:after {

        position: absolute;

        content: "";

        right: 0;

        bottom: -12px;

        left: 0;

        border: 1px solid #00a9f6;

        height: 1px;

        width: 40px;

    }

    .products-out h1 span {

        color: #00a7f0;

    }



    .product-det-right {

        background: #f5f5f5;

        padding: 20px;

    	border: 10px solid #ffffff;

    }



    .product-det-right h2 {

        margin-top: 0;

        font-size: 20px;

        text-transform: uppercase;

        position: relative;

        margin-bottom: 38px;

        color: #005dbe;

    }

    .product-det-right h2:after {

        position: absolute;

        content: "";

        top: 42px;

        right: 0;

        bottom: 0;

        left: 0;

        background: #005dbe;

        width: 50px;

        height: 2px;

    }

    .product-det-right p {

        line-height: 25px;

        margin-bottom: 20px;

    }

    .product-det-right ul {

        padding: 20px;

        border: 1px dashed #d4cccc;

        margin-top: 30px;

    	    margin-bottom: 22px;

    }

    .product-det-right ul li {

        line-height: 35px;

    }

    .product-det-right ul li i {

        border: 1px solid #00a7f0;

        border-radius: 50px;

        width: 20px;

        height: 20px;

        font-size: 9px;

        padding: 4px 5px;

        margin-right: 10px;

        color: #1c1c1c;

    }

    .product-det-right ul li:hover i {

    		-webkit-animation: rotation .4s infinite linear;

    }

    p.ba {

        background: #00a7f0;

        padding: 15px;

        margin-bottom: 0;

        color: #fff;

        border-radius: 4px;

    }

    .col-md-12.col-sm-12.col-xs-12.isotop {

        padding: 80px 0;

    }



    .ba-left:before {

        position: absolute;

        content: "";

        background: #f5f5f5;

        width: 40%;

        left: 0;

    	bottom:0;

    	top:0;

    }

    section.products {

        background: #fff;

    	position:relative;

    }











    .gallery-left:before {

        position: absolute;

        content: "";

        background: #fff !important;

        top: 0;

        bottom: 0;

        width: 50%;

        height: 70%;

    }











    figure.gallery-out {

      position: relative;

      float: left;

      overflow: hidden;

      width: 100%;

      color: #000000;

      text-align: center;

      -webkit-perspective: 50em;

      perspective: 50em;

          margin-bottom: 30px;

    	  border: 3px solid #d6d1d1;

    }

    figure.gallery-out * {

      -webkit-box-sizing: padding-box;

      box-sizing: padding-box;

      -webkit-transition: all 0.2s ease-out;

      transition: all 0.2s ease-out;

    }

    figure.gallery-out img {

      max-width: 100%;

      vertical-align: top;

    }

    figure.gallery-out figcaption {

      top: 50%;

      left: 20px;

      right: 20px;

      position: absolute;

      opacity: 0;

      z-index: 1;

      -webkit-transform: translate(-10%, -30%);

      transform: translate(-10%, -30%);

    }

    figure.gallery-out h2,

    figure.snip1478 h4 {

      margin: 0;

    }

    figure.gallery-out h2 {

      font-weight: 600;

    }

    figure.gallery-out h4 {

      font-weight: 400;

      text-transform: uppercase;

    }

    figure.gallery-out i {

      font-size: 32px;

    }

    figure.gallery-out a:after {

      background-color: #ffffff;

      position: absolute;

      content: "";

      display: block;

      top: 20px;

      left: 20px;

      right: 20px;

      bottom: 20px;

      -webkit-transition: all 0.4s ease-in-out;

      transition: all 0.4s ease-in-out;

      -webkit-transform: rotate3d(-1, -1, 0, 100deg);

      transform: rotate3d(-1, -1, 0, 100deg);

      opacity: 0;

    }

    figure.gallery-out a {
    z-index: 1;
    float: left;
    position: relative;

    }

    figure.gallery-out:hover figcaption,

    figure.gallery-out.hover figcaption {

      -webkit-transform: translate(0%, -50%);

      transform: translate(0%, -50%);

      opacity: 1;

      -webkit-transition-delay: 0.2s;

      transition-delay: 0.2s;

    }

    figure.gallery-out a:hover:after,

    figure.gallery-out.hover a:after {

      -webkit-transform: rotate3d(0, 0, 0, 0deg);

      transform: rotate3d(0, 0, 0, 0deg);

      opacity: 0.9;

    }


figure.gallery-out a i.fa.fa-search-plus {
    position: absolute;
    width: 30px;
    height: 32px;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    color: #000;
    opacity: 0;
    transform: translate(20%, 0%);
    -webkit-transform: translate(-50%, 50%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    z-index: 1;
}

figure.gallery-out a:hover i.fa.fa-search-plus {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}


















    .gal-bot {

      color: #ffffff;

      text-align: left;

      font-size: 16px;

      width: 100%;

      max-width: 1000px;

      margin: 45px 10px;

    }

    .gal-bot img {

      position: absolute;

      left: 0;

      top: 0;

      height: 100%;

      z-index: -1;

    }

    .gal-bot .plan {

      margin: 0;

      width: 98%;

      position: relative;

      float: left;

      overflow: hidden;

      border-top: 0px solid #333333;

      border-bottom: 1px solid #333333;

      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);

      background-color: #1a1a1a;

    }

    .gal-bot .plan:hover i,

    .gal-bot .plan.hover i {

      -webkit-transform: scale(1.2);

      transform: scale(1.2);

    }

    .gal-bot .plan:first-of-type {

      border-radius: 8px 0 0 8px;

      border-left: 0px solid #333333;

    }

    .gal-bot .plan:last-of-type {

      border-radius: 0 8px 8px 0;

      border-right: 0px solid #333333;

    }

    .gal-bot * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      -webkit-transition: all 0.25s ease-out;

      transition: all 0.25s ease-out;

    }

    .gal-bot header {

      line-height: 70px;

      color: #ffffff;

          margin-bottom: 45px;

    }

    .gal-bot p {

        padding: 0 15px;

        font-size: 14px;

    }

    .gal-bot .plan-title {

        background-color: #00a7f0;

        position: relative;

        margin: 0;

        padding: 15px 20px;

        text-transform: uppercase;

    }

    .gal-bot .plan-title:after {

      position: absolute;

      content: '';

      top: 100%;

      left: 20px;

      width: 0;

      height: 0;

      border-style: solid;

      border-width: 10px 10px 0 10px;

      border-color: #00a7f0 transparent transparent

    }

    .gal-bot .plan-cost {

      position: absolute;

      top: -13px;

      right: 0;

      padding: 0 20px;

      text-align: right;

    }

    .gal-bot .plan-price {

      font-weight: 600;

      font-size: 18px;

    }

    .gal-bot .plan-type {

      opacity: 0.8;

      font-size: 0.7em;

      text-transform: uppercase;

    }

    .gal-bot .plan-features {

      padding: 20px 0 20px;

      margin: 0;

      list-style: outside none none;

      font-size: 0.9em;

    }

    .gal-bot .plan-features li {

      padding: 8px 20px;

    }

    .gal-bot .plan-features i {

      margin-right: 8px;

      color: rgba(255, 255, 255, 0.5);

    }

    .gal-bot .plan-select {

      border-top: 1px solid rgba(0, 0, 0, 0.2);

      padding: 20px;

      text-align: center;

    }

    .gal-bot .plan-select a {

      background-color: #156dab;

      color: #ffffff;

      text-decoration: none;

      padding: 12px 20px;

      font-size: 0.75em;

      font-weight: 600;

      border-radius: 20px;

      text-transform: uppercase;

      letter-spacing: 4px;

      display: inline-block;

    }

    .gal-bot .plan-select a:hover {

      background-color: #1b8ad8;

    }

    .gal-bot .featured {

      margin-top: -10px;

      box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);

      z-index: 1;

      border-radius: 8px;

      border: 1px solid #333333;

    }

    .gal-bot .featured header {

      line-height: 90px;

    }

    .gal-bot .featured .plan-select {

      padding: 30px 20px;

    }







    .ad01 {

        float: left;

        width: 100%;

        margin-bottom: 25px;

    }

    .con-icon {

        border: 1px dashed #006fae;

        float: left;

        padding: 3px;

        width: 60px;

        height: 60px;

        border-radius: 50%;

        margin-right: 3%;

        transition: all 400ms;

    }

    .con-icon i {

        float: left;

        width: 100%;

        height: 100%;

        background: #0eb0ee;

        border-radius: 50%;

        font-size: 22px;

        color: #fff;

        padding: 16px;

    }

    .content {

        float: left;

        border-bottom: 1px dashed #e2dcdc;

        width: 80%;

    }

    .content h5 {

        font-size: 17px;

        color: #1a485f;

        margin-bottom: 4px;

        font-family: 'Kanit', sans-serif;

        line-height: 17px;

    }



    .content p {

        line-height: 25px;

    }

    .contact-right {

        margin-top: -148px;

        

    }

    .contact-bg {

        background: #f5f5f5;

    	padding: 70px 20px 70px;}

    	

    .text-fld {

        position: relative;

        float: left;

        width: 46%;

        margin: 0 2%;

    }

    .text-fld.area {

        width: 96%;

        margin-right: 0;

    }

    .text-fld.area textarea {

        min-height: 140px;

        padding-top: 13px;

    }

    .contact-right i {

        position: absolute;

        top: 15px;

        color: #08538c;

        font-size: 14px;

        left: 15px;

        transition: all 400ms;

    }

    .contact-right span {

        margin-left: 0px;

        width: 100%;

        float: left;

    }

    .contact-right input, textarea {

        width: 100%;

        height: 45px;

        margin-bottom: 20px;

        padding: 5px 5px 5px 35px;

        text-indent: 5px;

        border-radius: 3px;

        outline: none;

        border: none;

        font-size: 13px;

        color: #828F94;

        background: #fcfcfc;

        box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);

        -webkit-transition: all 0.2s linear;

        transition: all 0.2s linear;

    }

    input.sub {

        background: #0eb0ee;

        border-radius: 19px;

        color: #fff;

        transition: all 400ms linear;

        -webkit-transition: all 400ms linear;

        text-transform: uppercase;

        font-family: "Kanit", sans-serif;

        font-weight: bold;

        font-size: 1.2rem;

        margin-bottom: 0;

    }

    input.sub:hover {

        background: #005dbe;

    }



    .ad01:hover .con-icon i{

        text-align: center;

        top: 50%;

        z-index: 1;

        animation: bounceIn 750ms linear infinite alternate;

        -moz-animation: bounceIn 750ms linear infinite alternate;

        /* -webkit-animation: bounceIn 750ms linear infinite alternate; */

        -o-animation: bounceIn 750ms linear infinite alternate;

    }

    #owl-demo .item{

            padding: 10px 15px 10px 0;

        margin: 5px;

        color: #FFF;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

        text-align: center;

    }

    .news-inside img {

        width: 100%;

    }

    .news-cont {

        float: left;

        margin-top: 35px;

    }

    .news-cont h3 a {

        margin-top: 0;

        text-align: left;

        line-height: 25px;

        font-weight: 500;

        font-size: 17px;

        color: #222222;

        margin-bottom: 6px;

        font-family: 'Ubuntu', sans-serif;

    }

    .news-cont-top {

        float: left;

        padding-left: 80px;

    }

    .date-box {

        position: absolute;

        float: left;

        color: #000;

        left: 0px;

        color: #ffffff;

        font-size: 16px;

        text-align: center;

        font-weight: 700;

        padding: 17px 15px;

        border-radius: 50px;

        margin-bottom: 10px;

        display: inline-block;

        background-color: #0eb0ee;

        font-family: 'Roboto', sans-serif;

    }



    .news-cont-top h3 {

        margin-top: 0;

    	text-align:left;

    }

    ul.post-meta li {

        display: inline-block;

        margin-right: 10px;

    }

    ul.post-meta {

        margin-bottom: 15px;

    	text-align:left;

    }

    ul.post-meta li a {

        color: #777;

        font-style: italic;

        font-size: 14px;

    }

    ul.post-meta li a span {

        margin-right: 5px;

    }

    .separator {

        position: relative;

        height: 1px;

        width: 100px;

        background-color: #ececec;

    }

    .separator:before {

        position: absolute;

        content: '';

        left: 0px;

        top: 0px;

        width: 45px;

        height: 1px;

        background-color: #005dbe;

    }

    .news-cont-bttom {

        padding-left: 80px;

    }

    .text {

        color: #777;

        text-align: left;

        font-size: 13px;

        line-height: 26px;

        margin-top: 20px;

        float: left;

        margin-bottom: 40px;

    }

    section.news-out {

        padding: 80px 0 0;

    }

    .owl-buttons {

        position: absolute;

        right: 52px;

        top: -85px;

    }

    .owl-prev {

        background: url(../images/left.png) #0eb0ee;

        background-repeat: no-repeat;

        background-position: 10px 8px;

        font-size: 0;

        width: 13px;

        height: 22px;

        position: absolute;

        padding: 15px;

    	    left: -35px;

    }

    .owl-next{background: url(../images/right.png) #0eb0ee;

        background-repeat: no-repeat;

        background-position: 10px 8px;

        font-size: 0;

        width: 13px;

        height: 22px;

        position: absolute;

        padding: 15px;

    }

    .owl-next:hover{background: url(../images/right.png) #005dbe;

        background-repeat: no-repeat;

        background-position: 10px 8px;

    }

    .owl-prev:hover{background: url(../images/left.png) #005dbe;

        background-repeat: no-repeat;

        background-position: 10px 8px;

    }

    p.news {

        float: left;

        padding: 30px 25px;

        border: #f5f5f5 1px solid;

        color: #fff;

        line-height: 26px;

        margin-top: 30px;

        text-align: center;

        background: #0eb0ee;

    }





































    figure.events {

      position: relative;

      float: left;

      overflow: hidden;

      width: 100%;

      background: #ffffff;

      color: #ffffff;

    }

    figure.events * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

    }

    figure.events > img {

      max-width: 100%;

    }

    figure.events figcaption {

      padding: 20px 30px 20px 25%;

      position: relative;

    }

    figure.events figcaption h2,

    figure.events figcaption p {

      margin: 0;

      text-align: right;

      padding: 10px 0;

      right: 0;

      width: 100%;

    }

    figure.events figcaption h2 {

      font-size: 1.3em;

      font-weight: 300;

      text-transform: uppercase;

      border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    }

    figure.events figcaption h2 span {

      font-weight: 800;

    }

    figure.events figcaption p {

      font-size: 0.9em;

      opacity: 0.8;

    }

    figure.events figcaption .icons {

      width: 100%;

      text-align: right;

    }

    figure.events figcaption .icons i {

      font-size: 26px;

      padding: 5px;

      color: #ffffff;

      top: 50%;

    }

    figure.events figcaption a {

      opacity: 0.3;

      -webkit-transition: opacity 0.35s;

      transition: opacity 0.35s;

    }

    figure.events figcaption a:hover {

      opacity: 0.8;

    }

    figure.events .position {

      width: 100%;

      text-align: right;

      padding: 8px 30px 13px;

      font-size: 0.8em;

      opacity: 0.8;

      font-style: italic;

    }

    figure.events:after {

      position: absolute;

      top: 0;

      left: -20%;

      height: 110%;

      width: 30%;

      background-color: #000000;

      content: '';

      border-right: 4px solid #ffffff;

      box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

      -webkit-transform: skewX(-7deg) translateX(0px);

      transform: skewX(-7deg) translateX(0px);

      -webkit-backface-visibility: hidden;

      -webkit-transition: all 0.35s;

      transition: all 0.35s;

    }

    figure.events.blue {

      background: #005dbe;

    }

    figure.events.blue:after {

      background: #4eaae2;

    }

    figure.events.red {

      background: #962d22;

    }

    figure.events.red:after {

      background: #6d2018;

    }

    figure.events.yellow {

      background: #0eb0ee;

    }

    figure.events.yellow:after {

      background: #005dbe;

    }

    figure.events:hover:after,

    figure.events.hover:after {

      -webkit-transform: skewX(-7deg) translateX(10px);

      transform: skewX(-7deg) translateX(10px);

    }

    .news-before:before {

        position: absolute;

        content: "";

        top: -60px;

        bottom: 0;

        background: #f5f5f5;

        width: 60%;

        right: 0;

    }

    section.news-bottom {

        position: relative;

        width: 100%;

    	margin-top:80px;

    	    padding-bottom: 50px;

    }

    section.news-bottom h1 {

        padding-left: 15px;

        font-size: 25px;

        position: relative;

        margin-top: 0;

        padding-bottom: 0;

        margin-bottom: 45px;

        color: #0eb0ee;

    }

    section.news-bottom h1:before {

        position: absolute;

        content: "";

        z-index: 9;

        border: 1px solid #0eb0ee;

        right: 0;

        bottom: -20px;

        left: 15px;

        height: 2px;

        width: 50px;

    }



















    figure.news-img {

        position: relative;

        float: left;

        overflow: hidden;

        width: 100%;

        background: #0eb0ee;

        text-align: center;

        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

    }



    figure.news-img * {

      -webkit-box-sizing: border-box;

      box-sizing: border-box;

      -webkit-transition: all 0.3s ease-in-out;

      transition: all 0.3s ease-in-out;

    }



    figure.news-img img {

      max-width: 100%;

      position: relative;

      top: 0;

    }



    figure.news-img h2 {

      position: absolute;

      left: 15px;

      color: #000000;

      bottom: 12px;

      opacity: 0;

      margin: 0;

      z-index: 1;

      text-transform: uppercase;

      font-weight: 400;

          font-size: 15px;

    }



    figure.news-img h2 span {

      font-weight: 800;

    }



    figure.news-img > div {

      width: 100%;

      bottom: -70px;

      position: absolute;

      color: #ffffff;

      background: #ffffff;

      text-align: right;

      -webkit-transition-delay: 0.2s;

      transition-delay: 0.2s;

    }



    figure.news-img > div a i {

      font-size: 24px;

      color: #000000;

      padding: 0px 8px;

      position: relative;

      bottom: -60px;

    }



    figure.news-img a {

      opacity: 0.8;

      -webkit-transition-property: none;

      transition-property: none;

    }



    figure.news-img a:hover {

      opacity: 1;

    }



    figure.news-img:hover img,

    figure.news-img.hover img {

      opacity: 0.5;

      top: -30px;

    }



    figure.news-img:hover h2, figure.news-img.hover h2 {

        opacity: 1;

        -webkit-transition-delay: 0.2s;

        transition-delay: 0.2s;

        color: #fff;

        bottom: 8px;

    }



    figure.news-img:hover > div, figure.news-img.hover > div {

        bottom: 0;

        -webkit-transition-delay: 0s;

        transition-delay: 0s;

        background: #0eb0ee;

    }

    figure.news-img:hover > div a i,

    figure.news-img.hover > div a i {

      bottom: 0;

    }



    figure.news-img:hover a:first-child i,

    figure.news-img.hover a:first-child i {

      -webkit-transition-delay: 0.3s;

      transition-delay: 0.3s;

    }



    figure.news-img:hover a:nth-child(2) i,

    figure.news-img.hover a:nth-child(2) i {

      -webkit-transition-delay: 0.35s;

      transition-delay: 0.35s;

    }



    figure.news-img:hover a:nth-child(3) i,

    figure.news-img.hover a:nth-child(3) i {

      -webkit-transition-delay: 0.4s;

      transition-delay: 0.4s;

    }

.bg-none:hover{
    background-color: #1b1b1b !important;
}




    /*responsive css starts here*/

     @media (max-width: 1400px) {



    .kb_caption {

        top: 14%;

    	width:50%;

    }

    .kb_caption_right {

        left: 30%;

        width: 40%;

    }

    }

     @media (max-width:1199px) {



    	 



    	 

    .pro-inside {

        float: left;

        width: 100%;

    }

    	 .pro-inside.ri {

    		 display:none;

    }



    .service .inner {

        padding: 38px 20px;

    }

    }

     @media (max-width:991px) {

    	 .contact-right {

        margin-top: 15px;

    }
    .service-main{
        width: 100%;
    }
    .service .inner{
        text-align: center;
    }

    	 	 .gal-bot .plan-select {

        text-align: left;

    }

    	 

    	 .gallery-left:before {

    		 display:none;

    }

    	 .new-hv-bottom {

        margin-bottom: 20px;

    }

    	 .news-cont h3 a {

        font-size: 16px;

    }

    	 .news-before:before {

    	display:none;

    }

    	 .owl-buttons {

        position: absolute;

        right: 0;

        left: 0;

        bottom: 0;

        margin: auto;

        width: 26px;

        z-index: 99;

    	    top: auto;

    }



    	.news-right {

        display: none;

    }

    	 	 .products-out h1 {

        margin-right: 0;

    }



    	 .product-det-right {

        padding: 30px;

        border: 0;

        margin-top: 20px;

    }

    	.pro {

        width: 100%;

    }

    .pro-right {

        width: 100%;

    }



    	 .right-bottom {

        margin: 0px;

    }

    .team-right {

        margin-top: 30px;

    }



    	  figure.right-img p {

        padding: 20px 10px;

    }

    	 .ab-right {

        margin-top: 0;

    }

    	 .service .inner h3 {

        padding-left: 50px;

    }


    	 .service .inner {

        padding: 38px 10px;

    }

    .kb_caption {

        top: 14%;

        width: 100%;

    	left:0;

    }

    section.team-out {

        padding: 0;

    }

    }



     @media (max-width: 835px) {

    figure.right-img p {

        padding: 10px 10px;

        font-size: 13px;

    }



    }

     @media (max-width: 800px) {

    	 



    section.about-content, section.product-content {

        padding: 40px 0;

    }



    #cssmenu > ul > li {

        margin-left: 20px;

    }

    }



     @media (max-width: 767px) {
    .modal-dialog{width: 100%;
    padding: 20px 50px;
    margin: 25px auto;}
    .modal-body img{width: 100%;}
    .mob-top{display: block;position: absolute;
    right: 70px;
    top: 33px;}
    .mob-top .social-icon{float: left;}
    .mob-top .contact-number{float: right !important;
    width: auto;
    margin-left: 10px;}
    .header-out{display: none;}
    .contact-number {

        float: none !important;

        display: inline-block;

        width: 100%;

    }

    	 .new-hv-bottom {

        width: 50%;

    }

    	 section.news-out {

        padding: 20px 0 0;

    }

    	 .product-det-right {

        padding: 0px 30px;

        margin: 20px 0;

    }

    	 figure.right-img p {

        padding-top: 15%;

    }

    	 .ab-right {

        background: #f5f5f5;

        padding: 20px 0;

    }

    	 figure.right-img {

        float: none;

        margin: 0 auto;

        display: table;

    	width:auto;

    }

    	 .copyright {

        text-align: center;

    }

    ul.footer-social {

        text-align: center;

    }

    	 .kb_caption h2 {

        padding-left: 0;

        margin: 0;

    }

    	 .kb_caption h1 {

        font-size: 26px;

    }

    	 

    	 .service:hover {

        margin-top: 0;

        box-shadow: none;

    }

    	 section.service-out {

        margin-top: 5px;

    }

    	 #cssmenu > ul > li {

        margin-left: 0px;

    }

    	 nav#cssmenu {

        margin-top: -50px;

    }

    	 

    .pull-left.left {

        text-align: center;

    }

    .header-out .social-icon {

        float: none;

    }

    .header-out .contact-number {

        padding-left: 0px;

        margin-left: 0;

        border-left: none;

        padding-top: 10px;

    }

    	.pull-right.right {

        text-align: center;

        margin-top: 10px;

    } 

    ul.right-nav.clearfix {

        margin: 0 auto;

        display: table;

    }

    .head-right {

        float: none;

    }

    .button {

        margin-top: -15px;

    }

    	 

    	 

    	 }

    	 

    	 

    	 

    @media (max-width: 730px) {		 

    figure.team-item figcaption {

        padding: 60px 10px;

    }

    }

    	 

    @media (max-width: 700px) {	 

    	 .kb_caption {

       top: 0;

    }
    .kb_caption h1{margin-top: 0;}
    h3.read{margin: 20px auto;}
    .kb_caption h2{line-height: 20px;}
    }

     @media (max-width: 610px) {

    	.gal {

       /* width: 50%;*/

    }

    figure.team-item figcaption {

        padding: 60px 10px;

    }

    figure.team-item h2 {

        font-size: 14px;

    }

    figure.team-item p {

        font-size: 13px;

    }

    }

     @media (max-width: 560px) {

    	 	 .new-hv-bottom {

        width: 100%;

    }

    .service{width: 100%;}

    	 .right-bottom h5 {

        text-align: center;

        line-height: 25px;

    }

    	 figure.team-item figcaption {

        padding: 130px 10px;

    }

    	 figure.team-item h2 {

        font-size: 20px;

    }

    	 .team {

        float: none;

        width: 60%;

        margin-right: 0;

        margin: 0 auto;

    }

    .team.ad {

        margin-right: 0;

        margin: 0 auto;

    }

    figure.team-item {

        margin-bottom: 25px;

    }



    	 .carousel-control.left {

        display: none;

    }

    .carousel-control.right {

        display: none;

    }	 

    	 .service .inner {

        padding: 38px 20px;

    }

    }

    @media (max-width: 480px) {

    	.content {

        width: 100%;

    }

    .contact-right {

        padding: 40px 20px 40px;

    }

    	.con-icon {

        float: none;

        margin: 0 auto;

    }

    	.text-fld {

        width: 100%;

        margin: 0;

    }

    	.gal-bot .plan-select {

        text-align: center;

    }

    	.gal-bot p {

        text-align: center;

    }

    .gal {

        width: 100%;

        margin: 0 auto;

        display: table;

        float: none;

    }
    figure.gallery-out img{width: 100%;}
    	section.news-bottom h1:before {

        margin: auto;

    }

    	section.news-bottom h1 {

        text-align: center;

    }

    	.products-out h1 {

        text-align: center;

    }

    	.product-det-right ul {

        padding: 10px;

    }

    	.products-out h1:after {

        margin: auto;

    }

    .pro-inside p {

        text-align: center;

    }

    .product-det-right h2:after {

        margin: auto;

    }

    	figure.team-item figcaption {

        padding: 110px 10px;

    }

    	.team {

        width: 78%;

    }



    	section.content-out {

        padding: 50px 0px 0;

    }

    .service {

        width: 100%;

        text-align: center;

    }

    .service .inner h3 {

        padding-left: 0;

    }

    section.about-out h1 {

        text-align: center;

    }

    section.about-out h1:after {

        left: 0;

        right: 0;

        margin: auto;

    }

    section.about-content, section.product-content {

        text-align: center;

    }

    section.about-content h2 {

        font-size: 18px;

    	    line-height: 28px;

    }

    }
    @media (max-width: 480px) 
    {
        .navigation
        {
            position: absolute;
            width: 100%;
            z-index: 99;
            top: 0;
        }
        .kb_elastic .item,
        .kb_elastic .item img,
        .carousel-inner,
        .kb_wrapper,
        .banner-out
        {
            height: 100vh
        }
        .carousel-caption.kb_caption
        {
            height: 100%;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .carousel-inner-cap h1
        {
            font-size: 20px;
            padding: 12px 0px;
        }
        .kb_caption h2
        {
            line-height: 22px;
            padding-bottom: 18px;
        }
        h3.read a
        {
            padding: 6px 16px !important;
            font-size: 11px;
        }
        .carousel-inner-cap
        {
            margin-top: 70px;
        }
	.mob-top .social-icon
	{
	   
    float: left;
    position: absolute;
    bottom: -34px;
    right: -55px;
}
	}
    }    

    @media (max-width: 400px) {
    .modal-dialog{padding: 20px 20px;}
    /*.banner-out{height: 100%;}
    .kb_wrapper{height: 100%;}
    .carousel-inner{height: 100%;}
    .kb_elastic .item{height: 100%;}*/
    /*.kb_wrapper > .carousel-inner > .item > img{height: 100%;}*/
    .kb_caption {
        top: 0;
        vertical-align: middle;
        height: 100;}
    }

    @media (max-width: 360px) {
    h3.read a{padding: 10px 25px;}
    .mob-top .social-icon{display: none;}
/*    .banner-out{height: 100%;}
    .kb_wrapper{height: 100%;}*/
    .gal {

        width: 100%;

      

    }

    	.products-out h1 {

        font-size: 16px;

        line-height: 26px;

    }

    	ul.post-meta li {

        margin-right: 2px;

    }

    	.owl-buttons {

        width: 0;

    }

    	.news-cont-top {

        padding-left: 0;

    }

    .news-cont-top h3 {

        text-align: center;

    }

    .separator {

        width: 100%;

    }

    .separator:before {

        right: 0;

        margin: auto;

    }



    	.news-cont {

        margin-top: 0;

    }

    .date-box {

        padding: 10px;

        width: 100%;

        margin-top: 5px;

        position: static;

    	    border-radius: 4px;

    }

    .news-cont-bttom {

        padding-left: 0;

    }

    .text {

        text-align: center;

    }

    #filters li {

        float: none;

        margin-right: 0px;

        margin: 0 auto 15px;

        display: table;

    }

    .ba-left:before {

    	display:none;

    }

    .col-md-12.col-sm-12.col-xs-12.isotop {

        padding: 0px 0;

    }

    #portfoliolist .portfolio {

        width: 98%;

        margin: 1%;

    }

    }



    @media (max-width: 320px) {

    	.product-det-right ul li {

        font-size: 12px;

    }

    figure.team-item figcaption {

        padding: 90px 10px;

    }

    .team {

        width: 100%;

    }

    }
	.error
	{
		 border: 1px solid red !important;
	}