@import url('//fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap');

/*
    font-family: 'Niramit', sans-serif;
    font-family: 'Saira', sans-serif;
*/

@import url('http://www.cityskycab.com/css/font-awesome.css');
@import url('http://www.cityskycab.com/css/flaticon.css');
@import url('http://www.cityskycab.com/css/animate.css');
@import url('http://www.cityskycab.com/css/owl.css');
@import url('http://www.cityskycab.com/css/jquery-ui.css');
@import url('http://www.cityskycab.com/css/custom-animate.css');
@import url('http://www.cityskycab.com/css/jquery.fancybox.min.css');
@import url('http://www.cityskycab.com/css/jquery.bootstrap-touchspin.css');
@import url('http://www.cityskycab.com/css/jquery.mCustomScrollbar.min.css');

/***

====================================================================
    Reset
====================================================================

 ***/

* {
    margin:0px;
    padding:0px;
    border:none;
    outline:none;
}

@font-face {
  font-family: "Conv_AGENCYR";
  src: url("http://www.cityskycab.com/fonts/AGENCYR.eot");
  src: url("http://www.cityskycab.com/fonts/AGENCYRd41d.eot#iefix") format("embedded-opentype"),
       url("http://www.cityskycab.com/fonts/AGENCYR.woff") format("woff"),
       url("http://www.cityskycab.com/fonts/AGENCYR.ttf") format("truetype"),
       url("http://www.cityskycab.com/fonts/AGENCYR.svg#AGENCYR") format("svg");
    font-weight: normal;
    font-style: normal;
}

/***

====================================================================
    Global Settings
====================================================================

 ***/

body {
    /* font-family: 'Saira', sans-serif; */
    font-size:14px;
    color:#777777;
    line-height:1.7em;
    font-weight:400;
    background:#ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: 'Rubik', sans-serif;
}

.bordered-layout .page-wrapper{
    padding:0px 50px 0px;
}

a{
    text-decoration:none;
    cursor:pointer;
    color:#ffb32f;
}

button{
    cursor:pointer;
    text-decoration:none;
    outline:none !important;
}

a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none !important;
}

h1,h2,h3,h4,h5,h6 {
    position:relative;
    font-weight:normal;
    margin:0px;
    background:none;
    line-height:1.6em;
    font-family: 'Saira', sans-serif;
    color: #222222;
    font-weight: 500;
}

/* Typography */

h1{
    font-size:84px;
}

h2{
    font-size:30px;
}

h3{
    font-size:30px;
}

h4{
    font-size:16px;
}

h5{
    font-size:20px;
}

h6{
    font-size:18px;
}

input,button,select,textarea{

}

textarea{
    overflow:hidden;
}

p{
    position:relative;
    line-height:1.8em;
    margin:0;
}

.auto-container{
    position:static;
    max-width:1200px;
    padding:0px 15px;
    margin:0 auto;
}

.medium-container{
    max-width:850px;
}

.page-wrapper{
    position:relative;
    margin:0 auto;
    width:100%;
    min-width:300px;
}

ul,li{
    list-style:none;
    padding:0px;
    margin:0px;
}

img{
    display:inline-block;
    max-width:100%;
}

.theme-btn{
    display:inline-block;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.centered{
    text-align:center;
}

/*List Style One*/

.list-style-one{
    position:relative;
}

.list-style-one li{
    position:relative;
    color:#eeeeee;
    font-size:15px;
    font-weight:400;
    margin-bottom:15px;
    padding-left:30px;
    line-height: 1.6em;
}

.list-style-one li:first-child .icon{
    font-size:14px;
}

.list-style-one li .icon{
    position:absolute;
    left:0px;
    top:0px;
    font-weight:400;
    color:#ffb32f;
    font-size:20px;
}

.list-style-one li a:hover{
    color:#ffb32f;
}

/* List Style Two */

.list-style-two{
    position:relative;
}

.list-style-two li{
    position:relative;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    margin-bottom:10px;
    padding-left:30px;
    line-height: 1.8em;
}

.list-style-two li:first-child .icon{
    font-size:14px;
}

.list-style-two li .icon{
    position:absolute;
    left:0px;
    top:0px;
    font-weight:400;
    color:#7844c3;
    font-size:16px;
}

.list-style-two li a{
    position:relative;
    color:#ffffff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.list-style-two li a:hover{
    color:#ffb32f;
}

/* List Style Three */

.list-style-three{
    position:relative;
}

.list-style-three li{
    position:relative;
    color:#2e2e2e;
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
    padding-left:38px;
    line-height: 1.8em;
}

.list-style-three li:first-child .icon{
    font-size:20px;
}

.list-style-three li .icon{
    position:absolute;
    left:0px;
    top:0px;
    font-weight:400;
    color:#422774;
    font-size:22px;
}

.list-style-three li a{
    position:relative;
    color:#2e2e2e;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.list-style-three li a:hover{
    color:#ffb32f;
}

/* List Style Four */

.list-style-four{
    position:relative;
}

.list-style-four li{
    position:relative;
    color:#ffffff;
    font-size:16px;
    font-weight:400;
    margin-bottom:15px;
    line-height: 1.8em;
}

.list-style-four li strong{
    position:relative;
    color:#18c5fe;
    font-size:18px;
    font-weight:600;
    padding-left:25px;
    display:block;
    margin-bottom:6px;
}

.list-style-four li:first-child .icon{
    font-size:14px;
}

.list-style-four li .icon{
    position:absolute;
    left:0px;
    top:0px;
    font-weight:400;
    color:#ffffff;
    font-size:16px;
}

.list-style-four li a{
    position:relative;
    color:#ffffff;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.list-style-four li a:hover{
    color:#18c5fe;
}

/* Btn Style One */

.btn-style-one{
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #222222;
    font-weight: 600;
    margin-left:7px;
    display: inline-block;
    padding: 15px 35px 15px;
    background-color:#efefef;
    text-transform: uppercase;
    border-radius:0px;

}

.btn-style-one:before{
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    left:10px;
    top:10px;
    z-index: -1;
    opacity: 1;
    opacity:0.10;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius:0px;
}

.btn-style-one:after{
    position: absolute;
    content:'';
    left:0px;
    bottom:4px;
    right:0px;
    height:4px;
    background-color:#222222;
}

.btn-style-one .txt{
    position:relative;
    z-index:1;
}

.btn-style-one:hover{
    color:#000000;
    background-color:#ffffff;
}

.btn-style-one:hover::before{
    opacity:1;
    background-color:#ffb32f;
}

/* Btn Style Two */

.btn-style-two{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #222222;
    font-weight: 700;
    margin-left:7px;
    border-radius:0px;
    letter-spacing:1px;
    display: inline-block;
    padding: 13px 40px 18px;
    background-color:#422774;
    text-transform: uppercase;
}

.btn-style-two:before{
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    left:10px;
    top:10px;
    z-index: -1;
    opacity: 1;
    opacity:0.10;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius:0px;
}

.btn-style-two:after{
    position: absolute;
    content:'';
    left:0px;
    bottom:4px;
    right:0px;
    height:4px;
    background-color:#222222;
}

.btn-style-two .txt{
    position:relative;
    z-index:1;
}

.btn-style-two:hover{
    color:#000000;
    background-color:#ffffff;
}

.btn-style-two:hover::before{
    opacity:1;
    background-color:#ffb32f;
}




/*== >padding (around) ======*/

.p-a0 {
    padding: 0;
}
.p-a5 {
    padding: 5px;
}
.p-a10 {
    padding: 10px;
}
.p-a15 {
    padding: 15px;
}
.p-a20 {
    padding: 20px;
}
.p-a25 {
    padding: 25px;
}
.p-a30 {
    padding: 30px;
}
.p-a40 {
    padding: 40px;
}
.p-a50 {
    padding: 50px;
}
.p-a60 {
    padding: 60px;
}
.p-a70 {
    padding: 70px;
}
.p-a80 {
    padding: 80px;
}
.p-a90 {
    padding: 90px;
}
.p-a100 {
    padding: 100px;
}
/*== >Padding (top) ==*/

.p-t0 {
    padding-top: 0;
}
.p-t5 {
    padding-top: 5px;
}
.p-t10 {
    padding-top: 10px;
}
.p-t15 {
    padding-top: 15px;
}
.p-t20 {
    padding-top: 20px;
}
.p-t30 {
    padding-top: 30px;
}
.p-t40 {
    padding-top: 40px;
}
.p-t50 {
    padding-top: 50px;
}
.p-t60 {
    padding-top: 60px;
}
.p-t70 {
    padding-top: 70px;
}
.p-t80 {
    padding-top: 80px;
}
.p-t90 {
    padding-top: 90px;
}
.p-t100 {
    padding-top: 100px;
}
/*== >Padding (bottom) ==*/

.p-b0 {
    padding-bottom: 0;
}
.p-b5 {
    padding-bottom: 5px;
}
.p-b10 {
    padding-bottom: 10px;
}
.p-b15 {
    padding-bottom: 15px;
}
.p-b20 {
    padding-bottom: 20px;
}
.p-b30 {
    padding-bottom: 30px;
}
.p-b40 {
    padding-bottom: 40px;
}
.p-b50 {
    padding-bottom: 50px;
}
.p-b60 {
    padding-bottom: 60px;
}
.p-b70 {
    padding-bottom: 70px;
}
.p-b80 {
    padding-bottom: 80px;
}
.p-b90 {
    padding-bottom: 90px;
}
.p-b100 {
    padding-bottom: 100px;
}
/*== >Padding (left) ==*/

.p-l0 {
    padding-left: 0;
}
.p-l5 {
    padding-left: 5px;
}
.p-l10 {
    padding-left: 10px;
}
.p-l15 {
    padding-left: 15px;
}
.p-l20 {
    padding-left: 20px;
}
.p-l30 {
    padding-left: 30px;
}
.p-l40 {
    padding-left: 40px;
}
.p-l50 {
    padding-left: 50px;
}
.p-l60 {
    padding-left: 60px;
}
.p-l70 {
    padding-left: 70px;
}
.p-l80 {
    padding-left: 80px;
}
.p-l90 {
    padding-left: 90px;
}
.p-l100 {
    padding-left: 100px;
}
/*== >Padding (right) ==*/

.p-r0 {
    padding-right: 0;
}
.p-r5 {
    padding-right: 5px;
}
.p-r10 {
    padding-right: 10px;
}
.p-r15 {
    padding-right: 15px;
}
.p-r20 {
    padding-right: 20px;
}
.p-r30 {
    padding-right: 30px;
}
.p-r40 {
    padding-right: 40px;
}
.p-r50 {
    padding-right: 50px;
}
.p-r60 {
    padding-right: 60px;
}
.p-r70 {
    padding-right: 70px;
}
.p-r80 {
    padding-right: 80px;
}
.p-r90 {
    padding-right: 90px;
}
.p-r100 {
    padding-right: 100px;
}
/*== >Padding (left right) ==*/

.p-lr0 {
    padding-left: 0;
    padding-right: 0;
}
.p-lr5 {
    padding-left: 5px;
    padding-right: 5px;
}
.p-lr10 {
    padding-left: 10px;
    padding-right: 10px;
}
.p-lr15 {
    padding-left: 15px;
    padding-right: 15px;
}
.p-lr20 {
    padding-left: 20px;
    padding-right: 20px;
}
.p-lr30 {
    padding-left: 30px;
    padding-right: 30px;
}
.p-lr40 {
    padding-left: 40px;
    padding-right: 40px;
}
.p-lr50 {
    padding-left: 50px;
    padding-right: 50px;
}
.p-lr60 {
    padding-left: 60px;
    padding-right: 60px;
}
.p-lr70 {
    padding-left: 70px;
    padding-right: 70px;
}
.p-lr80 {
    padding-left: 80px;
    padding-right: 80px;
}
.p-lr90 {
    padding-left: 90px;
    padding-right: 90px;
}
.p-lr100 {
    padding-left: 100px;
    padding-right: 100px;
}
/*== >Padding (top bottom) ==*/

.p-tb0 {
    padding-bottom: 0;
    padding-top: 0;
}
.p-tb5 {
    padding-bottom: 5px;
    padding-top: 5px;
}
.p-tb10 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.p-tb15 {
    padding-bottom: 15px;
    padding-top: 15px;
}
.p-tb20 {
    padding-bottom: 20px;
    padding-top: 20px;
}
.p-tb30 {
    padding-bottom: 30px;
    padding-top: 30px;
}
.p-tb40 {
    padding-bottom: 40px;
    padding-top: 40px;
}
.p-tb50 {
    padding-bottom: 50px;
    padding-top: 50px;
}
.p-tb60 {
    padding-bottom: 60px;
    padding-top: 60px;
}
.p-tb70 {
    padding-bottom: 70px;
    padding-top: 70px;
}
.p-tb80 {
    padding-bottom: 80px;
    padding-top: 80px;
}
.p-tb90 {
    padding-bottom: 90px;
    padding-top: 90px;
}
.p-tb100 {
    padding-bottom: 100px;
    padding-top: 100px;
}
/*== >margin (around) ======*/

.m-auto {
    margin: auto;
}
.m-a0 {
    margin: 0;
}
.m-a5 {
    margin: 5px;
}
.m-a10 {
    margin: 10px;
}
.m-a15 {
    margin: 15px;
}
.m-a20 {
    margin: 20px;
}
.m-a30 {
    margin: 30px;
}
.m-a40 {
    margin: 40px;
}
.m-a50 {
    margin: 50px;
}
.m-a60 {
    margin: 60px;
}
.m-a70 {
    margin: 70px;
}
.m-a80 {
    margin: 80px;
}
.m-a90 {
    margin: 90px;
}
.m-a100 {
    margin: 100px;
}
/*== >marging (top) ==*/

.m-t0 {
    margin-top: 0;
}
.m-t5 {
    margin-top: 5px;
}
.m-t10 {
    margin-top: 10px;
}
.m-t15 {
    margin-top: 15px;
}
.m-t20 {
    margin-top: 20px;
}
.m-t30 {
    margin-top: 30px;
}
.m-t40 {
    margin-top: 40px;
}
.m-t50 {
    margin-top: 50px;
}
.m-t60 {
    margin-top: 60px;
}
.m-t70 {
    margin-top: 70px;
}
.m-t80 {
    margin-top: 80px;
}
.m-t90 {
    margin-top: 90px;
}
.m-t100 {
    margin-top: 100px;
}
.m-t150 {
    margin-top: 150px;
}
/*== >marging (bottom) ==*/

.m-b0 {
    margin-bottom: 0;
}
.m-b5 {
    margin-bottom: 5px;
}
.m-b10 {
    margin-bottom: 10px;
}
.m-b15 {
    margin-bottom: 15px;
}
.m-b20 {
    margin-bottom: 20px;
}
.m-b30 {
    margin-bottom: 30px;
}
.m-b40 {
    margin-bottom: 40px;
}
.m-b50 {
    margin-bottom: 50px;
}
.m-b60 {
    margin-bottom: 60px;
}
.m-b70 {
    margin-bottom: 70px;
}
.m-b80 {
    margin-bottom: 80px;
}
.m-b90 {
    margin-bottom: 90px;
}
.m-b100 {
    margin-bottom: 100px;
}
/*== >marging (left) ==*/

.m-l0 {
    margin-left: 0;
}
.m-l5 {
    margin-left: 5px;
}
.m-l10 {
    margin-left: 10px;
}
.m-l15 {
    margin-left: 15px;
}
.m-l20 {
    margin-left: 20px;
}
.m-l30 {
    margin-left: 30px;
}
.m-l40 {
    margin-left: 40px;
}
.m-l50 {
    margin-left: 50px;
}
.m-l60 {
    margin-left: 60px;
}
.m-l70 {
    margin-left: 70px;
}
.m-l80 {
    margin-left: 80px;
}
.m-l90 {
    margin-left: 90px;
}
.m-l100 {
    margin-left: 100px;
}
/*== >marging (right) ==*/

.m-r0 {
    margin-right: 0;
}
.m-r5 {
    margin-right: 5px;
}
.m-r10 {
    margin-right: 10px;
}
.m-r15 {
    margin-right: 15px;
}
.m-r20 {
    margin-right: 20px;
}
.m-r30 {
    margin-right: 30px;
}
.m-r40 {
    margin-right: 40px;
}
.m-r50 {
    margin-right: 50px;
}
.m-r60 {
    margin-right: 60px;
}
.m-r70 {
    margin-right: 70px;
}
.m-r80 {
    margin-right: 80px;
}
.m-r90 {
    margin-right: 90px;
}
.m-r100 {
    margin-right: 100px;
}
/*== >marging (left right) ==*/

.m-lr0 {
    margin-left: 0;
    margin-right: 0;
}
.m-lr5 {
    margin-left: 5px;
    margin-right: 5px;
}
.m-lr10 {
    margin-left: 10px;
    margin-right: 10px;
}
.m-lr15 {
    margin-left: 15px;
    margin-right: 15px;
}
.m-lr20 {
    margin-left: 20px;
    margin-right: 20px;
}
.m-lr30 {
    margin-left: 30px;
    margin-right: 30px;
}
.m-lr40 {
    margin-left: 40px;
    margin-right: 40px;
}
.m-lr50 {
    margin-left: 50px;
    margin-right: 50px;
}
.m-lr60 {
    margin-left: 60px;
    margin-right: 60px;
}
.m-lr70 {
    margin-left: 70px;
    margin-right: 70px;
}
.m-lr80 {
    margin-left: 80px;
    margin-right: 80px;
}
.m-lr90 {
    margin-left: 90px;
    margin-right: 90px;
}
.m-lr100 {
    margin-left: 100px;
    margin-right: 100px;
}
/*== >marging (top bottom) ==*/

.m-tb0 {
    margin-bottom: 0;
    margin-top: 0;
}
.m-tb5 {
    margin-bottom: 5px;
    margin-top: 5px;
}
.m-tb10 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.m-tb15 {
    margin-bottom: 15px;
    margin-top: 15px;
}
.m-tb20 {
    margin-bottom: 20px;
    margin-top: 20px;
}
.m-tb30 {
    margin-bottom: 30px;
    margin-top: 30px;
}
.m-tb40 {
    margin-bottom: 40px;
    margin-top: 40px;
}
.m-tb50 {
    margin-bottom: 50px;
    margin-top: 50px;
}
.m-tb60 {
    margin-bottom: 60px;
    margin-top: 60px;
}
.m-tb70 {
    margin-bottom: 70px;
    margin-top: 70px;
}
.m-tb80 {
    margin-bottom: 80px;
    margin-top: 80px;
}
.m-tb90 {
    margin-bottom: 90px;
    margin-top: 90px;
}
.m-tb100 {
    margin-bottom: 100px;
    margin-top: 100px;
}
/* Btn Style Three */

.btn-style-three{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-left:7px;
    border-radius:0px;
    letter-spacing:1px;
    display: inline-block;
    padding: 13px 50px 18px;
    background-color:#222222;
    text-transform: uppercase;
}

.btn-style-three:before{
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    left:10px;
    top:10px;
    z-index: -1;
    opacity: 1;
    background-color: #d9d9d9;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius:0px;
}

.btn-style-three:after{
    position: absolute;
    content:'';
    left:0px;
    bottom:4px;
    right:0px;
    height:4px;
    background-color:#422774;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-three .txt{
    position:relative;
    z-index:1;
}

.btn-style-three:hover{
    color:#000000;
    background-color:#422774;
}

.btn-style-three:hover::before{

}

.btn-style-three:hover::after{
    background-color:#222222;
}

/* Btn Style Four */

.btn-style-four{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;
    margin-left:7px;
    border-radius:0px;
    letter-spacing:1px;
    display: inline-block;
    padding: 13px 50px 18px;
    background-color:#222222;
    text-transform: uppercase;
}

.btn-style-four:before{
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    left:10px;
    top:10px;
    z-index: -2;
    opacity: 1;
    opacity:0.15;
    background-color: #000000;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius:0px;
}

.btn-style-four:after{
    position: absolute;
    content:'';
    left:0px;
    bottom:4px;
    right:0px;
    height:4px;
    background-color:#422774;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-four .txt{
    position:relative;
    z-index:2;
}

.btn-style-four:hover{
    color:#000000;
    background-color:#ffffff;
}

.btn-style-four:hover::before{

}

.btn-style-four:hover::after{
    background-color:#111111;
}

/* Btn Style Five */

.btn-style-five{
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    border-radius:0px;
    display: inline-block;
    padding: 13px 40px 18px;
    background-color:#7844c3;
    text-transform: capitalize;
}

.btn-style-five:before{
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    left:10px;
    top:10px;
    z-index: -1;
    opacity: 1;
    background-color: #e8e8e8;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    border-radius:0px;
}

.btn-style-five:after{
    position: absolute;
    content:'';
    left:0px;
    bottom:5px;
    right:0px;
    height:3px;
    background-color:#222222;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-five:hover::after{
    background-color:#ffffff;
}

.btn-style-five .txt{
    position:relative;
    z-index:1;
}

.btn-style-five:hover{
    color:#ffffff;
    background-color:#222222;
}

.btn-style-five:hover::before{
    opacity:1;
    background-color:#422774;
}

/* Btn Style Six */

.btn-style-six{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    font-weight: 400;
    letter-spacing:1px;
    text-transform: uppercase;
}

.btn-style-six .txt{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    background-color:#ffb400;
    padding:15px 25px 15px 37px;
}

.btn-style-six:before{
    position: absolute;
    right: -17px;
    top: 0px;
    z-index:1;
    border-right: 18px solid transparent;
    border-bottom: 21px solid #ffb400;
    content: "";
}

.btn-style-six:after{
    position: absolute;
    content: '';
    right: -16px;
    top: 20px;
    z-index:1;
    bottom:0px;
    width:17px;
    background-color:#ffb400;
}

.btn-style-six:hover{
    color: #ffffff;
}

/* Btn Style Seven */

.btn-style-seven{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #1a232f;
    font-weight: 400;
    letter-spacing:1px;
    border:1px solid #1a232f;
    text-transform: uppercase;

}

.btn-style-seven .txt{
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #1a232f;
    z-index:1;
    background-color:#ffffff;
    padding:9px 30px 9px 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-seven:hover .txt{
    background-color:#cea158;
    color:#ffffff;
}

.btn-style-seven:before{
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
    z-index:1;
    bottom:-6px;
    right:6px;
    background-color:#1a232f;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-seven:hover::before{
    border:1px solid #cea158;
    background:none;
}

.btn-style-seven:hover{
    color: #ffffff;
    border-color:#cea158;
}

/* Btn Style Eight */

.btn-style-eight{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #1a232f;
    font-weight: 400;
    letter-spacing:1px;
    border:1px solid #1a232f;
    text-transform: uppercase;

}

.btn-style-eight .txt{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #1a232f;
    z-index:1;
    background-color:#ffffff;
    padding:9px 30px 9px 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-eight:hover .txt{
    background-color:#cea158;
    color:#ffffff;
}

.btn-style-eight:before{
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
    z-index:1;
    bottom:-6px;
    right:6px;
    background-color:#cea158;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-eight:hover::before{
    border:1px solid #cea158;
    background:none;
}

.btn-style-eight:hover{
    color: #ffffff;
    border-color:#cea158;
}

/* Btn Style Nine */

.btn-style-nine{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #1a232f;
    font-weight: 400;
    letter-spacing:1px;
    border:1px solid #1a232f;
    text-transform: uppercase;

}

.btn-style-nine .txt{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    z-index:1;
    background-color:#cea158;
    padding:9px 30px 9px 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-nine:hover .txt{
    background-color:#cea158;
    color:#ffffff;
}

.btn-style-nine:before{
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
    z-index:1;
    bottom:-6px;
    right:6px;
    background-color:#1a232f;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-nine:hover::before{
    border:1px solid #cea158;
    background:none;
}

.btn-style-nine:hover{
    color: #ffffff;
    border-color:#cea158;
}

/* Btn Style Ten */

.btn-style-ten{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #1a232f;
    font-weight: 400;
    letter-spacing:1px;
    border:1px solid #1a232f;
    text-transform: uppercase;

}

.btn-style-ten .txt{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #1a232f;
    z-index:1;
    background-color:#cea158;
    padding:9px 30px 9px 30px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-ten:hover .txt{
    background-color:#cea158;
    color:#ffffff;
}

.btn-style-ten:before{
    position: absolute;
    content: '';
    left: -6px;
    top: -6px;
    z-index:1;
    bottom:-6px;
    right:6px;
    background-color:#ffffff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.btn-style-ten:hover::before{
    border:1px solid #cea158;
    background:none;
}

.btn-style-ten:hover{
    color: #ffffff;
    border-color:#cea158;
}

/* Btn Style Eleven */

.btn-style-eleven{
    position:relative;
    font-size:18px;
    line-height:27px;
    color:#222222;
    font-weight:400;
    padding: 15px 41px 15px;
    background-color: #ffffff;
    overflow: hidden;
    text-transform: uppercase;
    transition: all 300ms linear;

}

.btn-style-eleven .txt{
    position: relative;
}

.btn-style-eleven:hover{
    color:#24262d;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    -o-box-shadow: 0 10px 30px rgba(0,0,0,0.10);
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.btn-style-eleven:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background-color: #ffb32f;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-eleven:hover:before{
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
}

/* Social Icon One */

.social-icon-one{
    position: relative;
}

.social-icon-one li{
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #5a5a5a;
    margin:0px 10px;
}

.social-icon-one li:last-child{
    margin-right: 0;
}

.social-icon-one li a{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.social-icon-one li a:hover{
    color: #422774;
}

.theme_color{
    color:#ffb32f;
}
/*
.preloader{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:999999;
    background-color:#ffffff;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:110px;
} */

img{
    display:inline-block;
    max-width:100%;
    height:auto;
}

/***

====================================================================
    Scroll To Top style
====================================================================

***/

.scroll-to-top{
    position:fixed;
    bottom:15px;
    right:15px;
    width:40px;
    height:40px;
    color:#ffffff;
    font-size:13px;
    text-transform:uppercase;
    line-height:38px;
    text-align:center;
    z-index:100;
    cursor:pointer;
    background:#0a0a0a;
    display:none;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.scroll-to-top:hover{
    color:#ffffff;
    background:#ffb32f;
}

/***

====================================================================
    Section Title
====================================================================

***/

.sec-title{
    position:relative;
    margin-bottom:40px;
}

.sec-title h2{
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: -50px;
    text-transform: capitalize;
    font-size: 34px;
}

.sec-title h2 span{
    color:#422774;
}

.sec-title .h2{
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: -50px;
    text-transform: capitalize;
    font-size: 34px;
}

.sec-title .h2 .text-green{
    color:#422774;
}

.sec-title .h2 .text-blue{
    color:#08769a !important;
}

.sec-title .h2{
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: -50px;
    text-transform: capitalize;
    font-size: 34px;
}

.sec-title .h2 span{
    color:#422774;
}

.sec-title .h2{
    position: relative;
    color: #000000;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: -50px;
    text-transform: capitalize;
    font-size: 30px;
    font-family: 'Saira', sans-serif;
}

.sec-title .h2 span{
    color:#422774;
}
.sec-title .text{
    position: relative;
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height:1.6em;
    margin-top:20px;
}

.sec-title.light h2{
    color:#ffffff;
}

.sec-title.light .text{
    color:#bbbbbb;
}

.sec-title.centered{
    text-align:center !important;
}

/***

====================================================================
    Main Header style
====================================================================

***/

.main-header{
    position:absolute;
    z-index:10;
    width:100%;
}

.main-header .header-top{
    position:relative;
}

/* Header Top */

.main-header .header-top .top-left{
    position:relative;
    float:left;
    padding:9px 0px;
}

.main-header .header-top .top-left .text{
    position:relative;
    color:#ffffff;
    font-size:14px;
    text-transform:capitalize;
}

/* End Header Top */

.main-header .header-top .top-right{
    position:relative;
    text-align:right;
    padding:10px 0px 10px;
}

.main-header .header-top .top-right .timing{
    position:relative;
    float:left;
    color:#ffffff;
    font-size:14px;
    font-weight:400;
    padding-right:22px;
    border-right:1px solid rgba(255,255,255,0.50);
}

.main-header .header-top .top-right .phone{
    position:relative;
    color:#ffffff;
    float:left;
    font-size:14px;
    font-weight:400;
    margin-left:25px;
    text-transform:capitalize;
}

.main-header .header-top .top-right .phone a{
    position:relative;
    color:#ffffff;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .header-top .top-right .phone a:hover{
    color:#ffb32f;
}

/* Header Top Two */

.header-top-two{
    position:relative;
    background-color:#222222;
}

.header-top-two .top-left{
    position:relative;
    padding:12px 0px;
}

.header-top-two .top-left .info-list{
    position:relative;
}

.header-top-two .top-left .info-list li{
    position:relative;
    color:#ffffff;
    font-size:14px;
    margin-right:15px;
    /* padding-left:28px; */
    padding-right:15px;
    display:inline-block;
    border-right:1px solid rgba(255,255,255,0.50);
}

.header-top-two .top-left .info-list li:last-child{
    border-right:0px;
    padding-right:0px;
    margin-right:0px;
}

.header-top-two .top-left .info-list li .icon{
    /* position:absolute; */
    left:0px;
    top:0px;
    font-size:15px;
    color:#422774;
    margin-right:10px;
    position:relative;
}

.header-top-two .top-left .info-list li a{
    position:relative;
    color:#ffffff;
    /* text-transform:capitalize; */
    -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-top-two .top-left .info-list li a:hover{
    color:#422774;
}

.header-top-two .top-right{
    position:relative;
    padding:10px 0px;
}

.header-top-two .top-right .social-box{
    position:relative;
}

.header-top-two .top-right .social-box li{
    position:relative;
    margin-left:0px;
    display:inline-block;
}

.header-top-two .top-right .social-box li a{
    position:relative;
    color:#ffffff;
    font-size:17px;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
    margin: 0 10px;
}

.header-top-two .top-right .social-box li a:hover{
    color:#422774;
}

/* Main Header */

.main-header .main-box{
    position:relative;
    padding:0px 0px;
    left:0px;
    top:0px;
    width:100%;
    background:none;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .main-box .outer-container{
    position:relative;
    padding:0px 40px;
}

.main-header .main-box .logo-box{
    position:relative;
    float:left;
    left:0px;
    z-index:10;
    padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
    display:inline-block;
    max-width:100%;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .nav-toggler{
    position:absolute;
    top:50%;
    margin-top:0px;
    display: block;
}

.main-header .nav-toggler button{
    position:relative;
    display:block;
    color:#444444;
    text-align:center;
    font-size:24px;
    line-height:34px;
    font-weight:normal;
    background:none;
}

.main-header .header-upper{
    position:relative;
}

.main-header .header-upper .inner-container{
    position:relative;
}

.main-header .header-upper .upper-right{
    position:relative;
    padding-top:40px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-header .nav-outer{
    position:relative;
    padding-right:30px;
    margin-right:200px;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .nav-outer:before{
    position:absolute;
    content:'';
    right:0px;
    top:0px;
    width:200%;
    height:100%;
    background-color:#ffb32f;
}

.main-header .header-lower{
    position:relative;
}

.main-header .header-upper .logo-box{
    position:relative;
    z-index:1;
    padding:10px 0px 10px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-header .info-box{
    position:relative;
    float:left;
    z-index:1;
    min-height:56px;
    margin-left:50px;
    font-size:15px;
    color:#777777;
    text-align:left;
    padding:0px 0px 20px 65px;
}

.main-header .info-box:last-child{
    padding-left:0px;
    float:right;
    margin-right:0px;
}

.main-header .info-box .icon-box{
    position:absolute;
    left:0px;
    top:0px;
    color:#422774;
    font-size:46px;
    line-height:1em;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .info-box > ul > li{
    position:relative;
    line-height:20px;
    color:#ffffff;
    font-size:16px;
    margin-top:0px;
    font-weight:400;
    text-transform:capitalize;
}

.main-header .info-box strong{
    position:relative;
    font-weight:600;
    color:#ffffff;
    font-size:18px;
    display:block;
    margin-bottom:6px;
    text-transform:uppercase;
}

.main-header .info-box:nth-child(3){
    padding-left:0px;
}

.main-header .info-box .social-box{
    position:relative;
    padding-top:6px;
}

.main-header .info-box .social-box li{
    position:relative;
    margin-left:5px;
    display:inline-block;
}

.main-header .info-box .social-box li a{
    position:relative;
    width:40px;
    height:40px;
    color:#ffffff;
    line-height:40px;
    text-align:center;
    display:inline-block;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-header .info-box .social-box li a:hover{
    background-color:#422774;
}

.main-header .info-box .mobile-nav-toggler{
    position:relative;
    width:50px;
    height:50px;
    color:#ffffff;
    display:block;
    font-size:22px;
    font-weight:600;
    text-align:center;
    line-height:50px;
    background-color:#422774;
}

.main-header.fixed-header .header-upper{
    position:fixed;
    left:0px;
    top:0px;
    right:0px;
    background-color:#ffb32f;
}

.main-header.fixed-header .nav-outer{
    padding-right:0px;
}

.main-menu{
    position:static;
    float:left;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.main-menu .navbar-collapse{
    padding:0px;
}

.main-menu .navigation{
    position:static;
    margin:0px;
}

.main-menu .navigation > li{
    position:relative;
    float:left;
    margin-right:20px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li:last-child{
    margin-right:0px;
}

.main-menu .navigation > li:last-child::after{
    display:none;
}

.main-menu .navigation > li:before{
    position:absolute;
    content:'';
    left:50%;
    bottom:15px;
    width:22px;
    /* height:8px; */
    height: 22px;
    opacity:0;
    margin-left:-10px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background:url(http://www.cityskycab.com/images/menu-2.png) no-repeat;
}

.main-menu .navigation > li:hover::before,
.main-menu .navigation > li.current::before{
    opacity:1;
    width:100%;
    z-index:1;
}

.sticky-header .main-menu .navigation > li > a{
    padding:20px 0px !important;
    color:#444444 !important;
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
    color:#ffb32f;
    background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
    margin-top:26px;
}

.main-header .header-upper .outer-button-box{
    position:absolute;
    right:-192px;
    top:10px;
}

.cart-product{
    position:relative;
    margin-bottom:24px;
    min-height:90px;
    border-bottom:1px solid #e4e4e4;
}

.cart-product .inner{
    position:relative;
    padding-left:90px;
    min-height:70px;
}

.cart-product .inner .cross-icon{
    position:absolute;
    right:0px;
    top:-2px;
    z-index:1;
    color:#263120;
    font-size:16px;
    cursor:pointer;
}

.cart-product .inner .image{
    position:absolute;
    width:70px;
    height:70px;
    left:0px;
    top:0px;
}

.cart-product .inner h3{
    position:relative;
    font-weight:600;
    font-size:15px;
    margin:0px;
    text-transform:uppercase;
}

.cart-product .inner h3 a{
    color:#222222;
}

.cart-product .inner .quantity-text{
    position:relative;
    font-weight:300;
    color:#222222;
    line-height:1em;
    margin-top:6px;
}

.cart-product .inner .price{
    position:relative;
    font-weight:600;
    font-size:16px;
    margin:0px;
    color:#222222;
    line-height:1em;
    margin-top:6px;
}

/*Sticky Header*/

.sticky-header{
    position:fixed;
    opacity:0;
    visibility:hidden;
    left:0px;
    top:0px;
    width:100%;
    padding:0px 0px;
    background:#ffffff;
    z-index:0;
    border-bottom:1px solid #e6e6e6;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.sticky-header .logo{
    padding:9px 0px 9px;
}

.fixed-header .sticky-header{
    z-index:999999;
    opacity:1;
    visibility:visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-menu .navigation > li > a{
    position:relative;
    display:block;
    color:#ffffff;
    text-align:center;
    line-height:30px;
    opacity:1;
    font-weight:600;
    padding:25px 0px;
    font-size:14px;
    letter-spacing:0px;
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li.dropdown > a{

}

.sticky-header .main-menu .navigation > li{
    position:relative;
    margin-left:30px;
    margin-right:0px !important;
}

.sticky-header .main-menu .navigation > li.dropdown > a:before{
    display:none;
}

.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
    display:none;
}

.main-menu .navigation > li.current > a{
    opacity:1;
    color:#e23133 !important;
}
.main-menu .navigation > li:hover > a{
    opacity:1;
    color:#e23133 !important;
}

.main-menu .navigation > li > ul{
    position:absolute;
    left:0px;
    top:120%;
    width:300px;
    padding:0px;
    z-index:100;
    display:none;
    background:#ffffff;
    border-top:3px solid #ffb32f;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
    left:auto;
    right:0px;
}

.main-menu .navigation > li > ul > li{
    position:relative;
    width:100%;
    border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
    position:relative;
    display:block;
    padding:10px 15px;
    line-height:24px;
    font-weight:600;
    font-size:14px;
    color:#2a2a2a;
    text-transform:uppercase;
    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-left: 40px;
}
.main-menu .navigation > li > ul > li > a::before{
    position:absolute;
    content:'';
    left:15px;
    bottom:15px;
    width:50px;
    /* height:8px; */
    height: 22px;
    opacity:1;
    margin-left:-14px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background:url(http://www.cityskycab.com/images/menu-2.png) no-repeat;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:before{
    position:absolute;
    content:'';
    left:15px;
    bottom:15px;
    width:22px;
    /* height:8px; */
    height: 22px;
    opacity:1;
    margin-left:-10px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background:url(http://www.cityskycab.com/images/menu-2.png) no-repeat;
}

.main-menu .navigation > li > ul > li:hover > a{
    color:#ffffff;
    background:#e23133;
    padding-left: 40px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
    font-family: 'FontAwesome';
    content: "\f105";
    position:absolute;
    right:10px;
    top:10px;
    width:10px;
    height:20px;
    display:block;
    color:#253d4a;
    line-height:20px;
    font-size:16px;
    font-weight:normal;
    text-align:center;
    z-index:5;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
    color:#ffffff;
}

.main-menu .navigation > li > ul > li > ul{
    position:absolute;
    left:100%;
    top:20px;
    width:250px;
    padding:0px;
    z-index:100;
    display:none;
    background:#ffffff;
    border-top:3px solid #ffb32f;
    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
    left:auto;
    right:0px;
}

.main-menu .navigation > li > ul > li > ul > li{
    position:relative;
    width:100%;
    border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
    border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
    padding:10px 15px;
    line-height:24px;
    font-weight:600;
    font-size:14px;
    color:#2a2a2a;
    display:block;
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
    color:#ffffff;
    background:#2c2c2c;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
    font-family: 'FontAwesome';
    content: "\f105";
    position:absolute;
    right:10px;
    top:11px;
    width:10px;
    height:20px;
    display:block;
    color:#272727;
    line-height:20px;
    font-size:16px;
    font-weight:normal;
    text-align:center;
    z-index:5;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
    color:#ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul{
    visibility:visible;
    opacity:1;
    top:100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
    visibility:visible;
    opacity:1;
    top:0;
    transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
    position:absolute;
    right:10px;
    top:6px;
    width:30px;
    height:30px;
    text-align:center;
    color:#ffffff;
    line-height:28px;
    border:1px solid #ffffff;
    background-size:20px;
    cursor:pointer;
    z-index:5;
    display:none;
}

.main-header .options-box{
    position:relative;
    float:right;
    margin-top:20px;
    margin-left:15px;
}

/* Grid Box */

.main-header .options-box .grid-box{
    position:relative;
    float:left;
    width:40px;
    height:40px;
    display:block;
    font-size:22px;
    color:#ffffff;
    padding:0px;
    margin:0px;
    cursor:pointer;
    text-align:center;
    line-height:38px;
    background:#222222;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-header .options-box .grid-box .icon{
    position:relative;
    color:#ffffff;
}

.main-header .options-box .cart-box{
    position:relative;
    float:left;
    width:40px;
    height:40px;
    display:block;
    font-size:20px;
    color:#422774;
    padding:0px;
    margin:0px;
    text-align:center;
    line-height:40px;
    background:none;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-header .options-box .cart-box button{
    background:none;
    color:#422774;
}

.main-header .options-box .cart-box button .total{
    position:absolute;
    right:-3px;
    top:-3px;
    width:20px;
    height:20px;
    color:#000000;
    font-size:12px;
    font-weight:700;
    line-height:20px;
    text-align:center;
    font-style:normal;
}

.main-header .options-box .cart-box button:after{
    display:none;
}

.main-header .options-box .cart-box .icon{
    position:relative;
    color:#000000;
}

.main-header .options-box .btn-box{
    position:relative;
    float:left;
    z-index:10;
    margin-left:10px;
    margin-top:-13px;
}

.search-box-outer{
    position: relative;
    float:left;
    margin-right:10px;
}

.main-header .search-box-btn{
    position:relative;
    float:left;
    width:40px;
    height:40px;
    display:block;
    font-size:16px;
    color:#222222;
    padding:0px;
    margin:0px;
    line-height:40px;
    cursor:pointer;
    background:none;
    text-align:center;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-header .search-box-btn:after{
    display:none;
}

.main-header .search-box-outer .dropdown-menu{
    top:58px !important;
    right:0px;
    padding:0px;
    width:280px;
    left: auto !important;
    border-radius:0px;
    border-top:3px solid #222222;
    transform: translate3d(0px, 0px, 0px) !important;
}

.sticky-header .search-box-outer .dropdown-menu{
    top:40px;
}

.main-header .search-box-outer .dropdown-menu > li{
    padding:0px;
    border:none;
    background:none;
}

.main-header .search-panel .form-container{
    padding:25px 20px;
}

.main-header .search-panel .form-group{
    position:relative;
    margin:0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
    display:block;
    width:100%;
    color:#000000;
    line-height:24px;
    font-size:14px;
    padding:7px 40px 7px 15px;
    height:40px;
    border:1px solid #e0e0e0;
    background:#ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
    border-color:#ffb32f;
}

.main-header .search-panel .search-btn{
    position:absolute;
    right:0px;
    top:0px;
    width:40px;
    height:40px;
    text-align:center;
    color:#000000;
    font-size:12px;
    background:#ffb32f;
    cursor:pointer;
}

.main-header.header-style-two{
    position:relative;
}

.main-header.header-style-two .nav-outer:before{
     display:none;

}

.main-header.header-style-two .header-upper .logo-box{
    /* padding:20px 0px 20px; */
    padding-right:10px;
    border-right:1px solid #cccccc;
}

.main-header.header-style-two .nav-outer{
    margin-right:0px;
    padding-right:0px;
}

.main-header.header-style-two .main-menu .navigation > li{
    margin-right:25px;
}

.main-header.header-style-two .main-menu .navigation > li:last-child{
    margin-right:0px;
}

.main-header.header-style-two .main-menu .navigation > li > a{
    color:#222222;
    font-size:15px;
    padding:35px 0px;
}

.main-header.header-style-two .main-menu .navigation > li:before{
    /* bottom:20px; */
    bottom:15px;
}

.main-header.header-style-two .options-box{
    /* margin-top:22px; */
    padding-top:10px;
}

.main-header.header-style-two .nav-outer .main-menu{
    padding-right:20px;
    border-right:1px solid #cccccc;
}

.main-header.header-style-two.fixed-header .header-upper{
    background-color:#ffffff;
    border-bottom:1px solid rgba(0,0,0,0.10);
}

/* Header Style Three */

.main-header.header-style-three{
    position:relative;
    background-color:#222222;
}

.main-header.header-style-three .header-upper .logo-box{
    padding:30px 0px 30px;
}

.main-header.header-style-three .header-lower{
    display:none;
}

.header-style-three.fixed-header .header-upper{
    background-color:#222222 !important;
}

.header-style-three.fixed-header .header-upper .upper-right{
    padding-top:20px;
}

.header-style-three.fixed-header .header-upper .logo-box{
    padding:10px 0px 10px;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu{
    position:static;
}

.main-menu .navigation > li.has-mega-menu:before,
.main-menu .navigation > li.has-mega-menu:after{
/*  display:none; */
}

.main-menu .navigation > li.has-mega-menu::before {
  left: 24%;
}

.main-menu .navigation > li > .mega-menu{
    position:absolute;
    left:0px;
    right: 0;
    margin: auto;
    width:75%;
    max-width: 1170px;
    background-color: #ffffff;
    /* padding: 45px 40px 30px 45px; */
    padding: 5px 0px 0px 5px;
    top: 100%;
    z-index:100;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
    box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li:hover > .mega-menu{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar{
    position: relative;
}

.main-menu .navigation > li .mega-menu-bar h3{
    position:relative;
    color:#020e28;
    font-size:20px;
    font-weight:500;
    padding-bottom:10px;
    border-bottom:1px solid #f2f2f2;
}

.main-menu .navigation > li .mega-menu-bar > ul{
    position:relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li{
    position:relative;
    width:100%;
    border-bottom:1px solid #f2f2f2;
    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;
}

.main-menu .navigation > li .mega-menu-bar .column{
    position:relative;
    margin-bottom:10px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child{
    border:none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a{
    position:relative;
    display:block;
    padding:4px 20px;
    line-height:20px;
    font-weight:400;
    font-size:15px;
    color:#222222;
    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-left: 35px;
    line-height: 28px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:before{
    list-style: disc;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover{
    color: #fffdfd;
    background: #7b48c1;
    padding-left: 35px;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a > img{
    margin-right:10px;
    border:2px double #757575;
}



/***

====================================================================
    Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler{
    position: relative;
    float: right;
    font-size: 40px;
    /* line-height: 50px; */
    cursor: pointer;
    color:#ffffff;
    display: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.mobile-menu{
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right:30px;
    max-width:100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
}

.mobile-menu .nav-logo{
    position:relative;
    padding:20px 20px;
    text-align:left;
}

.mobile-menu .nav-logo img{
    max-width:200px;
}

.mobile-menu-visible{
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop{
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,0.90);
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
    opacity: 1;
    visibility: visible;
    -webkit-transition:all 0.7s ease;
    -moz-transition:all 0.7s ease;
    -ms-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    transition:all 0.7s ease;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .menu-box{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #ffffff;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
    opacity: 1;
    visibility: visible;
    -webkit-transition:all 0.7s ease 500ms;
    -moz-transition:all 0.7s ease 500ms;
    -ms-transition:all 0.7s ease 500ms;
    -o-transition:all 0.7s ease 500ms;
    transition:all 0.7s ease 500ms;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.mobile-menu .close-btn{
    position: absolute;
    right: 10px;
    top: 34px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 20px;
    color: #000000;
    cursor: pointer;
    z-index: 10;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
    opacity: 0.50;
}

.mobile-menu .navigation{
    position: relative;
    display: block;
    width:100%;
    border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
    border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
    border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 15px;
    font-size: 15px;
    color: #111111;
    /* font-weight:600; */
    /* text-transform: uppercase; */
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
    color:#294148;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
    position:absolute;
    right:0px;
    top:0px;
    width:100%;
    height:50px;
    text-align:center;
    font-size:16px;
    line-height:52px;
    color:#404040;
    cursor:pointer;
    z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span{
    position:absolute;
    right:0px;
    top:3px;
    height:44px;
    width:50px;
    line-height:44px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn span:after{
    content:'';
    position:absolute;
    left:0px;
    top:10px;
    width:1px;
    height:24px;
    border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
    display: none;
}

/***

====================================================================
    Main Slider Banner
====================================================================

***/

.main-slider{
    position:relative;
    overflow:hidden;
}

.main-slider .pattern-layer{
    position:absolute;
    left:0px;
    bottom:0px;
    width:476px;
    height:791px;
    z-index:2;
}

.main-slider .auto-container{
    position:relative;
}

.main-slider .slide{
    position:relative;
    text-align:right;
    background-size:cover;
    padding:350px 0px 300px;
    background-repeat:no-repeat;
    background-position:center center;
}

.main-slider .title{
    position:relative;
    color:#422774;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    text-transform: capitalize;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider .active .title{
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.main-slider h1{
    position:relative;
    color:#ffffff;
    font-weight:700;
    line-height:1em;
    margin-bottom:50px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider .active h1{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1000ms;
}

.main-slider .text{
    position:relative;
    color:#eeeeee;
    font-size:16px;
    opacity:0;
    transform: scaleY(0);
    transform-origin: top;
    line-height: 1.9em;
    font-weight:400;
    margin-bottom:42px !important;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider .text.alternate{
    color:#1f1f1f;
}

.main-slider .active .text{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1500ms;
}

.main-slider .link-box{
    opacity:0;
    transform: scaleY(0);
    transform-origin: top;
    display:inline-block;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider .active .link-box{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 2000ms;
}

.main-slider .link-box .theme-btn{
    margin-right:20px;
    float:left;
}

.main-slider .owl-dots{
    display:none;
}

.main-slider .owl-nav{
    position:absolute;
    left:0px;
    top:50%;
    z-index:1;
    width:100%;
    margin-top:-10px;
}

.main-slider .owl-nav .owl-prev{
    position:absolute;
    left:20px;
    width:50px;
    height:50px;
    color:#ffffff;
    line-height:48px;
    font-size:20px;
    text-align:center;
    border-radius:50px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:rgba(255,255,255,0.20);
}

.main-slider .owl-nav .owl-next{
    position:absolute;
    right:20px;
    width:50px;
    height:50px;
    color:#ffffff;
    line-height:48px;
    font-size:20px;
    text-align:center;
    border-radius:50px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:rgba(255,255,255,0.20);
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
    color:#ffffff;
    background-color:#422774;
}

.main-slider .mouse-btn-down{
    position:absolute;
    left:50%;
    margin-left:-20px;
    bottom:60px;
    width:30px;
    height:68px;
    cursor:pointer;
    display:block;
    z-index:5;
    color:#fda700;
    font-size:30px;
}

.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.main-slider .slider-social-nav{
    position:absolute;
    right:50px;
    top:40px;
    z-index:2;
    transform:rotate(-90deg);
    transform-origin: 95% 0%;
}

.main-slider .slider-social-nav li{
    position:relative;
    margin-right:30px;
    display:inline-block;
}

.main-slider .slider-social-nav li a{
    position:relative;
    color:#ffffff;
    font-size:14px;
    text-transform:uppercase;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.main-slider .slider-social-nav li a:hover{
    color:#ffb32f;
}

/* Sidebar Info Contents */

.sidebar-info-contents{
    position:relative;
}

.sidebar-info-contents .content-inner{
    position:relative;
}

.sidebar-info-contents .content-inner .logo {
    padding:0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img{
    display:inline-block;
    max-width:100%;
}

.sidebar-info-contents .content-inner .content-box{
    position:relative;
}

.sidebar-info-contents .content-inner .content-box h2{
    position:relative;
    font-size:20px;
    color:#ffffff;
    font-weight:500;
    margin-bottom:20px;
}

.sidebar-info-contents .content-inner .content-box .text{
    position:relative;
    font-size:14px;
    color:rgba(255,255,255,0.90);
    margin-bottom:25px;
}

.sidebar-info-contents .content-inner .contact-info{
    position:relative;
    margin-top:60px;
}

.sidebar-info-contents .content-inner .contact-info h2{
    position:relative;
    font-size:20px;
    color:#ffffff;
    font-weight:500;
    margin-bottom:20px;
}

.sidebar-info-contents .content-inner .social-box{
    position:relative;
    margin-top:20px;
    margin-bottom:30px;
}

.sidebar-info-contents .content-inner .social-box li{
    position:relative;
    display:inline-block;
    margin-right:6px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a{
    position:relative;
    width:36px;
    height:36px;
    color:#222222;
    z-index:1;
    font-size:13px;
    line-height:36px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    background-color:#ffffff;
}

.close-side-widget,
.close-side-widget:hover{
    color:#ffffff;
    font-size:24px;
}

/* Cart Panel */

.main-header .options-box .cart-box .cart-panel{
    left: auto !important;
    right: 0px !important;
    border-radius:0px;
    padding:20px 20px;
    min-width:300px;
    margin-top:80px;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.15);
    border:3px solid #ffb32f;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .options-box .cart-box .cart-panel .cart-total{
    color:#000000;
    font-size:15px;
    font-weight:400;
    text-align:center;
    line-height:1em;
    margin-top:6px;
    text-transform:capitalize;
}

.main-header .options-box .cart-box .cart-panel .cart-total span{
    font-weight:800;
    font-size:18px;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed{
    position:relative;
    text-align:center;
    margin-top:15px;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li{
    position:relative;
    margin:0px 5px;
    display:inline-block;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li a{
    position:relative;
    color:#ffffff;
    font-weight:500;
    font-size:12px;
    line-height:1.9em;
    padding:8px 20px 8px;
    border-radius: 2px;
    display:inline-block;
    background-color:#ffb32f;
    border:1px solid #ffb32f;
    text-transform:uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header .options-box .cart-box .cart-panel .btns-boxed li a:hover{
    color:#ffb32f;
    background:none;
}

.main-header .options-box .cart-box .icon a{
    color:#999999;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
    width:100%;
    font-size:18px;
    font-style:normal;
    height:60px;
    padding:10px 20px 10px 20px;
    line-height:40px;
    color:#777777;
    border: none;
    border-radius:0px;
    background:#eeeeee;
}

.form-group .ui-button .ui-icon{
    background:none;
    position:relative;
    top:6px;
    text-indent:0px;
    color:#333333;
}

.form-group .ui-button .ui-icon:before{
    font-family: 'FontAwesome';
    content: "\f107";
    position:absolute;
    right:0px;
    top:2px !important;
    top:13px;
    width:10px;
    height:20px;
    display:block;
    color:#999999;
    line-height:20px;
    font-size:16px;
    font-weight:normal;
    text-align:center;
    z-index:5;
    font-weight:800;
}

.ui-widget.ui-widget-content{

}

.ui-menu .ui-menu-item{
    font-size:14px;
}

.ui-menu .ui-menu-item:last-child{
    border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active{
    background:#ffb32f;
    border-color:#ffb32f;
}

.ui-menu .ui-menu-item-wrapper{
    position:relative;
    display:block;
    padding:8px 20px;
    font-size:14px;
    line-height:24px;
}

.ui-menu-item:hover{
    background-color:#ffb32f;
}

/***

====================================================================
    Solution Section
====================================================================

***/

.solution-section{
    position:relative;
    padding:110px 0px 120px;
    background-color:#222222;
}

.solution-section .pattern-layer{
    position:absolute;
    right:0px;
    bottom:0px;
    width:100%;
    height:605px;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.solution-section .owl-nav{
    display:none;
}

.solution-section .owl-dots{
    position:relative;
    text-align:center;
    margin-top:20px;
}

.solution-section .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-section .owl-dots .owl-dot.active,
.solution-section .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#422774;
}

.solution-block{
    position:relative;
    margin-bottom:30px;
}

.solution-block .inner-box{
    position:relative;
    overflow:hidden;
    text-align:center;
    padding:40px 30px 40px 30px;

    background-size: contain;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:30%;
    height:100%;
    opacity:0;
    background-color:#ffffff;
    border: 2px solid black;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.solution-block .inner-box:hover::before{
    width:100%;
    opacity:1;
}

.solution-block .inner-box .icon-box{
    position:relative;
    font-size:70px;
    color:#422774;
    line-height:1em;
    margin-bottom:25px;
    display:inline-block;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover .icon-box{
    color:#2a2a2a;
    -webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.solution-block .inner-box h3{
    position:relative;
    line-height:1.3em;
    font-weight:700;
    font-size:24px;
    text-transform:uppercase;
}

.solution-block .inner-box h3 a{
    position:relative;
    color:#ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover h3 a{
    color:#422774;
}



.solution-block .inner-box .h3{
    position:relative;
    line-height:1.3em;
    font-weight:700;
    font-size:24px;
    text-transform:uppercase;
}

.solution-block .inner-box .h3 a{
    position:relative;
    color:#ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover .h3 a{
    color:#422774;
}

.solution-block .inner-box .text{
    position:relative;
    color:#ffffff;
    font-size:16px;
    line-height:1.6em;
    margin-top:18px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover .text{
    color:#000000;
}

.solution-block .arrow{
    /*! position:absolute; */
    left:54%;
    bottom:50px;
    width:50px;
    height:50px;
    color:#ffffff;
    border-radius:50px;
    display:inline-block;
    line-height:50px;
    color:#111111;
    opacity:0;
    font-size:12px;
    font-weight:700;
    text-align:center;
    margin-left:135px;
    background-color:#8cbc2a;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block:hover .arrow{
    opacity:1;
    left:50%;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.solution-block .inner-box .side-icon{
    position:absolute;
    right:0px;
    bottom:0px;
    opacity:0.05;
    font-size:100px;
    color:#ffffff;
    line-height:1em;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box .solution-pattern-layer{
    position:absolute;
    right:-10px;
    top:0px;
    width:132px;
    height:270px;
    transform:translate(80px, -80px);
    background-repeat:no-repeat;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover{
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.solution-block .inner-box:hover .solution-pattern-layer{
    transform:translate(0px, 0px);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.solution-block .inner-box .solution-pattern-layer-two{
    position:absolute;
    right:-10px;
    bottom:0px;
    width:214px;
    height:117px;
    opacity:0;
    transform:translate(100px, 0px);
    background-repeat:no-repeat;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-block .inner-box:hover .solution-pattern-layer-two{
    opacity:1;
    transform:translate(0px, 0px);
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms;
}

.solution-block.style-two{
    margin-bottom:60px;
}

.solution-block.style-two .inner-box{
    margin-right:40px;
    overflow:visible;
    padding:90px;
}

.solution-block.style-two .inner-box .solution-pattern-layer-three{
    position:absolute;
    top:20px;
    right:-25px;
    bottom:-30px;
    width:330px;
    height:382px;
    z-index:-1;
    background-repeat:no-repeat;
}

/***

====================================================================
    Success Section
====================================================================

***/

.success-section{
    position:relative;
    padding:0px 0px 40px;
}

.success-section .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.success-section .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.success-section .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:140px;
    margin-left:-1px;
    background-color:#555555;
}

.success-section .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.success-section .content-column{
    position:relative;
}

.success-section .content-column .inner-column{
    position:relative;
}

.success-section .content-column h2{
    position:relative;
    color:#111111;
    font-weight:700;
    line-height:1.2em;
    font-size:25px;
}

.success-section .content-column h2 span{
    color:#422774;
}

.success-section .content-column .bold-text{
    position:relative;
    color:#4d4d4d  !important;
    font-size:15px;
    font-weight:500;
    line-height:1.6em;
    margin-top:20px;
    margin-bottom:20px;
    text-align:justify;
}

.success-section .content-column .text{
    position:relative;
    color:#000000;
    font-size:16px;
    line-height:1.6em;
    margin-bottom:22px;
    text-align: justify;
}

.success-section .content-column .list{
    position:relative;
}

.success-section .content-column .list li{
    position:relative;
    color:#000000;
    font-size:14px;
    font-weight:500;
    margin-bottom:12px;
    padding-left:20px;
}

.success-section .content-column .list li:before{
    position:absolute;
    content:'';
    left:0px;
    top:10px;
    width:5px;
    height:5px;
    background-color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.success-section .content-column .list li:hover::before{

}

.success-section .content-column .btn-box{
    position:relative;
    margin-top:30px;
}

.success-section .images-column{
    position:relative;
    margin-bottom:30px;
}

.success-section .images-column .inner-column{
    position:relative;
    padding-left:70px;
}

.success-section .images-column .year-box{
    position:absolute;
    left:40px;
    z-index:1;
    bottom:-40px;
    font-size:30px;
    font-weight:700;
    color:#ffffff;
    padding:23px 36px;
     background-color:#222222;
    /* background-color:#18c5fd; */
    line-height:40px;
}

.success-section .images-column .year-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:-20px;
    border-bottom: 20px solid #422774;
    border-left: 30px solid transparent;
}

.success-section .images-column .pattern-layer{
    position:absolute;
    right:40px;
    top:70px;
    width:190px;
    height:292px;
    background-repeat:no-repeat;
}

.success-section .images-column .image-two{
    position:absolute;
    right:0px;
    bottom:-110px;
    border:10px solid #ffffff;
}



/***

====================================================================
    Counter Section
====================================================================

***/

.counter-section{
    position:relative;
}

.counter-section .inner-container{
    position:static;
    padding:80px 0px 50px;
}

.counter-section .inner-container .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    background-repeat:repeat;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

/* Fact Counter */

.fact-counter{
    position:relative;
}

.fact-counter .column{
    position:relative;
    margin-bottom:30px;
}

.fact-counter .column .inner{
    position:relative;
}

.fact-counter .column .inner .content{
    position:relative;
}

.fact-counter .count-outer .percentage{
    display:inline-block;
    font-weight:700;
    color:#422774;
    font-size:60px;
    line-height:1em;
}

.fact-counter .column .inner .count-outer{
    position:relative;
    font-weight:700;
    color:#422774;
    font-size:60px;
    line-height:1em;
    display:inline-block;
}

.fact-counter .column .inner .counter-title{
    position:relative;
    font-size:20px;
    font-weight:700;
    margin-top:10px;
    color:#222222;
    text-transform:capitalize;
}

/***

====================================================================
    Fluid Section One
====================================================================

***/

.fluid-section-one{
    position:relative;
    padding:0px 0px 0px;
}

.fluid-section-one .outer-container{
    position:relative;
    min-height:250px;
}

.fluid-section-one .image-column{
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}

.fluid-section-one .image-column .image-box{
    position:relative;
    display:none;
}

.fluid-section-one .image-column .image-box img{
    position:relative;
    display:block;
    width:100%;
}

.fluid-section-one .image-column .video-box{
    position:absolute;
    right:0%;
    bottom:0%;
    color:#ffffff;
    font-size:30px;
    text-align:center;
    border-radius:0px;
    line-height: 120px;
    display:inline-block;
    z-index:1;
    width:120px;
    height:120px;
    padding-left:5px;
    background-color:#422774;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.fluid-section-one .image-column .video-box .overlay-box span{
    position: absolute;
    left:50%;
    top: 50%;
    z-index:99;
    color: #ffffff;
    font-weight:400;
    font-size:16px;
    text-align: center;
    border-radius:10px;
    padding-left:7px;
    display: inline-block;
    margin-top: -60px;
    margin-left:-60px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.fluid-section-one .image-column .video-box .ripple,
.fluid-section-one .image-column .video-box .ripple:before,
.fluid-section-one .image-column .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:120px;
    height:120px;
    margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.fluid-section-one .image-column .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.fluid-section-one .image-column .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.fluid-section-one .image-column h3{
    position:absolute;
    left:0px;
    bottom:0px;
    right:0px;
    color:#ffffff;
    display:block;
    font-size:20px;
    font-weight:700;
    text-align:center;
    padding:25px 15px;
    background-color:#222222;
}

.fluid-section-one .content-column{
    position:relative;
    float:right;
    width:50%;
    z-index:1;
}

.fluid-section-one .content-column .inner-column{
    position:relative;
    max-width:600px;
    width:100%;
    float:left;
    padding-right:15px;
    padding-top:100px;
    padding-left:100px;
    padding-bottom:100px;
}

.fluid-section-one .content-column {

}



@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
    70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}


/***

====================================================================
    Accordion Style
====================================================================

***/

.accordion-box{
    position:relative;
}

.accordion-box .heading{
    position:relative;
    color:#000000;
    font-size:28px;
    font-weight:600;
    margin-bottom:45px;
}

.accordion-box .block{
    position: relative;
    padding:15px 20px;
    margin-bottom:20px;
    border:1px solid #cccccc;
}

.accordion-box .block .number{
    position:relative;
    margin-right:20px;
    color:#422774;
    font-size:15px;
}

.accordion-box .block:last-child{

}

.accordion-box .block .acc-btn{
    font-size:16px;
    padding-right:0px;
    position:relative;
    cursor:pointer;
    line-height:30px;
    color:#222222;
    font-weight:700;
    transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    text-transform:uppercase;
}

.accordion-box .block .icon-outer{
    position:absolute;
    right:0px;
    top:0px;
    width:30px;
    height:30px;
    text-align:center;
    font-size:14px;
    color:#422774;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon{
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-size: 18px;
    color: #422774;
}

.accordion-box .block .icon-outer .icon-plus{
    opacity:1;
}

.accordion-box .block .icon-outer .icon-minus{
    opacity:0;
    color:#422774;
    font-weight:400;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus{
    opacity:1;
    color:#422774;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus{
    opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
    border-color:#ff3548;
    color:#ff3548;
}

.accordion-box .block .acc-content{
    position:relative;
    display:none;
}

.accordion-box .block .acc-content .content-text{
    padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
    display:block;
}

.accordion-box .block .content{
    position:relative;
    font-size:14px;
    padding:10px 0px 0px 0px;
}

.accordion-box .block .content p{
    margin-bottom:0px;
    line-height:1.7em;
    font-size:16px;
    color:#000000;
    padding-left:35px;
}

.accordion-box .block .content p:last-child{
    margin-bottom:0px;
}

.accordion-box.style-two .block{
    background-color:#f5f5f5;
    border-color:#f5f5f5;
    padding:20px 20px;
}

.accordion-box.style-two .block .icon-outer,
.accordion-box.style-two .block .icon-outer .icon,
.accordion-box.style-two .block .icon-outer .icon-minus,
.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-minus{
    color:#111111;
}

/***

====================================================================
    Projects Section
====================================================================

***/

.projects-section{
    position:relative;
    padding:100px 0px 120px;
}

.projects-section.style-two{
    padding:0px 0px 60px;
}

.projects-section .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.projects-section .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.projects-section .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:80px;
    margin-left:-1px;
    background-color:#555555;
}

.projects-section .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.projects-section .btn-box{
    margin-top:30px;
}

.projects-section .sec-title{
    margin-bottom:50px;
}

.projects-section .filters{
    position:relative;
}

.projects-section .filters .filter-tabs{
    position:relative;
    margin-bottom:50px;
    text-align:center;
}

.projects-section .filters .filter-tabs .filter{
    position:relative;
    color:#555555;
    font-size:20px;
    cursor:pointer;
    margin-bottom:15px;
    font-weight:700;
    margin-right:15px;
    padding-left:25px;
    display:inline-block;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.projects-section .filters .filter-tabs .filter:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    bottom:0px;
    width:2px;
    opacity:0;
    background-color:#422774;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.projects-section .filters .filter-tabs .filter.active::before,
.projects-section .filters .filter-tabs .filter:hover::before{
    opacity:1;
}

.projects-section .filters .filter-tabs .filter.active,
.projects-section .filters .filter-tabs .filter:hover{
    color:#222222;
}

.gallery-block.mix,
.gallery-block-three.mix{
    display:none;
}

.gallery-block{
    position:relative;
    margin-bottom:30px;
}

.gallery-block .inner-box{
    position:relative;
}

.gallery-block .inner-box .image{
    position:relative;
}

.gallery-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.gallery-block .inner-box .image .overlay-box{
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:90%;
    opacity:0;
    background-color:rgba(230,230,230,0.90);
    -webkit-transition:all 600ms ease;
    -moz-transition:all 600ms ease;
    -ms-transition:all 600ms ease;
    -o-transition:all 600ms ease;
    transition:all 600ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box{
    width:80%;
    opacity:1;
}

.gallery-block .inner-box .image .overlay-box:before{
    position:absolute;
    content:'';
    right:-8px;
    top:-0px;
    bottom:0px;
    width:8px;
    border-right:8px solid rgba(0,0,0,0.30);
}

.gallery-block .inner-box .image .overlay-box:after{
    position:absolute;
    content:'';
    left:0px;
    right:-8px;
    bottom:-8px;
    height:8px;
    border-bottom:8px solid rgba(0,0,0,0.30);
}

.gallery-block .inner-box .image .overlay-box .content{
    position:absolute;
    right:30px;
    bottom:30px;
    opacity:0;
    text-align:right;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box .content{
    opacity:1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.gallery-block .inner-box .image .overlay-box .content h5{
    position:relative;
    padding-left:35px;
    font-weight:700;
    text-transform:uppercase;
}

.gallery-block .inner-box .image .overlay-box .content h5 a{
    position:relative;
    color:#000000;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.gallery-block .inner-box .image .overlay-box .content h5 a:hover{
    color:#422774;
}

.gallery-block .inner-box .image .overlay-box .content h5:before{
    position:absolute;
    content:'';
    left:0px;
    top:15px;
    width:25px;
    height:2px;
    background-color:#000000;
}

.gallery-block .inner-box .image .overlay-box .content .designation{
    position:relative;
    color:#422774;
    font-size:16px;
    font-weight:700;
    margin-top:4px;
}

/***

====================================================================
    CTA Section
====================================================================

***/

.cta-section{
    position:relative;
    padding:130px 0px 130px;
    background-attachment:fixed;
    background-size:cover;
}

.cta-section:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(255,170,23,0.90);
}

.cta-section .icon{
    position:relative;
    line-height:1em;
    font-size:90px;
    color:#ffffff;
    text-align:center;
    margin-bottom:30px;
}

.cta-section h2{
    position:relative;
    color:#222222;
    font-size:56px;
    line-height:1.2em;
    text-align:center;
    font-weight:700;
    margin-bottom:40px;
}

.cta-section h2 span{
    color:#ffffff;
}

.cta-section .btn-box{
    position:relative;
    z-index:1;
}

/***

====================================================================
    Testimonial Section
====================================================================

***/

.testimonial-section{
    position:relative;
    padding:100px 0px 100px;
}

.testimonial-section .sec-title{
    margin-bottom:30px;
}

.testimonial-section .pattern-layer{
    position:absolute;
    left:0px;
    bottom:0px;
    right:0px;
    height:687px;
    width:100%;
}

.testimonial-section .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.testimonial-section .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.testimonial-section .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:80px;
    margin-left:-1px;
    background-color:#555555;
}

.testimonial-section .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.testimonial-block{
    position:relative;
}

.testimonial-block .inner-box{
    position:relative;
    padding:45px 45px;
    background-color:#ffffff;
    border-radius:0px 30px 0px 30px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.testimonial-block .inner-box .author-box{
    position:relative;
}

.testimonial-block .inner-box .author-box .rating{
    position:absolute;
    left:0px;
    top:0px;
}

.testimonial-block .inner-box .author-box .rating span{
    position:relative;
    color:#422774;
    font-size:16px;
    margin-right:2px;
}

.testimonial-block .inner-box .author-box .box-inner{
    position:relative;
    text-align:right;
    padding-top:30px;
    padding-right:80px;
}

.testimonial-block .inner-box .author-box .quote-icon{
    position:absolute;
    left:0px;
    bottom:0px;
    color:#999999;
    font-size:30px;
    line-height:1em;
}

.testimonial-block .inner-box .author-box .box-inner .image{
    position:absolute;
    right:0px;
    top:0px;
    overflow:hidden;
    border-radius:0px 20px 0px 0px;
}

.testimonial-block .inner-box .author-box .box-inner h4{
    position:relative;
    color:#222222;
    font-weight:700;
    text-transform:uppercase;
}

.testimonial-block .inner-box .author-box .box-inner .h4{
    position:relative;
    color:#08769a;
    font-weight:700;
    text-transform:uppercase;
    font-size: 33px !important;
    font-family: 'Saira', sans-serif;
}
.testimonial-block .inner-box .author-box .box-inner .text-blue{
    color: #609743 !important;
}

.testimonial-block .inner-box .author-box .box-inner .designation{
    position:relative;
    color:#422774;
    font-size:16px;
}

.testimonial-block .inner-box .text{
    position:relative;
    color:#000000;
    font-size:16px;
    line-height:1.8em;
    margin-top:35px;
    text-align: justify;
}
.testimonial-block .inner-box .text2{
    position:relative;
    color:#000000;
    font-size:16px;
    line-height:1.8em;
    text-align: justify;
    margin-top: 15px;
}
.testimonial-block .inner-box .text3{
    position:relative;
    color:#000000;
    font-size:14px;
    line-height:1.8em;
    text-align: justify;
}
.testimonial-section .owl-carousel .owl-stage-outer{
    padding:30px 0px 30px;
}

.testimonial-section .owl-theme .testimonial-block{
    margin:0px 15px;
}

.testimonial-section .owl-carousel{
    margin:0px -15px;
    width:auto;
}

.testimonial-section .owl-dots{
    position:relative;
    text-align:center;
    margin-top:20px;
}

.testimonial-section .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#422774;
}

.testimonial-section .owl-nav{
    display:none;
}

/***

====================================================================
    Team Section
====================================================================

***/

.team-section{
    position:relative;
    padding:110px 0px 120px;
    background-color:#222222;
}

.team-section .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:696px;
    height:696px;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.team-section .pattern-layer-two{
    position:absolute;
    left:0px;
    bottom:0px;
    width:696px;
    height:696px;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.team-section .owl-nav{
    display:none;
}

.team-section .owl-dots{
    position:relative;
    text-align:center;
    margin-top:20px;
}

.team-section .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#422774;
}

.team-block{
    position:relative;
    margin-bottom:30px;
}

.team-block .inner-box{
    position:relative;
}

.team-block .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:#422774;
}

.team-block .inner-box .image .social-box{
    position:absolute;
    left:0px;
    right:0px;
    z-index:1;
    bottom:-40px;
    text-align:center;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.team-block .inner-box:hover .image .social-box{
    bottom:60px;
}

.team-block .inner-box .image .social-box li{
    position:relative;
    margin:0px 5px;
    display:inline-block;
}

.team-block .inner-box .image .social-box li a{
    position:relative;
    width:30px;
    height:30px;
    color:#000000;
    line-height:30px;
    text-align:center;
    display:inline-block;
    background-color:#422774;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-block .inner-box .image .social-box li a:hover{
    background-color:#ffffff;
}

.team-block .inner-box .image .social-box li:nth-child(2n + 0){
    transform:translateY(20px);
}

.team-block .inner-box .image .social-box li a .name{
    position:absolute;
    left:50%;
    top:-45px;
    right:0px;
    opacity:0;
    z-index:10;
    visibility:hidden;
    width:100px;
    color:#ffffff;
    padding:2px 20px;
    border-radius:50px;
    display:inline-block;
    background-color:#111111;
    transform:translateX(-50%);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-block .inner-box .image .social-box li:hover a .name{
    opacity:1;
    visibility:visible;
}

.team-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.team-block .inner-box:hover .image img{
    opacity:0.7;
    transform:scale(1.05,1.06);
}

.team-block .inner-box .lower-content{
    position:relative;
    padding-top:25px;
    text-align:center;
}

.team-block .inner-box .lower-content h4{
    position:relative;
    font-weight:700;
    letter-spacing:2px;
    text-transform:capitalize;
}

.team-block .inner-box .lower-content h4 a{
    position:relative;
    color:#ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-block .inner-box .lower-content h4 a:hover{
    color:#422774;
}

.team-block .inner-box .lower-content .designation{
    position:relative;
    color:#422774;
    font-size:18px;
}

/***

====================================================================
    News Section
====================================================================

***/

.news-section{
    position:relative;
    padding:110px 0px 100px;
}

.news-block{
    position:relative;
    margin-bottom:30px;
}

.news-block .inner-box{
    position:relative;
    padding-right:10px;
    padding-top:10px;
}

.news-block .inner-box .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:360px;
    height:470px;
}

.news-block .inner-box .image{
    position:relative;
    overflow:hidden;
}

.news-block .inner-box .image:before{
    position:absolute;
    content:'';
    left:-180px;
    top:-150px;
    width:150px;
    height:150%;
    opacity:0.3;
    z-index:1;
    transform:rotate(10deg);
    background-color:#422774;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.news-block .inner-box:hover .image:before{
    left:150%;
}

.news-block .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.news-block .inner-box .lower-content{
    position:relative;
    padding-top:25px;
}

.news-block .inner-box .lower-content .post-meta{
    position:relative;
}

.news-block .inner-box .lower-content .post-meta li{
    position:relative;
    color:#555555;
    font-size:16px;
    padding-right:16px;
    margin-right:13px;
    display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li:last-child{
    padding-right:0px;
    margin-right:0px;
}

.news-block .inner-box .lower-content .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.news-block .inner-box .lower-content .post-meta li:last-child::before{
    display:none;
}

.news-block .inner-box .lower-content .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.news-block .inner-box .lower-content .post-meta li a{
    position:relative;
    color:#555555;
    padding-left:26px;
}

.news-block .inner-box .lower-content h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
}

.news-block .inner-box .lower-content h3 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block .inner-box .lower-content h3 a:hover{
    color:#422774;
}

/***

====================================================================
    CTA Section Two
====================================================================

***/

.cta-section-two{
    position:relative;
}

.cta-section-two.style-two{
    background-color:#f5f5f5;
}

.cta-section-two .inner-container{
    position:relative;
    z-index:1;
    padding:25px 60px;
    margin-bottom:-90px;
    background-color:#422774;
}

.cta-section-two .inner-container .pattern-layer{
    position:absolute;
    left:0px;
    bottom:0px;
    width:507px;
    height:199px;
    background-repeat:no-repeat;
}

.cta-section-two .inner-container h3{
    position:relative;
    color:#222222;
    font-weight:600;
    font-size:26px;
    padding-top:5px;
    /* text-transform:capitalize; */
}

.cta-section-two .inner-container .h3{
    position:relative;
    color:#ffffff;
    font-weight:600;
    font-size:20px;
    padding-top:13px;
    /* text-transform:capitalize; */
}
.cta-section-two .inner-container .pull-right{
    position:relative;
    z-index:1;
}

/***

====================================================================
    Main Footer
====================================================================

***/

.main-footer{
    position:relative;
    padding:120px 0px 0px;
    background-color:#000;
    background-position:center bottom;
    background-repeat:no-repeat;
    margin-top: 30px;
}



.main-footer.footer2{
    position:relative;
    padding:80px 0px 0px;
    background-color:#232323;
    background-position:center bottom;
    background-repeat:no-repeat;
}

.main-footer.footer2 .text {
    color: #ddd;
    font-size: 15px;
    text-align: justify;
    line-height: 30px;
    padding: 20px 60px 20px 0;
}

.main-footer .footer-widget{
    position:relative;
    z-index:1;
    margin-bottom:40px;
}

.main-footer .widgets-section{
    position:relative;
     padding-bottom:40px;
}

.main-footer .footer-widget h4{
    position:relative;
    font-weight:700;
    color:#ffffff;
    margin-bottom:20px;
    line-height:1.2em;
    text-transform:capitalize;
    height: 35px;
}

.main-footer .footer-widget .h4{
    position:relative;
    font-weight:700;
    color:#ffffff;
    margin-bottom:20px;
    line-height:1.2em;
    text-transform:capitalize;
    height: 35px;
    font-family: 'Rubik', sans-serif;
    font-size: 24px;
}
.main-footer .logo-widget{
    position:relative;
}

.main-footer .logo-widget .logo{
    position:relative;
    margin-bottom:15px;
}

.main-footer .logo-widget .text{
    position:relative;
    color:#ffffff;
    font-size:16px;
    line-height:1.8em;
    margin-bottom:20px;
}

.main-footer .logo-widget .social-box{
    position:relative;
}

.main-footer .logo-widget .social-box li{
    position:relative;
    margin-right:20px;
    display:inline-block;
}

.main-footer .logo-widget .social-box li a{
    position:relative;
    font-size:16px;
    color:#ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-footer .logo-widget .social-box li a:hover{
    color:#422774;
}

.main-footer .list-link{
    position:relative;
}

.main-footer .list-link li{
    position:relative;
    margin-bottom:8px;
}

.main-footer .list-link li a{
    position:relative;
    color:#dddddd;
    font-size:15px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    padding-left: 22px;
}

.main-footer .list-link li a:hover{
    color:#e23133;
    color: #e23133;
    /*! background: #7b48c1; */
}





.main-footer .list-link-two{
    position:relative;
}

.main-footer .list-link-two li{
    position:relative;
    margin-bottom:14px;
}

.main-footer .list-link-two li a{
    position:relative;
    color:#ffffff;
    font-size:18px;
    padding-left:22px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-footer .list-link-two li a:before{
    position:absolute;
    content:'\f101';
    left:0px;
    top:2px;
    font-family: 'FontAwesome';
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-footer .list-link-two li a:hover::before{
    opacity:1;
}

.main-footer .list-link-two li a:hover{
    color:#18c5fe;
}

.main-footer .newsletter-widget .text{
    position:relative;
    color:#ffffff;
    font-size:14px;
    line-height:1.8em;
    margin-bottom:20px;
}


.footer-widget-2.links-widget {
    text-align: center;
}

/* .footer-widget-2.links-widget a */


.footer-widget-2.links-widget ul a{
   padding:0 14px;
   line-height:30px;
   transition:0.5s ease-in-out;
   color:#fff;
}


.footer-widget-2.links-widget ul a:hover{
      /* color: #18c5fe; */
      color: #f0b056;
}

.main-footer .footer-column .list-style-two li {
    color: #dddddd;
}

.main-footer .footer-column .list-style-two li.comp-name {
    color: #fff;
    font-weight:600;
}


/* Newsletter Form */

.newsletter-form{
    position:relative;
    margin-bottom:30px;
}

.newsletter-form .form-group{
    position: relative;
    display: block;
    z-index:1;
    margin-bottom: 0px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea {
    position: relative;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 50px;
    color:#ffffff;
    display:inline-block;
    font-size: 14px;
    letter-spacing:1px;
    border-radius:0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background:none;
    border:2px solid rgba(255,255,255,0.70);
}

.newsletter-form .form-group textarea::-webkit-input-placeholder,
.newsletter-form .form-group input::-webkit-input-placeholder{
    color:#ffffff;
}

.newsletter-form .form-group input:focus{
    border-color:#422774;
}

.newsletter-form .form-group input[type="submit"],
.newsletter-form .form-group button {
    position: absolute;
    width:40px;
    height:40px;
    right:5px;
    top:5px;
    bottom:5px;
    color:#422774;
    cursor:pointer;
    background:none;
    display:inline-block;
}







/* Newsletter Form */

.newsletter-form-two{
    position:relative;
    margin-bottom:30px;
}

.newsletter-form-two .form-group{
    position: relative;
    display: block;
    z-index:1;
    margin-bottom: 0px;
}

.newsletter-form-two .form-group input[type="text"],
.newsletter-form-two .form-group input[type="tel"],
.newsletter-form-two .form-group input[type="email"],
.newsletter-form-two .form-group textarea {
    position: relative;
    width: 100%;
    line-height: 28px;
    padding: 10px 25px;
    height: 50px;
    color:#ffffff;
    display:inline-block;
    font-size: 14px;
    letter-spacing:1px;
    border-radius:0px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    background:none;
    border:2px solid rgba(255,255,255,0.70);
}

.newsletter-form-two .form-group textarea::-webkit-input-placeholder,
.newsletter-form-two .form-group input::-webkit-input-placeholder{
    color:#ffffff;
}

.newsletter-form-two .form-group input:focus{
    border-color:#ffffff;
}

.newsletter-form-two .form-group input[type="submit"],
.newsletter-form-two .form-group button {
    position: relative;
    color:#ffffff;
    font-size:14px;
    padding:12px 24px;
    margin-top:20px;
    background-color:#18c5fe;
}




.main-footer .footer-bottom{
    position:relative;
    background-color:#000000;
}

.main-footer .footer-bottom .text{
    position:relative;
    color:#ffffff;
    font-size:14px;
    padding:14px 0px 0px;
}

.main-footer .footer-bottom .arrow-column{
    position:relative;
    text-align:right;
}

.main-footer .footer-bottom .arrow-column .scroll-to-target{
    position:relative;
    width:50px;
    height:50px;
    cursor:pointer;
    color:#000000;
    font-size:18px;
    line-height:50px;
    text-align:center;
    display:inline-block;
    background-color:#422774;
}

.main-footer.style-two{
    padding-top:90px;
    background-color:#f4f4f4;
}

.main-footer.style-two .list-style-two li,
.main-footer.style-two .list-style-two li a,
.main-footer.style-two .newsletter-widget .text,
.main-footer.style-two .logo-widget .text{
    color:#000000;
}

.main-footer.style-two .list-link li a{
    color:#000000;
}

.main-footer.style-two .footer-widget h4{
    color:#222222;
}

.main-footer.style-two .logo-widget .social-box li a{
    color:#222222;
}

.main-footer.style-two .newsletter-form .form-group input[type="email"]{
    color:#000000;
    border-color:#bbbbbb;
    background-color:#ffffff;
}

.main-footer.style-two .newsletter-form .form-group textarea::-webkit-input-placeholder,
.main-footer.style-two .newsletter-form .form-group input::-webkit-input-placeholder{
    color:#555555;
}

/***

====================================================================
    Main Slider Two
====================================================================

***/

.main-slider-two{
    position:relative;
    overflow:hidden;
}

.main-slider-two .section-pattern-layer{
    position:absolute;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}

.main-slider-two .section-pattern-layer:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(22,22,22,0.70);
}

.main-slider-two .slide .pattern-layer{
    position:absolute;
    left:0%;
    top:0px;
    width:284px;
    height:150px;
    z-index:2;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    background-repeat:no-repeat;
}

.main-slider-two .active .pattern-layer{
    left:0px;
    opacity:1;
    transition-delay: 600ms;
}

.main-slider-two .slide .pattern-layer-two{
    position:absolute;
    left:0%;
    top:0%;
    width:432px;
    height:346px;
    z-index:1;
    background-repeat:no-repeat;
}

.main-slider-two .slide .pattern-layer-three{
    position:absolute;
    right:0%;
    bottom:-100px;
    width:167px;
    height:377px;
    z-index:3;
    opacity:0;
    background-repeat:no-repeat;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
}

.main-slider-two .active .pattern-layer-three{
    right:0px;
    opacity:1;
    transition-delay: 600ms;
}

.main-slider-two .slide .pattern-layer-four{
    position:absolute;
    right:0%;
    bottom:0%;
    width:541px;
    height:303px;
    z-index:2;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    background-repeat:no-repeat;
}

.main-slider-two .active .pattern-layer-four{
    right:0px;
    opacity:1;
    transition-delay: 900ms;
}

.main-slider-two .slide .pattern-layer-five{
    position:absolute;
    right:-80%;
    bottom:0%;
    width:320px;
    height:560px;
    z-index:1;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    transition: all 600ms ease;
    background-repeat:no-repeat;
}

.main-slider-two .active .pattern-layer-five{
    right:0px;
    opacity:1;
    transition-delay: 1200ms;
}

.main-slider-two .slide .pattern-layer-six{
    position:absolute;
    right:12%;
    bottom:40%;
    width:128px;
    height:130px;
    z-index:1;
    background-repeat:no-repeat;
}

.main-slider-two .slide .pattern-layer-seven{
    position:absolute;
    right:23.1%;
    bottom:0%;
    width:350px;
    height:240px;
    z-index:1;
    background-repeat:no-repeat;
}

.main-slider-two .auto-container{
    position:relative;
}

.main-slider-two .slide{
    position:relative;
    text-align:center;
    overflow:hidden;
    background-size:cover;
    padding:210px 0px 270px;
    background-repeat:no-repeat;
    background-position:center center;
}

.main-slider-two .title{
    position:relative;
    color:#422774;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    opacity: 0;
    z-index:3;
    transform: scaleY(0);
    transform-origin: top;
    text-transform: capitalize;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-two .active .title{
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.main-slider-two h1{
    position:relative;
    color:#ffffff;
    font-weight:700;
    line-height:1em;
    margin-bottom:50px;
    opacity: 0;
    z-index:3;
    font-size:96px;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-two .active h1{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1000ms;
}

.main-slider-two .text{
    position:relative;
    color:#eeeeee;
    font-size:16px;
    opacity:0;
    z-index:3;
    transform: scaleY(0);
    transform-origin: top;
    line-height: 1.9em;
    font-weight:400;
    margin-bottom:42px !important;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-two .text.alternate{
    color:#1f1f1f;
}

.main-slider-two .active .text{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1500ms;
}

.main-slider-two .link-box{
    position:relative;
    opacity:0;
    z-index:3;
    transform: scaleY(0);
    transform-origin: top;
    display:inline-block;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-two .active .link-box{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 2000ms;
}

.main-slider-two .link-box .theme-btn{
    margin-right:20px;
    float:left;
}

.main-slider-two .owl-dots{
    position:absolute;
    left:0px;
    right:0px;
    bottom:60px;
    text-align:center;
    margin-top:20px;
}

.main-slider-two .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-slider-two .owl-dots .owl-dot.active,
.main-slider-two .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#ffffff;
}

.main-slider-two .owl-nav{
    display:none;
}

/***

====================================================================
    Solution Section Two
====================================================================

***/

.solution-section-two{
    position:relative;
    padding:110px 0px 80px;
}

.solution-section-two .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:100%;
    height:100%;
    background-repeat:repeat;
}

.solution-section-two .image-column{
    position:relative;
    margin-bottom:40px;
}

.solution-section-two .image-column .inner-column{
    position:relative;
    padding-right:30px;
}

.solution-section-two .image-column .inner-column:before{
    position:absolute;
    content:'';
    right:80px;
    top:30px;
    width:20px;
    height:350px;
    background-color:#422774;
}

.solution-section-two .image-column .image{
    position:relative;
    padding-bottom:80px;
}

.solution-section-two .image-column .image-two{
    position:absolute;
    right:30px;
    bottom:0px;
    z-index:1;
    border-bottom:0px;
}

.solution-section-two .image-column .image-two:before{
    position:absolute;
    content:'';
    left:-18px;
    top:-18px;
    right:18px;
    bottom:18px;
    z-index:-1;
    background-color:#222222;
}

.solution-section-two .content-column{
    position:relative;
    margin-bottom:40px;
}

.solution-section-two .content-column .inner-column{
    position:relative;
}

.solution-section-two .content-column .sec-title{
    margin-bottom:30px;
}

.solution-section-two .content-column .column-list{
    position:relative;
}

.solution-section-two .content-column .column-list li{
    position:relative;
    color:#555555;
    font-size:18px;
    padding-left:30px;
    margin-bottom:12px;
}

.solution-section-two .content-column .column-list li:before{
    position:absolute;
    content:'';
    left:0px;
    top:5px;
    width:16px;
    height:16px;
}

.solution-section-two .content-column .question{
    position:relative;
    color:#222222;
    font-size:30px;
    font-weight:700;
    margin-top:45px;
    line-height:1.3em;
    margin-bottom:40px;
}

.solution-section-two .content-column .question a{
    position:relative;
    color:#422774;
    font-size:18px;
    font-weight:700;
    text-transform:uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.solution-section-two .content-column .question a span{
    position:relative;
    font-weight:600;
    margin-right:12px;
}

.solution-section-two .content-column .question a:hover{
    color:#222222;
}

.solution-section-two .content-column .author-box{
    position:relative;
}

.solution-section-two .content-column .author-box .box-inner{
    position:relative;
    padding-left:130px;
}

.solution-section-two .content-column .author-box .box-inner .author-image{
    position:absolute;
    left:0px;
    top:0px;
    width:80px;
    height:80px;
}

.solution-section-two .content-column .author-box .box-inner .author-image:before{
    position:absolute;
    content:'';
    left:-5px;
    top:-5px;
    right:-5px;
    bottom:-5px;
    border-radius:50%;
    border:1px solid #111111;
}

.solution-section-two .content-column .author-box .box-inner .author-image img{
    position:absolute;
    left:0px;
    top:0px;
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
}

.solution-section-two .content-column .satisfy-box{
    position:absolute;
    right:0px;
    bottom:0px;
    width:200px;
    height:200px;
    padding:30px 15px;
    text-align:center;
    border-radius:12px;
    background-color:#ffffff;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.solution-section-two .content-column .satisfy-box .icon{
    position:relative;
    color:#422774;
    font-size:60px;
    line-height:1em;
}

.solution-section-two .content-column .satisfy-box h3{
    position:relative;
    color:#000000;
    font-weight:700;
    line-height:1.3em;
    margin-top:20px;
    font-size:24px;
    text-transform:uppercase;
}

.solution-section-two .content-column .satisfy-box h3 span{
    position:relative;
    color:#422774;
}

/***

====================================================================
    Services Section
====================================================================

***/

.services-section{
    position:relative;
    padding:100px 0px 80px;
}

.services-section .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.services-section .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.services-section .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:40px;
    margin-left:-1px;
    background-color:#555555;
}

.services-section .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.services-section .text-bar{
    position:relative;
    color:#111111;
    font-size:18px;
    padding:20px 15px;
    text-align:center;
    font-weight:700;
    margin-top:30px;
    margin-bottom:35px;
    text-transform:capitalize;
}

/***

====================================================================
    Quote Section
====================================================================

***/

.quote-section{
    position:relative;
    padding:110px 0px 55px;
}

.quote-section .color-layer{
    position:absolute;
    left:0px;
    top:0px;
    width:475px;
    height:100%;
    z-index:-1;
    /* background-color:#00c0ff; */
    background-color:#f0b056;
}


.quote-section .color-layer-2{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 875px;
    height: 100%;
    /* z-index: -1; */
    background-color: #00c0ff;
    background-size:contain;
}

.quote-section .color-layer-2:before{
    position:absolute;
    background:#000;
}



.quote-section .form-column{
    position:relative;
    margin-bottom:30px;
}

.quote-section .form-column .inner-column{
    position:relative;
    padding:25px 25px;
    border-radius:4px;
    background-color:#ffffff;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.quote-section .form-column h2{
    position:relative;
    color:#222222;
    font-size:36px;
    font-weight:700;
    margin-bottom:25px;
    text-transform:uppercase;
}

.quote-section .form-column h2 span{
    position:relative;
    color:#422774;
}

.quote-section.style-two{
    padding-bottom:180px;
    margin-bottom:-90px;
}

/* Default Form */

.default-form{
    position: relative;
    z-index:1;
}

.default-form .form-group{
    position:relative;
    margin-bottom:20px;
}

.ui-selectmenu-button.ui-button,
.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select{
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 28px;
    z-index:1;
    height:60px;
    background-color: #eeeeee;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group input:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
    border-color:#fda700;
}

.default-form .form-group textarea{
    height: 120px;
    resize: none;
    border-radius:0px;
}

.default-form .form-group input[type="submit"],
.default-form button{
    margin-top:15px;
}

.default-form .form-group input[type="submit"]:hover,
.default-form button:hover{

}

.quote-section .content-column{
    position:relative;
}

.quote-section .content-column .sec-title{
    margin-bottom:40px;
}

.quote-section .content-column .inner-column{
    position:relative;
    padding-left:70px;
}

.quote-section .content-column .numbering-list{
    position:relative;
}

.quote-section .content-column .numbering-list li{
    position:relative;
    color:#555555;
    font-size:16px;
    padding-left:45px;
    line-height:2.2em;
    margin-bottom:35px;
}

.quote-section .content-column .numbering-list li strong{
    position:relative;
    color:#222222;
    font-size:24px;
    font-weight:700;
    display:block;
}

.quote-section .content-column .numbering-list li .number{
    position:absolute;
    left:0px;
    top:5px;
    color:#422774;
    font-size:24px;
    font-weight:700;
    line-height:1em;
}

/***

====================================================================
    CTA Section Three
====================================================================

***/

.cta-section-three{
    position:relative;
    padding:130px 0px 0px;
    background-attachment:fixed;
    background-size:cover;
}

.cta-section-three:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(34,34,34,0.50);
}

.cta-section-three .title{
    position:relative;
    color:#422774;
    font-size:24px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.cta-section-three h2{
    position:relative;
    color:#ffffff;
    font-size:48px;
    font-weight:700;
    line-height:1.2em;
    margin-top:30px;
    letter-spacing:1px;
    padding-bottom:45px;
    text-transform:uppercase;
}

.cta-section-three .video-box{
    position:relative;
    color:#422774;
    font-size:30px;
    text-align:center;
    border-radius:0px;
    line-height: 100px;
    display:inline-block;
    z-index:1;
    width:100px;
    height:100px;
    padding-left:5px;
    margin-bottom:25px;
    background-color:#222222;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.cta-section-three .video-box .overlay-box span{
    position: absolute;
    left:50%;
    top: 50%;
    z-index:99;
    color: #ffffff;
    font-weight:400;
    font-size:16px;
    text-align: center;
    border-radius:10px;
    padding-left:7px;
    display: inline-block;
    margin-top: -50px;
    margin-left:-50px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.cta-section-three .video-box .ripple,
.cta-section-three .video-box .ripple:before,
.cta-section-three .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
    height:100px;
    margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255 , 255, .4);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.cta-section-three .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.cta-section-three .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.cta-section-three .lower-blocks{
    position:relative;
    margin-left:360px;
}

.cta-section-three .lower-blocks .info-block{
    position:relative;
    width:270px;
    float:left;
    padding:35px 40px 45px;
    background-color:#222222;
}

.cta-section-three .lower-blocks .info-block .block-inner{
    position:relative;
}

.cta-section-three .lower-blocks .info-block .block-inner .icon{
    position:absolute;
    right:0px;
    top:0px;
    color:#ffffff;
    font-size:66px;
    line-height:1em;
}

.cta-section-three .lower-blocks .info-block .numbers{
    position:relative;
    color:#422774;
    font-weight:700;
    font-size:40px;
    line-height:1em;
    text-transform:uppercase;
}

.cta-section-three .lower-blocks .info-block h5{
    position:relative;
    color:#ffffff;
    font-weight:400;
    font-size:20px;
    line-height:1.3em;
    margin-top:20px;
}

.cta-section-three .lower-blocks .info-block:nth-child(2){
    background-color:#422774;
}

.cta-section-three .lower-blocks .info-block:nth-child(2) .numbers{
    color:#222222;
}

.cta-section-three .lower-blocks .info-block:nth-child(2) h5{
    color:#222222;
}



.cta-section-three .lower-blocks .info-block:nth-child(3){
    background-color:#ffffff;
}

.cta-section-three .lower-blocks .info-block:nth-child(3) .numbers{
    color:#422774;
}

.cta-section-three .lower-blocks .info-block:nth-child(3) .icon{
    color:#222222;
}

.cta-section-three .lower-blocks .info-block:nth-child(3) h5{
    color:#222222;
}

/***

====================================================================
    Projects Section Two
====================================================================

***/
.projects-section-xx{
    position:relative;
    /*! padding:110px 0px 30px; */
}
.projects-section-two{
    position:relative;
    padding:110px 0px 50px;
}

.projects-section-two .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.projects-section-two .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.projects-section-two .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:50px;
    margin-left:-1px;
    background-color:#555555;
}

.projects-section-two .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.project-tab{
    position:relative;
}

.project-tab .project-carousel .owl-nav,
.project-tab .project-carousel .owl-dots{
    /* display:none; */
    display:block;
}

.project-tab .tabs-header{
    position:relative;
    margin-bottom:45px;
}

.project-tab .product-tab-btns{
    position:relative;
    text-align:center;
}

.project-tab .product-tab-btns .p-tab-btn{
    position:relative;
    color:#555555;
    font-size:20px;
    cursor:pointer;
    margin-bottom:15px;
    font-weight:700;
    margin-right:25px;
    padding-left:25px;
    display:inline-block;
    text-transform:uppercase;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.project-tab .product-tab-btns .p-tab-btn:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    bottom:0px;
    width:2px;
    opacity:0;
    background-color:#422774;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.project-tab .product-tab-btns .p-tab-btn.active-btn,
.project-tab .product-tab-btns .p-tab-btn:hover{
    color:#222222;
}

.project-tab .product-tab-btns .p-tab-btn.active-btn::before,
.project-tab .product-tab-btns .p-tab-btn:hover::before{
    opacity:1;
}

.project-tab .product-tab-btns .p-tab-btn.active-btn .total,
.project-tab .product-tab-btns .p-tab-btn:hover .total{
    opacity:1;
}

.project-tab .product-tab-btns .p-tab-btn .total{
    position:absolute;
    right:-15px;
    top:-15px;
    width:14px;
    height:14px;
    font-size:12px;
    text-align:center;
    line-height:24px;
    opacity:0;
    color:#222222;
}

.project-tab .p-tabs-content{
    position:relative;
    display:block;
}

.project-tab .p-tab{
    position:absolute;
    left:0px;
    top:0px;
    /* width:100%; */
    width:90%;
    height:auto;
    visibility:hidden;
    margin:0 auto;
}

.project-tab .p-tab.active-tab{
    position:relative;
    visibility:visible;
    z-index:5;
}

.p-tab.active-tab .gallery-block-two{
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    -moz-transform:scaleX(1);
    transform:scaleX(1);
}

.p-tab .gallery-block-two{
    transition:all 0.7s ease;
    -moz-transition:all 0.7s ease;
    -webkit-transition:all 0.7s ease;
    -ms-transition:all 0.7s ease;
    -o-transition:all 0.7s ease;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -moz-transform:scaleX(0);
    transform:scaleX(0);
}

.gallery-block-two{
    position:relative;
    margin-bottom:30px;
}

.gallery-block-two .inner-box{
    position:relative;
}

.gallery-block-two .image{
    position:relative;
    display:block;
    margin:0px;
    overflow:hidden;
}

.gallery-block-two .image img{
    position:relative;
    display:block;
    width:100%;
}

.gallery-block-two .overlay-box{
    position:absolute;
    left:10px;
    top:10px;
    right:10px;
    bottom:10px;
    opacity:0;
    color:#ffffff;
    text-align:center;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.gallery-block-two .overlay-box:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity:0.90;
    outline: 2px solid rgba(255,255,255,0.60);
    outline-offset: -10px;
    background-color:rgba(0,0,0,0.30);
}

.gallery-block-two .inner-box:hover .overlay-box{
    opacity:1;
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.gallery-block-two .overlay-box .overlay-inner{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
    padding:10px 0px;
}

.gallery-block-two .overlay-inner .content{
    position:relative;
    display:table-cell;
    vertical-align:middle;
}

.gallery-block-two .overlay-inner .content .btn-box{
    position:relative;
}

.gallery-block-two .overlay-inner .content .btn-box .read-more{
    position:relative;
    color:#000000;
    font-size:14px;
    font-weight:700;
    padding:15px 70px 13px 25px;
    text-transform:uppercase;
    background-color:rgba(255,255,255,0.90);
}

.gallery-block-two .overlay-inner .content .btn-box .read-more .icon{
    position:absolute;
    right:0px;
    top:0px;
    width:50px;
    height:50px;
    color:#ffffff;
    font-size:14px;
    line-height:50px;
    text-align:center;
    background-color:#feb12d;
}

.gallery-block-two .overlay-inner .content .btn-box .read-more:before{
    position:absolute;
    content:'';
    left:-8px;
    top:-8px;
    bottom:-8px;
    right:-8px;
    border:8px solid rgba(0,0,0,0.30);
}

.gallery-block-two .inner-box .lower-content{
    position:relative;
    padding-top:20px;
    padding-left:20px;
    padding-bottom:20px;
    padding-right:20px;
}

.gallery-block-two .inner-box .lower-content:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:30%;
    bottom:0px;
    opacity:0;
    background-color:#eeeeee;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.gallery-block-two .inner-box .lower-content h4{
    position:relative;
    font-weight:700;
    font-size:20px;
    text-transform:capitalize;
}

.gallery-block-two .inner-box .lower-content h4 a{
    position:relative;
    color:#000000;
}

.gallery-block-two .inner-box .lower-content .h4{
    position:relative;
    font-weight:400;
    font-size:16px;
    text-transform:capitalize;
}

.gallery-block-two .inner-box .lower-content .h4 a{
    position:relative;
    color:#000000;
}

.gallery-block-two .inner-box:hover .lower-content:before{
    width:100%;
    opacity:1;
}

.gallery-block-two .inner-box .lower-content .designation{
    position:relative;
    color:#422774;
    font-size:16px;
}



.gallery-block-two .image img{
    border:3px groove #422774;
}

.gallery-block-two .inner-box .lower-content h4 a:hover{
    /* color:#18c5fe; */
}
.gallery-block-two .inner-box .lower-content:hover .gallery-block-two .inner-box .lower-content h4 a{
    /* color:#18c5fe; */
    color:red;
}


/*------ arrow css ----------*/

.owl-carousel .owl-nav .owl-prev{
    position: absolute;
    top: 30%;
    background: #24211c;
    width: 50px;
    height: 50px;
    text-align: center;
    left: -5%;
}


.owl-carousel .owl-nav .owl-next{
    position: absolute;
    top: 30%;
    background: #24211c;
    width: 50px;
    height: 50px;
    text-align: center;
    right: -5%;
}

.owl-carousel .owl-nav .fa {
    font-size: 40px;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
}



/*------./ arrow css ----------*/
/***

====================================================================
    Pricing Section
====================================================================

***/

.pricing-section{
    position:relative;
    padding:110px 0px 120px;
    background-color:#f5f5f5;
}

.price-block{
    position:relative;
    z-index:1;
    margin-bottom:30px;
}

.price-block .inner-box{
    position:relative;
    padding:65px 50px;
    margin-left:20px;
    margin-right:20px;
    background-color:#ffffff;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.price-block.active .inner-box,
.price-block .inner-box:hover{
    background-color:#222222;
}

.price-block .inner-box .pattern-layer{
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    opacity:0;
    background-position:center bottom;
    background-repeat:no-repeat;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .pattern-layer,
.price-block .inner-box:hover .pattern-layer{
    opacity:1;
}

.price-block .inner-box:before{
    position:absolute;
    content:'';
    left:-20px;
    bottom:-20px;
    width:370px;
    height:325px;
    z-index:-1;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box::before,
.price-block .inner-box:hover::before{
    opacity:1;
}

.price-block .inner-box .color-box{
    position:absolute;
    left:0px;
    top:0px;
    width:70px;
    height:40px;
    background-color:#000000;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .color-box,
.price-block .inner-box:hover .color-box{
    background-color:#422774;
}

.price-block .inner-box .color-lines{
    position:absolute;
    left:75px;
    top:0px;
    width:35px;
    height:40px;
}

.price-block .inner-box .color-lines .line-one{
    position:absolute;
    left:0px;
    top:0px;
    width:10px;
    height:40px;
    background-color:#222222;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .color-lines .line-one,
.price-block .inner-box:hover .color-lines .line-one{
    background-color:rgba(255,255,255,0.80);
}

.price-block .inner-box .color-lines .line-two{
    position:absolute;
    left:15px;
    top:0px;
    width:6px;
    height:40px;
    background-color:#666666;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .color-lines .line-two,
.price-block .inner-box:hover .color-lines .line-two{
    background-color:rgba(255,255,255,0.60);
}

.price-block .inner-box .color-lines .line-three{
    position:absolute;
    left:25px;
    top:0px;
    width:3px;
    height:40px;
    background-color:#999999;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .inner-box .color-lines .line-four{
    position:absolute;
    left:33px;
    top:0px;
    width:1px;
    height:40px;
    background-color:#cccccc;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block .inner-box .title{
    position:relative;
    font-weight:700;
    color:#222222;
    font-size:30px;
    line-height:1em;
    text-transform:capitalize;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .price,
.price-block.active .inner-box .title,
.price-block .inner-box:hover .price,
.price-block .inner-box:hover .title{
    color:#ffffff;
}

.price-block .inner-box .price{
    position:relative;
    font-weight:700;
    color:#222222;
    font-size:60px;
    line-height:50px;
    text-align:right;
    text-transform:capitalize;
}

.price-block .inner-box .price span{
    position:relative;
    display:block;
    color:#422774;
    font-size:18px;
    text-transform:uppercase;
}

.price-block .inner-box .price sub{
    position:relative;
    font-size:30px;
    font-weight:400;
}

.price-block .inner-box .text{
    position:relative;
    font-weight:700;
    color:#422774;
    font-size:18px;
    line-height:1.6em;
    margin-top:30px;
    text-transform:capitalize;
}

.price-block .inner-box .price-list{
    position:relative;
    margin-top:30px;
}

.price-block .inner-box .price-list li{
    position:relative;
    color:#555555;
    font-size:15px;
    padding-left:24px;
    margin-bottom:12px;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .price-list li,
.price-block .inner-box:hover .price-list li{
    color:#ffffff;
}

.price-block .inner-box .price-list li:last-child{
    margin-bottom:0px;
}

.price-block .inner-box .price-list li:before{
    position:absolute;
    content:'\f00c';
    left:0px;
    top:5px;
    color:#422774;
    font-size:14px;
    line-height:1em;
    font-family: 'FontAwesome';
}

.price-block .inner-box .price-list li.cross{
    color:#bbbbbb;
    text-decoration:line-through;
}

.price-block .inner-box .price-list li.cross:before{
    content:'\f00d';
    color:#555555;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-block.active .inner-box .price-list li.cross:before,
.price-block .inner-box:hover .price-list li.cross:before{
    color:#ffffff;
}

.price-block .inner-box .btn-box{
    position:relative;
    z-index:1;
    margin-top:35px;
}

.price-block.active .inner-box .btn-box .theme-btn:hover,
.price-block .inner-box .btn-box .theme-btn:hover{
    background-color:#422774;
}

.price-block.active .inner-box .btn-box .theme-btn:hover::before,
.price-block .inner-box .btn-box .theme-btn:hover::before{
    background-color:#ffffff;
}

/***

====================================================================
    Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
    position:relative;
    padding:120px 0px 120px;
    background-attachment:fixed;
}

.testimonial-section-two:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.50);
}

.testimonial-section-two .content-box{
    position:relative;
    max-width:760px;
    width:100%;
    padding:65px 65px;
    background-color:rgba(0,0,0,0.90);
}

.testimonial-section-two .content-box .owl-dots{
    display:none;
}

.testimonial-section-two .content-box .owl-nav{
    position:absolute;
    right:0px;
    bottom:0px;
}

.testimonial-section-two .content-box .owl-nav .owl-prev,
.testimonial-section-two .content-box .owl-nav .owl-next{
    position:relative;
    width:50px;
    height:50px;
    color:#ffffff;
    font-size:24px;
    margin-left:12px;
    line-height:48px;
    text-align:center;
    display:inline-block;
    background-color:#222222;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.testimonial-section-two .content-box .owl-nav .owl-prev:hover,
.testimonial-section-two .content-box .owl-nav .owl-next:hover{
    background-color:#422774;
}

.testimonial-block-two{
    position:relative;
}

.testimonial-block-two .inner-box{
    position:relative;
}

.testimonial-block-two .inner-box .image{
    position:relative;
    right:0px;
    top:0px;
    width:100px;
    height:100px;
    overflow:hidden;
}

.testimonial-block-two .inner-box h3{
    position:relative;
    color:#ffffff;
    font-weight:400;
    font-size:30px;
    margin-top:25px;
    text-transform:capitalize;
}

.testimonial-block-two .inner-box .text{
    position:relative;
    color:#ffffff;
    font-size:17px;
    line-height:1.7em;
    margin-top:15px;
    margin-bottom:30px;
}

.testimonial-block-two .inner-box .author-info{
    position:relative;
}

.testimonial-block-two .inner-box .author-info h4{
    position:relative;
    color:#422774;
    font-weight:700;
    text-transform:capitalize;
}

.testimonial-block-two .inner-box .author-info .designation{
    position:relative;
    color:#ffffff;
    font-size:18px;
    margin-top:5px;
}

/***

====================================================================
    News Section Two
====================================================================

***/

.news-section-two{
    position:relative;
    padding:110px 0px 100px;
}

.news-block-two{
    position:relative;
    margin-bottom:30px;
}

.news-block-two .inner-box{
    position:relative;
    padding-right:10px;
    padding-top:10px;
}

.news-block-two .inner-box .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:360px;
    height:270px;
}

.news-block-two .inner-box .image{
    position:relative;
    overflow:hidden;
}

.news-block-two .inner-box .image:before{
    position:absolute;
    content:'';
    left:0px;
    top:-150px;
    width:100%;
    height:100px;
    opacity:0.3;
    z-index:1;
    background-color:#422774;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.news-block-two .inner-box:hover .image:before{
    top:150%;
}

.news-block-two .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.news-block-two .inner-box .image .category{
    position:absolute;
    right:0px;
    z-index:1;
    bottom:25px;
    color:#222222;
    font-size:20px;
    font-weight:600;
    padding:10px 28px;
    display:inline-block;
    background-color:#422774;
}

.news-block-two .inner-box .lower-content{
    position:relative;
    padding-top:25px;
}

.news-block-two .inner-box .lower-content .post-meta{
    position:relative;
}

.news-block-two .inner-box .lower-content .post-meta li{
    position:relative;
    color:#555555;
    font-size:16px;
    padding-right:18px;
    margin-right:15px;
    display:inline-block;
}

.news-block-two .inner-box .lower-content .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.news-block-two .inner-box .lower-content .post-meta li:last-child::before{
    display:none;
}

.news-block-two .inner-box .lower-content .post-meta li:last-child{
    padding-right:0px;
    margin-right:0px;
}

.news-block-two .inner-box .lower-content .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.news-block-two .inner-box .lower-content .post-meta li a{
    position:relative;
    color:#555555;
    padding-left:26px;
}

.news-block-two .inner-box .lower-content h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
    font-size:25px;
}

.news-block-two .inner-box .lower-content h3 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content h3 a:hover{
    color:#422774;
}

.news-block-two .inner-box .lower-content .text{
    position:relative;
    color:#555555;
    font-size:18px;
    line-height:1.6em;
    margin-top:14px;
}

.news-block-two .inner-box .lower-content .btn-box{
    position:relative;
    margin-top:35px;
}

.news-block-two .inner-box .lower-content .btn-box:before{
    position:absolute;
    content:'';
    right:0px;
    bottom:0px;
    height:2px;
    width:45%;
    background-color:#cccccc;
}

/***

====================================================================
    Clients Section
====================================================================

***/

.clients-section{
    position:relative;
    padding:100px 0px 100px;
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
    position:relative;
    display:none;
}

.clients-section .sponsors-outer .image-box{
    position:relative;
    text-align:center;
    margin:0px;
}

.clients-section .sponsors-outer .image-box img{
    max-width:100%;
    width:auto;
    display:inline-block;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.clients-section .sponsors-outer .image-box img:hover{
    opacity:0.5;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.clients-section.style-two{
    padding-top:80px;
    padding-bottom:80px;
}

/***

====================================================================
    CTA Section Four
====================================================================

***/

.cta-section-four{
    position:relative;
    padding:60px 65px;
    background-color:#222222;
}

.cta-section-four .pattern-layer{
    position:absolute;
    left:0px;
    bottom:0px;
    width:875px;
    height:200px;
    background-repeat:no-repeat;
}

.cta-section-four h3{
    position:relative;
    color:#ffffff;
    font-weight:700;
    font-size:36px;
    padding-top:5px;
    text-transform:capitalize;
}

.cta-section-four .pull-right{
    position:relative;
    z-index:1;
}

/***

====================================================================
    Main Slider Three
====================================================================

***/

.main-slider-three{
    position:relative;
    overflow:hidden;
    padding-left:80px;
    background-color:#222222;
}

.main-slider-three .day-timing{
    position:absolute;
    left:-50px;
    top:180px;
    color:#ffffff;
    font-size:18px;
    transform:rotate(-90deg);
}

.main-slider-three:before{
    position:absolute;
    content:'';
    left:0px;
    bottom:0px;
    height:80px;
    right:0px;
    z-index:1;
    background-color:#ffffff;
}

.main-slider-three .auto-container{
    position:relative;
}

.main-slider-three .slide{
    position:relative;
    overflow:hidden;
    padding-bottom:70px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}

.main-slider-three .slide:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.70);
}

.main-slider-three .content-column{
    position:relative;
}

.main-slider-three .content-column .inner-column{
    position:relative;
    padding-top:210px;
}

.main-slider-three .title{
    position:relative;
    color:#422774;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    text-transform: capitalize;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-three .active .title{
    opacity: 1;
    transform: scaleY(1);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

.main-slider-three h1{
    position:relative;
    color:#ffffff;
    font-weight:600;
    line-height:1em;
    margin-bottom:40px;
    opacity: 0;
    z-index:1;
    font-size:72px;
    transform: scaleY(0);
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-three .active h1{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1000ms;
}

.main-slider-three .text{
    position:relative;
    color:#ffffff;
    font-size:20px;
    opacity:0;
    transform: scaleY(0);
    transform-origin: top;
    line-height: 1.6em;
    font-weight:400;
    margin-bottom:42px !important;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-three .active .text{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 1500ms;
}

.main-slider-three .link-box{
    opacity:0;
    transform: scaleY(0);
    transform-origin: top;
    display:inline-block;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.main-slider-three .active .link-box{
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 2000ms;
}

.main-slider-three .link-box .theme-btn{
    margin-right:20px;
    float:left;
}

.main-slider-three .image-column{
    position:relative;
}

.main-slider-three .image-column .inner-column{
    position:relative;
}

.main-slider-three .image-column .image{
    position:relative;
    z-index:4;
}

.main-slider-three .image-column .image img{
    max-width:inherit;
    width:auto;
}

.main-slider-three .image-column .color-layer{
    position:absolute;
    left:-30px;
    top:-250px;
    width:1220px;
    height:926px;
    z-index:2;
    transform:rotate(-29deg);
    background-color:#422774;
    border-radius:200px 0px 0px 200px;
}

.main-slider-three .image-column .color-layer-two{
    position:absolute;
    left:100px;
    bottom:75px;
    width:1220px;
    height:700px;
    z-index:2;
    transform:rotate(-21deg);
    background-color:#ffffff;
    border-radius:200px 0px 0px 200px;
}

.main-slider-three .image-column .color-layer-three{
    position:absolute;
    left:60px;
    bottom:-80px;
    width:1220px;
    height:700px;
    transform:rotate(-21deg);
    background-color:#111111;
    border-radius:200px 0px 0px 200px;
}

.main-slider-three .owl-dots{
    display:none;
}

.main-slider-three .owl-nav{
    position:absolute;
    left:0px;
    top:50%;
    z-index:1;
    width:100%;
    margin-top:-10px;
}

.main-slider-three .owl-nav .owl-prev{
    position:absolute;
    left:20px;
    width:50px;
    height:50px;
    color:#ffffff;
    line-height:48px;
    font-size:20px;
    text-align:center;
    border-radius:50px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:rgba(255,255,255,0.20);
}

.main-slider-three .owl-nav .owl-next{
    position:absolute;
    right:20px;
    width:50px;
    height:50px;
    color:#ffffff;
    line-height:48px;
    font-size:20px;
    text-align:center;
    border-radius:50px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:rgba(255,255,255,0.20);
}

.main-slider-three .owl-nav .owl-prev:hover,
.main-slider-three .owl-nav .owl-next:hover{
    color:#ffffff;
    background-color:#422774;
}

.main-slider-three .mouse-btn-down{
    position:absolute;
    left:50%;
    margin-left:-20px;
    bottom:30px;
    width:30px;
    height:68px;
    cursor:pointer;
    display:block;
    z-index:5;
    color:#fda700;
    font-size:30px;
}

.main-slider-three .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.main-slider-three .mouse-btn-down {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

/***

====================================================================
    CTA Section Five
====================================================================

***/

.cta-section-five{
    position:relative;
    padding:100px 0px 100px;
}

.cta-section-five .pattern-layer{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:1322px;
    background-repeat:no-repeat;
}

.cta-section-five h3{
    position:relative;
    color:#222222;
    font-weight:700;
    font-size:48px;
    padding-top:5px;
    line-height:1.2em;
    text-transform:capitalize;
}

.cta-section-five .pull-right{
    position:relative;
    z-index:1;
    padding-top:50px;
}

/***

====================================================================
    Solution Section Three
====================================================================

***/

.solution-section-three{
    position:relative;
    padding:90px 0px 80px;
}

.solution-section-three .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.solution-section-three .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.solution-section-three .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:40px;
    margin-left:-1px;
    background-color:#555555;
}

.solution-section-three .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.solution-section-three .inner-container{
    position:relative;
}

.solution-section-three .inner-container:before{
    position:absolute;
    content:'';
    left:0px;
    bottom:170px;
    height:1px;
    width:100%;
    background-color:#dddddd;
}

.solution-block-two{
    position:relative;
    margin-bottom:30px;
}

.solution-block-two .inner-box{
    position:relative;
    padding:45px 35px;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.solution-block-two .block-inner{
    position:relative;
}

.solution-block-two .inner-box .color-layer-one{
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:0px;
    background-color:#222222;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.solution-block-two .inner-box .color-layer-two{
    position:absolute;
    right:0px;
    bottom:0px;
    width:50%;
    height:0px;
    background-color:#222222;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.solution-block-two .block-inner:hover .color-layer-one,
.solution-block-two .block-inner:hover .color-layer-two{
    height:100%;
}

.solution-block-two .inner-box .side-icon{
    position:absolute;
    right:10px;
    bottom:10px;
    opacity:0.10;
    color:#422774;
    font-size:100px;
    line-height:1em;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.solution-block-two .inner-box h3{
    position:relative;
    line-height:1.3em;
    font-weight:700;
    font-size:24px;
}

.solution-block-two .inner-box h3 a{
    position:relative;
    color:#222222;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.solution-block-two .inner-box .text{
    position:relative;
    color:#555555;
    font-size:16px;
    line-height:1.6em;
    margin-top:18px;
    margin-bottom:18px;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.solution-block-two .inner-box .read-more{
    position:relative;
    color:#422774;
    font-size:18px;
    font-weight:700;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.solution-block-two .inner-box .read-more .arrow{
    position:relative;
    font-size:16px;
    margin-left:5px;
}

.solution-block-two .block-inner:hover .text,
.solution-block-two .block-inner:hover h3 a,
.solution-block-two .block-inner:hover .side-icon{
    color:#ffffff;
}

.solution-block-two .lower-box{
    position:relative;
    padding-top:50px;
}

.solution-block-two .lower-box .box{
    position:relative;
    width:20px;
    height:20px;
    margin:0 auto;
    margin-bottom:50px;
    background-color:#222222;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
}

.solution-block-two .block-inner:hover .lower-box .box{
    background-color:#eeeeee;
}

.solution-block-two .lower-box .icon-box{
    position:relative;
    width:80px;
    height:80px;
    color:#000000;
    margin:0 auto;
    font-size:46px;
    line-height:80px;
    text-align:center;
    background-color:#eeeeee;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    border-radius:20px 0px 20px 0px;
}

.solution-block-two .lower-box:before{
    position:absolute;
    content:'';
    left:50%;
    top:0px;
    width:1px;
    height:100%;
    background-color:#dddddd;
}

.solution-block-two .block-inner:hover .lower-box .icon-box{
    background-color:#422774;
    border-radius:0px 20px 0px 20px;
}

/***

====================================================================
    Business Section
====================================================================

***/

.business-section{
    position:relative;
    padding:0px 0px 60px;
}

.business-section .lower-pattern{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:580px;
    background-color:#222222;
    background-position:left bottom;
    background-repeat:repeat-x;
}

.business-section .image-column{
    position:relative;
    margin-bottom:40px;
}

.business-section .image-column .inner-column{
    position:relative;
    margin-right:-40px;
}

.business-section .image-column .inner-column .business-graph{
    position:relative;
    padding-top:55px;
}

.business-section .image-column .counter-boxed{
    position:relative;
}

.business-section .image-column .counter-boxed .graph-outer{
    position:relative;
    text-align:center;
}

.business-section .image-column .counter-boxed .count-box{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-top: -35px;
    text-align:center;
}

.business-section .image-column .counter-boxed .count-box .sign{
    font-size: 20px;
}

.business-section .image-column .counter-boxed h6{
    position: relative;
    line-height: 1.4em;
    color: #ffffff;
    font-weight: 700;
    margin-top:15px;
    font-size:24px;
    text-transform: uppercase;
}

.business-section .image-column .inner-column .image img{
    position:relative;
    width:100%;
    display:block;
}

.business-section .content-column{
    position:relative;
    margin-bottom:40px;
}

.business-section .content-column .inner-column{
    position:relative;
    padding:70px 50px;
    margin-left:-80px;
    margin-top:140px;
    background-color:#ffffff;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.business-section .content-column .video-box{
    position:absolute;
    left:-50px;
    top:-50px;
    color:#422774;
    font-size:30px;
    text-align:center;
    border-radius:0px;
    line-height: 100px;
    display:inline-block;
    z-index:1;
    width:100px;
    height:100px;
    padding-left:5px;
    margin-bottom:25px;
    background-color:#222222;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.business-section .content-column .video-box .overlay-box span{
    position: absolute;
    left:50%;
    top: 50%;
    z-index:99;
    color: #ffffff;
    font-weight:400;
    font-size:16px;
    text-align: center;
    border-radius:10px;
    padding-left:7px;
    display: inline-block;
    margin-top: -50px;
    margin-left:-50px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.business-section .content-column .video-box .ripple,
.business-section .content-column .video-box .ripple:before,
.business-section .content-column .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
    height:100px;
    margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -moz-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -ms-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -o-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.business-section .content-column .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.business-section .content-column .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.business-section .content-column h2{
    position:relative;
    color:#222222;
    font-size:40px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:20px;
    text-transform:capitalize;
}

.business-section .content-column h2 span{
    color:#422774;
}

.business-section .content-column .text{
    position:relative;
    margin-bottom:30px;
}

.business-section .content-column .text p{
    position:relative;
    color:#555555;
    font-size:16px;
    line-height:1.6em;
}

.business-section .content-column .text p:last-child{
    margin-bottom:0px;
}

/* Skills Section */

.skills .skill-item{
    position:relative;
    margin-bottom:20px;
}

.skills .skill-item:last-child{
    margin-bottom:0px;
}

.skills .skill-item .skill-bar{
    position:relative;
    width:100%;
}

.skills .skill-item .skill-bar .bar-inner{
    position:relative;
    width:100%;
    height:5px;
    background:#422774;
}

.skills .skill-item .skill-bar .bar-inner .bar{
    position:absolute;
    left:0px;
    top:0px;
    height:5px;
    width:0px;
    border-bottom:5px solid #222222;
    -webkit-transition:all 2000ms ease;
    -ms-transition:all 2000ms ease;
    -o-transition:all 2000ms ease;
    -moz-transition:all 2000ms ease;
    transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
    position:relative;
    margin-bottom:6px;
}

.skills .skill-item .skill-header .skill-title{
    position:relative;
}

.skills .skill-item .skill-header .skill-title{
    color:#555555;
    font-size:20px;
    font-weight:700;
    line-height:1.4em;
    margin-bottom:6px;
    text-transform:uppercase;
}

.skills .skill-item .skill-bar .bar-inner .skill-percentage{
    position:absolute;
    right:0px;
    top:-45px;
    font-weight:700;
    color:#422774;
    font-size:18px;
    padding:4px 14px;
    border-radius:3px;
    background-color:#222222;
    text-transform:uppercase;
}

.skills .skill-item .skill-bar .bar-inner .skill-percentage:before{
    position:absolute;
    left:50%;
    bottom:-8px;
    content:'';
    width: 0;
    height: 0;
    margin-left:-4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #222222;
}

/***

====================================================================
    Projects Section Three
====================================================================

***/

.projects-section-three{
    position:relative;
    padding:90px 0px 110px;
}

.projects-section-three .auto-container{
    max-width:1640px;
}

.projects-section-three .btn-box{
    position:relative;
    margin-top:30px;
}

/* Bottom Divider */

.projects-section-three .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:70px;
    margin-left:-1px;
    background-color:#555555;
}

.projects-section-three .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Gallery Block Three */

.gallery-block-three{
    position:relative;
    margin-bottom:30px;
}

.gallery-block-three .inner-box{
    position:relative;
    width:100%;
}

.gallery-block-three .image-box{
    position:relative;
    display:block;
    margin:0px;
    overflow:hidden;
    border-radius:0px;
}

.gallery-block-three .image-box img{
    position:relative;
    display:block;
    width:100%;
}

.gallery-block-three .overlay-box{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    opacity:0;
    color:#ffffff;
    text-align:center;
     transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    background-color:rgba(255,170,23,0.95);
}

.gallery-block-three .inner-box:hover .overlay-box{
    opacity:1;
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    visibility: visible;
}

.gallery-block-three .overlay-inner{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:table;
    vertical-align:middle;
    padding:10px 0px;
}

.gallery-block-three .overlay-inner .content{
    position:relative;
    display:table-cell;
    vertical-align:middle;
}

.gallery-block-three .overlay-box h3{
    position:relative;
    font-weight:700;
    line-height:1.4em;
    margin-bottom:8px;
    font-size:24px;
    text-transform:uppercase;
}

.gallery-block-three .overlay-box h3 a{
    position:relative;
    color:#000000;
}

.gallery-block-three .overlay-box .separate{
    position:relative;
    width:80px;
    height:2px;
    margin:0 auto;
    background-color:#000000;
}

.gallery-block-three .overlay-box .separate:before{
    position:absolute;
    content:'';
    left:-30px;
    width:18px;
    height:2px;
    background-color:#ffffff;
}

.gallery-block-three .overlay-box .separate:after{
    position:absolute;
    content:'';
    right:-30px;
    width:18px;
    height:2px;
    background-color:#ffffff;
}

.gallery-block-three .overlay-box .title{
    position:relative;
    color:#ffffff;
    font-size:18px;
    font-weight:700;
    margin-top:18px;
}

.gallery-block-three .image-box .link-arrow{
    position:absolute;
    width:50px;
    height:50px;
    right:32px;
    bottom:30px;
    opacity:0;
    font-size:26px;
    color:#ffffff;
    text-align:center;
    line-height:50px;
    font-weight:400;
    border-radius:50px;
    display:inline-block;
    background-color:#000000;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.gallery-block-three .image-box:hover .link-arrow{
    opacity:1;
}

/***

====================================================================
    Team Section Two
====================================================================

***/

.team-section-two{
    position:relative;
    padding:110px 0px 120px;
    background-color:#f5f5f5;
}

.team-section-two .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:696px;
    height:696px;
    opacity:0.2;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.team-section-two .pattern-layer-two{
    position:absolute;
    left:0px;
    bottom:0px;
    width:696px;
    height:696px;
    opacity:0.2;
    background-repeat:no-repeat;
    background-position:right bottom;
}

.team-section-two .owl-nav{
    display:none;
}

.team-section-two .owl-dots{
    position:relative;
    text-align:center;
    margin-top:20px;
}

.team-section-two .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-section-two .owl-dots .owl-dot.active,
.team-section-two .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#422774;
}

.team-block-two{
    position:relative;
    margin-bottom:30px;
}

.team-block-two .inner-box{
    position:relative;
    overflow:hidden;
}

.team-block-two .inner-box .image{
    position:relative;
    overflow:hidden;
    background-color:#422774;
}

.team-block-two .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.team-block-two .inner-box:hover .image img{
    opacity:0.7;
    transform:scale(1.05,1.06);
}

.team-block-two .inner-box .lower-content{
    position:relative;
    padding-top:30px;
    padding-right:30px;
}

.team-block-two .inner-box .lower-content h4{
    position:relative;
    font-weight:600;
    text-transform:uppercase;
}

.team-block-two .inner-box .lower-content h4 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-block-two .inner-box .lower-content h4 a:hover{
    color:#422774;
}

.team-block-two .inner-box .lower-content .designation{
    position:relative;
    color:#555555;
    font-size:16px;
}

.team-block-two .inner-box .lower-content .share-box{
    position:absolute;
    right:30px;
    top:35px;
    width:50px;
    height:50px;
    background-color:#222222;
}

.team-block-two .inner-box .lower-content .share-box .box-inner{
    position:relative;
    padding:10px;
    overflow:hidden;
}

.team-block-two .inner-box .lower-content .share-box .share{
    position:static;
    width:30px;
    z-index:3;
    height:30px;
    color:#ffffff;
    line-height:30px;
    text-align:center;
    background-color:#422774;
}

.team-block-two .inner-box .lower-content .share-box .social-box{
    position:absolute;
    width:50px;
    right:10px;
    left:0px;
    top:100%;
    opacity:0;
    z-index:1;
    padding:10px;
    text-align:center;
    background-color:#222222;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.team-block-two .inner-box .lower-content .share-box:hover .social-box{
    top:-340%;
    opacity:1;
}

.team-block-two .inner-box .lower-content .share-box:hover .box-inner{
    overflow:visible;
}

.team-block-two .inner-box .lower-content .share-box .social-box li{
    position:relative;
    margin:0px 0px 10px;
    display:inline-block;
}

.team-block-two .inner-box .lower-content .share-box .social-box li a{
    position:relative;
    width:30px;
    height:30px;
    color:#000000;
    line-height:30px;
    text-align:center;
    display:inline-block;
    background-color:#422774;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.team-block-two .inner-box .lower-content .share-box .social-box li a:hover{
    background-color:#ffffff;
}

.team-block-two .inner-box .lower-content .share-box .social-box li:last-child{
    margin-bottom:0px;
}

/***

====================================================================
    Testimonial Section Three
====================================================================

***/

.testimonial-section-three{
    position:relative;
    padding:100px 0px 100px;
    background-attachment:fixed;
}

.testimonial-section-three:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.80);
}

.testimonial-section-three .client-thumb-outer{
    position:relative;
    max-width:450px;
    overflow:hidden;
    padding-top:65px;
    margin:0 auto;
    margin-bottom:30px;
}

.testimonial-section-three .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
    z-index:999;
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.testimonial-section-three .client-thumb-outer .owl-item.active .thumb-item .author-info{
    opacity:1;
}

.testimonial-section-three .client-thumb-outer .client-thumbs-carousel{
    position: relative;
    max-width: 80px;
    margin: 0 auto;
    text-align:center;
}

.testimonial-section-three .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
    overflow:visible;
}

.testimonial-section-three .client-thumb-outer .thumb-item .thumb-box{
    width:90px;
    height:90px;
    cursor:pointer;
    border-radius:0%;
    margin: 0 auto;
    overflow:hidden;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.testimonial-section-three .client-thumb-outer .thumb-item .author-info{
    position:relative;
    margin-left:-55px;
    margin-right:-70px;
    text-align:center;
    padding-top:30px;
    opacity:0;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.testimonial-section-three .client-thumb-outer .thumb-item .author-info .author-name{
    position:relative;
    color:#ffffff;
    font-weight:700;
    font-size:24px;
}

.testimonial-section-three .client-thumb-outer .thumb-item .author-info .designation{
    position:relative;
    color:#422774;
    font-weight:400;
    font-size:18px;
    margin-top:10px;
    text-transform:capitalize;
}

.testimonial-section-three .client-thumb-outer .owl-item{
    z-index:0;
}

.testimonial-section-three .client-thumb-outer .owl-item.active{
    z-index:10;
}

.testimonial-section-three .client-thumb-outer .client-thumbs-carousel .thumb-item img{
    overflow:hidden;
    width:100%;
    height:100%;
    display:block;
    border-radius:0%;
}

.testimonial-section-three .owl-nav,
.testimonial-section-three .owl-dots{
    display:none;
}

.testimonial-block-three{
    position:relative;
}

.testimonial-block-three .inner-box{
    position:relative;
    text-align:center;
}

.testimonial-block-three .inner-box .quote-icon{
    position:relative;
    color:#422774;
    font-size:38px;
    line-height:1em;
}

.testimonial-block-three .inner-box .text{
    position:relative;
    color:#ffffff;
    font-size:30px;
    line-height:1.5em;
    max-width:1050px;
    margin:0 auto;
    margin-top:45px;
}

/***

====================================================================
    News Section Three
====================================================================

***/

.news-section-three{
    position:relative;
    padding:110px 0px 100px;
}

.news-section-three .owl-dots{
    display:none;
}

.news-section-three .owl-nav{
    position:absolute;
    right:0px;
    top:-100px;
}

.news-section-three .owl-nav .owl-prev,
.news-section-three .owl-nav .owl-next{
    position:relative;
    width:50px;
    height:50px;
    color:#222222;
    font-size:22px;
    line-height:46px;
    text-align:center;
    margin-left:10px;
    display:inline-block;
    border:1px solid #222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-section-three .owl-nav .owl-prev:hover,
.news-section-three .owl-nav .owl-next:hover{
    background-color:#422774;
    border-color:#422774;
    color:#111111;
}

.news-section-three .sec-title{
    margin-bottom:45px;
}

.news-block-three{
    position:relative;
    margin-bottom:30px;
}

.news-block-three .inner-box{
    position:relative;
    padding-right:10px;
    padding-top:10px;
}

.news-block-three .inner-box .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:360px;
    height:270px;
}

.news-block-three .inner-box .image{
    position:relative;
    overflow:hidden;
}

.news-block-three .inner-box .image:before{
    position:absolute;
    content:'';
    left:0px;
    top:-150px;
    width:100%;
    height:100px;
    opacity:0.3;
    z-index:1;
    background-color:#422774;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.news-block-three .inner-box:hover .image:before{
    top:150%;
}

.news-block-three .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.news-block-three .inner-box .image .category{
    position:absolute;
    right:0px;
    z-index:1;
    top:25px;
    color:#222222;
    font-size:20px;
    font-weight:600;
    padding:10px 28px;
    display:inline-block;
    background-color:#422774;
}

.news-block-three .inner-box .lower-content{
    position:relative;
    padding-top:15px;
}

.news-block-three .inner-box .image .post-meta{
    position:absolute;
    left:0px;
    right:0px;
    z-index:1;
    bottom:0px;
    padding:15px 20px;
    background-color:#222222;
}

.news-block-three .inner-box .image .post-meta li{
    position:relative;
    color:#ffffff;
    font-size:16px;
    padding-right:18px;
    margin-right:15px;
    display:inline-block;
}

.news-block-three .inner-box .image .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.news-block-three .inner-box .image .post-meta li:last-child::before{
    display:none;
}

.news-block-three .inner-box .image .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.news-block-three .inner-box .image .post-meta li a{
    position:relative;
    color:#ffffff;
    padding-left:26px;
}

.news-block-three .inner-box .image .post-meta li:last-child{
    margin-right:0px;
    padding-right:0px;
}

.news-block-three .inner-box .lower-content h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
}

.news-block-three .inner-box .lower-content h3 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block-three .inner-box .lower-content h3 a:hover{
    color:#422774;
}

.news-block-three .inner-box .lower-content .btn-box{
    position:relative;
    margin-top:35px;
}

.news-block-three .inner-box .lower-content .btn-box:before{
    position:absolute;
    content:'';
    right:0px;
    bottom:0px;
    height:2px;
    width:50%;
    background-color:#cccccc;
}

/***

====================================================================
    Page Title
====================================================================

***/

.page-title{
    position:relative;
    overflow:hidden;
    background-attachment:scroll;
    background-position:center top;
    background-size:cover;
}

.page-title .pattern-layer{
    position:absolute;
    left:0px;
    top:0px;
    width:379px;
    height:400px;
    z-index:1;
    background-repeat:no-repeat;
}

.page-title .pattern-layer-two{
    position:absolute;
    left:15%;
    top:10%;
    width:81px;
    height:82px;
    z-index:1;
    background-repeat:no-repeat;
}

.page-title:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.75);
}

.page-title .inner-container{
    position: relative;
    z-index:5;
    padding:80px 0px 80px;
}

.page-title .auto-container{
    position:relative;
}

.page-title h1{
    position:relative;
    color:#ffffff;
    font-weight: 600;
    line-height: 1.3em;
    font-size:22px;
}

.page-title .text{
    position:relative;
    color:#422774;
    font-size:20px;
    font-weight:600;
    margin-top:15px;
}

.page-title .bread-crumb{
    position: relative;
    padding: 35px 0px 0px 0px;
}

.page-title .bread-crumb li{
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    cursor: default;
    padding-right:  25px;
    margin-right: 12px;
    text-transform: capitalize;
}

.page-title .bread-crumb li:before{
    position: absolute;
    right: -2px;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    content: "/";
    font-weight:700;
    letter-spacing:2px;
}

.page-title .bread-crumb li:last-child{
    padding-right: 0;
    margin-right: 0;
}

.page-title .bread-crumb li:last-child:before{
    display: none;
}

.page-title .bread-crumb li a{
    color:#ffffff;
    font-weight: 400;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover{
    color:#422774;
}

/***

====================================================================
    Faq's Page Section
====================================================================

***/

.faq-page-section{
    position:relative;
    /*! padding:100px 0px 60px; */
}

.faq-page-section .video-column{
    position:relative;
    margin-bottom:40px;
}

.faq-page-section .video-column .pattern-layer{
    position:absolute;
    right:90px;
    bottom:0px;
    width:170px;
    height:205px;
    background-repeat:no-repeat;
}

.faq-page-section .video-column .inner-column{
    position:relative;
}

.faq-page-section .video-column .sec-title{
    margin-bottom:40px;
}

.faq-page-section .video-column .video-image{
    position:relative;
    display:inline-block;
}

.faq-page-section .video-column .video-image .video-box{
    position:absolute;
    right:0px;
    bottom:0px;
    color:#222222;
    font-size:24px;
    text-align:center;
    border-radius:0px;
    line-height: 65px;
    display:inline-block;
    z-index:1;
    width:65px;
    height:65px;
    padding-left:5px;
    background-color:#422774;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.faq-page-section .video-column .video-image .video-box .overlay-box span{
    position: absolute;
    left:50%;
    top: 50%;
    z-index:99;
    color: #222222;
    font-weight:400;
    font-size:16px;
    text-align: center;
    border-radius:10px;
    padding-left:7px;
    display: inline-block;
    margin-top: -32px;
    margin-left:-32px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.faq-page-section .video-column .video-image .video-box .ripple,
.faq-page-section .video-column .video-image .video-box .ripple:before,
.faq-page-section .video-column .video-image .video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:65px;
    height:65px;
    margin-left:.5px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -moz-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -ms-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -o-box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    box-shadow: 0 0 0 0 rgba(255, 170, 23, .7);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.faq-page-section .video-column .video-image .video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.faq-page-section .video-column .video-image .video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.faq-page-section .accordion-column{
    position:relative;
    margin-bottom:40px;
}

.faq-page-section .accordion-column .inner-column{
    position:relative;
}

.faq-form-section{
    position:relative;
    padding-bottom:110px;
}

.faq-form-section .inner-container{
    position:relative;
    max-width:970px;
    margin:0 auto;
}

/* Faq Form */

.faq-form{
    position: relative;
    z-index:1;
}

.faq-form .form-group{
    position:relative;
    margin-bottom:20px;
}

.ui-selectmenu-button.ui-button,
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 28px;
    z-index:1;
    height:60px;
    border:1px solid #cccccc;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
    border-color:#fda700;
}

.faq-form .form-group textarea{
    height: 180px;
    resize: none;
    border-radius:0px;
}

.faq-form .form-group input[type="submit"],
.faq-form button{
    margin-top:15px;
}

.faq-form .form-group input[type="submit"]:hover,
.faq-form button:hover{

}

.team-page-section{
    padding-bottom:60px;
}

.team-page-section .team-block-two{
    margin-bottom:60px;
}

.testimonial-page-section{
    padding:20px 0px 60px;
}

.testimonial-page-section .testimonial-block{
    margin-bottom:30px;
}

/***

====================================================================
            Coming Soon
====================================================================

***/

.coming-soon{
    position:fixed;
    width:100%;
    height:100%;
    display:block;
    overflow-y:auto;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    text-align: center;
}

.coming-soon .content{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.coming-soon .content:before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    content: "";
    opacity: .30;
}

.coming-soon .content .content-inner{
    position: relative;
    padding: 90px 15px;
    display: table-cell;
    vertical-align: middle;
}

.coming-soon .content .content-inner .logo{
    position:relative;
    margin-bottom: 200px;
}

.coming-soon .content .content-inner .sec-title{
    display: none;
    margin-bottom:50px;
}

.coming-soon .content .content-inner h2{
    position:relative;
    font-size:48px;
    font-weight:700;
    color: #ffffff;
    line-height:1.2em;
    padding-bottom: 0;
    font-variant: small-caps;
}

.coming-soon .content .content-inner h2:after{
    display: none;
}

.time-counter{
    position:relative;
}

.time-counter .time-countdown{
    position:relative;
    margin-bottom: 180px;
}

.time-counter .time-countdown .counter-column{
    position:relative;
    display: inline-block;
    width:180px;
    height:180px;
    font-size:20px;
    line-height: 1em;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:600;
    text-align: center;
    z-index: 7;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0,0,0,0.25);
    background-color: rgba(54,54,54,.40);
    margin:0 15px 20px;
}

.time-counter .time-countdown .counter-column .count{
    position:relative;
    display:block;
    font-size:72px;
    line-height:30px;
    padding:60px 0px 30px;
    color:#ffffff;
    font-weight:600;
}

.coming-soon .emailed-form{
    position: relative;
    margin-bottom: 40px;
}

.coming-soon .emailed-form h3{
    line-height: 1.2em;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 20px;
}

.coming-soon .emailed-form .text{
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    line-height:1.8em;
    margin-bottom: 40px;
}

.coming-soon .emailed-form .form-group{
    position:relative;
    display:block;
    max-width:540px;
    width:100%;
    margin: 0 auto;
}

.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea{
    position:relative;
    display:block;
    width:100%;
    line-height:28px;
    height:60px;
    font-size:16px;
    color:#000000;
    overflow:hidden;
    padding:15px 50px 15px 20px;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    box-shadow: 0 0 13px rgba(0,0,0,0.10);
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus{

}

.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button{
    position:absolute;
    right:0px;
    top:0px;
    width: 60px;
    height:60px;
    line-height:40px;
    font-size:18px;
    color: #f7941d;
    background-color: transparent;
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease;
}

.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover{
    color: #353535;
}

.coming-soon .copyright-text{
    position: relative;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
}

.coming-soon .copyright-text a{
    color: #ff9600;
}

.coming-soon .copyright-text a:hover{
    text-decoration: underline;
}

.clock-wrapper{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 250px;
    height: 250px;
    margin: auto;
    margin-top: -145px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,.40);
    transform: scale(2);
}

.clock-base{
    width: 250px;
    height: 250px;
    border-radius: 50%;

}

.click-indicator{
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    width: 230px;
    height: 230px;
}

.click-indicator div{
    position: absolute;
    width: 2px;
    height: 4px;
    margin: 113px 114px;
}

.click-indicator div > span{
    height: 5px;
    width: 5px;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    margin-left: -1px;
    margin-top: -1px;
}

.click-indicator div:nth-child(1) {
    transform: rotate(30deg) translateY(-120px);
}

.click-indicator div:nth-child(2) {
    transform: rotate(60deg) translateY(-120px);
}

.click-indicator div:nth-child(3) {
    transform: rotate(90deg) translateY(-120px);
    background-color: #f7941d;
}

.click-indicator div:nth-child(4) {
    transform: rotate(120deg) translateY(-120px);
}

.click-indicator div:nth-child(5) {
    transform: rotate(150deg) translateY(-120px);
}

.click-indicator div:nth-child(6) {
    transform: rotate(180deg) translateY(-120px);
    background-color: #f7941d;
}

.click-indicator div:nth-child(7) {
    transform: rotate(210deg) translateY(-120px);
}

.click-indicator div:nth-child(8) {
    transform: rotate(240deg) translateY(-120px);
}

.click-indicator div:nth-child(9) {
    transform: rotate(270deg) translateY(-120px);
    background-color: #f7941d;
}

.click-indicator div:nth-child(10) {
    transform: rotate(300deg) translateY(-120px);
}

.click-indicator div:nth-child(11) {
    transform: rotate(330deg) translateY(-120px);
}

.click-indicator div:nth-child(12) {
    transform: rotate(360deg) translateY(-120px);
    background-color: #f7941d;
}

.clock-hour{
    position: absolute;
    z-index: 2;
    top: 75px;
    left: 123px;
    width: 4px;
    height: 65px;
    background-color: #18c5fe;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 50px;
    transition: .5s;
    -webkit-animation: rotate-hour 43200s linear infinite;
    -moz-animation: rotate-hour 43200s linear infinite;
}

.clock-minute{
    position: absolute;
    z-index: 3;
    top: 55px;
    left: 123px;
    width: 4px;
    height: 85px;
    background-color: #18c5fe;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 2px 70px;
    transition: .5s;
    -webkit-animation: rotate-minute 3600s linear infinite;
    -moz-animation: rotate-minute 3600s linear infinite;
}

.clock-second{
    position: absolute;
    z-index: 4;
    top: 15px;
    left: 124px;
    width: 2px;
    height: 130px;
    background-color: #ffffff;
    opacity: .9;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    transform-origin: 1px 110px;
    transition: .5s;
    -webkit-animation: rotate-second 60s linear infinite;
    -moz-animation: rotate-second 60s linear infinite;
}

.clock-second:after{
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    bottom: 16px;
    width: 8px;
    height: 8px;
    background-color: #222222;
    border: solid 2px #222222;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.clock-center{
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 150px;
    top: 50px;
    left: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    border-radius: 50%;
}

.clock-center:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 65px;
    background-color: #ddd;
    border-radius: 50%;
}

/***

====================================================================
    Services Page Section
====================================================================

***/

.services-page-section{
    position:relative;
    padding:50px 0px 60px;
}

/***

====================================================================
    Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
    position:relative;
    padding:40px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
    margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
    position:relative;
    padding-left:20px;
}

.sidebar-page-container .sidebar-side .sidebar-inner{
    position:relative;
}

.sticky-top{
    top:140px;
    z-index:1;
}

.categories-widget{
    position:relative;
    margin-bottom:40px;
}

.categories-widget .widget-content{
    position:relative;
    padding:20px 5px;
    background-color:#f2f2f2;
    border:1px solid #cccccc;
}

.categories-widget .widget-content h3{
    position:relative;
    color:#222222;
    font-weight:700;
    font-size:24px;
    line-height:1.1em;
    margin-bottom:30px;
    text-transform:uppercase;
}

/* Blog Cat */

.blog-cat{
    position:relative;
}

.blog-cat li{
    position:relative;
    margin-bottom:10px;
}

.blog-cat li a{
    position:relative;
    color:#222222;
    font-size:15px;
    padding:15px 10px;
    display:block;
    z-index:1;
    font-weight:500;
    background-color:#ffffff;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.blog-cat li a:after{
    position:absolute;
    content:'\f105';
    right:0px;
    top:0px;
    z-index:1;
    color:#222222;
    font-size:20px;
    font-weight:800;
    width:30px;
    height:54px;
    line-height:53px;
    text-align:center;
    font-family: 'FontAwesome';
    background-color:#422774;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.blog-cat li.active a:after,
.blog-cat li:hover a:after{
    color:#ffffff;
    background-color:#222222 !important;
}

.blog-cat li a:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    bottom:0px;
    width:0%;
    height:100%;
    z-index:-1;
    opacity:0;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    background-color:#422774;
}

.blog-cat li a:hover::before{
    width:100%;
    opacity:1;
}

.blog-cat li.active a,
.blog-cat li a:hover{
    color:#222222;
}

.blog-cat li:last-child a{
    border-bottom:0px;
}

.blog-cat li.active a:before{
    width:100%;
    opacity:1;
}


.blog-cat li a:before, .blog-cat li a:after{
    background-color: #42277491 !important;
}


/* Broucher Widget */

.broucher-widget{
    position:relative;
    margin-bottom:40px;
}

.broucher-widget .widget-content{
    position:relative;
    padding:35px 35px;
    background-color:#222222;
    border-top:6px solid #422774;
}

.broucher-widget .widget-content h3{
    position:relative;
    color:#ffffff;
    font-weight:700;
    font-size:36px;
    line-height:1.1em;
    margin-bottom:20px;
    text-transform:capitalize;
}

.broucher-widget .widget-content h3 span{
    position:relative;
    color:#422774;
}

.broucher-widget .widget-content .text{
    position:relative;
    color:#ffffff;
    font-size:18px;
    line-height:1.6em;
    margin-bottom:35px;
}

.broucher-widget .widget-content .files-outer{
    position:relative;
    text-align:right;
}

.broucher-widget .widget-content .files-outer a{
    position:relative;
    margin-left:20px;
}

/* Help Widget */

.help-widget .widget-content{
    position:relative;
    padding:45px 45px;
    background-color:#422774;
    border-top:6px solid #222222;
}

.help-widget .widget-content h3{
    position:relative;
    color:#222222;
    font-weight:700;
    font-size:36px;
    line-height:1.1em;
    margin-bottom:20px;
    text-transform:uppercase;
}

.help-widget .widget-content .text{
    position:relative;
    color:#ffffff;
    font-size:16px;
    line-height:1.8em;
    margin-bottom:35px;
}

.help-widget .widget-content .phone{
    position:relative;
    color:#ffffff;
    font-size:30px;
    font-weight:400;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.help-widget .widget-content .phone .fa{
    position:relative;
    top:1px;
    color:#222222;
    margin-right:12px;
}

.help-widget .widget-content .phone:hover{
    color:#222222;
}

.service-detail{
    position:relative;
}

.service-detail .inner-box{
    position:relative;
}

.service-detail .inner-box .image{
    position:relative;
}

.service-detail .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    /* border:4px groove #ccc; */
    box-shadow: 0px 2px 15px 2px #a3a3a3;
    border-radius: 8px;
    padding-left: 100px;
    padding-right: 100px;
}

.pd3 {

}
.service-detail .inner-box .lower-content{
    position:relative;
    padding-top:35px;
}

.service-detail .inner-box .lower-content h2{
    position:relative;
    color:#222222;
    font-size:30px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:20px;
}

.service-detail .inner-box .lower-content p{
    position:relative;
    color:#555555;
    font-size:16px;
    line-height:1.8em;
    margin-bottom:20px;
    text-align: justify;
}

.service-detail .inner-box .lower-content .two-column{
    position:relative;
    margin-bottom:0;
}

.service-detail .inner-box .lower-content h3{
    position:relative;
    color:#222222;
    font-size:18px;
    font-weight:700;
    line-height:1.2em;
    margin-bottom:15px;
}

.service-detail .inner-box .lower-content .service-list{
    position:relative;
}

.service-detail .inner-box .lower-content .service-list li{
    /*! position:relative; */
    /*! color:#222222; */
    /*! font-size:16px; */
    padding-left:35px;
    /*! margin-bottom:10px; */
    /*! font-weight: 400; */
    position: relative;
    color: #555555;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 4px;
    text-align: justify;
}

.service-detail .inner-box .lower-content .service-list li:before{
    position:absolute;
    content: "\2022";
    left:0px;
    top:3px;
    font-size:16px;
    color:#111111;
    line-height:1em;
    font-family: "Flaticon";
}

.service-detail .inner-box .lower-content .solution-list{
    position:relative;
    /* margin-top:40px; */
}

.service-detail .inner-box .lower-content .solution-list li{
    position:relative;
    color:#555555;
    font-size:16px;
    line-height:1.9em;
    padding-left:100px;
    margin-bottom:25px;
}

.service-detail .inner-box .lower-content .solution-list strong{
    position:relative;
    color:#222222;
    font-size:18px;
    display:block;
    margin-bottom:10px;
    text-transform:capitalize;
}

.service-detail .inner-box .lower-content .solution-list li .number{
    position:absolute;
    left:0px;
    width:45px;
    height:45px;
    color:#f7f7f7;
    font-size:14px;
    font-weight:700;
    line-height:55px;
    text-align:center;
    display:inline-block;
    background-color:#422774;
    border-radius:50px 50px 0px 50px;
}

.service-detail .inner-box .lower-content .solution-list li:before{
    position:absolute;
    content:'';
    left:20px;
    top:55px;
    width:1px;
    bottom:-8px;
    background-color:#cccccc;
}

.service-detail .inner-box .lower-content .solution-list li:last-child{
    margin-bottom:0px;
}

.service-detail .inner-box .lower-content .solution-list li:last-child::before{
    display:none;
}

/* Project Info Widget */

.project-info-widget{
    margin-bottom:40px;
}

.project-info-widget .widget-content{
    position:relative;
    padding:35px 25px;
    border:1px solid #cccccc;
    background-color:#f5f5f5;
}

.project-info-widget .widget-content h3{
    position: relative;
    color: #222222;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1em;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.project-info-widget .project-info-list{
    position:relative;
}

.project-info-widget .project-info-list li{
    position:relative;
    color:#555555;
    font-size:15px;
    margin-bottom:16px;
}

.project-info-widget .project-info-list li span{
    position:relative;
    width:80px;
    color:#555555;
    font-size:15px;
    font-weight:700;
    display:inline-block;
}

.project-info-widget .project-info-list li a{
    position:relative;
    color:#222222;
    font-size:16px;
    margin-right:8px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.project-info-widget .project-info-list li a:hover{
    color:#422774;
}

.project-info-widget .project-info-list li:last-child{
    margin-bottom:0px;
}

/* Project Detail */

.project-detail{
    position:relative;
}

.project-detail .inner-box{
    position:relative;
}

.project-detail .inner-box .image{
    position:relative;
}

.project-detail .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.project-detail .inner-box .lower-content{
    position:relative;
    padding-top:28px;
}

.project-detail .inner-box .lower-content h2{
    position:relative;
    color:#222222;
    font-size:48px;
    font-weight:700;
    line-height:1.3em;
    margin-bottom:20px;
}

.project-detail .inner-box .lower-content p{
    position:relative;
    color:#555555;
    font-size:18px;
    font-weight:400;
    line-height:1.7em;
    margin-bottom:15px;
}

/***

====================================================================
    Related Projects Section
====================================================================

***/

.related-projects-section{
    position:relative;
    padding:0px 0px 90px;
}

.related-projects-section .pattern-layer{
    position:absolute;
    left:0px;
    bottom:-92px;
    right:0px;
    height:687px;
    width:100%;
}

.related-projects-section .top-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-left:-1px;
    margin-bottom:70px;
    background-color:#555555;
}

.related-projects-section .top-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    bottom: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

/* Bottom Divider */

.related-projects-section .bottom-divider{
    position:relative;
    width:2px;
    height:70px;
    left:50%;
    margin-top:80px;
    margin-left:-1px;
    background-color:#555555;
}

.related-projects-section .bottom-divider:before{
    position: absolute;
    content: "";
    left: -4px;
    top: -6px;
    width: 10px;
    height: 10px;
    background: #422774;
    transform: rotate(-45deg);
}

.related-projects-section .owl-dots{
    position:relative;
    text-align:center;
    margin-top:20px;
}

.related-projects-section .owl-dots .owl-dot{
    position:relative;
    width:10px;
    height:10px;
    margin:0px 5px;
    display:inline-block;
    background-color:#111111;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.related-projects-section .owl-dots .owl-dot.active,
.related-projects-section .owl-dots .owl-dot:hover{
    width:30px;
    background-color:#422774;
}

.related-projects-section .owl-nav{
    display:none;
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
    position:relative;
    margin:0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
    position:relative;
    line-height:28px;
    padding:10px 50px 10px 25px;
    border:1px solid #cccccc;
    background:#f5f5f5;
    display:block;
    font-size:18px;
    width:100%;
    height:60px;
    border-radius:0px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
    position:absolute;
    right:0px;
    top:0px;
    height:60px;
    width:60px;
    display:block;
    font-size:16px;
    color:#111111;
    line-height:100%;
    font-weight:normal;
    background:#422774;
    border-radius:0px 5px 5px 0px;
}

/* Sidebar Widget */

.sidebar-widget{
    margin-bottom:50px;
}

.sidebar-widget:last-child{
    margin-bottom:0px;
}

.sidebar-widget .widget-content{
    position:relative;
    padding:35px 30px;
    background-color:#f5f5f5;
    border:1px solid #cccccc;
}

/* Sidebar Title */

.sidebar-title{
    position:relative;
    margin-bottom:25px;
}

.sidebar-title h3{
    position: relative;
    color: #222222;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1em;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.cat-list-two{
    position:relative;
}

.cat-list-two li{
    position:relative;
    margin-bottom:1px;
}

.cat-list-two li a{
    position:relative;
    color:#555555;
    font-size:16px;
    display:block;
    padding:18px 25px;
    background-color:#dddddd;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.cat-list-two li a span{
    position:absolute;
    right:25px;
}

.cat-list-two li a:hover{
    color:#422774;
    background-color:#222222;
}

/* Post Widget */

.popular-posts .post{
    position:relative;
    font-size:14px;
    color:#666666;
    min-height:130px;
    padding-left:120px;
    margin-bottom:20px;
    border-bottom:1px solid #dddddd;
}

.popular-posts .post:last-child{
    margin-bottom:0px;
    min-height:100px;
    border:0px;
}

.popular-posts .post .post-thumb{
     position:absolute;
     left:0px;
     top:4px;
     width:100px;
     height:100px;
}

.popular-posts .post .post-thumb img{
    display:block;
    width:100%;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.popular-posts .post .text{
    position:relative;
    top:0px;
    font-size:18px;
    margin:0px 0px 3px;
    font-weight:600;
    color:#222222;
    line-height:1.4em;
    text-transform:capitalize;
}

.popular-posts .post .text a{
    color:#222222;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.popular-posts .post a:hover{
    color:#422774;
}

.popular-posts .post-info{
    position:relative;
    font-size:14px;
    color:#555555;
    font-weight:400;
    padding-left:20px;
    margin-top:6px;
}

.popular-posts .post-info:before{
    position:absolute;
    content: "\f073";
    left:0px;
    top:4px;
    color:#422774;
    font-size:14px;
    line-height:1em;
    font-family: 'FontAwesome';
}

/* Popular Tags */

.sidebar .popular-tags a{
    position:relative;
    display:inline-block;
    line-height:24px;
    padding:8px 20px 10px;
    margin:0px 6px 8px 0px;
    color:#555555;
    text-align:center;
    font-size:16px;
    background:#ffffff;
    font-weight:400;
    border-radius:0px;
    border:1px solid #cccccc;
    border-left:3px solid #222222;
    text-transform:capitalize;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
    border-color:#422774;
    background-color:#422774;
    color:#ffffff;
}

.news-block-four{
    position:relative;
    margin-bottom:60px;
}

.news-block-four .inner-box{
    position:relative;
    padding-right:20px;
    padding-top:20px;
}

.news-block-four .inner-box .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:750px;
    height:440px;
}

.news-block-four .inner-box .image{
    position:relative;
    overflow:hidden;
}

.news-block-four .inner-box .image:before{
    position:absolute;
    content:'';
    left:0px;
    top:-150px;
    width:100%;
    height:100px;
    opacity:0.3;
    z-index:1;
    background-color:#422774;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.news-block-four .inner-box:hover .image:before{
    top:150%;
}

.news-block-four .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.news-block-four .inner-box .image .category{
    position:absolute;
    right:0px;
    z-index:2;
    bottom:0px;
    color:#222222;
    font-size:20px;
    font-weight:600;
    padding:16px 30px;
    display:inline-block;
    background-color:#422774;
}

.news-block-four .inner-box .lower-content{
    position:relative;
    padding-top:15px;
}

.news-block-four .inner-box .image .post-meta{
    position:absolute;
    left:0px;
    right:0px;
    z-index:1;
    bottom:0px;
    padding:15px 20px;
    background-color:#222222;
}

.news-block-four .inner-box .image .post-meta li{
    position:relative;
    color:#ffffff;
    font-size:16px;
    padding-right:18px;
    margin-right:15px;
    display:inline-block;
}

.news-block-four .inner-box .image .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.news-block-four .inner-box .image .post-meta li:last-child::before{
    display:none;
}

.news-block-four .inner-box .image .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.news-block-four .inner-box .image .post-meta li a{
    position:relative;
    color:#ffffff;
    padding-left:26px;
}

.news-block-four .inner-box .image .post-meta li:last-child{
    margin-right:0px;
}

.news-block-four .inner-box .lower-content h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
    font-size:36px;
}

.news-block-four .inner-box .lower-content h3 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block-four .inner-box .lower-content h3 a:hover{
    color:#422774;
}

.news-block-four .inner-box .lower-content .btn-box{
    position:relative;
    margin-top:25px;
}

.news-block-four .inner-box .lower-content .btn-box:before{
    position:absolute;
    content:'';
    right:0px;
    bottom:0px;
    height:2px;
    width:70%;
    background-color:#cccccc;
}

.news-block-four .inner-box .lower-content .text{
    position:relative;
    margin-top:18px;
    color:#555555;
    font-size:18px;
    line-height:1.7em;
}

/***

====================================================================
    Styled Pagination
====================================================================

***/

.our-blogs .news-block-three{
    margin-bottom:50px;
}

.our-blogs .styled-pagination{
    margin-top:40px;
}

.blog-classic .styled-pagination{
    margin-top:80px;
}

.styled-pagination{
    position:relative;
}

.styled-pagination li{
    position:relative;
    margin:0px 4px 10px;
    display:inline-block;
}

.styled-pagination li a{
    position:relative;
    width:50px;
    height:50px;
    color:#222222;
    font-size:20px;
    font-weight:400;
    line-height:50px;
    text-align:center;
    display:inline-block;
    background-color:#ebebeb;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.styled-pagination li.active a,
.styled-pagination li:hover a{
    color:#111111;
    background-color:#422774;
}

.styled-pagination li.prev a{
    top:-1px;
    font-size:14px;
    color:#ffffff;
    font-weight:600;
    border-radius:0px;
    background-color:#555555;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.styled-pagination li.next a{
    top:-1px;
    font-size:14px;
    color:#ffffff;
    font-weight:600;
    background-color:#555555;
    border-radius:0px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover{
    background-color:#222222;
}




.news-block-five{
    position:relative;
    margin-bottom:60px;
}

.news-block-five .inner-box{
    position:relative;
    padding-left:400px;
}

.news-block-five .inner-box .image .pattern-layer{
    position:absolute;
    right:-20px;
    top:0px;
    width:270px;
    height:260px;
    z-index:-1;
}

.news-block-five .inner-box .image{
    position:absolute;
    left:0px;
    top:0px;
    width:330px;
    padding-top:20px;
}

.news-block-five .inner-box:hover .image img{
    opacity:0.8;
}

.news-block-five .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block-five .inner-box .image .category{
    position:absolute;
    right:0px;
    z-index:1;
    bottom:25px;
    color:#222222;
    font-size:20px;
    font-weight:600;
    padding:10px 28px;
    display:inline-block;
    background-color:#422774;
}

.news-block-five .inner-box .content-box{
    position:relative;
}

.news-block-five .inner-box .content-box .post-meta{
    position:relative;
}

.news-block-five .inner-box .content-box .post-meta li{
    position:relative;
    color:#555555;
    font-size:16px;
    padding-right:18px;
    margin-right:15px;
    display:inline-block;
}

.news-block-five .inner-box .content-box .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.news-block-five .inner-box .content-box .post-meta li:last-child::before{
    display:none;
}

.news-block-five .inner-box .content-box .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.news-block-five .inner-box .content-box .post-meta li a{
    position:relative;
    color:#555555;
    padding-left:26px;
}

.news-block-five .inner-box .content-box h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
}

.news-block-five .inner-box .content-box h3 a{
    position:relative;
    color:#222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.news-block-five .inner-box .content-box h3 a:hover{
    color:#422774;
}

.news-block-five .inner-box .content-box .text{
    position:relative;
    color:#555555;
    font-size:18px;
    line-height:1.8em;
    margin-top:14px;
}

.news-block-five .inner-box .content-box .btn-box{
    position:relative;
    margin-top:35px;
}

.news-block-five .inner-box .content-box .btn-box:before{
    position:absolute;
    content:'';
    right:0px;
    bottom:0px;
    height:2px;
    width:50%;
    background-color:#cccccc;
}



.blog-detail{
    position:relative;
}

.blog-detail .inner-box{
    position:relative;
    padding-right:20px;
    padding-top:20px;
}

.blog-detail .inner-box .pattern-layer{
    position:absolute;
    right:0px;
    top:0px;
    width:750px;
    height:440px;
}

.blog-detail .inner-box .image{
    position:relative;
    overflow:hidden;
}

.blog-detail .inner-box .image:before{
    position:absolute;
    content:'';
    left:0px;
    top:-150px;
    width:100%;
    height:100px;
    opacity:0.3;
    z-index:1;
    background-color:#422774;
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
}

.blog-detail .inner-box:hover .image:before{
    top:150%;
}

.blog-detail .inner-box .image img{
    position:relative;
    width:100%;
    display:block;
}

.blog-detail .inner-box .image .category{
    position:absolute;
    right:0px;
    z-index:2;
    bottom:0px;
    color:#222222;
    font-size:20px;
    font-weight:600;
    padding:16px 30px;
    display:inline-block;
    background-color:#422774;
}

.blog-detail .inner-box .lower-content{
    position:relative;
    padding-top:15px;
}

.blog-detail .inner-box .image .post-meta{
    position:absolute;
    left:0px;
    right:0px;
    z-index:1;
    bottom:0px;
    padding:15px 20px;
    background-color:#222222;
}

.blog-detail .inner-box .image .post-meta li{
    position:relative;
    color:#ffffff;
    font-size:16px;
    padding-left:26px;
    padding-right:18px;
    margin-right:15px;
    display:inline-block;
}

.blog-detail .inner-box .image .post-meta li:before{
    position:absolute;
    content:'/';
    right:0px;
    top:0px;
}

.blog-detail .inner-box .image .post-meta li:last-child::before{
    display:none;
}

.blog-detail .inner-box .image .post-meta li .icon{
    position:absolute;
    left:0px;
    right:0px;
    color:#422774;
    font-size:16px;
}

.blog-detail .inner-box .image .post-meta li:last-child{
    margin-right:0px;
}

.blog-detail .inner-box .lower-content h3{
    position:relative;
    font-weight:700;
    line-height:1.3em;
    margin-top:12px;
    font-size:36px;
    color:#222222;
    margin-bottom:20px;
}

.blog-detail .inner-box .lower-content p{
    position:relative;
    margin-top:18px;
    color:#555555;
    font-size:16px;
    line-height:1.6em;
    margin-bottom:12px;
    margin-top:0px;
}

.blog-detail .inner-box .lower-content blockquote{
    position:relative;
    text-align:center;
    margin-top:35px;
    margin-bottom:25px;
}

.blog-detail .inner-box .lower-content blockquote:before{
    position:absolute;
    content:'';
    left:50%;
    top:25px;
    width:310px;
    height:2px;
    margin-left:-155px;
    background-color:#422774;
}

.blog-detail .inner-box .lower-content blockquote .quote-icon{
    position:relative;
    width:50px;
    height:50px;
    color:#111111;
    font-size:20px;
    margin-bottom:30px;
    line-height:48px;
    display:inline-block;
    background-color:#ffffff;
    border:1px solid #e3e3e3;
}

.blog-detail .inner-box .lower-content blockquote .quote-text{
    position:relative;
    color:#222222;
    font-size:30px;
    font-weight:700;
    line-height:1.5em;
}

.blog-detail .inner-box .lower-content blockquote .quote-author{
    position:relative;
    color:#422774;
    font-size:18px;
    font-weight:700;
    margin-top:20px;
}

.blog-detail .inner-box .lower-content .two-column{
    position:relative;
    margin-top:30px;
}

/* Post Share Options */

.blog-detail .post-share-options{
    position:relative;
    margin-top: 40px;
    padding:30px 0px 0px;
    border-top:1px solid #e1e1e1;
}

.blog-detail .post-share-options .tags span{
    font-size:15px;
    color:#f7941d;
    font-weight:400;
    margin-right:10px;
    text-transform: capitalize;
}

.blog-detail .post-share-options .tags a{
    position:relative;
    color:#555555;
    font-size:16px;
    font-weight:400;
    line-height: 1em;
    margin-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;
}

.blog-detail .post-share-options .tags a:last-child{
    border-right:none;
    margin-right: 0px;
    padding-right: 0px;
}

.blog-detail .post-share-options .tags{
    position:relative;
    color:#222222;
    font-size:24px;
    font-weight:700;
    margin-right:5px;
    text-transform:uppercase;
}

.blog-detail .post-share-options .tags a:hover{
    color:#422774;
}

/* Author Box */

.blog-author-box{
    position:relative;
    padding: 30px 30px;
    margin-top:60px;
    min-height: 225px;
    margin-bottom: 55px;
    border:1px solid #dddddd;
}

.blog-author-box .author-inner{
    position:relative;
    padding-right:15px;
    padding-left: 190px;
}

.blog-author-box .thumb{
    position:absolute;
    left:0px;
    top:0px;
    height: 160px;
    width: 160px;
    overflow: hidden;
}

.blog-author-box .thumb img{
    display: block;
    width: 100%;
    height: auto;
}

.blog-author-box .name{
    position: relative;
    display: block;
    line-height: 30px;
    color: #222222;
    font-size:24px;
    font-weight: 700;
    margin-bottom: 5px;
    display:inline-block;
}

.blog-author-box .text{
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    font-weight: 400;
    margin-bottom: 18px;
    line-height:1.8em;
    margin-top:6px;
}

.blog-author-box .social-icon{
    position: relative;
}

.blog-author-box .social-icon li{
    position: relative;
    display: inline-block;
    margin-right: 15px;
}

.blog-author-box .social-icon li:last-child{
    margin-right: 0;
}

.blog-author-box .social-icon li a{
    position:relative;
    display: block;
    font-size:18px;
    font-weight:400;
    line-height: 34px;
    color:#777777;
    display:inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-author-box .social-icon li a:hover{
    color: #422774;
}

/***

====================================================================
    Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
    position:relative;
    margin-top:60px;
    margin-bottom:50px;
}

.sidebar-page-container .group-title{
    position:relative;
    margin-bottom:35px;
}

.sidebar-page-container .group-title h3{
    position:relative;
    color:#222222;
    font-size:30px;
    font-weight:700;
    text-transform:uppercase;
}

.sidebar-page-container .comments-area .comment-box{
    position:relative;
    padding:0px 0px 0px;
    margin-bottom:30px;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child{
    margin-bottom:0px;
}

.sidebar-page-container .comments-area .comment{
    position:relative;
    font-size:14px;
    min-height:170px;
    padding:5px 0px 0px 200px;
}

.sidebar-page-container .comments-area .reply-comment{
    margin-left:60px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
    position:absolute;
    left:0px;
    top:0px;
    width:170px;
    border-radius:0px;
    margin-bottom:20px;
    overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
    width:100%;
    display:block;
}

.sidebar-page-container .comments-area .comment-info{
    margin-bottom:15px;
}

.sidebar-page-container .comments-area .comment-box strong{
    font-size:24px;
    font-weight:700;
    color:#422774;
    display:block;
    line-height:1.3em;
    display:inline-block;
    text-transform:uppercase;
}

.sidebar-page-container .comments-area .comment-box .text{
    position:relative;
    color:#555555;
    font-size:17px;
    line-height:1.8em;
    padding-top:0px;
    margin-bottom:20px;
}

.sidebar-page-container .comments-area .comment-info .comment-time{
    font-size:18px;
    color:#222222;
    font-weight:700;
    margin-left:20px;
    display:inline-block;
    text-transform:uppercase;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
    position:relative;
    font-size:24px;
    color:#222222;
    font-weight:700;
    text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
    color:#422774;
}

.sidebar-page-container .comments-area .comment-box .theme-btn .arrow{
    position:relative;
    top:1px;
    color:#422774;
    font-size:20px;
    margin-left:6px;
}

/* Comment Form */

.comment-form{
    position: relative;
    z-index:1;
}

.comment-form .form-group{
    position:relative;
    margin-bottom:30px;
}

.ui-selectmenu-button.ui-button,
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="url"],
.comment-form .form-group textarea,
.comment-form .form-group select{
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 28px;
    z-index:1;
    height:60px;
    border:1px solid #cccccc;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
    border-color:#fda700;
}

.comment-form .form-group textarea{
    height: 180px;
    resize: none;
    border-radius:0px;
}

.comment-form .form-group input[type="submit"],
.comment-form button{
    margin-top:15px;
}

.comment-form .form-group input[type="submit"]:hover,
.comment-form button:hover{

}

/***

====================================================================
    Contact Info Section
====================================================================

 ***/

.contact-info-section{
    position:relative;
    padding:0px 0px 50px;
}

.contact-info-section .info-column{
    position:relative;
    margin-bottom:30px;
}

.contact-info-section .info-column .inner-column{
    position:relative;
    padding-left:120px;
    border-left:6px solid #422774;
}

.contact-info-section .info-column .inner-column:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    width:60px;
    height:100%;
    background-color:#f7f7f7;
}

.contact-info-section .info-column h2{
    position:relative;
    font-weight:700;
    color:#222222;
    font-size:20px;
    line-height:1.2em;
    margin-bottom:30px;
    text-transform:uppercase;
}

.contact-info-section .info-column .social-box{
    position:relative;
    margin-top:20px;
}

.contact-info-section .info-column .social-box span{
    position:relative;
    color:#222222;
    font-size:24px;
    font-weight:700;
    display:block;
    margin-bottom:20px;
}

.contact-info-section .info-column .social-box a{
    position:relative;
    color:#222222;
    font-size:18px;
    margin-right:18px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-info-section .info-column .social-box a:hover{
    color:#422774;
}

/***

====================================================================
    Contact Map Section
====================================================================

 ***/

.contact-map-section{
    position:relative;
    padding:30px 0px 0px;
}

/***

====================================================================
    Contact Form Section
====================================================================

 ***/

.contact-form-section{
    position:relative;
    padding:0px 0px 40px;
}

.contact-form-section .inner-container{
    position:relative;
    max-width:970px;
    margin:0 auto;
}

/* Contact Form */

.contact-form{
    position: relative;
    z-index:1;
}

.contact-form .form-group{
    position:relative;
    margin-bottom:10px;
}

.ui-selectmenu-button.ui-button,
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
    padding: 14px 28px;
    z-index:1;
    height:50px;
    border:1px solid #cccccc;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
    border-color:#fda700;
}

.contact-form .form-group textarea{
    height: 120px;
    resize: none;
    border-radius:0px;
}

.contact-form .form-group input[type="submit"],
.contact-form button{
    margin-top:15px;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form button:hover{

}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
    border-color:#ff0000 !important;
}

.contact-form label.error{
    display:block;
    line-height:24px;
    padding:5px 0px 0px;
    margin:0px;
    text-transform:uppercase;
    font-size:12px;
    color:#ff0000;
    font-weight:500;
}

/* Error Section */

.error-section{
    position:relative;
    padding:100px 0px 100px;
}

.error-section .content{
    position:relative;
    text-align:center;
}

.error-section h1{
    position:relative;
    color:#222222;
    font-size:180px;
    font-weight:800;
    line-height:1em;
    margin-bottom:10px;
}

.error-section h2{
    position:relative;
    color:#222222;
    font-weight:800;
    line-height:1.2em;
    margin-bottom:10px;
}

.error-section .text{
    position:relative;
    color:#222222;
    font-size:20px;
    margin-top:20px;
    margin-bottom:30px;
}



/* Item Sorting */

.shop-section .items-sorting{
    position:relative;
    margin-bottom:20px;
}

.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column{
    margin-bottom:20px;
}

.shop-section .items-sorting .results-column h6{
    font-size:18px;
    font-weight:400;
    color:#666666;
    line-height:24px;
    padding:13px 0px;
}

.shop-section .items-sorting .form-group{
    margin-bottom:0px;
}

.shop-section .items-sorting select{
    position:relative;
    display:block;
    width:100%;
    line-height:24px;
    padding:9px 20px 9px;
    height:50px;
    font-size:14px;
    border:1px solid #eeeeee;
    cursor:pointer;
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    color:#666666;
    transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
}

.shop-section .items-sorting select option{
    text-indent:15px;
}

/*Shop Item*/

/****** Shop Style *********/

.single-product-item {
    position: relative;
    display: block;
    transition: all 500ms ease;
    margin-bottom: 50px;
}
.single-product-item .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius:0px;
    border:4px solid #422774;
}
.single-product-item .img-holder::before {
    background: rgba(255, 255, 255, 0.20);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}
.single-product-item:hover .img-holder::before{
    opacity: 1;
}
.single-product-item .img-holder img{
    transform: scale(1);
    transition: all 0.7s ease 0s;
    width: 100%;
}
.single-product-item:hover .img-holder img{
    transform: scale(1.1);
}

.single-product-item .title-holder {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 22px 0 18px;
    -webkit-box-shadow: 0 2px 27px rgba(54,54,54,.13);
    box-shadow: 0 2px 27px rgba(54,54,54,.13);
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -30px;
    z-index: 9;
}
.single-product-item .title-holder .static-content{
    position: relative;
    display: block;
}
.single-product-item .title-holder .title {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 0 3px;
}
.single-product-item .title-holder .title a{
    color: #1b1b1b;
    transition: all 500ms ease;
}
.single-product-item .title-holder .static-content span {
    display: inline-block;
    padding-right: 0px;
    color: #666666;
    font-size: 18px;
    margin-top:2px;
}
.single-product-item .title-holder .static-content del {
    position: relative;
    display: inline-block;
    color: #c2c2c2;
    font-size: 18px;
    font-weight: 700;
}

.single-product-item .title-holder .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    text-align: center;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition: all 700ms ease 300ms;
}
.single-product-item:hover .title-holder .overlay-content {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transition: all 700ms ease 100ms;
}
.single-product-item .title-holder .overlay-content ul {
    position: relative;
    display: block;
    padding: 23px 0 23px;
    width: 153px;
    margin: 0 auto;
    transform: scale(0);
    transition: all 700ms ease 100ms;
}
.single-product-item:hover .title-holder .overlay-content ul{
    transform: scale(1);
    transition: all 700ms ease 600ms;
}
.single-product-item .title-holder .overlay-content ul li{
    position: relative;
    display: inline-block;
    float: left;
    width: 51px;
    text-align: center;
    border-right: 1px solid #ededed;
}
.single-product-item .title-holder .overlay-content ul li:last-child{
    border: none;
}
.single-product-item .title-holder .overlay-content ul li a{
    position: relative;
    display: block;
}
.single-product-item .title-holder .overlay-content ul li a span{
    position: relative;
    display: block;
}
.single-product-item .title-holder .overlay-content ul li a span:before {
    position: relative;
    display: block;
    width: 100%;
    height: 45px;
    color: #666666;
    font-size: 18px;
    line-height: 45px;
    margin: 0;
    transition: all 500ms ease;
}
.single-product-item .title-holder .overlay-content ul li a:hover span:before{
    color: #ffffff;
    background: #666666;
}

.single-product-item .title-holder .overlay-content ul li a .toltip-content {
    position: absolute;
    left: -50%;
    right: 0;
    top: -25px;
    margin-left: -15px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    text-align: center;
    background-color: #0a0a0a;
    transition: all 300ms ease 100ms;
    z-index: 999;
    min-width: 130px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content:before {
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: -8px;
    right: 0;
    content: "\f0d7";
    color: #0a0a0a;
    font-size: 25px;
    text-align: center;
    line-height: 10px;
}
.single-product-item .title-holder .overlay-content ul li a .toltip-content p{
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
}
.single-product-item .title-holder .overlay-content ul li a:hover .toltip-content{
    top: -40px;
    visibility: visible;
    opacity: 1;
}

.shop-single-section{
    position:relative;
    padding-top: 100px;
    padding-bottom:90px;
    z-index: 9;
    background-color: #ffffff;
}

/*Product Details*/

.product-details .basic-details{
    position:relative;
    margin-bottom:20px;
}

.product-details .image-column .image-carousel{
    background-color:#eeeeee;
    border-radius:4px;
}

.product-details .image-column,
.product-details .info-column{
    margin-bottom:50px;
}

.product-details .info-column .add-to-cart{
    padding:13px 43px;
    font-size:14px;
    cursor:pointer;
    margin-bottom:10px;
    margin-right:10px;
}

.product-details .image-column .image-box img{
    position:relative;
    display:block;
    width:100%;
}

.product-details .image-column .thumbs-carousel{
    margin-top:20px;
}

.product-details .image-column .thumbs-carousel li{
    background-color:#f2f2f2;
    text-align:center;
    padding:0px 0px;
    cursor:pointer;
}

.product-details .image-column .thumbs-carousel li img{
    width:100%;
    display:inline-block;
}

.product-details .image-column .owl-dots,
.product-details .image-column .owl-nav{
    display:none;
}

.product-details .basic-details .details-header{
    position:relative;
    margin-bottom:0px;
}

.product-details .basic-details .details-header h2{
    font-weight:700;
    margin:0px 0px;
    line-height:1.4em;
    color:#222222;
    margin-bottom:8px;
}

.product-details .basic-details .details-header h2 a{
    color:#333333;
}

.product-details .basic-details .details-header .rating{
    font-size:16px;
    margin-bottom:25px;
    display:inline-block;
}

.product-details .basic-details .details-header .rating span{
    color:#422774;
}

.product-details .basic-details .details-header .rating .fa{
    display:inline-block;
    margin-right:1px;
}

.product-details .basic-details .details-header .rating .fa.light{
    color:#dadada;
}

.product-details .basic-details .details-header .item-price{
    position:relative;
    font-size:24px;
    font-weight:400;
    color:#222222;
    line-height:24px;
    letter-spacing:1px;
    margin-bottom:20px;
}

.product-details .basic-details .text{
    position:relative;
    color:#666666;
    font-size:15px;
    line-height:1.9em;
    margin-bottom:30px;
}

.product-details .basic-details .availablity{
    position:relative;
    float:left;
    padding-right:40px;
    line-height:32px;
    margin-bottom:27px;
    font-size:13px;
    font-weight:500;
    letter-spacing:1px;
    color:#777777;
}

.product-details .basic-details .availablity strong{
    font-size:14px;
    letter-spacing:2px;
    color:#11da61;
    font-weight:600;
    text-transform:uppercase;
}

.product-details .basic-details .item-quantity{
    position:relative;
    float:left;
    width:120px;
    margin-bottom:15px;
    margin-right:20px;
    border:1px solid #eae8e8;
}

.product-details .basic-details .btns-box{
    position:relative;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner{
    line-height:24px;
    padding:10px 15px !important;
    height:54px !important;
    box-shadow:none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn{
    padding:13px 10px;
    background:#f4f5f6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
    top:1px;
}

.shop-list{
    position:relative;
    margin-top:20px;
}

.shop-list li{
    position:relative;
    color:#666666;
    font-size:14px;
    margin-bottom:10px;
}

.shop-list li strong{
    color:#222222;
    font-size:16px;
    margin-right:5px;
    text-transform:uppercase;
}

.shop-list li a{
    position:relative;
    color:#422774;
    font-size:14px;
    font-weight:700;
    margin-top:0px;
    display:inline-block;
    text-transform:uppercase;
}

/***

====================================================================
    Product Tabs Style
====================================================================

***/

.shop-page .prod-tabs{
    position:relative;
}

.shop-page .prod-tabs .tab-btns{
    position:relative;
    text-align:center;
    margin-bottom:40px;
}

.shop-page .prod-tabs .tab-btns .tab-btn{
    position:relative;
    display:block;
    margin-right:8px;
    font-size:16px;
    background:none;
    color:#222222;
    border:1px solid #222222;
    text-transform:capitalize;
    font-weight:400;
    cursor:pointer;
    margin-bottom:12px;
    display:inline-block;
    padding:12px 40px 12px;
    transition:all 500ms ease;
}

.shop-page .prod-tabs .tab-btns .tab-btn:hover,
.shop-page .prod-tabs .tab-btns .tab-btn.active-btn{
    color:#ffffff;
    background:#222222;
    border-color:#222222;
}

.shop-page .prod-tabs .tabs-content{
    position:relative;
}

.shop-page .prod-tabs .tabs-content .tab{
    position:relative;
    display:none;
}

.shop-page .prod-tabs .tabs-content .tab.active-tab{
    display:block;
}

.shop-page .prod-tabs .tabs-content .tab p{
    font-size:18px;
    line-height:1.7em;
    color:#666666;
    margin-bottom:20px;
}

.shop-page .prod-tabs .tabs-content .tab p:last-child{
    margin-bottom:0px;
}

.shop-page .prod-tabs .tabs-content .tab h3,
.shop-page .prod-tabs .tabs-content .tab h4,
.shop-page .prod-tabs .tabs-content .tab h5,
.shop-page .prod-tabs .tabs-content .tab h6{
    margin-bottom:15px;
}

.shop-page .prod-tabs .tabs-content .tab h4{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    color:#222222;
}

.shop-page .prod-tabs .reviews-container{
    position:relative;
    padding-bottom:1px;
}

.shop-page .prod-tabs .reviews-container .review-box{
    position:relative;
    margin-bottom:30px;
    padding-left:120px;
    min-height:130px;
    padding-bottom:30px;
    border-bottom:1px solid #f0f0f0;
}

.shop-page .prod-tabs .reviews-container .review-box:last-child{
    margin-bottom:0px;
    padding-bottom:0px;
    border:none;
}

.bootstrap-touchspin .input-group-btn-vertical{
    width:auto;
    right: 0px;
    position: absolute;
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
    content: "\f106";
    font-size: 18px;
    font-style:normal;
    font-family: 'FontAwesome';
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
    content: "\f107";
    font-size: 18px;
    font-style:normal;
    font-family: 'FontAwesome';
}

.shop-page .prod-tabs .reviews-container .rev-thumb{
    position:absolute;
    left:0px;
    top:5px;
    width:100px;
    height:100px;
    background:#ffffff;
    border-radius:3px;
    margin-bottom:20px;
}

.shop-page .prod-tabs .reviews-container .rev-thumb img{
    display:block;
    width:100%;
    border-radius:3px;
}

.shop-page .prod-tabs .reviews-container .rev-content{
    position:relative;
    background:#ffffff;
}

.shop-page .prod-tabs .reviews-container .rev-header{
    position:relative;
}

.shop-page .prod-tabs .reviews-container .rev-header h4{
    float:left;
    line-height:30px;
    color:#222222;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating{
    position:relative;
    float:left;
    margin-left:40px;
    color:#422774;
    line-height:30px;
    font-size:14px;
    margin-bottom:10px;
}

.shop-page .prod-tabs .reviews-container .rev-header .rating .fa{
    margin-right:3px;
}

.shop-page .prod-tabs .reviews-container .rev-header .time{
    position:relative;
    float:right;
    color:#000000;
    line-height:30px;
    font-size:14px;
}

.shop-page .prod-tabs .reviews-container .rev-option{
    font-size:14px;
    color:#9e9e9e;
}

.shop-page .prod-tabs .reviews-container .rev-option a{
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
}

.shop-page .prod-tabs .reviews-container .rev-text{
    font-size:16px;
    color:#111111;
    line-height:1.8em;
    margin-bottom:15px;
}

/*Add Review*/

.shop-page .prod-tabs .add-review{
    position:relative;
    margin:30px 0px 20px;
    font-size:14px;
}

.shop-page .prod-tabs .add-review h2{
    color:#000000;
}

.shop-page .prod-tabs .add-review .rating{
    position:relative;
    padding-top:8px;
}

.shop-page .prod-tabs .add-review .rating .rate-box{
    position:relative;
    display:inline-block;
    margin-right:10px;
    font-size:14px;
    color:#555555;
}

.shop-page .prod-tabs .add-review .rating .rate-box:hover,
.shop-page .prod-tabs .add-review .rating .rate-box:focus,
.shop-page .prod-tabs .add-review .rating .rate-box:active{
    color:#422774;
}

.shop-page .prod-tabs .add-review label{
    position:relative;
    display:block;
    font-size:14px;
    margin-bottom:5px;
    font-weight:400;
    color:#303030;
}

.shop-page .prod-tabs .add-review h3{
    margin-bottom:20px;
}

.shop-page .prod-tabs .add-review .form-group{
    position:relative;
    margin-bottom:20px;
}

.shop-page .prod-tabs .add-review .form-group input[type="text"],
.shop-page .prod-tabs .add-review .form-group input[type="password"],
.shop-page .prod-tabs .add-review .form-group input[type="tel"],
.shop-page .prod-tabs .add-review .form-group input[type="email"],
.shop-page .prod-tabs .add-review .form-group select{
    position:relative;
    display:block;
    width:100%;
    line-height:22px;
    padding:9px 15px;
    color:#222222;
    border:1px solid #e0e0e0;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
}

.shop-page .prod-tabs .add-review .form-group textarea{
    position:relative;
    display:block;
    width:100%;
    line-height:22px;
    padding:8px 15px;
    color:#222222;
    border:1px solid #e0e0e0;
    height:150px;
    resize:none;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
}

.shop-page .prod-tabs .add-review button{

}

/***

====================================================================
    Cart Section style
====================================================================

***/

.cart-section{
    position:relative;
    z-index: 9;
    background-color: #ffffff;
    padding:100px 0px 120px;
}

.cart-section .cart-outer{
    position:relative;
}

.cart-section .table-outer{
    position:relative;
    width:100%;
    overflow-x: auto;
}

.cart-section .cart-table{
    width:100%;
    min-width:900px;
    border:1px solid #eeeeee;
}

.cart-section .cart-table tbody tr{
    border-bottom:1px solid #eeeeee;
}

.cart-table .cart-header{
    position:relative;
    width:100%;
    text-transform:uppercase;
    font-size:16px;
    border-radius:0px;
    background:#422774;
    color:#1f1f1f;
}

.cart-table thead tr th{
    line-height:24px;
    padding:20px 15px;
    min-width:120px;
    font-weight:700;
    color:#ffffff;
    font-size:16px;
    text-transform:capitalize;
}

.cart-table thead tr th.prod-column{
    text-align:left;
    padding-left:40px;
}

.cart-table tbody tr td{
    line-height:24px;
    padding:40px 40px 40px;
    min-width:100px;
}

.cart-table tbody tr .qty{
    width:90px;
    padding-right:40px;
    padding-left:10px;
}

.cart-table tbody tr .qty .quantity-spinner{
    background:#f5f5f5;
}

.cart-table tbody tr .prod-column .column-box{
    position:relative;
    min-height:100px;
    padding-left:130px;
    padding-top:40px;
    text-align:left;
}


.column.default-column .cart-table tbody tr .qty{
    width:110px;
    padding-right:20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
    position:absolute;
    width:100px;
    left:0px;
    top:0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
     display:block;
     max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h6{
    color:#222222;
    font-weight:500;
    margin-bottom:5px;
}

.cart-table tbody tr .sub-total{
    font-weight:400;
    color:#222222;
    font-size:18px;
    padding-left:20px;
}

.cart-table tbody tr .remove-btn{
    position:relative;
    font-size:18px;
    color:#422774;
    display:inline-block;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
    position:relative;
    top:2px;
    font-size:10px;
    line-height:14px;
    width:14px;
    height:14px;
    margin-right:8px;
    background:#f0f0f0;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
    text-indent:100px;
}

.cart-table tbody tr .remove{

}

.cart-table tbody tr .remove-btn:hover{

}

.cart-table tbody tr .remove-btn:hover .fa{
    text-indent:0px;
    background:#fa9928;
}

.cart-table tbody tr td{
    vertical-align:middle;
}

.cart-table tbody tr td.price{
    font-size:18px;
    font-weight:400;
    color:#222222;
    padding-left:10px;
}

.cart-table tbody tr td .quantity-spinner{
    padding:5px 0px 5px 20px;
    line-height:24px;
    height:34px;
    display:block;
    width:100%;
    position:relative;
}

.cart-table tbody .available-info{
    position:relative;
    padding-left:50px;
    color: #727272;
    font-size: 16px;
}

.cart-table tbody .available-info .icon{
    position:absolute;
    left:0px;
    top:5px;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:18px;
    color:#ffffff;
    background:#3e4494;
    border-radius:50%;
}

.cart-section .coupon-outer{
    position:relative;
    margin:40px 0px 50px;
}

.cart-section .coupon-outer .cart-btn{
    font-size:14px;
    padding:14px 43px;
    font-weight:400;
    cursor:pointer;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    transition:all 500ms ease;
}

.cart-section .apply-coupon{
    position:relative;
}

.cart-section .apply-coupon .form-group{
    position:relative;
    float:left;
    margin-right:20px;
}

.cart-section .apply-coupon .form-group .coupon-btn{
    line-height:30px;
    cursor:pointer;
}


.cart-section .apply-coupon .form-group input[type="text"]{
    display:block;
    line-height:26px;
    padding:12px 0px;
    border-bottom:2px solid #422774;
    height:54px;
    width:230px;
    background:none;
    font-size:18px;
}

.cart-section .estimate-form{
    position:relative;
}

.cart-section .sec-title{
    margin-bottom:25px;
}

.cart-section .sec-title h2{
    font-size:26px;
    color:#222222;
}

.cart-section .estimate-form .row{
    margin-left:-7px;
    margin-right:-7px;
}

.cart-section .estimate-form .row .form-group{
    padding:0px 7px !important;
    margin-bottom:30px;
}

.cart-section .cart-note{
    position:relative;
    margin-bottom:50px;
    padding:16px 20px;
    text-align:center;
    border:1px dashed #b2dd4c;
    background:#f4f4f4;
    line-height:1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
    position:relative;
    line-height:46px;
    height:46px;
    background:#f4f4f4;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn{
    height:24px;
    background:#e9e9e9;
}

.bootstrap-touchspin .input-group-btn-vertical i{
    left:6px;
    top:6px;
}

.cart-total-box{
    position:relative;
    max-width:490px;
    margin-bottom:40px;
    padding:40px 40px 30px;
    background-color:#f4f4f4;
}

.cart-total-box h4{
    position:relative;
    color:#222222;
    font-weight:700;
    line-height:1.4em;
    margin-bottom:25px;
}

.totals-table{
    position:relative;
}

.totals-table li{
    position:relative;
    color:#222222;
    font-weight:500;
    font-size:18px;
    margin-bottom:8px;
}

.totals-table li .col{
    float:right;width:auto;
}

.totals-table li .col-title{
    font-weight:600;
    float:left;
}

.totals-table li.total{
    margin-top:25px;
    padding-top:30px;
    border-top:1px solid #cccccc;
}

.checkout-btn{
    color:#ffffff;
    font-size:18px;
    font-weight:400;
    padding:17px 43px 17px;
    cursor: pointer;
    background-color:#422774;
}

/*Check Out Page*/

.checkout-page{
    position:relative;
    z-index: 9;
    background-color: #ffffff;
    padding:100px 0px 80px;
}

.checkout-page .default-links{
    position:relative;
    margin-bottom:40px;
}

.checkout-page .default-links li{
    margin-bottom:15px;
    line-height:24px;
    padding:18px 28px;
    background:#f9f9f9;
    color:#797979;
    font-size:17px;
    font-weight:600;
    border:1px solid #ebebeb;
}

.checkout-page .default-links li a{
    color:#422774;
    text-decoration:underline;
}

.shop-form .billing-inner{
    position:relative;
    padding-right:100px;
}

.shop-form .sec-title h2{
    font-size:24px;
}

.shop-form .form-group{
    position:relative;
    margin-bottom:20px;
}

.billing-details .shop-form .sec-title{
    margin-bottom:20px;
}

.billing-details .shop-form .form-group.sec-title{
    margin-bottom:10px;
    padding-bottom:30px;
    margin-top:20px;
}

.shop-form .form-group .field-label{
    display:block;
    line-height:24px;
    margin-bottom:8px;
    color:#797979;
    font-size:15px;
    font-weight:500;
    text-transform:capitalize;
}

.shop-form .form-group .field-label sup{
    position:relative;
    top:0px;
    color:#797979;
    font-size:16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea{
    position:relative;
    display:block;
    width:100%;
    background:#ffffff;
    line-height:16px;
    padding:10px 15px;
    height:50px;
    border:1px solid #eeeeee;
    transition:all 300ms ease;
    -webkit-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
}

.shop-form input.address-two{
    margin-top:12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder{
    color:#c6c6c6;
}

.shop-form select{
    -webkit-appearance:none;
    -ms-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    cursor:pointer;
}

.shop-form select option{
    text-indent:15px;
}

.shop-form textarea{
    resize:none;
    height:100px !important;
    overflow:hidden;
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus{
    border-color:#422774;
}

/* Shop Order Box */

.shop-order-box{
    position:relative;
    padding:20px 28px 50px;
    border:1px solid #d9d9d9;
    background-color:#fdfdfd;
}

.shop-order-box .order-list{
    position:relative;
}

.shop-order-box .order-list li{
    position:relative;
    color:#797979;
    font-size:15px;
    font-weight:500;
    margin-bottom:12px;
    text-transform:uppercase;
}

.shop-order-box .order-list li span{
    float:right;
    width:35%;
    text-align:left;
    font-size:17px;
    text-transform:capitalize;
}

.shop-order-box .order-list li span.dark{
    color:#242424;
}

.shop-order-box .order-list li.total{
    padding:8px 0px;
    border-top:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
}

.payment-options{
    position:relative;
    margin-top:20px;
    margin-bottom:20px;
}

.checkout-page .payment-options li{
    position:relative;
    margin-bottom:15px;
}

.checkout-page .payment-options li .radio-option{
    position:relative;
}

.checkout-page .payment-options li .radio-option label{
    position:relative;
    display:block;
    padding-left:30px;
    font-weight:600 !important;
    text-transform:capitalize;
    letter-spacing:1px;
    color:#797979;
    cursor:pointer;
    font-size:15px;
}

.checkout-page .payment-options li .radio-option label strong{
    font-weight:500;
    display: inline-block;
    color:#797979;
    font-size:15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
    position:absolute;
    left:0px;
    top:3px;
}

.checkout-page .payment-options li .radio-option #payment-3{
    top:9px;
}

.checkout-page .payment-options li .what-paypall{
    font-size:13px;
    font-weight:500;
    margin-left:15px;
    color:#4349d9;
}

.checkout-page .payment-options li .radio-option label .small-text{
    position:relative;
    display:none;
    padding:18px 26px;
    letter-spacing:0px;
    text-transform:none;
    font-weight:normal;
    font-size:15px;
    color:#8e8d8d;
    border-radius:4px;
    line-height:20px;
    line-height:1.8em;
    margin-top:20px;
    margin-left:-30px;
    background-color:#ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before{
    position:absolute;
    content:'';
    left:24px;
    top:-10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text{
    display: block;
}

.checkout-page .payment-options li .radio-option label img{
    position:relative;
    top:-3px;
    display:inline-block;
    max-width:100%;
    padding-left:30px;
}

.checkout-page .payment-options li .radio-option label img{
    position:relative;
    display:inline-block;
    max-width:100%;
    padding-left:30px;
}

.color-palate .rtl-version.option-box{
    margin-left:0px;
    float:none;
}

.color-palate .rtl-version.option-box > li{
    position: relative;
    color:#ffffff;
    width: 40%;
    margin:0px 3px;
    cursor: pointer;
    margin-bottom: 9px;
    padding:6px 12px;
    display: inline-block;
    background-color: #18c5fe;
    text-transform:capitalize;
}

.color-palate .option-box > li{
    position: relative;
    color:#ffffff;
    width: 40%;
    margin:0px 3px;
    cursor: pointer;
    margin-bottom: 9px;
    padding:6px 12px;
    display: inline-block;
    background-color: #18c5fe;
    text-transform:uppercase;
}

.color-trigger .fa{
    -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
    transform:rotate(180deg);
}

/* RTL Code */

.rtl .main-menu,
.rtl .main-menu .navigation > li,
.rtl .main-header .header-top .top-left{
    float:right;
}

.rtl .main-header .outer-box,
.rtl .main-header .header-top .top-right{
    float:left;
}

.rtl .main-header .header-top .top-right .social-box li{
    margin-left:0px;
    margin-right:15px;
}

.rtl .main-header .header-top .info-list li a{
    padding-left:0px;
    padding-right:28px;
    text-align:right;
}

.rtl .main-header .header-top .info-list li a .icon{
    right:0px;
    left:auto;
}

.rtl .main-header .header-upper .logo-box{
    float:right;
    margin-left:30px;
}

.rtl .main-menu .navigation > li:last-child{
    margin-right:20px;
}

.rtl .main-menu .navigation > li > ul{
    top:100%;
    left:auto;
    right:30px;
    text-align:right;
}

.rtl .main-menu .navigation > li.dropdown:hover > ul{
    left:auto;
    right:0px;
}

.rtl .main-menu .navigation > li > ul > li:hover > a{
    padding-left:18px;
    padding-right:30px;
}

.rtl .main-menu .navigation > li > ul > li > a:before{
    right:10px;
    left:auto;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
    right:auto;
    left:15px;
}

.rtl .main-menu .navigation > li > ul > li > ul{
    left:auto;
    right:120%;
}

.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul{
    left:auto;
    right:100%;
}

.rtl .main-header .outer-box{
    margin-left:0px;
    margin-right:20px;
}

.rtl .banner-section .content-column .inner-column{
    text-align:right;
}

.rtl .sticky-header .logo{
    float:right;
}

.rtl .main-header .header-upper .outer-button-box{
    position:absolute;
    left:-192px;
    right:auto;
}

.rtl .main-header .nav-outer{
    margin-right:0px;
    padding-right:0px;
}

.rtl .main-header .options-box{
    margin-left:0px;
    margin-right:30px;
}

.rtl .news-block .inner-box,
.rtl .main-footer .footer-widget,
.rtl .cta-section-two .inner-container h3,
.rtl .fact-counter .column .inner .content,
.rtl .testimonial-block .inner-box .text,
.rtl .fluid-section-one .content-column .inner-column,
.rtl .solution-block .inner-box{
    text-align:right;
}

.rtl .solution-block .inner-box .solution-pattern-layer{
    opacity:0;
}

.rtl .solution-block .inner-box .side-icon{
    left:0px;
    right:auto;
}

.rtl .success-section .content-column{
    order:2;
    text-align:right;
}

.rtl .success-section .image-column{
    order:1;
}

.rtl .success-section .content-column .list li{
    padding-left:0px;
    padding-right:20px;
}

.rtl .list-style-two li .icon,
.rtl .success-section .content-column .list li:before{
    right:0px;
    left:auto;
}

.rtl .main-header .search-panel .search-btn,
.rtl .accordion-box .block .icon-outer{
    left:0px;
    right:auto;
}

.rtl .news-block .inner-box .lower-content .post-meta li a{
    padding-left:0px;
    padding-right:30px;
    text-align:right;
}

.rtl .list-style-one li .icon,
.rtl .news-block .inner-box .lower-content .post-meta li a .icon{
    left:auto;
    right:0px;
}

.rtl .list-style-two li{
    text-align:right;
    padding-left:0px;
    padding-right:30px;
}

.rtl .main-header .search-panel input[type="text"],
.rtl .main-header .search-panel input[type="search"],
.rtl .main-header .search-panel input[type="password"],
.rtl .main-header .search-panel select{
    text-align:right;
    padding-right:15px;
}

.rtl .services-section .column .inner-column,
.rtl .sidebar-info-contents .content-inner,
.rtl .quote-section .form-column .inner-column,
.rtl .newsletter-form .form-group input[type="text"],
.rtl .newsletter-form .form-group input[type="tel"],
.rtl .newsletter-form .form-group input[type="email"],
.rtl .newsletter-form .form-group textarea,
.rtl .ui-selectmenu-button.ui-button,
.rtl .default-form .form-group input[type="text"],
.rtl .default-form .form-group input[type="email"],
.rtl .default-form .form-group input[type="tel"],
.rtl .default-form .form-group input[type="url"],
.rtl .default-form .form-group textarea,
.rtl .default-form .form-group select,
.rtl .ui-selectmenu-menu .ui-menu,
.rtl .cta-section-three,
.rtl .sec-title,
.rtl .blog-cat li a,
.rtl .broucher-widget,
.rtl .cta-section-five h3,
.rtl .price-block .inner-box,
.rtl .help-widget .widget-content,
.rtl .price-block .inner-box .text,
.rtl .solution-block-two .inner-box,
.rtl .testimonial-block-two .inner-box,
.rtl .news-block-three .inner-box,
.rtl .news-block-two .inner-box .lower-content,
.rtl .gallery-block-two .inner-box .lower-content,
.rtl .quote-section .content-column .inner-column,
.rtl .main-slider-three .content-column .inner-column,
.rtl .business-section .content-column .inner-column,
.rtl .faq-page-section .accordion-column .inner-column,
.rtl .solution-section-two .content-column .inner-column,
.rtl .ui-selectmenu-button.ui-button,
.rtl .categories-widget .widget-content,
.rtl .service-detail .inner-box .lower-content,
.rtl .faq-form .form-group input[type="text"],
.rtl .faq-form .form-group input[type="email"],
.rtl .faq-form .form-group input[type="tel"],
.rtl .faq-form .form-group input[type="url"],
.rtl .faq-form .form-group textarea,
.rtl .faq-form .form-group select{
    text-align:right;
}

.rtl .newsletter-form .form-group input[type="submit"],
.rtl .newsletter-form .form-group button{
    left:5px;
    right:auto;
}

.rtl .main-header .search-box-outer .dropdown-menu{
    left:0px;
    right:auto;
}

.rtl .list-style-one li{
    padding-left:0px;
    text-align:right;
    padding-right:30px;
}

.rtl .header-top-two .top-left .info-list li{
    padding-right:28px;
    padding-left:0px;
    text-align:right;
}

.rtl .solution-section-two .content-column .column-list li:before,
.rtl .header-top-two .top-left .info-list li .icon{
    right:0px;
    left:auto;
}

.rtl .main-header .options-box .cart-box .cart-panel{
    left:0px !important;
    right:auto;
}

.rtl .solution-section-two .content-column .column-list li{
    padding-left:0px;
    padding-right:30px;
}

.rtl .solution-section-two .content-column .satisfy-box{
    left:0px;
    right:auto;
}

.rtl .solution-section-two .content-column .author-box .box-inner{
    padding-left:0px;
    text-align:right;
    padding-right:130px;
}

.rtl .solution-section-two .content-column .author-box .box-inner .author-image{
    right:0px;
    left:auto;
}

.rtl .quote-section .content-column .numbering-list li{
    text-align:right;
    padding-left:0px;
    padding-right:45px;
}

.rtl .price-block .inner-box .price-list li:before,
.rtl .quote-section .content-column .numbering-list li .number{
    right:0px;
    left:auto;
}

.rtl .cta-section-three .lower-blocks .info-block .block-inner .icon{
    left:0px;
    right:auto;
}

.rtl .price-block .inner-box .price-list li{
    padding-left:0px;
    padding-right:24px;
    text-align:right;
}

.rtl .testimonial-section-two .content-box .owl-nav{
    left:0px;
    right:auto;
}

.rtl .testimonial-section-two .content-box .owl-nav .owl-prev,
.rtl .testimonial-section-two .content-box .owl-nav .owl-next{
    margin-left:0px;
    margin-right:10px;
}

.rtl .news-block-two .inner-box .lower-content .post-meta li a{
    padding-left:0px;
    padding-right:28px;
    text-align:right;
}

.rtl .main-header .info-box .icon-box,
.rtl .news-block-two .inner-box .lower-content .post-meta li a .icon{
    right:0px;
    left:auto;
}

.rtl .news-block-two .inner-box .lower-content .btn-box:before{
    left:0px;
    right:auto;
}

.rtl .main-header .info-box{
    padding-left:0px;
    padding-right:65px;
    text-align:right;
}

.rtl .main-header .info-box:last-child{
    padding-right:0px;
}

.rtl .main-slider-three .image-column .color-layer{
    display:none;
}

.rtl .solution-block-two .inner-box .side-icon{
    left:10px;
    right:auto;
}

.rtl .team-block-two .inner-box .lower-content{
    text-align:right;
    padding-right:10px;
}

.rtl .team-block-two .inner-box .lower-content .share-box{
    left:20px;
    right:auto;
}

.rtl .news-section-three .owl-nav{
    left:-10px;
    right:auto;
}

.rtl .news-block-three .inner-box .image .post-meta li a{
    padding-left:0px;
    text-align:right;
    padding-right:25px;
}

.rtl .news-block-three .inner-box .image .post-meta li a .icon{
    right:0px;
    left:auto;
}

.rtl .news-block-three .inner-box .lower-content .btn-box:before{
    left:0px;
    right:auto;
}

.rtl .page-title .pull-left{
    float:right;
    text-align:right;
}

.rtl .page-title .pull-right{
    float:left;
}

.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea{
    text-align:right;
    padding-right:20px;
}

.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button{
    left:0px;
    right:auto;
}

.rtl .blog-cat li a:after{
    left:0px;
    right:auto;
}

.rtl .service-detail .inner-box .lower-content .service-list li{
    text-align:right;
    padding-left:0px;
    padding-right:35px;
}

.rtl .service-detail .inner-box .lower-content .service-list li:before{
    right:0px;
    left:auto;
}

.rtl .service-detail .inner-box .lower-content .solution-list li{
    padding-left:0px;
    padding-right:100px;
}

.rtl .service-detail .inner-box .lower-content .solution-list li:before{
    right:20px;
    left:auto;
}

.rtl .popular-posts .post-info:before,
.rtl .service-detail .inner-box .lower-content .solution-list li .number{
    right:0px;
    left:auto;
}

.rtl .billing-details,
.rtl .blog-detail .inner-box,
.rtl .news-block-four .inner-box,
.rtl .sidebar-widget .widget-content,
.rtl .project-detail .inner-box .lower-content,
.rtl .project-info-widget .widget-content,
.rtl .sidebar-page-container .group-title,
.rtl .sidebar-page-container .comments-area .comment,
.rtl .ui-selectmenu-button.ui-button,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="url"],
.rtl .comment-form .form-group textarea,
.rtl .comment-form .form-group select,
.rtl .ui-selectmenu-button.ui-button,
.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group input[type="tel"],
.rtl .contact-form .form-group input[type="url"],
.rtl .contact-form .form-group textarea,
.rtl .contact-form .form-group select,
.rtl .product-details .info-column,
.rtl .shop-page .prod-tabs .add-review,
.rtl .checkout-page .default-links li,
.rtl .shop-page .prod-tabs .tabs-content .tab p,
.rtl .shop-page .prod-tabs .add-review .form-group input[type="text"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="password"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="tel"],
.rtl .shop-page .prod-tabs .add-review .form-group input[type="email"],
.rtl .shop-page .prod-tabs .add-review .form-group textarea,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .shop-form input[type="text"],
.rtl .shop-form input[type="email"],
.rtl .shop-form input[type="password"],
.rtl .shop-form input[type="tel"],
.rtl .shop-form input[type="number"],
.rtl .shop-form input[type="url"],
.rtl .shop-form select,
.rtl .shop-form textarea,
.rtl .shop-order-box .order-list li span{
    text-align:right;
}

.rtl .product-details .basic-details .item-quantity{
    margin-right:0px;
    margin-left:30px;
}

.rtl .product-details .info-column .other-options .pull-left{
    float:right;
}

.rtl .project-info-widget .project-info-list li span{
    text-align:left;
}

.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"]{
    text-align:right;
    padding-right:20px;
}

.rtl .sidebar .search-box .form-group button{
    left:0px;
    right:auto;
}

.rtl .cat-list-two li a span{
    right:auto;
    left:25px;
}

.rtl .popular-posts .post-info{
    padding-left:0px;
    padding-right:22px;
}

.rtl .news-block-five .inner-box{
    padding-left:0px;
    padding-right:380px;
    text-align:right;
}

.rtl .news-block-five .inner-box .image{
    right:0px;
    left:auto;
}

.rtl .news-block-five .inner-box .content-box .post-meta li{
    padding-right:0px;
}

.rtl .news-block-five .inner-box .content-box .post-meta li a{
    padding-left:0px;
    padding-right:28px;
    text-align:right;
}

.rtl .news-block-five .inner-box .content-box .post-meta li a .icon{
    right:0px;
    left:auto;
}

.rtl .news-block-five .inner-box .content-box .btn-box:before{
    left:0px;
    right:auto;
}

.rtl .news-block-five .inner-box .content-box .post-meta li{
    margin-right:0px;
    margin-left:18px;
}

.rtl .news-block-five .inner-box .content-box .post-meta li a{
    padding-left:0px;
}

.rtl .blog-detail .inner-box .image .post-meta li:before,
.rtl .news-block-five .inner-box .content-box .post-meta li:before{
    display:none;
}

.rtl .blog-detail .inner-box .image .post-meta li,
.rtl .news-block-four .inner-box .image .post-meta li a{
    padding-left:0px;
    padding-right:28px;
}

.rtl .popular-posts .post .post-thumb,
.rtl .blog-detail .inner-box .image .post-meta li .icon,
.rtl .news-block-four .inner-box .image .post-meta li .icon{
    right:0px;
    left:auto;
}

.rtl .blog-detail .inner-box .image .category,
.rtl .news-block-four .inner-box .image .category{
    left:0px;
    right:auto;
}

.rtl .news-block-four .inner-box .lower-content .btn-box:before{
    left:0px;
    right:auto;
}

.rtl .popular-posts .post{
    text-align:right;
    padding-left:0px;
    padding-right:120px;
}

.rtl .contact-info-section .info-column .inner-column{
    padding-left:0px;
    padding-right:120px;
    border-left:0px;
    text-align:right;
    border-right:8px solid #422774;
}

.rtl .list-style-three li .icon,
.rtl .contact-info-section .info-column .inner-column:before{
    right:0px;
    left:auto;
}

.rtl .list-style-three li{
    padding-left:0px;
    padding-right:38px;
    text-align:right;
}

.rtl .shop-page .prod-tabs .reviews-container .review-box{
    padding-left:0px;
    padding-right:120px;
    text-align:right;
}

.rtl .shop-page .prod-tabs .reviews-container .rev-thumb{
    right:0px;
    left:auto;
}

.rtl .cart-product .inner{
    text-align:right;
    padding-left:0px;
    padding-right:90px;
}

.rtl .cart-product .inner .image{
    right:0px;
    left:auto;
}

.rtl .cart-product .inner .cross-icon{
    left:0px;
    right:auto;
}

.rtl .page-title .bread-crumb li{
    display:inline-block;
    float:none;
}

.rtl .page-title .bread-crumb,
.rtl .mobile-menu .navigation li > a{
    text-align:right;
}

.rtl .mobile-menu .navigation li.dropdown .dropdown-btn span{
    left:0px;
    right:auto;
}

.rtl .main-header .info-box:nth-child(3){
    padding-right:0px;
}

/* Box Version */

.box-layout{
    background-position:fixed;
}

.box-layout:before{
    position:absolute;
    content:'';
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-color:rgba(0,0,0,0.50);
}

.box-layout .page-wrapper{
    max-width:1300px;
    padding:15px;
    overflow:hidden;
    background-color:#ffffff;
    box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.box-layout .main-slider .slider-social-nav{
    top:120px;
}

.box-layout .main-slider .slider-social-nav li{
    margin-right:20px;
}

.box-layout .main-slider .slider-social-nav li a{
    font-size:18px;
}





/***

====================================================================
    Search Popup
====================================================================

***/

.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.sidenav-bar-visible .search-popup{
    width: 80%;
}

.search-popup:before{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0px;
    content: "";
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search{
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color:#ffffff;
    width: 70px;
    cursor:pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #000000;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup .close-search span{
    position: relative;
    display: block;
    height: 70px;
    width: 70px;
    font-size: 20px;
    line-height: 70px;
    color: #111111;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px;
    overflow: hidden;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button{
    position:absolute;
    right:30px;
    top:0px;
    height:70px;
    line-height: 70px;
    background: transparent;
    text-align:center;
    font-size:24px;
    color:#000000;
    padding: 0;
    cursor:pointer;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.price-block .inner-box .text br{
    display:none;
}


/*---============== New CSS ============---*/

.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #90b728;    }
    49%{    color: #90b728; }
    60%{    color: #fff; }
    99%{    color:#fff;  }
    100%{   color: #90b728;    }
}


/*----============ ABOUT US ============---*/

.cmt-row.aboutus2-section {
       position: relative;
       padding-top:60px;
    padding-bottom: 130px;
}
.cmt-row {
    padding: 40px 0;
    padding-bottom: 40px;
}
.cmt_single_image-wrapper.border-style1 {
    margin-right: 40px;
}
.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
}
.cmt_single_image-wrapper {
    position: relative;
}
.cmt_single_image-wrapper.border-style1>img, .cmt_single_image-wrapper.border-style2>img {
     border: 10px solid #fff;
   /* border: 4px solid #d1d1d1; */
}
.cmt_single_image-wrapper.border-style1:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 40px;
    left: 40px;
    border: 5px solid #000;
    z-index: -1;
}
.section-title .title-header {
    position: relative;
    margin-bottom: 20px;
}
.section-title .title-42 {
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #f0b056;
    font-weight: 600;
    /* font-family: 'Josefin Sans',sans-serif; */
    letter-spacing: -1px;
}

.cmt-row.aboutus2-section p {
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 22px;
}

.section-title.clearfix {
    position: relative;
     /* margin-top: -115px;  */
}

.cmt-row.aboutus2-section .bold-text {
    position: relative;
    color: #18c5fd;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 30px;
    margin-bottom: 30px;
}




/*----============./ ABOUT US ============---*/


/*----============ CONTACT US ============---*/
.cmt-row.contact-section {
    /* padding-bottom: 35px; */
}
.cmt-row {
    padding: 40px 0;
    /* padding-bottom: 40px; */
}
.contact-section {
    position: relative;
    padding: 60px 0;
    background-color: #f9f9f9;
}

.icon-bx-wraper.expertise {
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 4px;
    /* background-color: rgba(0,0,0,.01); */
    background-color: #fff;
}
.icon-bx-wraper.bx-style-1, .icon-bx-wraper.bx-style-2 {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb;
    font-size: 14px;
}

.p-a20 {
    padding: 20px;
}
.icon-content {
    overflow: hidden;
}
.icon-bx-wraper .dlab-tilte {
    margin-top: 0;
    font-size: 17px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.2em;
    color:#000;
}
.icon-sm {
    width: 40px;
}
.icon-sm i {
    font-size: 30px;
}
.icon-bx-wraper p:last-child {
    margin: 0;
}
.icon-bx-wraper p:last-child {
    margin: 0;
}
.icon-bx-wraper p {
color:#000;
}
.m-b30 {
    margin-bottom: 15px;
}

.icon-bx-wraper.bx-style-1:hover {
    -webkit-box-shadow: 0 8px 8px 0 rgb(11 37 71 / 20%), 0 0 1px 0 rgb(10 37 70 / 20%);
    box-shadow: 0 8px 8px 0 rgb(11 37 71 / 20%), 0 0 1px 0 rgb(10 37 70 / 20%);
}

.icon-bx-wraper p a{
    color:#000;
}

.m-b0 {
    margin-bottom: 0;
}


.icon-bx-wraper  p.button-mr {
    margin-top: 30px;
}



 .w3l-enquiry.contact-page-area1 {
    margin: 60px 0;
}

.enquiryimg img{
    width:100%;
}

.enquiryimg{
text-align:center;
}

.cmt-row.contact-section h4 {
    font-weight: 600;
    color: #000;
    font-size:21px;
}


.button-quote {
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 4px 15px;
    animation: blinkingText 1.2s infinite;
    font-size: 16px;
    -webkit-box-shadow: 0 5px 5px 0 rgb(11 37 71 / 20%), 0 0 1px 0 rgb(10 37 70 / 20%);
    box-shadow: 0 5px 5px 0 rgb(11 37 71 / 20%), 0 0 1px 0 rgb(10 37 70 / 20%);
    background-color: #858282;
    color: #000;
    font-weight: 600;
}


.icon-content h5.dlab-tilte {
    font-size: 17px;
}

.icon-content p.button-mr {
    margin-top: 10px;
    line-height: 30px;
}
/*----============./ CONTACT US ============---*/

.table td, .table th{
    padding:10px;
    color: #444;
}

.keywrds {
    position: relative;
    color: #6d6d6d;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 22px;
    padding:0 20px;
}

/*---========== Gallery ==========----*/
.work-section{
    position:relative;
    display:block;
    padding:60px 0;
}

/*-- Work --*/
.project {
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.project .image {
    display: block;
    position: relative;
}
.project .image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.project .image img {
    width: 100%;
}
.project .img {
    display: block;
}
.project .img img {
    width: 100%;
    border: 4px groove #ccc;
    border-radius:10px;
}
.project .daHoverElem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #040404eb;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.project .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 15px 50px 50px;
}
.project .content.content-center {
    top: 50%;
    bottom: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}
.project .content .title {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 30px;
    opacity: 0;
    -webkit-transform: translateY(-35px);
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-family: 'Saira', sans-serif;
}
.project .content .title > a {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #f0b056;
}
.project .content .category {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition: .3s ease-out 0s;
    -o-transition: .3s ease-out 0s;
    transition: .3s ease-out 0s;
}
.project .content .category > a {
    color: #dddddd;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.project .content .category > a:hover {
    color: #f0b056;
}
.project .content .work-search-icon {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-45px);
    -ms-transform: translateY(-45px);
    transform: translateY(-45px);
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.project .content .work-search-icon .icon {
    width: 30px;
    height: 45px;
    margin: auto;
    margin-top: 10px;
}
.project .content .work-search-icon .icon a {
    display: block;
}
.project .content .work-search-icon .icon a i {
    font-size: 18px;
    margin-right: 0px;
    color: #1d2634;
}
.project:hover .image::before {
    opacity: 0.7;
}
.project:hover .daHoverElem {
    opacity: 0.7;
}
.project:hover .content {
    opacity: 1;
}
.project:hover .content .title {
    opacity: 1;
    -webkit-transition: .5s ease-out .3s;
    -o-transition: .5s ease-out .3s;
    transition: .5s ease-out .3s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.project:hover .content .category {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s ease-out .3s;
    -o-transition: .5s ease-out .3s;
    transition: .5s ease-out .3s;
}
.project:hover .content .category a:hover {
    color: #fbd232;
}
.project:hover .content .work-search-icon {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


.project-item {
    margin-bottom: 30px;
}

/*-- Project Information --*/
.project-information {
    background-color: #1d2634;
    padding: 30px 35px;
}
.project-information h3 {
    color: #ffffff;
    margin-bottom: 20px;
}
.project-information ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 14px;
}
.project-information ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
.project-information ul li strong {
    width: 80px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/* Pentagon Icon CSS */
.pentagon-icon .icon {
    position: relative;
    width: 50px;
    height: 77px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    background-color: #fec013;
    /*background-color: #0c9cd9;*/
    border-radius: 6px;
    margin: 0 20px;
}

@media only screen and (max-width: 767px) {
.pentagon-icon .icon {
    width: 38px;
    height: 57px;
    margin: 0 15px;
}
}
.pentagon-icon .icon::before, .pentagon-icon .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fec013;
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    z-index: -1;
    border-radius: 6px;
}
.pentagon-icon .icon::after {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.pentagon-icon .icon i {
    font-size: 26px;
    color: #1d2634;
}

/*---==========./ Gallery ==========----*/

.mt-60{
    margin-top:60px;
}

.main-footer .footer-bottom .arrow-column .scroll-to-target{
background: #f8c805 !important;
}

.mobile-menu .navigation li > ul, .mobile-menu .navigation li > ul > li > ul {
    display: none;
}

.mega-menu {
    display: none;
}
/*---============== ./ New CSS ============---*/

.blinking {
    animation:blinkingText 1.2s infinite;
    /* font-size: 18px; */
}
@keyframes blinkingText{
    0% {color: #fff;}
    49% {color: #fff;}
    60% {color: #422774;}
    99% {color: #422774;}
    100% {color: #fff;}

    .text-green{
        color: #422774!important;
    }
}

.slider-width{
    width: 1366px;
    margin: 0 auto;
}

@media (min-width: 360px) and (max-width: 768px) {
    .slider-width{
        width: 400px;
        margin: 0 auto;
    }
    .d-bnone{
        display: none;
    }
    .col-count2{
        column-count: 1 !important;
    }
}

@media (min-width: 1368px) and (max-width: 1920px) {
    .slider-width{
        width: 1920px;
        margin: 0 auto;
    }
}











/*
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
}

#logos-home-page .slider {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#logos-home-page .slider:before,#logos-home-page .slider:after {
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }

#logos-home-page .slider:after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

#logos-home-page .slider:before {
        left: 0;
        top: 0;
    }
    #logos-home-page .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

#logos-home-page div.slide {
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
} */





















/* Animation */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
}


/*  Styling  */
#logos-home-page .slider {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#logos-home-page .slider:before,#logos-home-page .slider:after {
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        content: "";
        height: 500px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }

#logos-home-page .slider:after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

#logos-home-page .slider:before {
        left: 0;
        top: 0;
    }
    #logos-home-page .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(400px * 14);
    }

#logos-home-page li.slide {
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bg-gray{
    background-color: #f0f0f0;
}

.font-enquiry{
    font-size: 17px;
}

.font-20{
    font-size: 18px !important;
}
.text-blue{
    color: #609743 !important;
}

.list-2 {
 display:table
}
.list-2 li {
 float:left;
 padding:5px 5px 5px 20px;
 width:50%;
 position:relative;
}

.list-2 li:before {
 content:"\f18e";
 font-family:FontAwesome;
 font-size:17px;
 left:0;
 position:absolute
}
.list-2 li:hover:before {
 color:var(--color-primary)
}

.list{
    /*! float:left; */
    padding:5px 5px 5px 20px;
}
.list li:before {
 content:"\f18e";
 font-family:FontAwesome;
 font-size:17px;
 left:80px;
 position:absolute;
}









#demo {
  height:100%;
  position:relative;
  overflow:hidden;
}


.green{
  background-color:#6fb936;
}
        .thumb{
            margin-bottom: 30px;
        }

        .page-top{
            margin-top:85px;
        }


img.zoom {
    width: 100%;
    height: 200px;
    border-radius:5px;
    object-fit:cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}


.transition {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
    .modal-header {

     border-bottom: none;
}
    .modal-title {
        color:#000;
    }
    .modal-footer{
      display:none;
    }


.contact-list a{
    color: #fff;
    font-size: 16px;
    line-height: 32px;
}

.p-name{
    position: relative;
    color: #000000;
    font-size: 25px;
    font-weight: 600;
    line-height: 25px;
    font-family: 'Saira', sans-serif;
    margin-bottom: 15px;
}


.inner-box5 {
  position: relative;
  padding: 20px 20px;
  background-color: #ffffff;
  border-radius: 0px 0px 0px 0px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
}

.inner-box5 li{
    position:relative;
    color:#222222;
    font-size:15px;
    padding-left:35px;
    margin-bottom:5px;
    margin-top: 10px;
}

.inner-box5 li:before{
    position:absolute;
    content: "\f13e";
    left:0px;
    top:3px;
    font-size:16px;
    color:#111111;
    line-height:1em;
    font-family: "Flaticon";
}


.inner-box5 a:hover{
    color: #000;
}

.d-bnone{
    margin: 70px;
}

.col-count2{
    column-count: 2;
}

.logo{
    margin-top: 15px;
}
.float{
    position:fixed;
    width:160px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:red;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999999;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-float{
    margin-top:22px;
}

.float-1{
    position:fixed;
    width:70px;
    height:70px;
    bottom:195px;
    right:40px;
    background-color:  #169ce9;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999999;
    font-weight: 700;
        display: flex;
    justify-content: center;
    align-items: center;
}
.float-2{
    position:fixed;
    width:70px;
    height:70px;
    bottom:115px;
    right:40px;
    background-color: #36cf51;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999999;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.float-1 .fa, .float-2 .fa{
font-size: 36px;
}


@media only screen and (max-width: 600px) {
    .float-1{
        position:fixed;
        width:50%;
        height:50px;
        bottom:50px;
        right:0px;
        background-color:  #169ce9;
        color:#FFF;
border-radius: 0;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        z-index: 9999999;
        font-weight: 700;
            display: flex;
        justify-content: center;
        align-items: center;
    }
    .float-2{
        position:fixed;
        width:50%;
        height:50px;
        bottom:50px;
        left:0px;
        background-color: #36cf51;
        color:#FFF;
border-radius: 0;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        z-index: 9999999;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .float-1 .fa, .float-2 .fa{
    font-size: 18px;
    }
    .float{
        position:fixed;
        width:100%;
        height:50px;
        bottom:0px;
right: 0;
        background-color:red;
        color:#FFF;
        border-radius:0px;
        text-align:center;
        box-shadow: 2px 2px 3px #999;
        z-index: 9999999;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
    }
.footer-bottom{
    margin-bottom: 100px;
}
.main-footer .footer-bottom .arrow-column .scroll-to-target{
display: none;
}
  }