/*------------------------------------------------------------------
Common Stylesheet

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
    tb preloader
-------------------------------------------------------------------*/
#tb-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: block;
    background: #fdcd2d;
}
.tb-preloader-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}
.tb-preloader-wave:before,
.tb-preloader-wave:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #222;
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite;
}
.tb-preloader-wave:after {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}
@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

/* ----------------------------------------------------------------
	typography
-----------------------------------------------------------------*/

body {
    font-family: 'Gotham-Light';
    line-height: 1.5;
    color: #323232;
    font-size: 15px;
    font-weight: 600;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}



a:active,
a:focus { outline: none !important; }


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
   font-family: 'WorkSans-Medium';
    font-weight: normal;
}

h1,
h2 {
    /* letter-spacing: 2px; */
}

h3,
h4 {
   /*  letter-spacing: 2px; */
}

h5,
h6 {
    letter-spacing: 1px;
}

a {
    text-decoration: none !important;
}

a:hover, a:focus {
    color: #323232;
}

a:hover, .btn, .btn:hover  {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


a img,
iframe { border: none !important; }


p {
    margin: 0 0 30px;
    line-height: 30px;
    color: #7e7e7e;
}

p, li {
   font-family: 'WorkSans-Medium';
   /*  font-family: 'Source Sans Pro', sans-serif; */
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}


pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #EDEDED;
    border-radius: 0;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}



.btn-default {
    border-color: #e5e5e5;
}

.column-two {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.column-three {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

.column-four {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

.column-two,
.column-three,
.column-four {

    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

/* ----------------------------------------------------------------
	header
-----------------------------------------------------------------*/


.header-full-width .container {
    width: 100%;
    padding: 0 30px;
}

.dark-header.header-bottom-border {
    border-bottom: 1px solid rgba(255,255,255,.2);
    height: 99px;
}

.light-header.header-bottom-border {
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: 99px;

}

.sticky .dark-header.header-bottom-border,
.sticky .light-header.header-bottom-border {
    border: none;
    height: auto;
}

#header .container {
    position: relative;
}

header {
    width: 100%;
    height: 100px;
    z-index: 1000;
    position: relative;
}


header.transparent-header.sticky + #fullscreen-banner {
    margin-top: -100px;
}

header.transparent-header + #fullscreen-banner {
    margin-top: 0px;
}

header + #fullscreen-banner {
    margin-top: -100px;

}

/*#fullscreen-banner {*/
    /*position: relative;*/
/*}*/

.left-nav-fixed header + #fullscreen-banner {
    margin-top: 0px;
}


header.sticky .header-sticky,
header.transparent-header {
    position: fixed;
    width: 100%;
    top: 40px;
}

header.sticky .header-sticky {
	background: #373535;
    box-shadow: 0 1px 0 rgba(0,0,0,.05);
    /* box-shadow: 0 1px 0 rgba(0,0,0,.05); */
}

header.sticky{
    height: 60px;
    z-index: 1000;
    position: fixed;
    top: 0px;
}


header .logo-brand img {
    height: 80px;
    float: left;
}

header.sticky .logo-brand img, header.sticky .logo-brand img.retina  {
    height: 60px !important;
}


header.nav-center-align .logo-brand img {
    height: auto;
    float: none;
    margin: 20px 0;
}


#header.transparent-header .light-header,
#header.transparent-header .dark-header,
#header.transparent-header {
    background: transparent !important;
    z-index: 1000;
}

#header.transparent-header .menuzord .logo-brand {
    z-index: 1200;
   padding: 10px;
}


header .light-header,
header.sticky .light-header,
#header.transparent-header.sticky .light-header,
.light-nav{
    background: #fff !important;
}

header .dark-header,
header.sticky .dark-header,
#header.transparent-header.sticky .dark-header,
.dark-nav,
header.sticky .semi-transparent {
    background: rgba(10,10,10, 1) !important;
}

.semi-transparent{
    background: rgba(10,10,10, .5) !important;
}


/* ----------------------------------------------------------------
	top mega menu
-----------------------------------------------------------------*/

.menuzord {
    background: none;
    padding: 0;
}


.menuzord-menu>li>a,
header.sticky .menuzord-menu>li>a,
.logo-brand,

header .logo-brand img,
header.sticky .logo-brand,
header.sticky .logo-brand img,
header,
header .sticky,

header li.nav-icon i,
header.sticky li.nav-icon i {

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

.nav-bottom {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
}

.menuzord-menu>li>a {
    line-height: 120px;
}

.nav-border-bottom .menuzord-menu>li>a {
    line-height: 99px;
}

header.sticky .menuzord-menu>li>a {
    line-height: 75px;
}

.menuzord-menu>li>a,
header.sticky .menuzord-menu>li>a {
    padding: 0 12px;
}


.logo-brand {
    margin: 0px 30px 0 0;
    line-height: 100px;
}

header.sticky .logo-brand {
    line-height: 60px;
}

.menuzord-menu ul.dropdown li a,
.menuzord-menu>li>.megamenu a,
.menuzord-menu>li>.megamenu h5,
.menuzord-menu ul.dropdown li a {
    /*color:#b0b0b0 ;*/
    color: #222;
}

.menuzord-menu>li>.megamenu h5 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 10px;
}


.menuzord-menu>li>.megamenu .megamenu-row li a {
    padding: 8px 10px;
    width: 100%;
    display: inline-block;
    font-size: 12px;
}

.menuzord-menu>li>.megamenu .megamenu-row li:hover a {
    /*background: rgba(255,255,255,.06);*/
}

.menuzord,
.menuzord * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Gotham-Light';
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: normal;
}
.menuzord {
    width: 100%;
    float: left;
    position: relative;
}
.menuzord a,
.menuzord-menu ul.dropdown li a {
    -o-transition: color .3s linear, background .3s linear;
    -moz-transition: color .3s linear, background .3s linear;
    -webkit-transition: color .3s linear, background .3s linear;
    transition: color .3s linear, background .3s linear
}
.menuzord-menu.scrollable>.scrollable-fix {
    display: none
}
.logo-brand {
    float: left;
    color: #666;
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer
}
.menuzord-menu {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none
}
.menuzord-menu.menuzord-right {
    float: right
}
.menuzord-menu>li {
    display: inline-block;
    float: left;
    margin-left: 2px;
}

.menuzord-menu>li>a {
   display: inline-block;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}
.menuzord-menu>li>a {
    line-height: 120px;
}

.menuzord-menu>li>a,
.menuzord-menu>li>a>i,
.dark.menuzord-menu>li>a {
    color: #333;
}

.light.menuzord-menu>li>a,
.light.menuzord-menu>li>a>i,
header .dark-header .menuzord-menu>li>a,
header .dark-header .menuzord-menu>li>a>i
{
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Gotham-Light';
}


.menuzord-menu>li.active>a,
.menuzord-menu>li:hover>a {
    color: #ffcb04;
}
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 190px;
    white-space: nowrap;
    background: #fff;
    top:80px;
}
.menuzord-menu ul.dropdown li ul.dropdown {
    left: 100%;
    top:-1px;
}
.menuzord-menu ul.dropdown li {
    clear: both;
    width: 100%;
    border: 0;
    font-size: 12px;
    position: relative
}
.menuzord-menu ul.dropdown li a {
    width: 100%;
    background: 0 0;
    padding: 10px 25px 10px 22px;
    /*color: #b0b0b0;*/
    color: #222;
    text-decoration: none;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    font-weight: bold;
}
.menuzord-menu ul.dropdown li:hover>a {
    padding-right: 19px;
    color: #333;
    /*background: rgba(255,255,255,.06);*/
}
.menuzord-menu ul.dropdown.dropdown-left {
    left: none;
}
.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left {
    left: -100%
}

.menuzord-menu li .indicator {
    margin-left: 3px;
}

.menuzord-menu li .indicator i{
    font-family: FontAwesome;
}

.menuzord-menu li .indicator i.fa-angle-down:before{
    content: '';
}


.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 15px
}
.menuzord-menu>li>.megamenu {
    width: 100%;
    padding: 20px;
    left: 0;
    position: absolute;
    display: none;
    z-index: 99;
    border-top: solid 1px #f0f0f0;
    background: #fff
}
.menuzord-menu>li>.megamenu.megamenu-half-width {
    width: 50%;
    left: auto
}
.menuzord-menu>li>.megamenu.megamenu-quarter-width {
    width: 25%;
    left: auto
}
.menuzord-menu>li>.megamenu .megamenu-row {
    width: 100%;
    margin-top: 15px
}
.menuzord-menu>li>.megamenu .megamenu-row:first-child {
    margin-top: 0
}
.menuzord-menu>li>.megamenu .megamenu-row:after,
.menuzord-menu>li>.megamenu .megamenu-row:before {
    display: table;
    content: "";
    line-height: 0
}
.menuzord-menu>li>.megamenu .megamenu-row:after {
    clear: both
}
.menuzord-menu>li>.megamenu .megamenu-row .col1,
.menuzord-menu>li>.megamenu .megamenu-row .col10,
.menuzord-menu>li>.megamenu .megamenu-row .col11,
.menuzord-menu>li>.megamenu .megamenu-row .col12,
.menuzord-menu>li>.megamenu .megamenu-row .col2,
.menuzord-menu>li>.megamenu .megamenu-row .col3,
.menuzord-menu>li>.megamenu .megamenu-row .col4,
.menuzord-menu>li>.megamenu .megamenu-row .col5,
.menuzord-menu>li>.megamenu .megamenu-row .col6,
.menuzord-menu>li>.megamenu .megamenu-row .col7,
.menuzord-menu>li>.megamenu .megamenu-row .col8,
.menuzord-menu>li>.megamenu .megamenu-row .col9 {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%
}
.menuzord-menu>li>.megamenu .megamenu-row [class*=col]:first-child {
    margin-left: 0
}
.menuzord-menu>li>.megamenu .megamenu-row .col1 {
    width: 5.583333333333%
}
.menuzord-menu>li>.megamenu .megamenu-row .col2 {
    width: 14.166666666666%
}
.menuzord-menu>li>.megamenu .megamenu-row .col3 {
    width: 22.75%
}
.menuzord-menu>li>.megamenu .megamenu-row .col4 {
    width: 31.333333333333%
}
.menuzord-menu>li>.megamenu .megamenu-row .col5 {
    width: 39.916666666667%
}
.menuzord-menu>li>.megamenu .megamenu-row .col6 {
    width: 48.5%
}
.menuzord-menu>li>.megamenu .megamenu-row .col7 {
    width: 57.083333333333%
}
.menuzord-menu>li>.megamenu .megamenu-row .col8 {
    width: 65.666666666667%
}
.menuzord-menu>li>.megamenu .megamenu-row .col9 {
    width: 74.25%
}
.menuzord-menu>li>.megamenu .megamenu-row .col10 {
    width: 82.833333333334%
}
.menuzord-menu>li>.megamenu .megamenu-row .col11 {
    width: 91.416666666667%
}
.menuzord-menu>li>.megamenu .megamenu-row .col12 {
    width: 100%
}
.menuzord .showhide {
    width: 30px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: right;
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}
.menuzord .showhide em {
   width: 20px;
    height: 3px;
    margin: 3.5px 0px 0;
    float: right;
    background: #f5d044;
}
.menuzord-menu>li>a>i {
    margin: 0 5px 0 0;
    font-size: 18px;
    float: left;
    line-height: 20px;
    font-family: FontAwesome
}
.menuzord-menu>li.search form {
    float: left;
    padding: 22px 16px 17px
}
.menuzord-menu>li.search form input[type=text] {
    width: 160px;
    padding: 5px 10px;
    border: none;
    background: #f0f0f0;
    border-radius: 2px;
    outline: 0;
    -o-transition: width 1s ease-out;
    -moz-transition: width 1s ease-out;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out
}
.menuzord-menu>li.search form:hover input[type=text] {
    width: 160px
}
.menuzord-tabs {
    width: 100%;
    float: left
}
.menuzord-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}
.menuzord-tabs-nav>li>a {
    width: 100%;
    padding: 7px 16px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    color: #666;
    border: 1px solid #f0f0f0;
    outline: 0
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a {
    background: #f0f0f0
}
.menuzord-tabs-content {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    font-size: 13px;
    border: 1px solid #f0f0f0
}
.menuzord-tabs-content.active {
    display: block
}


/*
Subcolored Skin
*/

/* Active/hover state (Menu items) */
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
    /*background: #333;*/
    /*color: #fff;*/
}

/* Dropdown */
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown{
    /*background: #222;*/
    background: #fff;
    border: 1px solid #efefef;
}

/* Hover state (dropdown items) */
.menuzord-menu ul.dropdown li:hover > a{
    color: #032cf3;
    background: #e5e5e5;
}

/* Megamenu */
.menuzord-menu > li > .megamenu{
    /*background: #222;*/
    border-top: none;
    background: #fff;
    border: 1px solid #efefef;
}

/* tabs */
.menuzord-tabs-nav > li > a{
    color: #fff;
}
.menuzord-tabs-nav li.active a,
.menuzord-tabs-nav li:hover a{
    background: #f0f0f0;
    color: #666;
}


/* ----------------------------------------------------------------
	 pre-defined >  margin top | margin bottom
-----------------------------------------------------------------*/

/*margin top*/

.m-top-0{
    margin-top: 0px !important;
}

.m-top-5 {
    margin-top: 5px;
}

.m-top-10 {
    margin-top: 10px;
}
.m-top-15 {
    margin-top: 15px;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-25 {
    margin-top: 25px;
}
.m-top-30 {
    margin-top: 30px;
}
.m-top-35 {
    margin-top: 35px;
}
.m-top-40 {
    margin-top: 40px;
}
.m-top-50 {
    margin-top: 50px;
}
.m-top-80 {
    margin-top: 80px;
}
.m-top-100 {
    margin-top: 100px;
}

.m-top-0, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100,
.m-bot-0, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100{
    display: inline-block;
}

/*margin bottom*/

.m-bot-0 {
    margin-bottom: 0px !important;
}
.m-bot-10 {
    margin-bottom: 10px;
}

.m-bot-15 {
    margin-bottom: 15px;
}

.m-bot-20 {
    margin-bottom: 20px;
}

.m-bot-25 {
    margin-bottom: 25px;
}

.m-bot-30 {
    margin-bottom: 30px;
}

.m-bot-35 {
    margin-bottom: 35px;
}

.m-bot-40 {
    margin-bottom: 40px;
}

.m-bot-50 {
    margin-bottom: 50px;
}

.m-bot-80 {
    margin-bottom: 80px;
}

.m-bot-100 {
    margin-bottom: 100px;
}


.m-left-10 {
    margin-left: 20px;
}

/*padding top*/

.p-top-0{
    padding-top: 0px !important;
}
.p-top-10 {
    padding-top: 10px;
}
.p-top-15 {
    padding-top: 15px;
}
.p-top-20 {
    padding-top: 20px;
}
.p-top-25 {
    padding-top: 25px;
}
.p-top-30 {
    padding-top: 30px;
}
.p-top-35 {
    padding-top: 35px;
}
.p-top-40 {
    padding-top: 40px;
}
.p-top-50 {
    padding-top: 50px;
}
.p-top-80 {
    padding-top: 80px;
}
.p-top-100 {
    padding-top: 100px;
}

.p-tb-10 {
    padding: 10px 0;
}

.p-tb-20 {
    padding: 20px 0;
}

.p-tb-30 {
    padding: 30px 0;
}


.p-tb-50 {
    padding: 50px 0;
}


.p-tb-100 {
    padding: 100px 0;
}


.p-tb-150 {
    padding: 150px 0;
}

.p-tb-200 {
    padding: 200px 0;
}

.p-top-0 {
    padding-top: 0 !important;
}

.p-bot-0 {
    padding-bottom: 0 !important;
}

.p-bot-100 {
    padding-bottom: 100px !important;
}

.inline-block {
    display: inline-block;
    width: 100%;
}

.theme-bg-space {
    padding: 10px 20px;
}


.bg-space-lg {
    padding: 40px;
}

.bg-space-m {
    padding: 20px 100px;
}

/* ----------------------------------------------------------------
	body content
-----------------------------------------------------------------*/

.body-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.parallax {
       background-image: url(../images/banner/1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 50% 50%;
}

.parallax-inner {
    background-image: url("../img/demo.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 150px 0;
    background-position: 50% 50%;
}

.banner-state {
    background-image: url("../images/banner/bg1.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    height: 100vh;
    background-position: 50% 50%;
}
.page-content {
    padding: 100px 0;
    display: inline-block;
    width: 100%;
    margin: 100px 0;
}

.page-content-sm {
    padding: 50px 0;
    display: inline-block;
    width: 100%;
}

.full-content {
    display: inline-block;
    width: 100%;
    padding: 0px 0 !important;
}

.overlay-dark {
   background: rgba(9, 8, 8, 0.56);
    display: inherit;
    min-height: 100vh;
    position: relative;
    
}

.overlay-light {
    background: rgba(255,255,255,.5);
    display: inherit;
}


.massive-list {
    padding-left:15px;
}

.massive-list li{
    margin-bottom: 10px;
}


/* ----------------------------------------------------------------
	portfolio
-----------------------------------------------------------------*/

.portfolio {
    margin: 50px 0;
}

.portfolio .portfolio-item {
    float: left;
}

.portfolio .portfolio-item .thumb {
    position: relative;
}

.portfolio .portfolio-item .thumb img{
    width: 100%;
    height: auto;
    display: block;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 20px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(255, 255, 255, 0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}


.portfolio-item:hover .portfolio-hover .portfolio-description {
    bottom: 45%;
    margin-bottom: -90px;
}

.portfolio-item:hover .portfolio-hover .action-btn {
    top: 40%;
    margin-top: -55px;
}

.portfolio-hover .portfolio-description {
    position: absolute;
    bottom: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}


.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}

.portfolio-description,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
    text-align: center;
    color: #222;
}

.portfolio-description h4 {
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.portfolio-description p {
    font-size:12px;
    margin-bottom: 0;
    text-transform: uppercase;
    /*font-family: 'Abel', sans-serif;*/
    font-weight: normal;
    letter-spacing: 3px;
    color: #757575;
}

.portfolio-description a,
.portfolio-title a {
    color: #757575;
}

/*gutter*/

.portfolio.gutter .portfolio-item {
    padding: 10px;
}


/*portfolio 2 grid*/

.portfolio.col-2 .portfolio-item {
    width: 49.99%;
}


/*portfolio 3 grid*/

.portfolio.col-3 .portfolio-item {
    width: 33.3333333%;
}

/*portfolio 4 grid*/

.portfolio.col-4 .portfolio-item {
    width: 24.98%;
}

/*portfolio 5 grid*/

.portfolio.col-5 .portfolio-item {
    width: 19.99%;
}

/*portfolio 6 grid*/

.portfolio.col-6 .portfolio-item {
    width: 16.666666667%;
}

.portfolio-filter {
    margin:0px;
    padding: 0px;
    list-style: none;
}

.portfolio-filter li {
    display: inline-block;
}

.portfolio-filter li a {
    color: #a9a8a8;
    margin: 0 15px;
    text-transform: uppercase;
    font-size: 14px;
    /*font-family: 'Abel', sans-serif;*/
    letter-spacing: 3px;
}


.portfolio-filter li a:hover,
.portfolio-filter li.active a{
    color: #222222;
}



/* ----------------------------------------------------------------
	portfolio with title
-----------------------------------------------------------------*/


.portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {
    top: 50%;
    margin-top: -45px;
}

.portfolio-with-title .portfolio-title {
    padding: 15px 0px;
}

.portfolio-with-title .portfolio-title h4,
.portfolio-with-title .portfolio-title h4 a {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#222
}

.portfolio-with-title .portfolio-title h3,
.portfolio-with-title .portfolio-title h3 a {
    margin: 0 0 10px 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color:#222
}

.portfolio-with-title .portfolio-title p {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    /*font-family: 'Abel', sans-serif;*/
    font-weight: normal;
    letter-spacing: 1px;
    color: #7e7e7e;
}


.portfolio-with-title.portfolio-masonry .portfolio-title {
    padding: 15px;
}


.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
    padding: 15px 0;
}


/* ----------------------------------------------------------------
	portfolio details
-----------------------------------------------------------------*/

/*videos*/

.video-parallax {
    position: relative;
    overflow: hidden;
}

.video-parallax .container{
    position: absolute;
    top: 55%;
    z-index: 100;
    left: 0;
    right: 0;
    color: #fff;
 
}

.video-parallax .container i{
   /* 
 font-size: 50px;
    margin-bottom: 30px;
    display: block;
 */
}

.video-parallax .container+.video-wrap {
    z-index: 1;
}

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.video-overlay, .banner-overaly {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
}

/*portfolio-meta*/

.portfolio-meta {
    list-style: none;
    padding: 0;
}

.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}

.portfolio-meta li span {
    display: inline-block;
    width: 130px;
    letter-spacing: 2px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.portfolio-meta li a {
    margin-right: 10px;
    color: #cdcdcd;
}
.portfolio-meta li a:hover {
    color: #323232;
}

/* ----------------------------------------------------------------
	portfolio nav
-----------------------------------------------------------------*/

.portfolio-nav-row {
    position: relative;
    padding: 40px 0;
}

.portfolio-nav {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    max-width: 300px;
    margin-top: -12px;
}

.portfolio-nav.left {
    position: absolute;
    top: 50%;
    left: 0;
    right: auto;
    max-width: 300px;
    margin-top: -12px;
}

.portfolio-nav a {
    display: block;
    float: left;
    text-align: center;
    color: #aeaeae;
    margin-left: 20px;
}

.portfolio-nav.left a {
    margin-right: 20px;
    margin-left: 0;
}

.portfolio-nav a:hover,
.portfolio-nav a:hover span{
    color: #323232;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.portfolio-nav a span, .portfolio-nav a span i {
    display: inline-block;
    margin-top: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.portfolio-gap-less .portfolio {
    margin: 0px;
}






/* ----------------------------------------------------------------
    slider revolution
-----------------------------------------------------------------*/

.slider-revulation-wrapper {

}

.tp-banner-container{
    width:100%;
    position:relative;
    padding:0;

}

.tp-banner{
    width:100%;
    position:relative;
}

.tp-banner > ul {
    padding: 0;
    list-style: none;
}

.tp-banner-fullscreen-container {
        width:100%;
        position:relative;
        padding:0;
}

/* custom caption */

.rev-heading {
    color: #333;
    /*font: normal 60px/1.5 'Abel', sans-serif;*/
    font: normal 60px/1.5 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 300;
}

.rev-subheading {
    /*font-family: 'Abel', sans-serif;*/
    text-transform: uppercase;
    color: #555;
    font-size: 20px;
    letter-spacing: 6px;
}

.rev-desc {
    font-size: 16px;
    color: #454545;
    line-height: 26px;
}

.rev-white {
    color: #fff;
}


/* ----------------------------------------------------------------
	top bar
-----------------------------------------------------------------*/

.top-bar {
height: 45px;
    line-height: 40px;
    background: #4c70da;/*#233895;*/
    position: fixed;
    width: 100%;
    /*overflow: hidden;*/
    width: 100%;
    z-index: 1040;
    }

.top-bar .gray-bg {
    background: #f5f5f5;
}

.top-social-link a{
    color: #635e5e;
    display: block;
    margin-right: 10px;
    padding: 0 10px;
    width: 100%;
}


.top-social-link a:hover,
.top-link li a:hover {
    color: #fece2b;
}

.top-link {
    padding: 0;
    margin: 0;
    list-style: none;
   float: right; 
}

.top-link li {
    display: inline-block;
    margin:0 5px;
}

.top-link li i,
.top-link li a i{
    margin-right: 10px;
}

.top-link li,
.top-link li a{
    color: #fefffe;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}


.top-link li .active, .top-link .about-dropdown:hover>a {
    color: #ffcb04 !important;
}
.top-link li .about-dropdown:hover {
    color:  #ffcb04 !important;
  
}
.about-dropdown:hover {
     color:  #ffcb04 !important;
}
.about-dropdown:active {
     color:  #ffcb04 !important;
}
.top-link li .about-dropdown:active {
    color:  #ffcb04 !important;
  
}

.top-link.text-uppercase {
    font-size: 12px;
}
.top-link >li.active>a, .top-link >li .about-dropdown:hover>a {
    color: #ffcb04 !important;
}

.top-bar .col-lg-1,
.top-bar .col-lg-10,
.top-bar .col-lg-11,
.top-bar .col-lg-12,
.top-bar .col-lg-2,
.top-bar .col-lg-3,
.top-bar .col-lg-4,
.top-bar .col-lg-5,
.top-bar .col-lg-6,
.top-bar .col-lg-7,
.top-bar .col-lg-8,
.top-bar .col-lg-9,
.top-bar .col-md-1,
.top-bar .col-md-10,
.top-bar .col-md-11,
.top-bar .col-md-12,
.top-bar .col-md-2,
.top-bar .col-md-3,
.top-bar .col-md-4,
.top-bar .col-md-5,
.top-bar .col-md-6,
.top-bar .col-md-7,
.top-bar .col-md-8,
.top-bar .col-md-9,
.top-bar .col-sm-1,
.top-bar .col-sm-10,
.top-bar .col-sm-11,
.top-bar .col-sm-12,
.top-bar .col-sm-2,
.top-bar .col-sm-3,
.top-bar .col-sm-4,
.top-bar .col-sm-5,
.top-bar .col-sm-6,
.top-bar .col-sm-7,
.top-bar .col-sm-8,
.top-bar .col-sm-9,
.top-bar .col-xs-1,
.top-bar .col-xs-10,
.top-bar .col-xs-11,
.top-bar .col-xs-12,
.top-bar .col-xs-2,
.top-bar .col-xs-3,
.top-bar .col-xs-4,
.top-bar .col-xs-5,
.top-bar .col-xs-6,
.top-bar .col-xs-7,
.top-bar .col-xs-8,
.top-bar .col-xs-9 {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.top-link.divider li:after{
    content: '/';
    padding-left: 13px;
    display: inline-block;
}

.top-link.divider li:last-child:after {
    content: '';
    display: inline-block;
}






/* ----------------------------------------------------------------
	bs slider
-----------------------------------------------------------------*/


.bs-hero.full-screen .carousel-inner .item img{
    height: 100%;
   /*  height: auto; */
    width: 100%;
}


.bs-hero.full-screen .carousel-inner .item .bs-info {
    position: absolute;
    top: 40%;
    left: 12%;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    color: #fff;
}

.bs-hero.full-screen .carousel-inner .item .bs-info-center-hm {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 50%;
    right: 0;
    position: relative;
    width: 80%;
    top: 150px;;
    left: 18%;
    text-align: left;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    color: #fff;
}

.bs-hero.full-screen .carousel-inner .item .bs-info-right {
  position: absolute;
    width: 50%;
    top: 25%;
    right: 15%;
    text-align: left;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    color: #fff;
}
.bs-info-right p, .bs-info-center p, .bs-info-center-hm p{
	font-size:20px;
	margin-bottom: 10px;
	
}
.bs-info-right h1, .bs-info-center h1{
	font-size:30px;
	
}

.bs-hero.full-screen .carousel-inner .item .bs-info h1 {
    text-transform: uppercase ;
}

.bs-hero.full-screen .carousel-indicators {
   /*  z-index: 0; */
    bottom: 160px;
}


.bs-hero.full-screen .carousel-inner .item .bs-info h1 span {
    font-size: 18px;
}


.bs-hero.full-screen .carousel.slide .carousel-control {
    width: 15%;
    margin-top: 180px;
    margin-bottom: 120px;
}
/* ----------------------------------------------------------------
	static banner
-----------------------------------------------------------------*/

.vertical-align {
    position: relative;
}

.vertical-align .container-mid {
   position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 200;
    margin: auto 0;
    float: none;
    /* left: 50%; */
}
.light-box,
.dark-box {
    padding: 50px 30px;
}

.light-box {
/* 
    background: rgba(255,255,255,.5);
    outline: 5px solid rgba(255,255,255,.5);
    outline-offset: 5px;
 */
     background: rgba(0, 0, 0, 0.4);
    /* 
outline: 5px solid rgba(0, 0, 0, 0.4);
    outline-offset: 5px;
 */

}

.dark-box {
    background: rgba(0, 0, 0, 0.4);
    /* 
outline: 5px solid rgba(0, 0, 0, 0.4);
    outline-offset: 5px;
 */
}

.banner-box {
   /*  max-width: 650px; */
    margin: 0 auto;
    min-height:100vh;
    text-align: left;
}
.banner-box p{
    font-size:20px;
    color:#c6c6c6;
    margin-bottom: 15px;
}

.banner-box h1,
.banner-box h3,
.banner-title h1,
.banner-title h3,
.banner-box h2,
.banner-box h2,
.banner-title h2,
.banner-title h2 {
    margin-bottom: 0;
}



.banner-box h3,
.banner-title h3 {
    letter-spacing: 1px;
    font-size:22px;
}

.banner-title.light-txt h1,
.banner-title.light-txt h2,
.banner-title.light-txt h3
{
    color: #fff;
}

header.transparent-header + .vertical-align .banner-title,
header .semi-transparent + .vertical-align .banner-title {
    margin-top: 0;
}


header + .vertical-align .banner-title {
    margin-top: 100px;
}


/*spacing*/

.ls-20 {
    letter-spacing: 20px !important;
}

.ls-40 {
    letter-spacing: 40px !important;
}

.b-lg-txt {
    font-size: 100px !important;
    font-weight: 300;
}

.b-lg-lw{
    font-weight: 100;
}



/*----------------*/

.hero-text {
    position: relative;
    z-index: 6000;
}

.hero-text h1{
    margin-bottom: 10px;
}

.hero-text a {
    margin: 10px 5px;
}


.banner-scroll a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -11px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    z-index: 10;
}

.banner-scroll a:before {
    display: block;
    content: "";
    width: 25px;
    height: 35px;
    border: 2px solid #fff;
    border-radius: 15px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.banner-scroll .scroll-down {
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    margin-left: -3px;
    position: absolute;
    left: 50%;
    top: 8px;

    -webkit-animation: 3s arrow infinite ease;
    animation: 3s arrow infinite ease;

    z-index: 2;
}

/*--------------------------------------
    video banner
--------------------------------------*/

.video-banner {
    height:100vh;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.video-banner.overlay-background .container {
    z-index: 300;
    position: absolute;
}


.overlay-background{
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
.overlay-background .container{
    z-index: 300;
    position: relative;
}

.overlay-block{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.3);
    /*background-image: url("../img/stripe.png");*/
    /* z-index: 2; */
}

.overlay-block-light{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,.45);
    /*background-image: url("../img/stripe.png");*/
    z-index: 200;
}



/*--------------------------------------
    contact us
--------------------------------------*/

.contact-comments .col-md-6, .contact-comments .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.form-control {
    box-shadow: none;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.form-control:focus {
    border-color: #e3e2e2;
    box-shadow: none;
}

.contact-comments .form-control {
   border-radius: 5px;
    height: 40px;
}

.contact-comments .cmnt-text {
    height: 95px;
}

.contact-comments label {
    font-weight: normal;
    text-transform: uppercase;
    color: #7e7e7e;
}


address p {
    margin-bottom: 0px;
}



/* video/audio post */

.video-fit  {
    width: 100%;
    padding-top: 50%;
    position: relative;
}

.audio-fit {
    width: 100%;
    padding-top: 20%;
    position: relative;
}

.video-fit iframe, .video-fit object, .video-fit embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.audio-fit iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    border: none;
}

/*--------------------------------------
    scroll top
--------------------------------------*/

#tb-scroll-to-top {
    position: fixed;
    right: 20px;
    bottom: 35px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s;
            transition: all .3s;
}

.tb-scroll-to-top-show {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.tb-scroll-to-top-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
            transform: translateY(40px);
}

/*    */
.height-160 {
    height: 160px!important;
}

.height-227 {
    height: 227px!important;
}

.height-300 {
    height: 300px!important;
}

.height-310 {
    height: 310px!important;
}

.height-361 {
    height: 361px!important;
}

.height-450 {
    height: 450px!important;
}

.height-550 {
    height: 550px!important;
}

.height-600 {
    height: 600px!important;
}

.width-300 {
    width: 300px!important;
}

/* css update by minakshi */

.light-txt {
    color: #fff !important;
}
.dark-txt {
    color: #070000;
}
/* login btn dropdown */
/*  hover dropdown */
 /* Dropdown Button */
.dropbtn {
   background: #fdcd2d;
    line-height: 30px;
    position: relative;
    top: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamRnd-Medium';
    font-size: 12px;
    color: #000 ;
    BORDER: 0;
    PADDING: 0 12PX;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    TOP: 36PX;
}
.abt-width{
    min-width: 300px;

}
.log-width{
    min-width: 160px;

}
/* Links inside the dropdown */

.top-link li .dropdown-content a {
    color: #5a5858;
    padding: 0px 16px;
    text-decoration: none;
    display: block;
}
.menuzord .dropdown-content a {
    color: #5a5858;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ffcb04}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
   background-color: #979797;
    COLOR: #FFF;
}
header.sticky .dropbtn {
    top: 0px;
 }
header.sticky .dropdown-content{
    top: 50px;
 }
/* end hover dropdown */
/* home */


.carousel-indicators li {
    width: 30px;
   border: 2px solid #fff;
}
.bs-hero.full-screen .carousel.slide .carousel-control {
    background: none;
}
.bs-hero.full-screen .carousel-inner .featured-item img {
    width: 110px;
    cursor: pointer;
}
.bs-info-right .iconbox img{
  width:50%;
}
.menuzord-menu>li>.button-log {
    background: #fdcd2d;
    line-height: 38px;
    position: relative;
    top: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamRnd-Medium';
    font-size: 12px;
    color: #000 !important;
}
header.sticky .menuzord-menu>li> .button-log {
    background: #fdcd2d;
    line-height: 38px !important;
    position: relative;
    top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamRnd-Medium';
    font-size: 12px;
    color: #000 !important;
}
.button-log:hover{
    background: #f13036;
    color: #fff;
}

.button-log {
    float: left; */
    /* width: 95px; */
    color: #5d534d;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
    height: 38px;
    background: #ff4934;
    color: #fff;
    border-radius: 0px;
    outline: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'GothamRnd-Medium';
    font-size: 12px;
}
.button-log:hover{
    background: #f13036;
    color: #fff;
}
.iconbox.featured-item .title h4 {
   letter-spacing: 0px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 12px;
}
.featured-item .title h4 {
   letter-spacing: 2px;
    color: #fff;
    /* text-align: center; */
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 15px;
}

/* 	about */
.overlay-background {
    background-attachment: fixed;
    /* background-position: 50% 0; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.contact-banner{
    background-image: url(../images/banner/6.jpg);

}
.banner-img {
    HEIGHT: 1000PX;
}
.page-title.banner-background {
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
   /*  height: 100vh; */
    padding:0px;
}
.col-centered {
    margin: 0 auto;
    float: none;
    display: inline-block;
}
/* footer */
/* #footer.dark, #footer a{
    color: #feffff !important;
    font-weight: 500;
} */

.boxed{
    height: 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;

}
.boxed-pg{
   /*  height: 100vh; */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    min-height: 100vh;

}
.box-background-img {
    background-image: url(../images/banner/1.jpg);
}

/* modal box */

.modal-header {
  min-height: 16.43px;
    padding: 15px;
    border-bottom: 0px solid #e5e5e5;
    background: #243995;
    color: #fff;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.signin-solid {
    background: #ff4934;
    color: #fff;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'GothamRnd-Medium';
}
.signin-solid:hover {
    background: #f13036;
    color: #fff;
}
/***** login frm *****/
.animate {
			-webkit-animation-duration: 1.5s;
				-moz-animation-duration: 1.5s;
				-ms-animation-duration: 1.5s;
				-o-animation-duration: 1.5s;
				animation-duration: 1.5s;
			    -webkit-animation-timing-function: ease-in-out;
				-moz-animation-timing-function: ease-in-out;
				-ms-animation-timing-function: ease-in-out;
				-o-animation-timing-function: ease-in-out;
				animation-timing-function: ease-in-out;
		}

		.dropIn {
			-webkit-animation-name: dropIn;
				-moz-animation-name: dropIn;
				-ms-animation-name: dropIn;
				-o-animation-name: dropIn;
				animation-name: dropIn;
		}

		@-webkit-keyframes dropIn {
			0% {
				-webkit-transform: translateY(-1000px);
			}
			25% {
				-webkit-transform: translateY(-1000px);
			}
			50% {
				-webkit-transform: translateY(-200px);
			}
			75% {
				-webkit-transform: translateY(15px);
			}
			85% {
				-webkit-transform: translateY(5px);
			}
			90% {
				-webkit-transform: translateY(2px);
			}
			100% {
				-webkit-transform: translateY(0);
			}
		}
		@-moz-keyframes dropIn {
			0% {
				-moz-transform: translateY(-1000px);
			}
			25% {
				-moz-transform: translateY(-1000px);
			}
			50% {
				-moz-transform: translateY(-200px);
			}
			75% {
				-moz-transform: translateY(15px);
			}
			85% {
				-moz-transform: translateY(5px);
			}
			90% {
				-moz-transform: translateY(2px);
			}
			100% {
				-moz-transform: translateY(0);
			}
		}
		@-ms-keyframes dropIn {
			0% {
				-ms-transform: translateY(-1000px);
			}
			25% {
				-ms-transform: translateY(-1000px);
			}
			50% {
				-ms-transform: translateY(-200px);
			}
			75% {
				-ms-transform: translateY(15px);
			}
			85% {
				-ms-transform: translateY(5px);
			}
			90% {
				-ms-transform: translateY(2px);
			}
			100% {
				-ms-transform: translateY(0);
			}
		}
		@-o-keyframes dropIn {
			0% {
				-o-transform: translateY(-1000px);
			}
			25% {
				-o-transform: translateY(-1000px);
			}
			50% {
				-o-transform: translateY(-200px);
			}
			75% {
				-o-transform: translateY(15px);
			}
			85% {
				-o-transform: translateY(5px);
			}
			90% {
				-o-transform: translateY(2px);
			}
			100% {
				-o-transform: translateY(0);
			}
		}
		@keyframes dropIn {
			0% {
				transform: translateY(-1000px);
			}
			25% {
				transform: translateY(-1000px);
			}
			50% {
				transform: translateY(-200px);
			}
			75% {
				transform: translateY(15px);
			}
			85% {
				transform: translateY(5px);
			}
			90% {
				transform: translateY(2px);
			}
			100% {
				transform: translateY(0);
			}
		}

.input {
  height: 38px;
  border: 1px solid #ccc;
  border-bottom-color: #999;
  border-radius: 5px;
  outline: 0;
  background: #f5f5f5;
}

.input-column {
  margin-right: 95px;
}

.log-frm-group {
    float: left;
    width: 45%;
    margin-right: 10px;
    padding: 10px 0 0 10px;
}

.log-frm-group .input {
    height: 38px;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-radius: 5px;
    outline: 0;
    background: #f5f5f5;
    width: 230px;
    text-indent: 12px;
    font-family: 'GothamRnd-Book';
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}
.inner-light {
	box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.5);
}
.login-frm {
   /*  background: rgba(0, 0, 0, 0.3); */
    padding: 8px 0px 0px 8px;
    display: inline-block;
    margin: 10px;
}
.lbl-log label {
    min-height: 20px;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: bold;
    cursor: pointer;
    text-transform: capitalize;
    color: #0a7de1;
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    font-style:italic;
    font-family: 'GothamRnd-Book';
    font-size:14px;
    margin-right: 25px;
    cursor:pointer;
}
/***** fancy chk box*********/
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
    color: #fff;
        cursor:pointer;

}
.checkbox {
	color: #8a8686;
	margin-right: 115px;
	margin-top: 0;
}
.checkbox label {
    min-height: 20px;
    padding-left: 10px;
    margin-bottom: 0;
    font-weight: bold;
    cursor: pointer;
   font-family: 'GothamRnd-Book';
    font-size:14px;

}
.checkbox .cr, .radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #23d210;
    border-radius: 4px;
    width: 1.1em;
    height: 1.1em;
    float: left;
    margin-right: 0.5em;
    color: #fff;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left:  0%;
    color: #ff4934;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/*** signup btn*****/
.sign-btn{
    display: inline-block;
    position: relative;
  	top: 25px;
}
.signup-solid {
background: #54b849;
    color: #fff;
        padding: 7px 20px;
    font-size: 12px;
    font-weight: bold;
    font-family: 'GothamRnd-Medium';
    letter-spacing: 2px;
    float: left;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 40px;
    border-radius: 5px;
    outline: 0;
    text-transform: uppercase;
    }
.signup-solid:hover{
    background: #189119;
    color: #fff;
}

.form-group span{
   cursor:pointer;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 50px;
}
.form-control:focus {
    border-color: transperent;
    outline: 0;
     -webkit-box-shadow:none; 
    box-shadow: none; 
}
#error, #reg-error {
    color: #e01765;
    display: block;
    /*box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 transparent;
    padding: 10px;
    background: #e8d7d7;
    */
    margin-bottom: 10px;
    border-radius: 5px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff !important;
    background-image: none;
    color: rgb(0, 0, 0);
}

/* contact us */
/*
/* Created by Filipe Pina
 * Specific styles of signin, register, component
 */
/*
 * General styles
 */
#playground-container {
    height: 500px;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch;
}

.main{
 	margin:50px 15px;
}

h1.title { 
	font-size: 50px;
	font-family: 'Passion One', cursive; 
	font-weight: 400; 
}

hr{
	width: 10%;
	color: #fff;
}

.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 14px;
    padding-top: 3px;
    color: #8a8a8a !important;
}

.main-login h3{
color: #fff;
    margin-top: 20px;
    }
address p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 20px;
}    
.main-login{
 	background-color: rgba(87, 87, 87, 0.6);
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}
.form-control {
    height: auto!important;
padding: 8px 12px !important;
}
.input-group {
    -/* 
webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.21)!important;
 */
}
#button {
border: 0;
    margin-top: 28px;
    padding: 12px 12px;
    color: #303030;
    font-weight: bold;
    cursor: pointer;
    border-radius: 0;
    background: #ffcc29;
}
.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 400px;
    padding: 10px 40px;
	background:#009edf;
	    color: #FFF;
    text-shadow: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);

}
span.input-group-addon i {
    color:#9b9b9b;
    font-size: 17px;
}

.login-button{
	margin-top: 5px;
}

.login-register{
	font-size: 11px;
	text-align: center;
}
.contact-sec .container {
    position: absolute;
    top: 15%;
    z-index: 100;
    left: 0;
    right: 0;
    color: #fff;
}
/* helping society */
.featured-item .desc {
       color: #c6c6c6;
    font-size: 18px;
    FONT-WEIGHT: 500;
}
/* about slider */
.carousel-inner {
    height: 100% !important;
}
.boxed-slider-abt{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position:center top;
    background-size: cover;
    min-height: 100vh;
   

}
.benefits-wizzr {
    background-image: url(../images/banner/bg3.jpg);
}

/* 
.featured-item .icon img{
width:100px;
}
 */
 
.banner-box ul li{
font-size: 18px;
color: #c6b77b;
}
.col-centered-icon {
    margin: 0 auto;
    float: none;
}

/* mobile menu */

ul.gsd li ul a {
border: 1px solid #edebeb;
    color: #636363;
    text-align: left;
    width: auto;
    border-radius: 0;
    padding-left: 10px;
    display: block;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'WorkSans-Medium';
    background: none;
}
ul.gsd li ul
{
	padding: 0;
	border: 1px solid #e7e7e7;
	width: 250px;
	display: none;
	position: absolute;
	list-style-type: none;
	top: 40px;
	background: #fff;
	   /*  right: 0; */
	
}
ul.gsd li ul .dropdown
{
left: 80px;	
}

ul.gsd li:hover > ul
{
display:block;
-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

ul.gsd > li:hover
{
margin:0;
padding:0;
}

ul.gsd li li
{
margin:0;
float:none;
display:block;
}

ul.gsd li ul a:hover
{
color:#FFFFFF;
background:#000000;
-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

ul.gsd a
{
color: #bab5b5;
    background: transparent;
    border: none;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    padding: 0;
    margin: 0;
    width: 45px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    vertical-align: middle;
    display: block;
    }

ul.gsd > li:hover > a
{
color:#d9d7d7;
/* border-color:#FF2200; */
-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

ul.gsd {
    list-style-type: none;
    margin: 0;
    /* border: 1px solid #ffffff; */
    background: transparent;
    display: table;
    padding: 0;
    position: relative;
}
ul.gsd li
{
display:inline;
float:left;
margin:0;
}

ul.gsd li ul:hover {
	color: #000000;
}
/* animation */
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.mobile-menu-max-991 {
display:none;
    position: absolute;
       top: 15px;
    left: 15px;
}
.icon-savio{
	float: left;
    width: 18%;
    position: relative;
    left: 14%;
    }
.about-dropdown{
	background: transparent;
    border: 0px;
    text-transform: uppercase;
}
.indicator{
padding-left: 3px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 30px;
    color: #fefffe;
    opacity: 1;
}

#carousel-arrow .carousel-indicators {
position: fixed;
    right: 2%;
    width: 20px;
    top: 50%;
    left: auto;
    }

#carousel-arrow .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 10px;
}
#carousel-arrow  .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    border-color: #000;
    background-color: #000;
}
.feature-box-grid .retina1{
	width: 250px;
    position: relative;
    left: 50px;
    top: 50px;
}

/* float icons */
@-webkit-keyframes float {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 16px);
            transform: translate(0px, 16px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 16px);
            transform: translate(0px, 16px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
.featured-item .icon img:nth-child(0) {
  display: inline-block;
  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.featured-item .icon img:nth-child(1) {
  display: inline-block;
 /*  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s; */
}

.featured-item .icon img:nth-child(2) {
  display: inline-block;
 /*  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; */
}

.featured-item .icon img:nth-child(3) {
  display: inline-block;
 /*  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s; */
}

.featured-item .icon img:nth-child(4) {
  display: inline-block;
 /*  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; */
}

.featured-item .icon img:nth-child(5) {
  display: inline-block;
 /*  -webkit-animation: float 4s infinite ease-in-out;
          animation: float 4s infinite ease-in-out;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s; */
}
/* sitemap */

.sitemap-navigation {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  /* Put all this in a media query. Don't forget to style a simple mobile version */
}
.sitemap-navigation ul,
.sitemap-navigation li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.sitemap-navigation a {
  display: inline-block;
}
.sitemap-navigation .menu-item::before,
.sitemap-navigation > .menu-item-has-children > .sub-menu::before {
  content: '';
  display: block;
  position: relative;
  left: 50%;
  margin-left: -2px;
  width: 100%;
  border-left: #4088c1 solid 4px;
  height: 2em;
}
.sitemap-navigation > .menu-item-has-children::before {
  display: none;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu {
  
    display: -ms- inline-flex;
    display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: #4088c1 solid 4px;
  margin-top: 2em;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu::before {
  position: absolute;
  top: -2em;
  margin-top: -4px;
}

.sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item {
    display: inline-block;
   /*  -ms-flex: 1 0 auto;
    flex: 1 0 auto; */
    margin-top: -4px;
    padding: 0 4px;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item:first-child::before, .sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item:last-child::before {
  background: #ababab;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item:first-child::before {
  left: auto;
  right: 50%;
  width: 100%;
  border-left: none;
  border-right: #4088c1 solid 4px;
}


.sitemap-wrapper {
  padding: 1rem;
  text-align: center;
}

.sitemap-navigation a {
	text-transform: uppercase;
	background: #04bddb;
    border-radius: 0.25em;
    color: white;
    text-decoration: none;
    padding: 10px 15px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}
.sitemap-navigation a:hover {
  background: #04a4a2;
}
.sitemap-navigation > .menu-item-has-children > a {
    text-transform:uppercase; 
	background: #2421fc;
    font-size: 15px;
    font-weight: 500;
}
.sitemap-navigation > .menu-item-has-children > a:hover {
  background: #b45f77;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item > a {
	text-transform: uppercase;
  background: #ffba1f;
    font-weight: 500;
    font-size: 15px;
}
.sitemap-navigation > .menu-item-has-children > .sub-menu > .menu-item > a:hover {
  background: #c0a173;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

/*css 27-11-2017*/

.top-bar {
	display:none;
}
.short-pad {
    padding: 10px 0 !important;
   
}

.grey {
    background: #707070;
}

.short-pad {
    padding: 10px 0 !important;
}
.about-content .container-fluid {
    padding: 20px 0 100px;
    background: #fff;
}
.functions-content .container-fluid {
    padding: 20px 0 100px;
    background: #fff;
}
.benefits-content .container-fluid {
    padding: 20px 0 100px;
    background: #fff;
}
.banner-box h1,
.banner-title h1 {
	font-family: 'WorkSans-Medium';
	margin-top: 30px;
    letter-spacing: 0px;
	font-size: 35px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #000;       
}
.benefits-content .banner-box p {
    font-size: 22px;	
    color: #333;
    margin-bottom: 15px;
}
.about-content .banner-box p {
    font-size: 22px;	
    color: #cecece;
    margin-bottom: 15px;
}
.benefits-content .featured-item .title h3 {
    margin-bottom: 20px;
    letter-spacing: 2px;
    color: #333; 
    /* text-align: center; */
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 20px;
}

/*css rounded circle*/

/**
 * Position icons into circle (SO)
 * http://stackoverflow.com/q/12813573/1397351 
 */
/* .circle-container {
	top: 80px;
    position: relative;
    width: 30em;
    height: 30em;
    padding: 2.8em;
    border: solid 40px #eaf2f4;
    border-radius: 50%;
    margin: 0 auto;
} */

.circle-container {
    top: 45%;
    position: absolute;
    width: 40em;
    height: 40em;
    padding: 2.8em;
    border: solid 40px #eaf2f4;
    border-radius: 50%;
    margin: 0 auto;
	left: 0;
    right: 30px;
}

 
.circle-container a {
	cursor: default;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8em;
    height: 10em;
    margin: -5em -4em;
}

.circle-container img { cursor: default; display: block; width: 100%; }
.deg0 { transform: rotate(30deg) translate(12em) rotate(-390deg) } /* 12em = half the width of the wrapper */
.deg45 { transform: rotate(90deg) translate(12em) rotate(-90deg); }
.deg135 { transform:rotate(150deg) translate(12em) rotate(-150deg); }
.deg180 { transform: rotate(205deg) translate(12em) rotate(-205deg);  }
/* .deg225 { transform: rotate(225deg) translate(12em) rotate(-225deg); } */
.deg315 { transform: rotate(325deg) translate(12em) rotate(-325deg); }

.deg225 { transform: rotate(270deg) translate(12em) rotate(-270deg); }

/* this is just for showing the angle on hover */
/* .circle-container a:not(.center):before {
	position: absolute;
	width: 4em;
	color: white;
	opacity: 0;
	background: rgba(0,0,0,.5);
	font: 1.25em/3.45 Courier, monospace;
	letter-spacing: 2px;
	text-decoration: none;
	text-indent: -2em;
	text-shadow: 0 0 .1em deeppink;
	transition: .7s; 
	content: attr(class)'°';
}
.circle-container a:hover:before { opacity: 1; } */

/* this is for showing the circle on which the images are placed */
.circle-container:after {
	position: absolute;
	top: 2.8em; left: 2.8em;
	width: 24em; height: 24em;
	border: dashed 0px deeppink;
	border-radius: 50%;
	opacity: .3;
	pointer-events: none;
	content: '';
}
/* .circle-container:hover:after { opacity: 1; }
.circle-container a:not(.center):after {
	position: absolute;
	top: 50%; left: 50%;
	width: 4px; height: 4px;
	border-radius: 50%;
	box-shadow: 0 0 .5em .5em white;
	margin: -2px;
	background: deeppink;
	opacity: .3;
	content: '';
} */
.circle-container:hover a:after { opacity: 1; }
.circle-container a:hover:after { opacity: .3; }

.footer-logo img {
    width: 30%;
    margin: 0 25px;
}
/* .sep{
	color: #fff;
} */

.benefits-content .page-content {
    padding: 150px 0 0;
    display: inline-block;
    width: 100%;
    margin: 350px 0 0px;
}
.benefits-content .feature-box-grid .retina1 {
    width: 100px;
    position: relative;
    left: 130px;
    top: 130px;
}

.about-box {
    height: 530px;    
    padding: 30px;
    margin-bottom: 20px;
}
.about-box-bg1{
	padding: 20px;
	 background: #e2feff;
}
.about-box h4{
    text-transform: capitalize;
    font-size: 22px;
    letter-spacing: 1px;
}
.about-box-bg2 {
    background: #ffeeee !important;
    padding: 20px;
}
.about-box-bg3 {
    background: #f9eeff !important;
    padding: 20px;
}
.about-box-bg4 {
    background: #eef7fe !important;
    padding: 20px;
}
.about-box-bg5{
    background: #fffcf1 !important;
    padding: 20px;
}
.about-box-bg6{
    background: #ecffec !important;
    padding: 20px;
}
.about-content .container i {
    font-weight: 400;
    color: green;
    font-size: 20px;
    display: inline;
    margin-bottom: 20px;
    margin-right: 4px;
}
.about-content ul {
    padding: 0;
    list-style-type: none;
}
.about-content ul li {
	font-family:'Gotham-Light';
    display: flex;
    margin: 20px 0;
    color: #333;
    font-size: 16px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.about-box .col-md-4,.col-sm-4,.col-xs-4 {
    position: relative;
    min-height: 1px;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/*functions css */


.functions-content .page-content {
padding: 100px 0;
    display: inline-block;
    width: 100%;
    margin: 0 0 150px 0;
    }

.functions-content .featured-item p {
	font-family: 'Gotham-Light';
    margin: 15px 0;
    text-transform: none;
    font-size: 17px;
    color: #e7e7e7;
    font-weight: 600;
}

/* 
.functions-content .featured-item p {
	font-family: 'GothamRnd-Medium';
    font-size: 15px !important;
    color: #fff !important;
}
 */
.overlay-background {
    background-attachment: fixed;
    /* background-position: 50% 0; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}
.overlay-background {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
}
.functions-content .col-centered {
    margin: 0 auto;
    float: none;
    display: block;
}
.col-centered {
    margin: 0 auto;
    float: none;
    display: inline-block;
}

.p-top-20 {
    padding-top: 20px;
}

.short-pad {
	padding: 10px 0 !important;
   /*  position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 1050; */
	/* 
    padding: 10px 0 !important;
    position: fixed;
    bottom: 0;
    width: 100%; */
}
.footer-logo {
    display: block;
}
.short-pad .copyright-sub-title {
    color: #fff;
    text-transform: capitalize;
	font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;    
    font-size: 15px;
    font-weight: bold;
}
.short-pad .copyright-sub-title a {
	font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;   
    font-weight: bold;
    font-size: 14px;
    padding: 0 12px;
	color: #fff;
    /* color: #e7e7e7; */
    text-transform: uppercase;
}
.text-right-f {
    text-align: right;
}
.about-content .heading-title {
	padding:0px 10px 30px;
}

/*benefits css 29-11-17*/

.benefits-inner h4 {
	padding: 0 10px;
    font-size: 16px;
	font-weight:500;
    text-transform: capitalize;
    font-family: 'Gotham-Light';
    margin: 0;
}

.circle-container h4{
	margin-top: -10px !important;
	font-size: 14px;
	font-weight: bold;	
	font-family: 'WorkSans-Medium';
    margin: 0;   
    text-transform: uppercase;
    text-align: center;    
}

.circle-box{
	width:35%;
	height:80px;
}
/**
 * Position icons into circle (SO)
 * http://stackoverflow.com/q/12813573/1397351 
 */
.circle-container1 {
	top: 30px;
    right: 10%;
    position: relative;
	
	width: 50em;
	height: 50em;
	padding: 0em; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
	border: dashed 0px;
	border-radius: 50%;
	margin: 0 auto;
}
.circle-container1 a {
	cursor: default;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%; left: 50%;
	width: 100%; height: 120px;
	margin: -2em; /* 2em = 4em/2 */ /* half the width */
}
.circle-container1 a { display: block; width: 100%;height:100%; }
.deg10 { transform: translate(30em); } /* 12em = half the width of the wrapper */
.deg145 { transform: rotate(45deg) translate(30em) rotate(-45deg); }
.deg235 { transform: rotate(135deg) translate(30em) rotate(-135deg); }
.deg280 { transform: translate(-30em); }
.deg325 { transform: rotate(225deg) translate(30em) rotate(-225deg); }
.deg415 { transform: rotate(315deg) translate(30em) rotate(-315deg); }


.benefits1 .page-content {
    padding: 150px 0 0 !important;
    display: inline-block;
    width: 100%;
    margin: 350px 0 0;
}
/* css 07-11-2017*/



.grey {
    background: #373535;
}


.overlay-background {
    background-attachment: fixed;
    /* background-position: 50% 0; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}
.banner-img {
height: 1200px;
}
.video-parallax .container {
    position: absolute;
    top: 25%;
    z-index: 100;
    left: 0;
    right: 0;
    color: #fff;
    /* margin-top: -80px; */
}
.video-parallax .container {
    position: absolute;
    top: 25%;
    z-index: 100;
    left: 0;
    right: 0;
    color: #fff;
    /* margin-top: -80px; */
}

.vertical-align .container-mid {
    position: absolute;
    /* top: 65%; */
	top:200px;
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    /* width: 100%; */
    z-index: 200;
    margin: auto 0;
    float: none;
}
header + .vertical-align .banner-title {
    margin-top: 100px;
}
.light-txt {
    color: #fff;
}
.p-top-40 {
    padding-top: 40px;
}
.banner-title .content-btns {
    padding: 0;
}
.banner-title .content-btns > li {
    display: inline-block;
}

p, li {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Gotham-Light';
}
a:hover, .btn, .btn:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.register-solid {
    background: #ea3009;
    color: #fff;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Gotham-Light';
    letter-spacing: 2px;
    float: left;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 40px;
    border-radius: 5px;
    outline: 0;
    text-transform: uppercase;
    margin: 0 5px;
}
.register-solid:hover {
    background: #d23918;
    color: #fff;
}
.button-log-stu {
    background: #5a1ee1;
    color: #fff;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Gotham-Light';
    letter-spacing: 2px;
    float: left;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 40px;
    border-radius: 5px;
    outline: 0;
    text-transform: uppercase;
    margin: 0 5px;
}
.button-log-stu:hover {
    background: #0548d4;
    color: #fff;
}
.m-top-20 {
    margin-top: 20px;
}
.m-top-0, .m-top-10, .m-top-15, .m-top-20, .m-top-25, .m-top-30, .m-top-35, .m-top-40, .m-top-50, .m-top-80, .m-top-100, .m-bot-0, .m-bot-10, .m-bot-15, .m-bot-20, .m-bot-25, .m-bot-30, .m-bot-35, .m-bot-40, .m-bot-50, .m-bot-80, .m-bot-100 {
    display: inline-block;
}
.col-centered {
    margin: 0 auto;
    float: none;
    display: inline-block;
}
.banner-title.light-txt h1, .banner-title.light-txt h2, .banner-title.light-txt h3 {
    color: #fff;
    font-weight: bold;
}

.banner-box h1, .banner-title h1 {
    letter-spacing: 0px;
    font-size: 35px;
    font-weight: 500;
	 margin-bottom: 20px !important;
    text-transform: none;
    font-family: 'GothamRnd-Medium';
    color: #fff;
}

.banner-box h1, .banner-box h3, .banner-title h1, .banner-title h3, .banner-box h2, .banner-box h2, .banner-title h2, .banner-title h2 {
    margin-bottom: 0;
}
.p-top-50 {
    padding-top: 50px;
}
h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 20px 0;
    font-family: 'GothamRnd-Medium';
    font-weight: normal;
}
.banner-title p {
    font-size: 22px;
    color: #fff;
    /* WIDTH: 60%; */
    MARGIN: 0 AUTO;
    FLOAT: NONE;
    font-weight: bold;
}
.featured-item .icon {
    margin-bottom: 10px;
    height: 120px;
}
.featured-item img {
    width: 130px;
    cursor: pointer;
    padding-left: 0px;
    margin-left: -30px;
}
}
.featured-item .title h4 {
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 15px;
}
.short-pad {
	padding: 10px 0 !important;
    /* 
position: relative;
    width: 100%;
    bottom: 0;
 */
    /* z-index: 1050; */
    background: #a9a9a9;
    position: relative;
    width: 100%;
    bottom: 0;
    z-index: 1050;
    }

.footer-logo {
    display: block;
}

.m-bot-20 {
    margin-bottom: 20px;
}
.footer-logo img {
    width: 30%;
    margin: 0 25px;
}

a img, iframe {
    border: none !important;
}
short-pad .copyright-sub-title {
    color: #e7e7e7;
    text-transform: capitalize;
}
.short-pad .copyright-sub-title {
	font-size:15px;
	font-weight: 500;
    /* color: #e7e7e7; */
	color: #fff;
    text-transform: capitalize;
}

.text-right-f {
    text-align: right;
}
.short-pad .copyright-sub-title a {
    font-size: 15px;
    padding: 0 12px;
    color: #fff;
	font-weight: 500;
    text-transform: uppercase;
}


header {
    width: 100%;
    height: 130px !important;
    z-index: 1000;
    position: relative;
	
}
header .logo-brand img {
    height: 80px;
    float: left;
    
}

.menuzord-menu>li>a, header.sticky .menuzord-menu>li>a {
    padding: 0 12px;
}
.menuzord-menu>li {
    display: inline-block;
    float: left;
    margin-left: 2px;
    cursor: pointer;
}
/*css 27-11-2017*/
.func-title{
	margin-bottom:30px;
}
.featured-item p{
	text-transform: none ;
	font-size: 14px ;
    color: #fff ;
    /* WIDTH: 60%; */
    
    font-weight: 300 ;
}

.functions-content .featured-item .title h4 {
letter-spacing: 0px;
    color: #fff;
    text-align: left;
    font-weight: bold;
    margin-top: 0px;
    cursor: pointer;
    font-size: 20px;
    }
.functions-content .featured-item .icon {
    margin-bottom: 24px;
    height: 120px;
}

.functions-content .featured-item .icon {
    padding: 0 0 0 0;
}

.functions-content .banner-title {
    position: relative;
    top: 70px;
}
.functions-content .col-centered {
    margin: 0 auto;
    float: none;
   display: block;
}


.about-content .banner-title {
    position: relative;
    top: 70px;
}
.about-content .about-title h2{
	color: #000 !important;
}
.about-content .banner-title p {
    font-size: 20px;
    color: #000 !important;    
    MARGIN: 0 AUTO;
    FLOAT: NONE;
    font-weight: bold;
}
 
.about-box h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    font-family: 'GothamRnd-Medium';
     margin-top: 15px;
}
.about-box{
	height: 500px;
    background: #e2feff;
    padding: 20px;
    margin-bottom: 20px;
    opacity: 0.7;
}
.about-box-bg2{
	background: #ffeeee !important;
    padding: 20px;
}
.about-box-bg3{
	background: #e2feff;
    padding: 20px;
}
.about-box-bg4{
	background: #e2feff;
    padding: 20px;
}
.about-box-bg5{
	background: #e2feff;
    padding: 20px;
}
.about-box-bg6{
	background: #e2feff;
    padding: 20px;
}

.about-box .col-md-4,  .col-sm-4, .col-xs-4{
    position: relative;
    min-height: 1px;
    padding-right: 10px !important; 
     padding-left: 10px !important; 
}
.about-content .container-fluid .container-mid {
    
    position: relative;    
    top: 660px;    
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    /* width: 100%; */
    z-index: 200;
    margin: auto 0;
    float: none;
}
.about-content{
	
}
.about-content .container-fluid {
    background: #fff;
    position: absolute;
    top: 250px;
    z-index: 100;
    left: 0;
    right: 0;
    height:auto;
}
 .about-content .container {
    position: relative;
    top: 25%;
    z-index: 999999;
    left: 0;
    right: 0;
    color: #fff;
    /* margin-top: -80px; */
}
.about-content ul{
	padding:0;
	list-style-type:none;
}
.about-box-bg2{
	background: #e2feff;
    padding: 20px;
}
.about-content ul li{
	display: flex;
    margin: 20px 0;
    color: #070707;
    font-size: 16px;
}
.about-content .container i {
    font-weight: 400;
    color:#ef3a3f;
    font-size: 18px;
    display: inline;
    margin-bottom: 20px;
    margin-right: 13px;
}
/* 
.page-content {
	padding:0 ;
    display: inline-block;
    width: 100%;
	margin:0;
}
 */
.featured-item{
	
}
.boxed-pg {
   /*  height: 100vh; */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    min-height: 100vh;
}
.benefits-content .page-content {
    padding: 100px 0 0  !important;
    display: inline-block !important;
    width: 100% !important;
    margin: 100px 0 0 !important;
}
.about-content .container-fluid {
	padding: 0 0 60px !important;
    background: transparent;
    position: relative !important;
    top: 0 !important;
    z-index: 100;
    left: 0;
    right: 0;
    height: auto;
}
.about-content .page-content {
    padding: 100px 0 0 !important;
    display: inline-block !important;
    width: 100%;
    margin: 100px 0 0 !important;
}
/* contact-us */
.contactus-pg{
	background: #ffffff4a;
    padding: 20px;
    margin: 50px 0;
}
.button-contact {
background: #ef3a3f;
    color: #ffffff;
        padding: 7px 15px;
    font-size: 12px;
    font-weight: bold;
    font-family: 'GothamRnd-Medium';
    letter-spacing: 2px;
    float: left;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 40px;
    border-radius: 5px;
    outline: 0;
    text-transform: uppercase;
    margin: 0 5px;
}
.button-contact:hover {
    background: #0548d4;
    color: #fff;
}
textarea, textarea::-webkit-input-placeholder {
    font-size: 12px;
    padding-top: 3px;
    color: #6a6969 !important;
}
/* legal */
.terms p {
margin: 0 0 20px;
    line-height: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Gotham-Light';
    /* font-family: 'WorkSans-Medium'; */
    /* font-family: 'GothamRnd-Book'; */
    }
.terms h3 {
  color: #222 !important;
    font-weight: 600;
    line-height: 1.5;
    margin: 40px 0 7px 0;
    font-family: 'GothamRnd-Medium';
    font-weight: normal;
    letter-spacing: 0px;
}
.terms strong {
    font-weight: 100;
    font-family: 'GothamRnd-Medium';
    color: #ffd32e;
    font-size: 17px;
}
.about-content .banner-box-wizzr p {
    font-size: 20px;
    color:#cecece;
    margin-bottom: 15px; 
    line-height: 35px;
}
.about-box img{
width:64px;
height:64px;
}

/* bg images for all pages */

.intro-wizzr {
    background-image: url(../images/banner/education-app.jpg);
}
.ip-wizzr {
    background-image: url(../images/banner/depositphotos_86311598-stock-illustration-abstract-geometric-technology-vector-design.jpg);
}
.student-wizzr {
    background-image: url(../images/banner/10.jpg);
}
.teacher-wizzr {
    background-image: url(../images/banner/a2tabletscolor.jpg);
}
.parent-wizzr {
    background-image: url(../images/banner/1510214219game-based-learning.jpg);
}
.school-wizzr {
    background-image: url(../images/banner/40.jpg);
}
.education-wizzr {
    background-image: url(../images/banner/EDUCATION.jpg);
}
.artificial-intelligence-wizzr {
    background-image: url(../images/banner/5.jpg);
}
.remote-learning-wizzr {
    background-image: url(../images/banner/10.jpg);
}
.helping-society-wizzr {
    background-image: url(../images/banner/3.jpg);
}


/* slider */

.slide-1 {
    background-image: url(../images/banner/bg1.jpg);
}
.slide-2 {
    background-image: url(../images/banner/2.jpg);
}
.slide-3 {
    background-image: url(../images/banner/3.jpg);
}
.slide-4 {
    background-image: url(../images/banner/4.jpg);
}
.slide-5 {
    background-image: url(../images/banner/5.jpg);
}

.about-content ol li {
   display: flex;
    margin: 4px 0;
    color: #070707;
    font-size: 15px;
}

#SuccessMsgModal {
    text-align: center;
    font-size: 20px;
}
#SuccessMsgModal .register-success-msg{
    padding: 30PX;
}
#SuccessMsgModal img{
    width: 80px;
    MARGIN: 20PX 0 0;
}
.contact-comments .form-group i {
    display: none;
}