body {
    font-family: 'Oxygen', sans-serif;
}

.clear-sm {clear:both; min-height:11px;}
.clear-md {clear:both; min-height:23px;}
.clear-lg {clear:both; min-height:39px;}
.clear-xl {clear:both; min-height:63px;}

.sec_desc {font-family: 'Arial', Helvetica, sans-serif; font-size:1.1em;}

.feature_desc h5 {font-size:1.2em; text-transform: uppercase; color:#232323;}
.feature_desc .sec_desc {font-size:0.9em; line-height:2em;}
.wh_choose ul li, .singleClient_2.specs p, .feature-list ul li, .feature-list p, td {font-family: 'Arial', Helvetica, sans-serif; margin:11px 0;}

.singleClient_2.specs p {margin:3px 0; font-size:0.8em; line-height:1.8em;}

.common_btn {font-family: 'Oswald' !important;}
.common_btn:hover {color:#000000 !important;}

.uncommon {background-color:#ea7b3f; color:#000000;}
.uncommon:hover {background-color:#000000; color:#ffffff !important;}

.feature-list h2 {margin-bottom:33px;}
.nav-pills {background-color:#dedede; text-align:center; }
.feature-list ul li {
    display:block; 
    font-size:0.8em; 
    font-family:'Oswald'; 
    text-transform: uppercase; 
    padding:9px;
    margin:0;
}

.feature-list.chart ul li {display:block; text-align:center; }

td {padding:11px 6px !important; line-height:unset !important;}
td.note {text-align:center;}

i.yesmark {color:#8dc63f;}
i.yesmark, i.nomark {font-size:1.5em;}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size:0.8em;
    color: #999999;
}

/*scroll-to anchors*/
a:not([href]) {
    display:block;
    padding-top :117px;
    /*margin-top: -117px;*/
}

.artist-credit {display:block; text-align:right; font-size:0.8em; font-weight:300; font-style: italic; font-family: 'Arial', Helvetica, sans-serif; color:#666666;}

.featuredbg .sec_title {color:#ffffff;}
.featuredbg p, .featuredbg .sub_title, .featuredbg .feature-list ul li {color:#dedede;}
.featuredbg a {color:#ea7b3f;}
.featuredbg .artist-credit {color:#999999;}

/* .bg-xtradark {background-color: #3a1128; padding:111px 0;} */
.bg-xtradark {background-color: #360069; padding:111px 0;}
.bg-xtradark a {color:#ea7b3f;}
.social a {font-size:2em; color:#ebebeb; margin-right:6px;}

.bg-xtradark .help-text {line-height:1.2em; font-size:0.7em;}
.bg-xtradark .social a {font-size:1.5em;}

thead {background:#000000;}
th {border:none; color:#ffffff; font-weight:normal; font-size:1.1em; letter-spacing:1px; text-transform: uppercase;}

.price-card {
    background-color: transparent;
    border:rgba(0,0,0,0.1) 1px solid;
    border-bottom:rgba(0,0,0,0.1) 3px solid;
    padding:42px 11px;
    transition:transform 0.2s;
}

.price-card.highlight {border-bottom:rgba(0,0,0,0.8) 3px solid;}

.price-card:hover {border-bottom:#ea7b3f 3px solid; background-color: #ffffff; transform: scale(1.1); z-index:3; box-shadow: 1px 1px 3px 3px #ebebeb;}

.display-2 { font-size:2em;}
.display-2 .timeframe {
    display:block;
    margin:11px auto;
    font-size:0.5em;
    color:#666666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.orange, .timeframe.orange {color:#ea7b3f;}
.white {color:#ffffff;}
.mid {font-size:1.3em; margin:23px 0;}
.push-left {margin-left:142px;}

.card-block .sub_title {display:block; margin:11px auto 23px; font-size:0.7em;}
.card-block .list-group {margin:42px auto;}
.card-block .list-group-item {border:none; font-family: 'Arial', Helvetica, sans-serif; background-color: transparent;}

.home-banner .slide .video-slide {
  background-color: #000; }

.home-banner.loading .video-background {
  opacity: 0; }

.video-background {
  position: absolute;
  top: 23%;
  left: 0;
  z-index:0;
  padding-top: 56.25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 2s opacity ease;
  transition: 2s opacity ease;
  opacity: 1; }

.video-foreground,
.video-background iframe, .video-popover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.video-popover {z-index:5; height:56.25%; padding:17% 50px; pointer-events:auto !important;}

.break-video {margin-top:56%;}

.glass {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
  cursor: crosshair;
  
  /* Multiple box shadows to achieve the glass effect */
  box-shadow:
    0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25), 
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  
  /* hide the glass by default */
  display: none;
}





/*----------------------------------------------------
/ 1. Header 01
------------------------------------------------------*/
.header_01{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 11;
    background: transparent;
    padding: 39px 40px 0 45px;
    border-bottom: 2px solid rgba(255, 255, 255, .10);
    pointer-events:auto !important;
}
.logo{
    text-align: left;
    padding: 0 0 39px;
}
.logo img{
    max-width: 100%;
    height: auto;
}
.mainmenu{
    position: relative;
}
.mainmenu ul{
    margin: 0;
    padding: 0;
}
.mainmenu ul li{
    list-style: none;
    display: inline-block;
    line-height: .8;
    padding: 0 20px 53px;
    position: relative;
}
.mainmenu ul li a{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
}
.mainmenu ul li a:after{
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.mainmenu ul > li.active > a,
.mainmenu ul li a:hover{
    color: #fff;
}
.mainmenu ul > li.active > a:after,
.mainmenu ul li a:hover:after{
    width: 100%;
}
.mainmenu ul ul.sub-menu {
    background: #000;
    width: 200px;
    z-index: 9;
    text-align: center;
    padding: 25px 30px 13px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    visibility: hidden;
    opacity: 0;
    left: 50%;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100px;
    transform: translateX(-50%);
    z-index: 2;
}
.mainmenu ul ul.sub-menu:before {
    content: '';
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    z-index: 10;
}
.mainmenu ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 66px;
}
.mainmenu ul ul.sub-menu li {
    margin: 0;
    padding: 0 0 13px;
    display: block;
}
.mainmenu ul ul.sub-menu li a {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
}
.mainmenu ul ul.sub-menu li a:after{
    bottom: 0;
}

.navigator{
    position: relative;
    padding: 6px 0 37px;
}
.navigator a{
    display: inline-block;
    color: #fff;
    line-height: .8;
    font-size: 25px;
    margin: 0;
}
.navigator a.search {
    margin-right: 16px;
}
.navigator a.active,
.navigator a:hover {
    color: #e62b4a;
}
.black_color{
    border-color: rgba(255, 255, 255, 0.2);
    /*background-color: transparent;*/
    background-color:rgba(89, 26, 21, 0.2);
}
.black_color .mainmenu ul li a{
    color: #ffffff;
}
.black_color .mainmenu ul li a:hover{
    color: #ea7b3f;
    /*border-bottom:#ea7b3f 1px solid;*/
}
.black_color .mainmenu ul li a:after{
    background: #ea7b3f;
}
.black_color .navigator a{
    color: #ffffff;
}
.black_color .navigator a.active,
.black_color .navigator a:hover{
    color: #e62b4a;
}
.fixedHeader {
    background: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.black_color.fixedHeader{
    background: #232323;
}
.black_color .mainmenu ul ul.sub-menu {
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.black_color .mainmenu ul ul.sub-menu:before{
    border-bottom: 5px solid #FFF;
}
.black_color .mainmenu ul li:hover ul.sub-menu{
    top: 66px;
}



/*----------------------------------------------------
/ 2. Revolution Slider
------------------------------------------------------*/
.rev_slider{
    position: relative;
}
.rev_slider .tp-leftarrow.me_arrows,
.rev_slider .tp-rightarrow.me_arrows{
    width: 74px;
    height: 72px;
    border-radius: 0;
    background: rgba(255, 255, 255, .35);
    color: #000;
    text-align: center;
    padding: 25px 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.rev_slider .tparrows.tp-rightarrow:before{
    content:"\f105";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
}
.rev_slider .tparrows.tp-leftarrow:before{
    content:"\f104";
    font-size: 24px;
    line-height: .8;
    color: #000000;
    font-family: "fontAwesome";
}
.rev_slider .tp-leftarrow.me_arrows:hover,
.rev_slider .tp-rightarrow.me_arrows:hover{
    background: rgba(255, 255, 255, 1);
}
.rev_slider .common_btn{
    padding: 28px 45.5px !important;
}
.rev_slider.slider_2 .tp-leftarrow.me_arrows,
.rev_slider.slider_2 .tp-rightarrow.me_arrows{
    background: rgba(0, 0, 0, .35);
    color: #FFF;
}
.rev_slider.slider_2 .tparrows.tp-leftarrow:before,
.rev_slider.slider_2 .tparrows.tp-rightarrow:before{
    color: #FFF;
}
.rev_slider.slider_2 .tp-leftarrow.me_arrows:hover,
.rev_slider.slider_2 .tp-rightarrow.me_arrows:hover{
    background: rgba(0, 0, 0, 1);
}
.tp-bannertimer{
    display: none;
}

/*----------------------------------------------------
/ 3. Services Section
------------------------------------------------------*/
.service_section{
    background: url(../images/bg/1.jpg) no-repeat center center / cover;
}
.icon_box_1{
    display: inline-block;
    position: relative;
    width: 100%;
    background: transparent;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -ms-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.icon_box_1 .back i,
.icon_box_1 .front i {
    font-size: 64px;
    line-height: 1;
    color: #aaaaaa;
    display: block;
    margin-bottom: 17px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_1 .back h3,
.icon_box_1 .front h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #aaaaaa;
    margin: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}
.icon_box_1 .flipper {
    -webkit-transform-origin: 100% 213.5px;
    -moz-transform-origin: 100% 213.5px;
    -ms-transform-origin: 100% 213.5px;
    transform-origin: 100% 213.5px;
}
.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: transparent;
    z-index: 2;
    border: 2px solid rgba(27, 27, 27, 1);
    padding: 48px 45px 45px;
    width: 100%;
}
.vertical .back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.back {
    background: #e62b4a;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    position: relative;
    padding: 48px 45px 45px;
    border: 2px solid #e62b4a;
    width: 100%;
}
.icon_box_1:hover .front, .icon_box_1.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.icon_box_1:hover .back, .icon_box_1.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.custom_column .col-lg-3{
    width: 20%;
}
.icon_box_1 .back h3,
.icon_box_1 .back i{
    color: #ffffff;
}
/*----------------------------------------------------
/ 4. About Agency
------------------------------------------------------*/
.ab_agency{
    padding-bottom: 147px;
}
.PR_79{
    padding-right: 79px;
}
.MB_45{
    margin-bottom: 45px;
}
.ab_img1{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.ab_img1 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}
.ab_img2{
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 2;
}
.ab_img2:after{
    position: absolute;
    top: -40px;
    left: 40px;
    content: '';
    border: 10px solid #e62b4a;
    width: 470px;
    height: 458px;
}
.ab_img2 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}
/*----------------------------------------------------
/ 5. What We Do Section
------------------------------------------------------*/
.what_wedo{
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 72px;
}
.what_wedo:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    content: '';
    background: #f4f4f4;
}
.videoWrap{
    position: relative;
    margin-bottom: 100px;
}
.videoWrap img{
    width: 100%;
    height: auto;
}
.play_video{
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.play_video a.video_popup{
    display: inline-block;
    width: 115px;
    height: 115px;
    border-radius: 0;
    position: relative;
    background: #e62b4a;
    color: #fff;
    font-size: 30px;
    line-height: .8;
    padding: 42px 0;
    margin-bottom: 31px;
}
.play_video a.video_popup:hover{
    background: #000;
    color: #fff;
}
.play_video h2{
    font-size: 50px;
    line-height: 1;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
}
.subscribefrom{
    position: relative;
    text-align: right;
}
.subscribefrom input[type="email"]{
    width: 470px;
    height: 70px;
    background: #f4f4f4;
    color: #818181;
    line-height: 70px;
    font-weight: 400;
    letter-spacing: 0.56px;
    padding-left: 30px;
    border: none;
    outline: none;
}
.subscribefrom .common_btn.red_bg{
    padding: 28px 42.5px;
    margin-left: 5px;
}

.subscribefrom input[type="email"]::-moz-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.subscribefrom input[type="email"]::-ms-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.subscribefrom input[type="email"]::-webkit-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}

/*----------------------------------------------------
/ 6. Portfolio Section
------------------------------------------------------*/
.porfolio{
    padding-bottom: 90px;
}
.singlefolio {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}
.singlefolio img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folioHover {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 20px;
    bottom: 50px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singlefolio:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(230, 43, 74, .8);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
.singlefolio .folioHover a.cate {
    font-size: 12px;
    line-height: 32px;
    color: #fff;
    display: block;
    letter-spacing: 1.2px;
    margin: 0 0 3px;
    text-transform: uppercase;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio .folioHover h4{
    font-size: 20px;
    line-height: .8;
    color: #fff;
    letter-spacing: .80px;
    margin: 0;
    text-transform: uppercase;
}
.singlefolio .folioHover h4 a{
    color: #fff;    
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singlefolio:hover img {
    transform: scale(1.1) rotate(2deg);
    -moz-transform: scale(1.1) rotate(2deg);
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singlefolio:hover .folioHover {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.singlefolio:hover:after{
    width: 100%;
}
.singlefolio .folioHover a.cate:hover,
.singlefolio .folioHover h4 a:hover{
    color: #000;
}


/*----------------------------------------------------
/ 7. Fun Fact Section
------------------------------------------------------*/
.funfact{
    background: url(../images/bg/2.jpg) no-repeat center center / cover;
    padding: 0 0 330px
}
.BR{
    border-right: 1px solid #1a1a1a;
}
.singlefunfact{
    position: relative;
    padding-top: 113px;
}
.singlefunfact h1{
    font-size: 60px;
    line-height: 1;
    letter-spacing: 2.4px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 25px;
}
.singlefunfact h3{
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.6px;
    margin: 0;
}

/*----------------------------------------------------
/ 8. Trust Client Section
------------------------------------------------------*/
.trustClient{
    padding: 0 0 0;
    margin-top: -210px;
    z-index: 5;
}
.pb_120{
    padding-bottom: 120px;
}
.CL_content{
    position: relative;
}
.CL_content img{
    max-width: 100%;
    height: auto;
}
.abc_inner {
    position: relative;
    margin-top: -477px;
    z-index: 2;
}
.abci_content {
    position: relative;
    background: #FFF;
    padding: 87px 0 0 100px;
    margin-left: -17px;
}
.abci_content h2{
    font-size: 50px;
    letter-spacing: 2px;
    color: #000000;
    line-height: 63px;
    text-transform: uppercase;
    margin: 0 0 43px;
}
.abci_content p{
    margin-bottom: 55px;
}

/*----------------------------------------------------
/ 9. Team Section
------------------------------------------------------*/
.team{
    padding-bottom: 172px;
}
.slick-list {
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.singleTM {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.team_slider .slick-slide{
    margin: 0 15px;
    outline: none;
}
.tm_img{
    position: relative;
}
.tm_img img{
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.singleTM:hover .tm_img img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.singleTM .tm_overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM .tm_overlay:after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(230, 43, 74, .7);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.singleTM .team_social{
    position: absolute;
    left: 20px;
    top: 49px;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM .team_social a{
    display: block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #fff;
    margin: 0 0 19px;
    position: relative;
    text-transform: uppercase;
}
.singleTM .team_social a span{
    position: relative;
}
.singleTM .team_social a span:after {
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singleTM .team_social a span:hover:after{
    width: 100%;
}
.tm_overlay a.common_btn{
    position: absolute;
    left: 20px;
    bottom: 50px;
    visibility: hidden;
    opacity: 0;
    padding: 24px 30.5px;
    height: 60px;
    font-size: 14px;
    letter-spacing: 1.4px;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
}
.singleTM:hover .tm_overlay a.common_btn{
    visibility: visible;
    opacity: 1;
    left: 50px;
    z-index: 9;
}
.singleTM:hover .team_social{
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.singleTM:hover .tm_overlay:after{
    width: 100%;
}
.detail_TM{
    position: relative;
    text-align: center;
    padding: 30px 15px 0;
}
.detail_TM h5{
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    color: #000;
    display: block;
    margin: 0 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.detail_TM h6{
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    position: relative;
    line-height: .8;
    display: inline-block;
}
.detail_TM h6:after {
    width: 0;
    height: 1px;
    content: '';
    background: #818181;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singleTM:hover .detail_TM h5{
    color: #e62b4a;
}
.singleTM:hover .detail_TM h6:after{
    width: 100%;
}
.slick-dots{
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -74px;
    float: none;
    text-align: center;
}
.slick-dots li{
    list-style: none;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #dbdbdb;
    border: none;
    margin: 0 3px;
    cursor: pointer;
    padding: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.slick-dots li button[type="button"] {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    z-index: 10;
    outline: none;
}
.slick-dots li.slick-active,
.slick-dots li:hover{
    background: #000;
}

/*----------------------------------------------------
/ 10. Our Clients Section
------------------------------------------------------*/
.client{
    background: #f4f4f4;
}
.singleClient {
    position: relative;
    width: 100%;
    height: 208px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient a{
    width: 100%;
    height: 100%;
    text-align: center;
    display: inline-block;
}
.singleClient a img {
    max-width: 119px;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: .4;
    display: inline-block !important;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.singleClient:hover a img{
    opacity: 1;
}
.singleClient:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
.client_slider .owl-controls .owl-nav{
    display: none;
}
.client_slider .owl-controls .owl-dots{
    line-height: .8;
    text-align: center;
    margin-top: 27px;
}
.client_slider .owl-controls .owl-dots .owl-dot span{
    line-height: .8;
    width: 10px;
    height: 10px;
    border-radius: 0;
    margin: 0 3px;
    padding: 0;
    background: #dbdbdb;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.client_slider .owl-controls .owl-dots .owl-dot.active span,
.client_slider .owl-controls .owl-dots .owl-dot:hover span{
    background: #000000;
}

.singleClient_2{
    position: relative;
    overflow: hidden;
    background: #fff;
    border: none;
    padding: 40px 15px 46px 50px;
    width: 100%;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient_2:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.singleClient_2:hover:after{
    visibility: visible;
    opacity: 1;
    height: 100%;
}
.singleClient_2:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
}
.singleClient_2 h3{
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.80px;
    margin: 0 0 30px;
}
.singleClient_2 p{
    line-height: 30px;
    margin: 0;
}

/*----------------------------------------------------
/ 11. Zclassroom Section
------------------------------------------------------*/
.zclassroom{
    background: url(../img/multilangbg.jpg) no-repeat fixed center / cover;
    padding-bottom: 113px;
}
.zclassroom_content, .multilang_content, .dreams_content {
    position: relative;
    text-align: center;
    padding: 0 65px;
}


.zclassroom_content .testi_icon{
    width: 115px;
    height: 115px;
    background: #e62b4a;
    text-align: center;
    display: inline-block;
    font-size: 64px;
    line-height: .8;
    color: #fff;
    padding: 25px 0;
    margin: 0 0 49px;
}
.zclassroom_content h2, .multilang_content h2, .dreams_content h2{
    font-size: 50px;
    line-height: 62px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 44px;
}

.zclassroom_content h2, .zclassroom_content h4 {margin-bottom:11px;}
.zclassroom_content h2 span, .multilang_content h2 span, .dreams_content h2 span{
    color: #ea7b3f;
}
.zclassroom_content p, .multilang_content p, .dreams_content p{
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.80px;
    margin: 0;
}

.hero{
    background: url(../img/header.jpg);
    background-repeat: no-repeat;
    /*background-attachment:fixed;*/
    background-position:center;
    background-size:cover;
    padding-bottom: 113px;
}

.multilang{
    background: url(../img/multilangbg.jpg) no-repeat fixed center / cover;
    padding-bottom: 113px;
}

.dreams{
    background: url(../img/professor.jpg) no-repeat fixed center / cover;
    padding-bottom: 223px;
}

.darkgrey{
    background: url(../img/cyberpoly.jpg) no-repeat fixed center / cover;
    padding: 113px 0;
}

.featuredbg {
    background: #232323;
    padding: 113px 0;
}

.subfeaturebg {
    background: #dedede;
    padding: 63px 0;
}

.multilang_content {text-align: left;}
.dreams_content {text-align: right;}
.darkgrey .sec_title {color:#ffffff;}
.darkgrey p {color:#dedede;}

.demo {
    width:100%;
}
.demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.demo li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.demo img {
    display: block;
    height: auto;
    width: 100%;
}

.help-text {font-size:0.8em; font-weight:normal;}

.black_color .mainmenu ul ul.sub-menu {background: #121212;}
.black_color .mainmenu ul ul.sub-menu:before {border-color:#121212;}
.mainmenu ul ul.sub-menu {text-align: left;}

.chooseUs_title.upgradeTabs li, .chooseUs_title.updateTabs li {width:calc(100% / 2);}

.chooseUs_title.upgradeTabs li a, .chooseUs_title.updateTabs li a {font-size:1.1em; letter-spacing: 1px;}
.chooseUs_title.upgradeTabs li a:hover, .chooseUs_title.updateTabs li a:hover {background-color: #ea7b3f;}

.update-tabcontent {font-size:0.9em;}

/*----------------------------------------------------
/ 12. Blog Section
------------------------------------------------------*/
.blog{
    padding-bottom: 60px;
}
.latestBlogItem{
    position: relative;
    background: #fff;
    margin: 0 0 51px;
}
.lbi_thumb{
    overflow: hidden;
    position: relative;
}
.lbi_thumb img{
    width: 100%;
    height: auto;
}
.lbi_details{
    text-align: left;
    margin: 0 10px;
    position: relative;
    margin-top: -20px;
    padding: 30px 30px 0;
    background: #fff;
    z-index: 3;
}
.lbi_details .lbid_date{
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 65px;
    background: #000;
    color: #fff;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.lbi_details .lbid_date:hover{
    color: #fff;
    background: #e62b4a;
}
.lbi_details h2{
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 1.04px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 13px;
}
.lbi_details h2 a{
    color: #000;
}
.lbi_details h2 a:hover{
    color: #e62b4a;
}
.lbi_details .learnM{
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #000;
    position: relative;
}
.lbi_details .learnM:after{
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.lbi_details .learnM:hover:after{
    width: 100%;
}
.lbi_details .learnM:hover{
    color: #e62b4a;
}

/*----------------------------------------------------
/ 13. Ready Section
------------------------------------------------------*/
.ready{
    background: url(../images/bg/4.jpg) no-repeat center center / cover;
}
.ready .sec_title{
    margin: 0;
}
.ready .common_btn{
    padding: 28px 42.5px;
}
.ready_2{
    background: url(../images/bg/6.jpg) no-repeat center center / cover;
}
.ready_2 .sec_title{
    margin: 0;
}
.ready_2 .common_btn{
    padding: 28px 42.5px;
    background: #fff;
    color: #000;
}

/*----------------------------------------------------
/ 14. Footer Section
------------------------------------------------------*/
.footer_1{
    position: relative;
    padding: 130px 0 0;
    background: url(../images/bg/5.jpg) no-repeat center center / cover;
}
.footer_1 .widget{
    position: relative;
    padding: 0 0 112px;
}
.footer_1 .widget .widget_title {
    font-size: 18px;
    letter-spacing: .72px;
    color: #FFF;
    line-height: .8;
    margin: 0 0 43px;
    position: relative;
    text-transform: uppercase;
}
.footer_1 .aboutwidget{
    padding-right: 110px;
    margin-top: -8px;
}
.footer_1 .aboutwidget img{
    max-width: 100%;
    height: auto;
    margin-bottom: 34px;
}
.footer_1 .aboutwidget p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}
.footer_1 .contact_widgets{
    padding-left: 60px;
}
.footer_1 .contact_widgets p{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
}
.footer_1 .copyright a,
.footer_1 .contact_widgets p a{
    color: #aaaaaa;
}
.footer_1 .copyright a:hover,
.footer_1 .contact_widgets p a:hover{
    color: #e62b4a;
}
.footer_1 .contact_widgets p:first-of-type{
    margin-bottom: 32px;
}
.footer_1 .social_widget ul{
    margin: 0;
    padding: 0;
}
.footer_1 .social_widget ul li{
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    display: block;
}
.footer_1 .social_widget ul li a{
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}
.footer_1 .social_widget ul li a i{
    font-size: 16px;
    color: #fff;
    margin-right: 12px;
}
.footer_1 .social_widget ul li a:hover{
    color: #fff;
}
.footer_1 .copyright{
    border-top: 1px solid #1a1a1a;
    font-size: 14px;
    line-height: .8;
    color: #aaaaaa;
    text-transform: uppercase;
    padding: 41px 0;
}

/*----------------------------------------------------
/ 15. Servieces 2 Section
------------------------------------------------------*/
.service_section_2{padding:0 10%;}
.icon_box_2{
    position: relative;
    width: 100%;
    background: transparent;
    border: rgba(255, 255, 255, 0.2) 1px solid;
    padding: 50px 65px 50px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.icon_box_2:after{
    width: 4px;
    height: 0;
    position: absolute;
    content: '';
    right: -1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #ea7b3f;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.icon_box_2 h3{
    font-size: 20px;
    letter-spacing: .80px;
    color: #ffffff;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 35px;
}
.icon_box_2 p{
    margin: 0 0 31px;
    font-family:'Arial', Helvetica, sans-serif;
}
.icon_box_2 .iconWrap{
    position: relative;
    margin: 0 0 44px;
}
.icon_box_2 .iconWrap:after{
    background: url(../images/shadow.png) no-repeat center center / cover;
    height: 7px;
    width: 75px;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: -17px;
    margin: 0 auto;
    z-index: 2;
}
.icon_box_2 .iconWrap i{
    font-size: 64px;
    font-style: normal;
    color: #ffffff;
    display: inline-block;
    margin: 0 0 0;
}
.icon_box_2 a:not(.common_btn){
    color: #ea7b3f;
    margin: 0;
}

.icon_box_2:hover{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-color: transparent;
}
.icon_box_2:hover:after{
    visibility: visible;
    opacity: 1;
    height: 101%;
}

.subfeaturebg .icon_box_2 {
    background:#ffffff;
    border: rgba(0, 0, 0, 0.2) 1px solid;
}

.subfeaturebg .icon_box_2 .iconWrap i, .subfeaturebg .icon_box_2 h3 {color:#232323;}

/*----------------------------------------------------
/ 16. Featured Section
------------------------------------------------------*/
.featured{
    background: #f4f4f4;
    overflow: hidden;
}
.features_content{
    padding-right: 30px;
}
.singleFeature{
    position: relative;
    padding-left: 70px;
    margin-bottom: 56px;
}
.singleFeature:last-child{
    margin-bottom: 0;
}
.singleFeature:after{
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 95px;
    background: #000;
}
.singleFeature:last-child:after{
    display: none;
}
.singleFeature .f_count{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #000;
}
.singleFeature h3{
    font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 29px;
}
.singleFeature p{
    margin: 0;
}
.features_img{
    position: relative;
}
.img_details{
    background: #e62b4a;
    display: inline-block;
    padding: 43px 103px 45px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.img_details h4{
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*----------------------------------------------------
/ 17. Tesimonial 02 Section
------------------------------------------------------*/
.testimonial_2{
    background: url(../images/bg/7.jpg) no-repeat center center / cover;
}
.testimoniTab{
    position: relative;
}
.testimoniTab ul{
    margin: 53px 0 0;
    padding: 0;
}
.testimoniTab ul li{
    list-style: none;
    display: inline-block;
    opacity: .60;
    margin-right: 42px;
}
.testimoniTab ul li.active{
    opacity: 1;
}
.testimoniTab ul li:last-child{
    margin-right: 0;
}
.testimoniTab ul li a{
    display: block;
}
.testimoniTab ul li a span{
    width: 79px;
    height: 79px;
    display: block;
    margin-bottom: 21px;
    position: relative;
}
.testimoniTab ul li a span img{
    width: 100%;
    height: 100%;
}
.testimoniTab ul li a span:after{
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: '“';
    background: #e62b4a;
    font-size: 30px;
    line-height: .8;
    padding: 11px 0;
    z-index: 9;
    color: #fff;
    text-align: center;
}
.testimoniTab ul li a .author_detail{
    position: relative;
}
.testimoniTab ul li a .author_detail h5{
    font-size: 16px;
    line-height: .8;
    color: #fff;
    margin: 0 0 16px;
    text-transform: uppercase;
}
.testimoniTab ul li a .author_detail h6{
    font-size: 12px;
    line-height: .8;
    color: #aaaaaa;
    letter-spacing: 1.2px;
    margin: 0;
    text-transform: uppercase;
}
.testi_con{
    position: relative;
    text-align: left;
    padding-top: 120px;
}
.testi_con p{
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 0.96px;
    color: #fff;
    font-weight: 300;
    margin: 0 0 21px;
}
.testi_con span{
    text-transform: uppercase;
    color: #aaaaaa;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .9;
    display: block;
    margin: 0;
}
.dots_owl{
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
}
.dots_owl .owl-dot{
    width: 10px;
    height: 10px;
    border: none;
    border-radius: 0;
    background: #1a1a1a;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.dots_owl .owl-dot.active,
.dots_owl .owl-dot:hover{
    background: #fff;
}

/*----------------------------------------------------
/ 18. Why Choose Us Section
------------------------------------------------------*/
.chooseUs{}
.chooseUs_title{
    margin: 0;
    padding: 0;
}
.chooseUs_title li{
    list-style: none;
    margin: 0;
    padding: 0;
    width: calc(100% / 8);
    display: inline-block;
    position: relative;
    float: left;
}
.chooseUs_title li a{
    display: block;
    font-size: 0.8em;
    line-height: 2;
    color: #000000;
    letter-spacing: 0.80px;
    background: #f4f4f4;
    padding: 23px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.chooseUs_title li:hover a,
.chooseUs_title li.active a{
    background: #000;
    color: #fff;
}
.chose_img{
    position: relative;
    margin: 60px 0 0;
}
.chose_img img{
    width: 100%;
    height: auto;
}
.wh_choose{
    position: relative;
    margin: 51px 0 0;
}
.wh_choose p{
    margin: 0 0 25px;
}
.wh_choose ul{
    margin: 0;
    padding: 0;
}
.wh_choose ul li{
    display: block;
    line-height: 36px;
}
.wh_choose ul li i{
    font-size: 14px;
    color: #e62b4a;
    line-height: 32px;
    margin-right: 15px;
}

/*----------------------------------------------------
/ 19. What We Do 2 Section
------------------------------------------------------*/
.what_wedo_2{
    background: #f4f4f4;
}
.single_wedo{
    position: relative;
    overflow: hidden;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo img{
    width: 100%;
    height: auto;
}
.single_wedo .overlay_wedo{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo .overlay_wedo:after {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    background: rgba(230, 43, 74, .7);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.single_wedo:hover .overlay_wedo:after{
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.single_wedo .overlay_wedo a{
    height: 68px;
    color: #000000;
    line-height: .8;
    font-size: 18px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    text-align: center;
    padding: 26px 0;
    width: 240px;
    z-index: 9;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.single_wedo .overlay_wedo a:hover{
    color: #fff;
    background: #000;
}

/*----------------------------------------------------
/ 20. Google Map Section
------------------------------------------------------*/
.gmapsection{
    position: relative;
}
.gmap{
    width: 100%;
    height: 609px;
}
.btn_link{
    position: relative;
    width: 100%;
    line-height: .8;
}
.btn_link a{
    display: inline-block;
    width: 100%;
    height: 143px;
    line-height: .8;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 0.96px;
    background: #e62b4a;
    padding: 61px 0;
}
.btn_link a:hover{
    background: #000;
    color: #fff;
}
.btn_link.bg_black a{
    background: #000;
}
.btn_link.bg_black a:hover{
    background: #e62b4a;
}

/*----------------------------------------------------
/ 21. About Page
------------------------------------------------------*/
.pageBanner {
    position: relative;
    min-height: 465px;
    background: url(../img/header.jpg) no-repeat center center / cover;
    padding-top: 224px;
}
.banner_content{
    position: relative;
}
.banner_content h4{
    color: #fff;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.banner_content h4 a{
    color: #fff;
    display: inline-block;
}
.banner_content h4 a:hover{
    color: #000;
}
.banner_content h2 {
    font-size: 70px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2.8px;
    margin: 0;
    color: #FFF;
    text-transform: uppercase;
}
.agency_img1{
    position: relative;
    text-align: right;
}
.agency_img1:after{
    position: absolute;
    right: 60px;
    top: 60px;
    border: 10px solid #e62b4a;
    height: 464px;
    width: 530px;
    content: '';
    z-index: 6;
}
.agency_img2{
    position: relative;
    text-align: left;
    z-index: 4;
    margin-top: -184px;
}
.agency_img2 img,
.agency_img1 img{
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
}
.compay_date{
    position: absolute;
    right: 60px;
    bottom: 3px;
    z-index: 4;
}
.compay_date h5{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .8;
    color: #000;
    margin: 0 0 3px;
}
.compay_date h2{
    font-size: 110px;
    line-height: .9;
    letter-spacing: 4.4px;
    color: #000;
    margin: 0;
}
.subscribe{
    padding: 100px 0 72px;
    border-bottom: 1px solid #e7e7e7;
}
.our_work{
    background: #f4f4f4;
    overflow: hidden;
    padding-bottom: 59px;
    position: relative;
}
.videoWrap_2 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 50%;
    z-index: 10;
}
.videoWrap_2 .play_video h2{
    color: #fff;
}
.videoWrap_2 img{
    width: 100%;
    height: 100%;
}
.ab_detail_wrap{
    padding-left: 90px;
}
.ab_detail_wrap .sec_title{
    margin-bottom: 46px;
}
.ab_detail_wrap .sec_desc{
    line-height: 36px;
}

/*----------------------------------------------------
/ 22. Service Page
------------------------------------------------------*/
.service_detail{
    padding-bottom: 82px;
}
.serviceArea{
    position: relative;
}
.serviceArea img{
    width: 100%;
    height: auto;
    margin-bottom: 57px;
}
.serviceArea h2{
    text-transform: uppercase;
    color: #222232;
    line-height: .8;
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 34px;
}
.serviceArea p{
    margin: 0 0 31px;
}
.serviceArea h3{
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #000000;
    font-size: 30px;
    margin-bottom: 50px;
}
.serviceArea .gaping{
    padding: 24px 0 0;
}
.serviceArea .gaping img{
    margin-bottom: 52px;
}
.serviceArea ul{
    margin: 0;
    padding: 0;
}
.serviceArea ul li{
    list-style: none;
    display: inline-block;
    line-height: 32px;
    font-size: 16px;
}
.serviceArea ul li i{
    color: #e62b4a;
    margin-right: 10px;
    line-height: 36px;
}
.meipaly_services_help{
    position: relative;
    background: url(../images/s3.jpg) no-repeat center center / cover;
    padding: 47px 50px 47px;;
}
.meipaly_services_help h4{
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin: 0 0 40px;
}
.meipaly_services_help p{
    color: #aaaaaa;
    margin: 0 0 25px;
    padding-right: 5px;
}
.meipaly_services_help h2{
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 0;
}

/*----------------------------------------------------
/ 23. Portfolio Page
------------------------------------------------------*/
.porfolioPage{}
.folio_mixing{
    position: relative;
    text-align: center;
    margin: 0 0 65px;
}
.folio_mixing ul{
    margin: 0;
    padding: 0;
    line-height: .8;
}
.folio_mixing ul li{
    display: inline-block;
    list-style: none;
    margin: 0 17px 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    color: #818181;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folio_mixing ul li:after{
    width: 0;
    height: 1px;
    content: '';
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.folio_mixing ul li.active,
.folio_mixing ul li:hover{
    color: #000000;
}
.folio_mixing ul li.active:after,
.folio_mixing ul li:hover:after{
    width: 100%;
}
.custom {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.custom .mix {
    display: none;
}
.mt_30{
    margin-top: 30px;
}
.porfolioDetail{
    padding-bottom: 0;
}
.portDetailThumb{
    position: relative;
    margin-bottom: 30px;
}
.portDetailThumb img{
    width: 100%;
    height: auto;
}
.nextprevPagination {
    position: relative;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 51px 0 51px;
    margin-top: 30px;
}
.nextprevPagination a{
    text-transform: uppercase;
    color: #000000;
    line-height: .8;
    font-size: 16px;
    letter-spacing: 1.6px;
    margin: 0;
    display: inline-block;
}
.nextprevPagination a.prevFolio i{
    line-height: .8;
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.nextprevPagination a.nextFolio i{
    line-height: .8;
    margin-left: 8px;
    position: relative;
    top: -1px;
}
.nextprevPagination a:hover{
    color: #e62b4a;
}
.singlePortfoio_content{
    position: relative;
    margin: 0 0 35px;
}
.singlePortfoio_content h3{
    font-size: 30px;
    line-height: .8;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    margin: 0 0 39px;
}
.singlePortfoio_content h4{
    font-size: 18px;
    line-height: .8;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .72px;
    margin: 0 0 9px;
}
.singlePortfoio_content p{
    line-height: 30px;
    margin: 0;
}
.singlePortfoio_content p a{
    display: inline-block;
    color: #818181;
}
.singlePortfoio_content p a:hover{
    color: #e62b4a;
}
.singlePortfoio_content ul{
    margin: 17px 0 0;
    padding: 0;
}
.singlePortfoio_content ul li{
    list-style: none;
    display: block;
    line-height: .8;
    margin: 0 0 17px;
}
.singlePortfoio_content ul li a{
    color: #818181;
    font-size: 12px;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: 1.2px;
    display: inline-block;
    position: relative;
}
.singlePortfoio_content ul li a:after{
    width: 0;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -4px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.singlePortfoio_content ul li a:hover{
    color: #e62b4a;
}
.singlePortfoio_content ul li a:hover:after{
    width: 100%;
}
.relatedPortfolio{
    padding-bottom: 90px;
}

/*----------------------------------------------------
/ 24. Blog Page
------------------------------------------------------*/
.meipaly_paginations a, 
.meipaly_paginations span {
    position: relative;
    display: inline-block;
    height: 46px;
    width: 45px;
    background: #f4f4f4;
    color: #818181;
    font-size: 14px;
    letter-spacing: .56px;
    text-align: center;
    padding: 17px 0;
    line-height: .8;
    margin: 0 3px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.meipaly_paginations a.next,
.meipaly_paginations a.prev{
    font-size: 20px;
    padding: 12px 0;
    margin: 0 2px;
}
.meipaly_paginations a:after, 
.meipaly_paginations span:after{
    width: 4px;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: '';
    background: #e62b4a;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.meipaly_paginations a.prev:after{
    right: auto;
    left: 0;
}
.meipaly_paginations a:hover:after, 
.meipaly_paginations span.current:after{
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.meipaly_paginations a:hover, 
.meipaly_paginations span.current{
    color: #fff;
    background: #000;
}
.single_blog{
    position: relative;
}
.blog_thumb{
    position: relative;
    margin: 0 0 0;
}
.blog_thumb img{
    width: 100%;
    height: auto;
}
.blog_headings{
    position: relative;
    margin: -20px 10px 29px;
    background: #fff;
    z-index: 3;
    padding: 30px 30px 0;
}
.blog_headings span.blog_date {
    font-size: 10px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    height: 31px;
    width: 65px;
    background: #e62b4a;
    color: #ffffff;
    padding: 11px 0;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.blog_headings h2{
    text-transform: uppercase;
    font-size: 40px;
    color: #000000;
    line-height: 40px;
    letter-spacing: 1.6px;
    margin: 0 0 7px;
}
.blog_headings .blog_metas{
    font-size: 12px;
    line-height: 30px;
    letter-spacing: 1.2px;
    color: #818181;
    text-transform: uppercase;
    margin: 0;
}
.blog_headings .blog_metas a{
    display: inline-block;
    color: #818181;
    margin: 0 10px;
}
.blog_headings .blog_metas a:first-of-type{
    margin-left: 0;
}
.blog_headings .blog_metas a:hover{
    color: #e62b4a;
}
.blog_details{
    padding: 0px 40px 22px;
}
.blog_details p{
    line-height: 30px;
    margin: 0 0 30px;
}
.blog_tagitems{
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 34px 0 35px;
}
.blog_tagitems span{
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    display: inline-block;
    letter-spacing: 0.80px;
    margin-right: 3px;
}
.blog_tagitems a{
    display: inline-block;
    color: #818181;
    line-height: 30px;
    font-size: 16px;
}
.blog_tagitems a:hover{
    color: #000;
}
.post_author{
    position: relative;
    background: #f4f4f4;
    padding: 57px 70px 60px 270px;
    margin-bottom: 60px;
}
.post_author img{
    width: 170px;
    height: 190px;
    position: absolute;
    left: 60px;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.post_author h3{
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.80px;
    margin: 0 0 39px;
}
.post_author h3 a{
    color: #000;
}
.post_author h3 a:hover{
    color: #e62b4a;
}
.post_author p{
    line-height: 30px;
    margin: 0 0 16px;
}
.post_author > a{
    color: #e62b4a;
    line-height: .8;
    display: inline-block;
    position: relative;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 12px;
}
.post_author > a:after{
    width: 100%;
    height: 1px;
    content: '';
    background: #e62b4a;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -5px;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.post_author > a:hover{
    color: #000;
}
.post_author > a:hover:after{
    background: #000;
}
.comment_area{
    position: relative;
}
.comment_area h3{
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 61px;
}
.comment_area ol{
    margin: 0;
    padding: 0;
}
.comment_area ol li{
    list-style: none;
    display: block;
    margin: 0;
}
.single-comment{
    position: relative;
    padding-left: 143px;
    padding-right: 100px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 55px;
    margin-bottom: 60px;
}
.single-comment img{
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
}
.single-comment .authorDetails{
    position: relative;
}
.single-comment .authorDetails h5{
    font-size: 20px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.single-comment .authorDetails h5 a{
    color: #000;
}
.single-comment .authorDetails h5 a:hover{
    color: #e62b4a;
}
.single-comment .authorDetails span{
    display: block;
    font-size: 12px;
    line-height: 30px;
    color: #e62b4a;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0 0 27px;
}
.single-comment .comment{
    position: relative;
    margin: 0 0 0;
}
.single-comment .comment p{
    line-height: 30px;
    margin: 0;
}
.single-comment .common_btn.red_bg{
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding: 19px 21px;
}
.commentForm{
    position: relative;
}
.commentForm h3{
    font-size: 30px;
    line-height: .8;
    letter-spacing: 1.2px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 61px;
}
.input-form {
    width: 100%;
    height: 70px;
    background: #f4f4f4;
    border: none;
    text-align: left;
    padding: 0 30px;
    font-size: 14px;
    letter-spacing: 0.56px;
    line-height: 70px;
    color: #818181;
    margin: 0 0 30px;
    outline: none;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.input-form.reqError {
    border: 1px solid #e62b4a;
}
textarea.input-form {
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
input.input-form[type="text"]::-moz-placeholder,
input.input-form[type="email"]::-moz-placeholder,
textarea.input-form::-moz-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
input.input-form[type="text"]::-ms-input-placeholder,
input.input-form[type="email"]::-ms-input-placeholder,
textarea.input-form::-ms-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
input.input-form[type="text"]::-webkit-input-placeholder,
input.input-form[type="email"]::-webkit-input-placeholder,
textarea.input-form::-webkit-input-placeholder{
    color: #818181 !important;
    opacity: 1 !important;
}
.commentForm .common_btn.red_bg {
    padding: 28px 42.5px;
}
input.input-form:focus,
textarea.input-form:focus{
    -webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:    0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    box-shadow:         0px 10px 35px 0px rgba(0, 0, 0, 0.05);
    border-right: 4px solid #e62b4a;
    background: #fff;
}
.sidebar .widget {
    position: relative;
    margin-bottom: 30px;
}
.sidebar .widget.search-widget {
    padding: 0;
}
.sidebar .widget form.searchform {
    margin: 0;
    padding: 0;
}
.sidebar .widget form.searchform input {
    width: 100%;
    height: 91px;
    border: none;
    border-radius: 0;
    background: #000;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 50px;
    text-transform: uppercase;
    outline: none;
}
.sidebar .widget form.searchform input::-moz-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget form.searchform input::-ms-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget form.searchform input::-webkit-input-placeholder{
    color: #ffffff !important;
    opacity: 1 !important;
}
.sidebar .widget_title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: .8;
    letter-spacing: 0.72px;
    margin: 0 0 -2px;
    padding: 23px 48px 24px;
    border: 2px solid #f4f4f4;
}
.meipaly_post_widget{
    position: relative;
    background: #f4f4f4;
    padding: 50px;
}
.mpw_item{
    position: relative;
    padding-left: 80px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 21px;
}
.mpw_item:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.mpw_item img{
    width: 60px;
    height: 56px;
    position: absolute;
    top: 0;
    left: 0;
}
.mpw_item a{
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    color: #818181;
    display: inline-block;
    margin: 3px 0 0;
}
.mpw_item a:hover{
    color: #000;
}
.meipaly_categorie_widget{
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}
.meipaly_categorie_widget ul{
    margin: 0;
    padding: 0;
}
.meipaly_categorie_widget ul li{
    list-style: none;
    display: block;
    margin: 0 0 12px;
}
.meipaly_categorie_widget ul li:last-of-type{
    margin-bottom: 0
}
.meipaly_categorie_widget ul li a{
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #818181;
}
.meipaly_categorie_widget ul li a:hover{
    color: #000;
}
.meipaly_tagcloude_widget{
    position: relative;
    background: #f4f4f4;
    padding: 43px 50px 44px;
}
.meipaly_tagcloude_widget a{
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #818181;
}
.meipaly_tagcloude_widget a:hover{
    color: #000;
}

/*----------------------------------------------------
/ 25. Contct Page
------------------------------------------------------*/
.contactFrom{
    position: relative;
    text-align: center;
}
.contactFrom textarea.input-form{
    height: 190px;
    resize: none;
    line-height: 30px;
    padding: 21px 30px;
    margin-bottom: 21px;
}
.contactFrom .common_btn.red_bg{
    padding: 28px 42.5px;
}



/*------------------------------------------------------------------------------
/ 26. Popup Search
------------------------------------------------------------------------------*/
.searchFixed{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.98);
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}
.popupBG{
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}
.searchForms {
    position: absolute;
    width: 100%;
    height: 100px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.searchForms button[type="submit"] {
    padding: 0 0;
    outline: none;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: .9;
    color: #fff;
    position: absolute;
    height: 100%;
    width: 60px;
    text-transform: uppercase;
    right: 15px;
    top: -2px;
    text-align: center;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.searchForms button[type="submit"]:hover{
    color: #e62b4a;
}
.searchForms input{
    width: 100%;
    height: 91px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    background: none;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding-left: 10px;
    font-weight: 300;
}
.searchForms input:focus{
    outline:none;
    box-shadow: none;
}
.searchForms input::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchForms input:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchForms input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
.searchForms input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
.sfCloser{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}
.sfCloser:after{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.sfCloser:before{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.sfCloser:hover{
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255,255,255, .2);
}
.sfCloser:hover:after,
.sfCloser:hover:before{
    background: #e62b4a;
}

/*------------------------------------------------------------------------------
/ 27. Popup Menu
------------------------------------------------------------------------------*/
.popup {
    background: rgba(17, 17, 17, 0.98);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    opacity: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
    z-index: 1000;
}
.close-popup{
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
}
.close-popup:after{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:before{
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}
.close-popup:hover{
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    box-shadow: 0 0 0 10px rgba(255,255,255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255,255,255, .2);
}
.close-popup:hover:after,
.close-popup:hover:before{
    background: #e62b4a;
}
.logo2{
    z-index: 99;
    position: absolute;
    left: 0;
    top: 30px;
}
.footer__contacts{
    position: absolute;
    left: 0;
    bottom: 40px;
    margin: 0;
    padding-left: 0;
}
.popUp_social{
    position: absolute;
    right: 0;
    bottom: 34px;
    padding: 0;
}
.popUp_social ul{
    margin: 0;
    padding: 0;
}
.popUp_social ul li {
    padding: 0;
    margin: 0 20px 0 0;
    list-style: none;
    display: inline-block;
}
.popUp_social ul li:last-of-type{
    margin-right: 0;
}
.popUp_social ul li a {
    font-size: 14px;
    letter-spacing: 0.56px;
    color: #aaaaaa;
    margin: 0;
    display: block;
    text-align: left;
}
.popUp_social ul li a i {
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}
.popUp_social ul li a:hover{
    color: #fff;
}
.footer__contacts li{
    list-style: none;
    display: block;
    font-size: 16px;
    color: #818181;
    line-height: 22px;
    margin: 0 0 7px;
}
.footer__contacts li:last-child{
    margin-bottom: 0;
}
.popup__btn-close {
    background-color: transparent;
    border: 0;
    letter-spacing: .3rem;
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 1;
}
.popup__btn-close:hover {
    opacity: .5;
}
.popup-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    height: 100vh;
    transform: translateY(-100%);
    transition: all 0.6s 1000ms cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}
.show-popup .popup-inner, .show-overlay-nav .popup-inner {
    transform: translateY(0);
}
.show-popup .popup.popup-overlay, .show-overlay-nav .popup.popup__menu {
    opacity: 1;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    transform: translateY(0);
}
.show-popup,
.show-overlay-nav {
    overflow: hidden;
}
.popup.popup__menu {
    background-image: url(../images/line-maker.svg);
    background-repeat: repeat;
    background-position: center center;
    padding: 0;
}
.popup.popup__menu .popup-inner {
    display: flex;
}
.show-overlay-nav .popup.popup__menu.popup__menu {
    box-shadow: none;
    overflow: hidden;
}
.show-overlay-nav .top {
    background-color: transparent;
    box-shadow: none;
}

.dl-menu__wrap {
    height: auto;
    position: relative;
    perspective: 600px;
    perspective-origin: 50% -200%;
    text-align: center;
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    width: 100%;
}
.dl-menu__wrap ul {
    list-style: none;
    padding: 0;
    transform-style: preserve-3d;
}
.dl-menu__wrap ul li {
    margin: 13px 0;
    position: relative;
    display: block;
}
.dl-menu__wrap ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}
.dl-menu__wrap ul li a::after {
    position: absolute;
    width: 0;
    height: 1px;
    content: '';
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    -webkit-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.6s 0s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: -1;
}
.dl-menu__wrap ul li.menu-item-has-children > a{
    position: relative;
}
.dl-menu__wrap ul li.menu-item-has-children > a:before{
    position: absolute;
    right: -18px;
    top: 2px;
    content: "\f107";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: 'fontAwesome';
    font-size: 12px;
    color: #fff;
    line-height: .8;
}
.dl-menu__wrap ul li.menu-item-has-children > a:hover:before{
    transform: rotate(-180deg);
}
.dl-menu__wrap ul li.active > a::after,
.dl-menu__wrap ul li a:hover::after {
    width: 100%;
}
.dl-menu__wrap ul li .dl-submenu {
    display: none;
}
.dl-menu__wrap .dl-menu {
    margin: 0;
    pointer-events: none;
    transform: translateY(10px);
    backface-visibility: hidden;
    width: 100%;
}
.dl-menu__wrap .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}
.dl-menu__wrap .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0px);
}
.dl-menu__wrap .dl-menu.dl-subview li,
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > a, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview > a {
    display: none;
}
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subview .dl-submenu, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen, 
.dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > 
.dl-submenu, .dl-menu__wrap .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}
.dl-menu__wrap .dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}
.dl-menu__wrap .dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}
.dl-menu__wrap .dl-menu .dl-back a {
    position: relative;
    width: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.dl-menu__wrap .dl-menu .dl-back a:before {
    content: '';
    background-color: transparent;
    background-image: url(../images/arrow-back.svg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 26px;
}
.dl-menu__wrap .dl-menu .dl-back a:after{
    display: none;
}
.dl-menu__wrap .dl-menu.dl-subview .dl-back {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.dl-menu__wrap > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menu__wrap > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}
@keyframes MenuAnimOut3 {
    100% {
        transform: translateZ(300px);
        opacity: 0;
    }
}
@keyframes MenuAnimIn3 {
    0% {
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimIn3 {
    0% {
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes SubMenuAnimOut3 {
    0% {
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(-300px);
        opacity: 0;
    }
}

/*----------------------------------------------------
/ 28. preloder
------------------------------------------------------*/
.preloader {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}
.la-ball-circus,.la-ball-circus>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-circus{display:block;font-size:0;color:#fff}
.la-ball-circus.la-dark{color:#FFF}
.la-ball-circus>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-circus{width:16px;height:16px}
.la-ball-circus>div{position:absolute;top:0;left:-100%;display:block;width:16px;width:100%;height:16px;height:100%;border-radius:100%;opacity:.5;-webkit-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-moz-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);-o-animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);animation:ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1)}
.la-ball-circus>div:nth-child(1){-webkit-animation-delay:0s,-0.5s;-moz-animation-delay:0s,-0.5s;-o-animation-delay:0s,-0.5s;animation-delay:0s,-0.5s}
.la-ball-circus>div:nth-child(2){-webkit-animation-delay:-0.5s,-1s;-moz-animation-delay:-0.5s,-1s;-o-animation-delay:-0.5s,-1s;animation-delay:-0.5s,-1s}
.la-ball-circus>div:nth-child(3){-webkit-animation-delay:-1s,-1.5s;-moz-animation-delay:-1s,-1.5s;-o-animation-delay:-1s,-1.5s;animation-delay:-1s,-1.5s}
.la-ball-circus>div:nth-child(4){-webkit-animation-delay:-1.5s,-2s;-moz-animation-delay:-1.5s,-2s;-o-animation-delay:-1.5s,-2s;animation-delay:-1.5s,-2s}
.la-ball-circus>div:nth-child(5){-webkit-animation-delay:-2s,-2.5s;-moz-animation-delay:-2s,-2.5s;-o-animation-delay:-2s,-2.5s;animation-delay:-2s,-2.5s}
.la-ball-circus.la-sm{width:8px;height:8px}
.la-ball-circus.la-sm>div{width:8px;height:8px}
.la-ball-circus.la-2x{width:32px;height:32px;  left: 0; top: 0; right: 0; margin: auto; bottom: 0; position: absolute;}
.la-ball-circus.la-2x>div{width:32px;height:32px}
.la-ball-circus.la-3x{width:48px;height:48px}
.la-ball-circus.la-3x>div{width:48px;height:48px}@-webkit-keyframes ball-circus-position{50%{left:100%}}@-moz-keyframes ball-circus-position{50%{left:100%}}@-o-keyframes ball-circus-position{50%{left:100%}}@keyframes ball-circus-position{50%{left:100%}}@-webkit-keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-moz-keyframes ball-circus-size{50%{-moz-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@-o-keyframes ball-circus-size{50%{-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}@keyframes ball-circus-size{50%{-webkit-transform:scale(0.3, 0.3);-moz-transform:scale(0.3, 0.3);-o-transform:scale(0.3, 0.3);transform:scale(0.3, 0.3)}}


/*----------------------------------------------------
/ 29. Bact To Top
------------------------------------------------------*/
.showit {
    background: #e62b4a;
    bottom: 60px;
    color: #ffffff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 60px;
    text-align: center;
    width: 40px;
    z-index: 99;
}
.showit:hover{
    background: #000;
    color: #fff;
}
/*----------------------------------------------------
/ 30. Color Preset
------------------------------------------------------*/
.color_settings {
    position: fixed;
    backface-visibility: hidden;
    left: -240px;
    top: 25%;
    width: 240px;
    box-sizing: border-box;
    padding: 25px 20px 20px;
    z-index: 1000;
    background: #fff;
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}
.color_settings .switch-btn {
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 18px;
    color: #000;
    border: none;
    position: absolute;
    line-height: .8;
    padding: 11px 0;
    top: 20px;
    right: -40px;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.1) inset;
    text-align: center;
}
.color_settings .color_preset button {
    background: #fff;
    border: none;
    border-radius: 0;
    height: 30px;
    width: 50px;
    display: block;
    float: left;
    margin: 5px;
    outline: none;
}
.color_settings .color_preset button.active{
    opacity: .2;
}
.color_settings .color_preset h4{
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px 0;
    margin: 0 0 7px;
    border: 2px solid #f5f6fa;
}
.color_settings .switch-btn.active,
.color_settings .switch-btn:hover{
    color: #e62b4a;
}

.container {max-width:100% !important;}
.centermobile {max-height:500px;}

.intro_video {padding:33px 15%; background-color:#ea7b3f;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.error {color:#f00; font-weight:bold;}


.new-features {
    background:#dedede;
}


.slider-container {
    max-width:100%;
  }
  
   .carousel-control.left, .carousel-control.right {
    background:none;
     background-color: #ffffff;
   } 
  
   .carousel-control {
    text-shadow: none;
    top: 40%;
    bottom: auto;
    width: 23px;
    padding: 3px 6px;
    font-size: 1.5em;
    opacity: 1;
    position: absolute;
    left: 0;
    color: #666666;
    text-align: center;
   }
  
   .carousel-caption{
    text-shadow:none;
    color:#666666;
    text-transform: uppercase;
    font-size:0.9em;
    background:rgba(255, 255, 255, 0.7);
   }
  
   .carousel-control:hover, .carousel-control:active, .carousel-control:focus {
    color:#999999;
   }
  .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  .carousel-fade .carousel-inner .item,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    opacity: 0;
  }
  .carousel-fade .carousel-inner .active,
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-fade .carousel-inner .next,
  .carousel-fade .carousel-inner .prev,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-control {
    z-index: 2;
  }


/*.tab-content > .active {overflow:auto;}*/

@media(min-width:1029px){
    .submenu-desktop {display:block;}
    .submenu-mobile {display:none;}
    }

@media(max-width: 1029px) and (min-width: 320px){
    .header_01 {padding:9px !important; right:0;}
    .black_color {background-color:#121212;}
    .home-banner.loading .video-background {opacity:1 !important;}
    .video-background {top:27%; min-height:253px; background-image:url('../img/banner-cyber.jpg'); background-size:cover; background-position: 50% 50%;}
    .video-background iframe {display:none;}
    .video-popover {padding:130px 5% !important; min-height:250px;}
    .video-popover .container {width:100% !important;}
    .video-popover .container .push-left {margin-left:23px;}
    .video-popover .common_btn {padding:23px 11px; height:auto;}
    .hidden-xs {display: inline-block !important;}
    .common_btn {line-height:1.5; padding:14px 33px; height:auto;}
    .footer-brand, .footer-brand img {max-width:70%; margin:0 auto;}
    .clear-xl {min-height:23px;}
    .featuredbg .sub_title {line-height:1.5;}
    a:not([href]){margin-top:-117px !important;}
    .navigator {padding-bottom:0px;}
    .commonSection {padding-top:33px; padding-bottom:33px;}
    .submenu-desktop {display:none !important;}
    .dropmenu-mobile-button {display:block; text-align:center; color:#ffffff; text-transform: uppercase; letter-spacing: 1px; padding:11px 0;}
    .dropmenu-mobile-button:hover, .dropmenu-mobile-button:active, .dropmenu-mobile-button:focus {color:#ea7b3f;}
    .mainmenu ul.dropmenu-mobile li {display:block; padding:23px 0 !important;}
    .submenu-mobile {display:block;}
    .dropmenu-mobile {display:none; overflow:auto !important; height:auto !important; top:50px !important;}
    .submenu-mobile:hover .dropmenu-mobile, .submenu-mobile:active .submenu-mobile, .submenu-mobile:focus .dropmenu-mobile {display:block;}
    .social a {font-size: 1.1em;}
    .zclassroom_content, .multilang_content, .dreams_content {padding:0 23px;}
    .price-card .common_btn {z-index:11;}
    .hero {padding-top:111px;}
    .hero .sec_desc {font-size:1.1em; line-height:1.5em;}
    th {font-size: 0.7em;}
    .comparenav {display:none;}
    .table td {font-size:0.8em; line-height:1.3em !important;}
    .singleClient_2.specs {padding:unset; padding:30px;}
    .centermobile {max-height:400px; margin:30px auto;}
    .zclassroom {background-attachment: unset;}
}

@media(max-width: 1029px) and (min-width: 768px){
    .break-video {margin-top:60%;}
}
@media(max-width: 768px) and (min-width: 320px){
    .break-video {margin-top:425px;}
    .padmobile {padding:42px 0;}
}