body{font-family: Raleway,sans-serif;font-size: 14px;line-height: 23px; font-weight: 500; overflow-x: hidden;}
/*----------------------------header--------------------------*/
header .container{position:relative;}
.top{background: #e8e8e8;}
.top .call{font-size: 13px;font-weight: 600;line-height: 40px;background: #337ab7;padding: 0 17px;color: #fff;float:right;}
.top ul.socail{margin: 10px 0px;padding: 0;float: left;}
.top ul.socail li{float: left; margin: 0 5px 0 0; width: 19px;height: 19px;
    line-height: 19px;border-style: solid;border-width: 0px;list-style: none;text-align: center;border-radius: 50%;font-size: 10px;}
.top ul.socail li.facebook{background-color:#3b5998;}
.top ul.socail li.twitter{background-color:#55acee;}
.top ul.socail li.google{background-color: #dd4b39;}
.top ul.socail li.skype{background-color: #b2dd4c;}
.top ul.socail li a{color: #ffffff;}
.top label{float:left;font-size: 13px;line-height: 40px;margin-right: 6px;margin-bottom: 0;}
.sidenav {
    height: 100%;
    width: 0;overflow-y: hidden;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    transition:left .2s ease,right .2s ease;
    background:url(../images/sidearea.png);

    visibility: visible;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.qodef-close-side-menu-holder {
    display: table; height: 90px;position: absolute;top: 0; right: 38px; z-index: 1000;}
.qodef-close-side-menu-holder-inner {display: table-cell;vertical-align: middle;}
.qodef-close-side-menu {display: inline-block;
    height: 32px;
    width: 32px;
    z-index: 1000;
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;color: #16171d;
    display: inline-block;
    font-size: 32px; height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center; width: 32px}
#main {transition: margin-right .5s;}
@media screen and (max-height: 450px) { }
.sidenav .widget{margin: 10px 60px 40px 61px;text-align: left;}
.sidenav .widget .logo3{margin-bottom:38px;width: 60%; }
.sidenav .widget h3{text-align:left;font-size:22px; line-height:1.2em; color:#222; margin-bottom:18px;margin-top:0;}
.sidenav .widget p {    font-size: 14px;line-height: 23px; font-weight: 500;margin-bottom:31px; margin-top:0;}
.qodef-image-gallery {display: inline-block;width: 100%;vertical-align: middle; margin-bottom:30px;}
.qodef-gallery-image:nth-child(3n+3) { margin-right: 0;}
.qodef-gallery-image{
    width: 31%;
    margin-right: 2%;
    margin-bottom: 2%;
    display: inline-block;float: left;}
.qodef-gallery-image img {
    display: block;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
}
/*----------------------menu-------------*/
*{margin:0;padding:0;text-decoration:none}
.search-box{
    position: absolute;
    top: 0;
    height: 99px;
    width: 100%;
    background: #fff;
    z-index: 999;
    display: none;transition: background-color .3s ease;
}


.search-box input,  .search-box input:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #c6c6c6;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
       width: 92%;
    padding: 0;
    font-family: Raleway,sans-serif;
    outline: 0;
    outline-offset: 0;
    -webkit-appearance: none;
    border-radius: 0;
    float: left;
    margin: 38px 0;
}
.search{
    transition: all .2s ease-out;
    font-size: 20px;
    color: #727272;
    margin: 36px 0;
    padding: 0 12px;
    float: left;
    border-right: 1px solid #ccc;
}
.memu{
    font-size: 20px;position: relative; display: inline-block;   vertical-align: middle; -webkit-transition: color .2s ease-out; transition: color .2s ease-out; color: #727272; margin: 36px 0 36px 24px;}
.logo{position:relative;z-index:123;padding: 21px 0;}
.logo a{color:#6DDB07;}
/*nav{position:relative; width:980px;margin:0 auto;}
#cssmenu ul{float:right;margin: 32px 0;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{float:left;width: 92%;}
#cssmenu > ul > li{float:left;margin-right: 5px;}
#cssmenu > ul > li > a{padding: 0px 19px;letter-spacing:1px;text-decoration:none;color:#727272;border-radius: 3px;font-size: 14px;line-height: 34px; font-weight: 600;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #fff;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background: #808080;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;border-radius: 3px;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top: 15px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:'';}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top: 12px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px;z-index: 999;margin: 0;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#e8e8e8;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height: auto;}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width: 200px;font-size: 13px;text-decoration:none;color: #828282;font-weight:400; line-height: 51px; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background: #828282;content:'';}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background: #828282;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#bdbdbd;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1000px){
    .logo{position:absolute;top: 18px;left: 0;right: 0;margin: auto;text-align:center;padding:10px 0 0 0;float:none;width: initial;}
    .logo2{display:none}
    nav{width:100%;}
    #cssmenu{width:100%;padding: 27px 0;}
    #cssmenu ul{width:100%;display:none;margin-bottom: 0;}
    #cssmenu ul li{width:100%;border-top:1px solid #444}
    #cssmenu ul li:hover{background:#363636;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
    #cssmenu > ul > li{border-top: 0;float:none;border-bottom: 1px solid #d0d0d0;border-radius: 0;}
    #cssmenu ul ul li a{padding-left:25px}
    #cssmenu ul ul li{background:#333!important;}
    #cssmenu ul ul li:hover{background:#363636!important}
    #cssmenu ul ul ul li a{padding-left:35px}
    #cssmenu ul ul li a{color:#ddd;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
    #cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
    .button{width:55px;height:46px;position:absolute;left: 0;top: 30px;cursor:pointer;z-index: 12399994;}
    .button:after{position:absolute;top: 23px;right:20px;display:block;height: 9px;width:20px;border-top: 2px solid #000000;border-bottom: 2px solid #000000;content:'';}
    .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top: 16px;right:20px;display:block;height:2px;width:20px;background: #000;content:'';}
    .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background: #000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
    .button.menu-opened:before{top:23px;background: #000;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
    #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened{background:#262626}
    #cssmenu ul ul .submenu-button{height:34px;width:34px}
    #cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after{background:#fff}
    #cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
    #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before{display:none}
    #cssmenu ul ul ul li.active a{border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}*/

.header{display:flex;}
/*------------------------------slider------------------------------------------------------*/
.carousel-inner > .item > img{width:100%; background-size:cover;}
  .carousel-caption{text-align: left;}
.caption-animate .item.active .carousel-caption {text-align: left;
    -webkit-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;}
.caption-animate  .item.active .carousel-caption.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
.caption-animate  .item.active .carousel-caption.hinge {
    -webkit-animation-duration: 2s; animation-duration: 2s;}
.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
    -webkit-animation-duration: .75s;animation-duration: .75s;}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
    opacity:0;}
.carousel-caption{left: 12%;text-align: left;top: 10%;}
.subtitle{font-size: 17px;font-weight: 600; letter-spacing: 0;color: #fff;
    background-color: rgba(255,255,255,.2);line-height: 1.458em;
    padding: 9px 20px;display: inline-block; border-left: 7px solid #c8e7ff;margin: 0 0 20px;}
.carousel-caption h1{
    font-size: 70px;
    line-height: 97px;
    font-weight:700;
    letter-spacing: 0px;
    margin-bottom: 22px;
    color: #fff;
    }
.carousel-caption p{font-size: 20px;line-height: 40px;font-weight:700;letter-spacing: 0px;margin-bottom: 22px;}

/*------------------------------Solution------------------------*/
.Solution{padding-top: 57px !important; padding-bottom: 55px !important;}
.Solution ul{margin: 75px 0 55px 0;padding: 0;float: left;width: 100%;}
.Solution ul li{float: left;width: 20%;list-style: none;}
.flip-box{ background: #a2b3c4;padding: 50px 0;}
.flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000;}
.flip-container:hover .flipper,  .flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-container, .front, .back {width: 98%;height: 250px;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;
    -o-transform-style: preserve-3d;transition: 0.6s;
    transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;top: 0;left: 0;}

.front {z-index: 2;padding: 0px 0px 0px 0px;border-radius: 0;border: 1px solid #ccc;vertical-align: middle;padding: 30px;text-align: center;}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);background: #f8f8f8;background: #337ab7;}
.front .name {
    font-size: 15px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    bottom: 40px;
    left: 15px;
    position: absolute;
    right: 10%;
    width: 80%;
    -o-transform: rotate(-20deg);
    text-align: center;
    line-height: 1.5em;
    color: #2b2b2b;
    font-weight: 600;
    text-align: center;
    left: 10%;
    margin: auto;
}

.back .infobox {position: absolute;bottom: 0px;left: 0;right: 0;text-align: center;padding: 0 20px;font-family: arial;line-height: 2em;height: 100%;}
.qodef-info-box-button{
    bottom: 40px;
    position: absolute;
    left: 0;
    right: 0;
}
.qodef-info-box-button a:hover{color:#fff;}
h2 {font-size: 34px;line-height: 1.284em; margin-top:0;color: #202020;margin-bottom:18px; font-weight:700;text-align:center;}
h3{font-size: 22px; color:#222;line-height: 1.2em;text-align:center;font-weight:700;}
.back .title{
    color: #fff; font-size: 20px;position: absolute;left: 0;right: 0; text-align: center; top: 28%;}
.qodef-btn {
    display: inline-block;
    position: relative;
    outline: 0;
    font-style: normal;
    font-weight: 800;
    font-family: inherit;
    padding: 0 35px;
    font-size: 13px;
    line-height: 48px;
    height: 48px;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    color: #fff;
    border: 2px solid #fff;
}
.qodef-btn:hover{text-decoration:none;}
/*--------------------------------------------services----------------------------------------*/
.services-box{background:url(../images/Home-2-Single-Background-1.png) no-repeat bottom;background-size:cover; }
.qodef-process-holder{text-align:center;margin-top:60px; }
.qodef-process-holder-inner{margin-bottom:50px;}
.qodef-process-holder .qodef-process-item {
    display: inline-block; width: 24%;
    vertical-align: top;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper {
    position: relative;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    border: 3px solid #e1e1e1;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: border .3s cubic-bezier(.25,.46,.45,.94);
    transition: border .3s cubic-bezier(.25,.46,.45,.94);
}
.qodef-process-holder .qodef-process-item:hover .qodef-process-item-icon-holder {
    border-color: #337ab7b8;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-background-holder {
    position: absolute;
    top: 50%;
    /* left: 50%; */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    line-height: 0;
    border-radius: 50%;
    border: 0 solid transparent;
    box-sizing: border-box;
    -webkit-transition: border .3s cubic-bezier(.25,.46,.45,.94);
    transition: border .3s cubic-bezier(.25,.46,.45,.94);
}
.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle {
    width: 100px;
    height: 100px;
    line-height: 100px;
    background-color: #797979;
    border: 0;
    color: #fff;
    font-size: 40px;
    border-radius: 100%;
    display: inline-block;
}

.qodef-icon-shortcode.circle {
    /* background-color: #337ab7; */
    /* width: 2em; */
    /* height: 2em; */
    /* line-height: 2em; */
    /* text-align: center; */
    /* -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out; */
    /* transition: background-color .15s ease-in-out,border-color .15s ease-in-out; */
}
.qodef-icon-shortcode {
    /* display: inline-block; */
}
.qodef-process-holder .qodef-process-item .qodef-icon-shortcode.circle .qodef-icon-element {
    color: #fff;
    font-size: 30px;
}
.qodef-icon-shortcode.circle .qodef-icon-element, .qodef-icon-shortcode.square .qodef-icon-element {
    color: #fff;
    line-height: inherit;
}
.qodef-icon-shortcode .qodef-icon-element {
    -webkit-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-icon-holder-wrapper:after {
    content: "";
    width: 20%;
    position: absolute;
    border-bottom: 2px dashed #dadada;
    top: 50%;
    left: 100%;
    transform: translateX(-50%);
}
.qodef-process-holder .qodef-process-item:last-child .qodef-process-item-icon-holder-wrapper:after {
    border: 0;
}
.qodef-process-holder .qodef-process-item:hover .qodef-icon-shortcode.circle {
    background-color:  #337ab7b8;
}

.qodef-process-holder .qodef-process-item:hover .qodef-process-item-background-holder {
    border: 20px solid #337ab763;
    -webkit-transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
    transition: border .6s cubic-bezier(.32,1.63,.44,1.82);
}
.qodef-process-holder .qodef-process-item .qodef-process-item-content-holder {
    margin-top: 35px;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder {
    margin-bottom: 17px;}
.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder h5{
    font-size: 19px;
    line-height: 1.4em;
    font-weight:600;
    color: #337ab7;
    min-height: 52px;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-title-holder>* {
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
}
.qodef-process-holder .qodef-process-item .qodef-process-item-text-holder {
    padding: 0 10px 30px;
}
/*-------------------------------------------------manage-----------------------------------*/
.manage{background:url(../images/bg.jpg) no-repeat; background-size:cover; margin-top:25px;}
.manage .image{padding: 60px 0 20px 15px;}
.manage .image img{width: 76%;}
.content{padding-top: 130px;}
.content p{
    color: #f0f0f0;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 55px;
}
.qodef-btn.qodef-btn-solid {
    background-color: #337ab7;
    border: none;
    color: #fff;
    height: 52px;
    line-height: 52px;
    padding:0;
}
.qodef-btn.qodef-btn-icon .qodef-btn-text {
    display: inline-block;
    padding: 0 30px;
    margin-right: 0;
    vertical-align: middle;
    float: left;
    line-height: inherit;
}
.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-hover-bg).qodef-btn-solid .qodef-btn-text-icon {
    background-color: #1a588d;
}
.qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid, .qodef-btn.qodef-btn-icon:not(.qodef-btn-custom-border-hover).qodef-btn-solid .qodef-btn-text-icon {
    border: none;
}
.qodef-btn.qodef-btn-icon .qodef-btn-text-icon {
    display: inline-block;
    width: 56px;
    text-align: center;
    font-size: 23px;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: inherit;
    vertical-align: middle;
    float: left;
    line-height: inherit;
    border-radius: 0 3px 3px 0;
    position: relative;
    overflow: hidden;
}
.qodef-btn.qodef-btn-icon .qodef-btn-text-icon i, .qodef-btn.qodef-btn-icon .qodef-btn-text-icon span {
    display: block;
    position: relative;
    left: 0;
    line-height: inherit;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out;
}
.qodef-btn.qodef-btn-icon .qodef-btn-text-icon:before {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    content: "\f18e";
    font-family: 'FontAwesome';
    overflow: hidden;
    font-weight: 400;
    -webkit-transition: left .2s ease-out;
    transition: left .2s ease-out;
}
/*-----------------------------------Partners-------------------------*/
.Partners-box-full{/* padding-top:50px; */}
.Partners-box-full h2{text-align: center;padding-top: 37px;padding-bottom: 16px;font-size: 30px;}
.Partners-box{/* background-color:#f3f3f3; *//* padding: 48px 0; */}
.holder{position: relative;
    padding: 0 13px;}
.holder img{ transition:transform .15s ease-out;width:100%}
.owl-carousel .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -106px;
}
.owl-controls .owl-buttons .owl-prev{position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -106px;}
.owl-carousel .owl-buttons div{/* display:inline; */width: 66px;height:66px;border-radius:3px;/* background-color:#aaa; */}
/*-----------------------Discover -------------------------------*/
.discover{}
.discover h2{text-align: center;padding-top: 37px;padding-bottom: 16px;font-size: 30px;}
.qodef-item-image-holder {overflow: hidden;position: relative;/* background: #f9f9f9; */}
.qodef-item-image-holder img{width: 100%;padding: 0 18%;}
.discover .qodef-portfolio-shader {
    position: absolute;
    width: 100%;
    padding: 15% 0;
    height: 100%;
    display: block;
    background-color: rgba(255,255,255,.93);
    left: 0;
    top: 5%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
    transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.qodef-item-text-overlay{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    opacity:0;
    z-index:2;
    transform:scale(0);
    transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;
    background: rgba(255, 255, 255, 0.81);
}
.discover article:hover .qodef-item-text-overlay{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.qodef-item-text-overlay-inner {
    position: relative;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.qodef-item-text-holder{position:relative;display:table-cell;height:100%;width:100%;vertical-align:middle;text-align:center;padding:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.qodef-item-text-holder .qodef-item-title {
    line-height: 1.3em;
    font-weight: 600;
    color: #fff;
    font-size: 19px;
    margin-bottom: 0;
}
.qodef-item-text-holder .qodef-ptf-category-holder {
    color: #fff;
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
    border: 2px solid #337ab7;
    width: 50%;
    margin: auto;
    padding-bottom: 10px;
    background: #337ab7a3;
    border-radius: 8px;
}
.qodef-item-text-holder .qodef-item-title>a {
    color: #b2dd4c;
    font-weight: 600;
    font-size: 15px;
    line-height: 17px;
}
/*-----------------------footer--------------------------*/
footer{background-color:#212121;padding: 65px 0 0 0;}
footer .footer-box{box-sizing: border-box;border-right: 1px solid #3b3b3b;padding: 0 40px 0 20px;color:#a2a2a2;    min-height: 260px;}
footer .footer-box h4{color: #fff;margin-bottom: 25px;  line-height:1.5em;font-size: 22px;font-weight: 700}
footer .footer-box p{font-size: 14px;color:#a2a2a2;line-height: 23px;font-weight: 600; }
footer .footer-box ul{list-style:none;}
footer .footer-box ul li{border-bottom: 1px dotted #404040;}
footer .footer-box ul li a {color: #a2a2a2;font-weight:600; padding: 8px 0; display: inline-block; width: 100%; position: relative;}
footer .footer-box ul li a:hover:before { opacity: 1;}
footer .footer-box ul li a:before { content: "";display: inline-block; height: 48%;position: absolute;
    left: -10px; border-left: 3px solid #337ab7;top: 50%;transform: translateY(-50%);transition: opacity .15s ease-out; opacity: 0;}
a:hover{text-decoration:none;}
footer .footer-box ul li a .fa{margin-right:5px;}
.footer-bottom{background: #e8e8e8;text-align:center;padding: 10px 0;color: #212121;margin-top: 45px;display:none;}
.ft-image-gallery {display: inline-block;width: 100%;vertical-align: middle; margin-bottom:30px;}
.ft-gallery-image:nth-child(3n+3) { margin-right: 0;}
.ft-gallery-image{width: 31%;margin-right: 2%;margin-bottom: 2%;display: inline-block;float: left;}
.ft-gallery-image img {display: block;-webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out;
    -webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);width: 100%;  }
/*--------------------------------------inner-page-------------------------------*/
.inner-page{}
.inner-page .breadcrumb{background-color: #f7f7f7; border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.inner-page .breadcrumb h1{
    color: #222;
    font-weight:700;
    font-size: 22px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 0;
    line-height: 82px;
}
.qodef-breadcrumbs-inner{
    margin: 29px 0;
    float: right;
}
.qodef-breadcrumbs-inner span,.qodef-breadcrumbs-inner  a {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
}
/*--------------------------gallery------------------------------*/
.gallery{}
.gallery article .qodef-item-image-holder {  overflow: hidden; position: relative; }
.gallery article .qodef-item-image-holder .qodef-portfolio-shader {
    position: absolute;
    width: 100%;
    padding: 15% 0;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.94);
    left: 0;
    top: 5%;
    opacity: 0;
    z-index: 1;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
    transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.gallery article .qodef-item-image-holder a {
    display: block;
}
.gallery article .qodef-item-image-holder a img {
    vertical-align: top;
    height: auto;
    max-width: 100%;
}
.gallery article .qodef-item-icons-holder {
    position: absolute;
    width: 100%;
    top: auto;
    left: 0;
    bottom: 50%;
    height: auto;
    padding: 5%;
    opacity: 0; display:block;
    text-align: center;
    -webkit-transform: translateY(50%) scale(0);
    -ms-transform: translateY(50%) scale(0);
    transform: translateY(50%) scale(0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;
    transition: transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;
    box-sizing: border-box;
    z-index: 3;
}
/*.gallery article .qodef-item-icons-holder ul{*/
/*    text-align: center;*/
/*    float: left;*/
/*    margin: 0 25%;*/
/*}*/
/*.gallery article .qodef-item-icons-holder ul li{*/
/*    float: left;*/
/*    list-style: none;*/
/*}*/
.gallery article:hover .qodef-portfolio-shader {
    opacity: 1;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.gallery article .qodef-item-icons-holder a {
    display: inline-block;
    font-size: 16px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    padding: 3px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
    background-color: #337ab7a3;
    border: 1px solid #337ab7;
    margin: 0 3px 0 0;
    z-index: 3;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
.gallery article:hover .qodef-item-icons-holder {
    opacity: 1;

    transform: translateY(50%) scale(1.3);
}
/* .gallery article .qodef-item-icons-holder a:hover {*/
/*    -webkit-transform: rotate(-360deg);*/
/*    -ms-transform: rotate(-360deg);*/
/*    transform: rotate(-360deg);*/
/*}*/
.gallery article .qodef-item-title {
    line-height: 1.3em;
    font-weight: 600;
    color: #222;
    font-size: 19px;
    margin-bottom: 0;
}
.gallery article .qodef-ptf-category-holder {
    color: #1a588d;
    margin: 6px 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 17px;
}

/*------------------------mega menu----------------------*/
 
* {
  box-sizing: border-box;
}
a {
  color: #333;
}
.menu {
    width: 100%;
    display: flex;
}
.menu-container {
  margin: 0 auto;
  /* background: #e9e9e9; */
  display: flex;
  position: relative;
}
.menu a.logo {
    display: inline-block;
    width: 19%;
    float: left;
}
.menu img {
    max-width: 125%;
}
.menu-mobile {
  display: none;
  padding: 17px 0;
}
.menu-mobile:after {
  content: "\f0c9";
  font-family: 'FontAwesome';
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  transform: translate(-5% ,0);
}
.menu-dropdown-icon:before {
  content: "\f0d7";
  font-family: 'FontAwesome';
  display: none;
  cursor: pointer;
  float: right;
  padding: 0.7em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 32px 0;
  width: 100%;
  list-style: none;
  padding: 0;
  /* position: relative; */
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
  clear: right;
  justify-content: flex-end;
  display: flex;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  /* background: #e9e9e9; */
  padding: 0;
  margin-right: 5px;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 0px 19px;
  display: block;
  color: #727272;
  border-radius: 3px;
  font-size: 14px;
  line-height: 34px;
  font-weight: 600;
}
.menu > ul > li.active {
  background: #808080; border-radius:3px; height: 35px;
}
.menu > ul > li.active a{color:#fff;}
.menu > ul > li > ul {
   display: none;
  width: 100%;
  background: #fff;
  padding: 20px;
  position: absolute;
  z-index: 999;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow:0 3px 15px -6px #000;
      top: 80px;
}
 
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 20%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li a {
  color: #008ddf;
  padding: .2em 0;
  /* width: 95%; */
  display: block;
  /* border-bottom: 1px solid #ccc; */
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
}
.menu > ul > li > ul > li a:hover{
	color:#03a9f4;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0px 0;
  margin: 0;
  /* font-size: 12px; */
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
  font-size: 13px;
  color: #808080;
  line-height: 15px;
  text-transform: capitalize;
}
.menu > ul > li > ul > li > ul > li a:hover{  color: #484848;}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
  }
  .menu-container .menu{
	display:inline-block;
   }
  .menu-mobile {
    display: block;
    float: right;
    margin: 13px 20px 0;
    /* padding: 0; */
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: 1em;
    width: 100%;
    display: block;
    line-height: 15px;
    /* line-height: 2px; */
  }
  .menu > ul > li > ul {
    position: relative;
    padding: 0 20px 9px;
    box-shadow: none;
    background: #f2f2f2; top:0;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }
}

/*------------------------------------contact-box-------------------------*/
.contact-box{    position: relative;
    background-color: #fff;
    padding: 80px 0px 80px 0px;
    overflow: hidden; background:#fafafa !important;}
.background-shape.bs-right {
    left: 80%;
}
.background-shape {
    background: rgba(0, 0, 0, 0.02);
}
.background-shape {
    position: absolute;
    background: rgba(0, 52, 86, 0.03);
    height: 100%;
    width: 100%;
    content: '';
    top: 0;
    left: 50%;
    transform: skewX(33deg);
    transform-origin: left bottom;
}
.background-shape:before, .background-shape:after {
    background: rgba(0, 0, 0, 0.02);
}
.background-shape:before {
    left: 280px;
    background: rgba(235, 235, 235, 0.42) !important;
}
.background-shape:before, .background-shape:after {
    position: absolute;
    background: rgba(255, 255, 255, 0.03);
    height: 100%;
    width: 100%;
    content: '';
    top: 0;
}
.background-shape:after {
    left: 560px;
}
.readmore{ background:#337ab7; text-align:center;padding:15px; margin:15px auto; width:15%; }
.readmore a{color:#fff;}
.contact-box input{
    border-radius: 0;
    height: 40px;
}
.contact-box p{
    margin-bottom: 30px;


}
/*----------------------------------------------solutions-----------------------------------------------------*/
.solutions{}
.solutions .iocn{
    border-radius: 50%;
    width: 95px;
    height: 95px;
    background: #f1f1f1;
    text-align: center;
    margin:auto;
    line-height: 95px;
    font-size: 29px;
    margin-bottom: 13px;
    }
.solutions .nav > li > a:focus,.solutions .nav > li > a:hover{ background-color: transparent; border:0;}
.solutions .nav-tabs > li > a{border:0;color: #000;font-size: 16px;}
.solutions .nav-tabs > li{
    text-align: center;
    margin: 0 24px;
}
.solutions .nav-tabs > li.active > a{
    border: 0;
}
.solutions .nav-tabs > li.active .iocn{
    background: #5e5e5e;
    color: #fff;
}
.solutions .nav-tabs{border:0;margin-top: 35px;}
.solutions .tab-content{margin: 35px 0;text-align: left;}
.solutions .tab-content h3{text-align: left;
    margin: 0 0 20px 0;}

.solutions-top{text-align:center;margin: 50px 0;}
.solutions-top h2,.solutions h2{
    font-weight: 500;
}
 
.solutions-topbox{
    margin-top: 50px;
}
.solutions-topbox h3{
    font-weight: 500;
     padding-bottom: 19px;
 }
.solutions-topbox h3:before{
  position:absolute;
  content:"";
  height: 1px;
  top: 60px;
  width: 15%;
  margin: auto;
  left: 0;
  right: 0;
  background: #808080;
}
  .gridion-item {
      display: block !important;
  }
  .gridion-filter-holder {
      margin-bottom: 1rem;
      opacity: 1 !important;
  }
  .form-actions.form-wrapper {
      text-align: center;
      background: #337ab7;
      padding: 15px;
      margin: 82px auto;
      width: 15%;
  }
  .form-actions.form-wrapper a {
      color: white;
  }

  input#form-control {
      height: 40px;
  }
  input.wpcf7-form-control.wpcf7-submit.form-control {
      background: #337ab7;
      border: none;
      color: white;
      font-size: 22px;
  }
  .tab-pane.fade.in{opacity:1 !important;}

  .Partners-box-full{/* padding-top:50px; */}
  .Partners-box-full h2{text-align: center;padding-top: 37px;padding-bottom: 16px;font-size: 30px;margin-top: 4%;}
  .Partners-box{/* background-color:#f3f3f3; *//* padding: 48px 0; */}
  .holder{position: relative;
      padding: 17px;
     /* border: 1px solid #ccc;*/
      margin: 24px 44px;
      height: 131px;
      vertical-align: middle;}
  .holder img{ transition:transform .15s ease-out;width:100% !important;}
  .owl-carousel .owl-buttons .owl-next {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: -106px;
  }
  .owl-controls .owl-buttons .owl-prev{position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: -106px;}
  .owl-carousel .owl-buttons div{/* display:inline; */width: 66px;height:66px;border-radius:3px;/* background-color:#aaa; */}
  .contact-box textarea.form-control {
      height: 139px !important;
      font-size: 16px;
      font-weight: 600;
  }
  input.wpcf7-form-control.wpcf7-submit.readmore {
      width: 15%;
      margin: auto 42%;
      color: #fff;
      border: 0;
      font-family: Raleway,sans-serif;
      font-size: 14px;
      line-height: 23px;
      font-weight: 500;
      text-transform: capitalize;
      text-align: center;
  }

  input.wpcf7-form-control.wpcf7-submit.readmore {
      font-family: inherit;
      font-size: 27px;
  }

  html {
      scroll-behavior: smooth;
  }
  .box1 {
      background: white;
      height: 600px;
  }

  h2.txt {
      position: absolute;
      top: 10%;
      left: 12%;
      font-size: 27px;
      font-family: initial;
  }

  p.textc {
      text-align: center;
      font-weight: 600;
  }
  p.para {
      position: absolute;
      top: 23%;
      left: 11%;
      font-size: 17px;
      font-weight: 600;
  }
  ul.point {
      position: absolute;
      top: 34%;
      left: 15%;
      line-height: 37px;
      font-weight: 600;
  }
  h3.txt1 {
      position: absolute;
      top: 65%;
      left: 10%;
  }

  button.button-tab {
      position: absolute;
      top: 78%;
      left: 12%;
      width: 241px;
      height: 39px;
      border: none;
      background-color: turquoise;
      color: white;
      font-size: 22px;
  }


  /*----------------------------------------------------------------managed services----------------*/
  .box{text-align:left;background:#fff;box-shadow: 0 0 3px #ccc;padding:15px 13px 15px 18px; margin-top:10px;}
  .box .img{width: 70px;}
  .box .img img{ width:100%;}
  .box h3{text-align:left;font-weight: 300;font-size: 21px;margin: 15px 0;}
  .box ul{margin: 0 0 15px 15px;}
  .box ul li{font-size: 14px;line-height: 26px;}

  input.wpcf7-form-control.wpcf7-text.form-control {
      font-size: 16px;
      font-weight: 600;
  }

.contact-us{width:100%;padding:60px 0; }.contact-us .address h4{font-size:19px;line-height:1.4em;font-weight:600;color:#337ab7}.contact-us .address h6{font-size:20px}.contact-us .address{margin-left:30px}.contact-us .address ul{list-style:none}.contact-us .map{margin-top:30px}.contact-us .form-part .form-control {border-radius:0;margin-bottom:15px;height:49px;text-transform:capitalize}.contact-us .form-part h4{font-size:19px;line-height:1.4em;font-weight:600;color:#337ab7}.contact-us .form-part .check-box{display:flex;justify-content:flex-start;align-items:center}

  input.wpcf7-form-control.wpcf7-submit.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon {
      margin-top: 3%;
      width: 50%;
  }
select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form-control {
    height: 40px;
}
 h2.text {
    margin-top: 2%;
}
#as{ height:190px;}
#bs{width:100% !important;}
.carousel-indicators{
	width:auto!important;
}
.carousel-indicators li:after, .carousel-indicators li:before{
	width:12px!important;
	border-radius:100%!important;
}