.ftr-right ul li+li+li+li+li+li:before {
    content: "\f0e0";
}

body
{
       font-family: 'Open Sans', sans-serif;
       font-size:14px;
}
img.mb-on { display: none; }
div#portfolio #filters li.first {
    display: none !important;
}
section.aboutus_sec
{
       font-family: 'Open Sans', sans-serif;
       font-size:14px;
}
section.banner-inner-image p {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    margin-bottom: 32px;
    font-weight: 600;
}

section.banner-inner-image h2 {
    color: #ff4200;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 43px;
}

section.banner-inner-image h2 span {
    color: #fff;
}
section.banner-inner-image {padding-top: 65px;background: url(../images/b1_bg.jpg) no-repeat center top;background-size: cover;height: 405px;color: #fff;overflow: hidden;}
img.pull-right.sideban { display: none !important; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@keyframes kenburns {
    0% {
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
        transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
        opacity: 0;
    }
}

 h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;color: #010101;}

 

header .top_bar {
    background: #282828;
    padding: 15px 0;
}
ul.header_menu {
    text-align: right;
    margin-top: 14px;
    margin-bottom: 0;
}

ul.header_menu li {
    display: inline-block;
    font-size: 15px;
    color: #2a363f;
    text-transform: uppercase;
    padding: 0;
    position: relative;
}

ul.header_menu li a {
    color: #2a363f;
    display: block;
    padding: 11px 23px;
    font-weight: 600;
}

ul.header_menu li.first {
    font-size: 15px;
}

ul.header_menu li.first a {
    /* padding: 7px 15px; */
}

.header {
    /*padding: 22px 0;*/
     padding: 10px 0;
}

ul.header_menu li:hover a, .active_nav a, a.active_nav {
    color: #ffffff !important;
    background: #00a2c0;
}

section.banner {text-align: center;/* padding: 281px 0 62px 0; */position: relative;background-size: cover;z-index: 0;/* overflow: hidden; */height: 100%;}
section.banner h6 {
    font-size: 21px;
    margin-bottom: 13px;
    text-shadow: #000 0 1px 1px;
}

section.banner h2 {
        text-transform: uppercase;
        line-height: 3.5em;
}

.banner h5 {
    font-size: 24px;
    margin-top: -5px;
    text-shadow: #000 0 1px 1px;
}

section.cutting_edge {
    padding: 60px 0 0 0;
    color: #282828;
}



section.portfolio-col .col-md-4+.col-md-4 {
    text-align: left;
}

.portfolio-col div#portfoliolist img {
    max-width: 100%;
    width: 100%;
}

.portfolio-col div#portfoliolist .col-md-4 {
    padding: 0;
    text-align: right;
    display:none;
}

section.portfolio-col .col-md-4 h2 span {
    color: #00a2c0;
}

.portfolio-col div#portfolio {
    margin-top: 42px;
}

.portfolio-col div#portfolio ul {
    margin-bottom: 0;
}

a.viewmore_porfolio {
    background: #1a1c1d;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    padding: 20px 0;
}

.portfolio-col div#portfolio #filters li {
    display: inline-block;
    color: #696969;
    text-transform: uppercase;
    margin: 0 15px;
}

.portfolio-col div#portfolio #filters li span {
    display: block;
    padding: 6px 14px;
    font-size: 13px;
    border-radius: 3px;
}

.portfolio-col #portfolio span.filter.active {
    background: #a7cd0f;
    color: #fff;
}

.portfolio-col div#portfolio #filters li span:hover {
    background: #a7cd0f;
    color: #fff;
}
 



.portfolio-col #portfolio ul#filters {
    text-align: center;
    margin: 40px 0 30px 0;
    display: block;
}

.portfolio-col div#portfoliolist .col-md-4 ul li {
    position: relative;
    overflow: hidden;
}

.portfolio-col div#portfoliolist .col-md-4 ul li a {
    display: block;
    position: relative;
}

.portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio {
    position: absolute;
    background: rgba(0, 0, 0, 0.73);
    width: 0;
    text-align: center;
     /* Safari */
     /* Safari 7.0+ */
    right: 0;
    border: rgba(0, 0, 0, 0.51) 11px solid;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    visibility: hidden;
    -ms-transition: all .2s ease-in;
    height: 100%;
    transition: all .2s ease-in;
}

.portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio i {
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 39%;
    left: 45%;
}

.portfolio-col div#portfoliolist .col-md-4 ul li:hover a .overlay_portfolio {
    width: 100%;
    visibility: visible;
}

.portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4 ul li .overlay_portfolio {
    padding: 23% 0;
}

.portfolio-col div#portfoliolist .logos+.logos ul li+li .overlay_portfolio {
    padding: 25% 0;
}

.portfolio-col div#portfoliolist .logos.logos+.logos ul li .overlay_portfolio {

      padding: 25% 0;
}

.portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4+.col-md-4 ul li+li+li .overlay_portfolio {
      padding: 24% 0;
}


section.portfolio-col {
    padding: 50px 0;
}

.portfolio-col div#portfoliolist .col-md-4 {
    display: none;
}

.portfolio-col #portfoliolist .logos ul li img {height: 269px;}
.portfolio-col #portfoliolist .logos+.logos+.logos ul li.last img{height: 211px;}


.portfolio-col #portfoliolist .websites ul li img{height: 262px;}
.portfolio-col #portfoliolist .websites+.websites ul li+li img{height: 392px;}
.portfolio-col #portfoliolist .websites+.websites+.websites ul li+li+li img{height: 320px;}
.portfolio-col #portfoliolist .websites+.websites ul li img {height: 393px;}
.portfolio-col #portfoliolist .websites+.websites+.websites ul li img {height: 363px;}
.portfolio-col #portfoliolist .websites+.websites ul li+li .overlay_portfolio {padding: 45% 0;}


.portfolio-col #portfoliolist .stationery ul li img{height: 262px;}
.portfolio-col #portfoliolist .stationery+.stationery ul li+li img{height: 262px;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li img{height: 291px;}
.portfolio-col #portfoliolist .stationery+.stationery ul li img {height: 524px;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li img {height: 436px;}
.portfolio-col #portfoliolist .stationery+.stationery ul li .overlay_portfolio {padding: 45% 0;}
.portfolio-col #portfoliolist .stationery+.stationery ul li+li .overlay_portfolio {padding: 25% 0;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li .overlay_portfolio {padding: 45% 0;}
.portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li .overlay_portfolio {padding: 31% 0;}

.portfolio-col #portfoliolist .video ul li img {height: 200px;}
.portfolio-col #portfoliolist .video+.video+.video ul li.last img{height: 204px;}

.portfolio-col #portfoliolist .brochure ul li img {height: 262px;}
.portfolio-col #portfoliolist .brochure+.brochure+.brochure ul li.last img{height: 465px;}
.portfolio-col #portfoliolist .brochure +.brochure +.brochure ul li img {
    height: 262px;
}
.portfolio-col #portfoliolist .brochure+.brochure ul li img {
    height: 524px;
}
.portfolio-col #portfoliolist .brochure+.brochure ul li+li img {
    height: 262px;
}


section.cutting_edge .col-md-4 h2, section.portfolio-col .col-md-4 h2, section.testimonials h2 {
    color: #010100;
    font-size: 64px;
    text-transform: uppercase;
    font-weight: 400;
}

span.color-text {
    color: #00a2c0;
}

section.cutting_edge .col-md-8 {
    font-size: 16px;
}

section.cutting_edge .col-md-8 p, section.portfolio-col .col-md-8 p, section.testimonials .col-md-7 p {
    line-height: 23px;
    font-weight: 300;
    margin-top: 7px;
    padding-left: 58px;
    padding-top: 10px;
    font-size: 15px;
}

section.what-we-do {
    background: url(../images/bg_white_vector.jpg) repeat left top;
    padding: 70px 0 40px 0;
    text-align: center;
}

section.cutting_edge .container, section.what-we-do .container, section.portfolio-col .row {
    border-bottom: #dcdcdc 1px solid;
    position: relative;
    padding-bottom: 30px;
}

section.cutting_edge .container:after, section.what-we-do .container:after, section.portfolio-col .row:before {
    background: url('../images/sprite.png') no-repeat -4px -60px;
    width: 54px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
}
section.cutting_edge .col-md-4 h6, section.portfolio-col .col-md-4 h6, section.testimonials h6 {
    color: #010100;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 28px;
}
section.cutting_edge .col-md-8 p:before, section.portfolio-col .col-md-8 p:before, section.testimonials .col-md-7 p:before {
    background: #ccc;
    width: 1px;
    height: 72px;
    content: "";
    position: absolute;
    left: 40px;
    top: 16px;
}
h2.hd-border {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 41px;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
}

h2.hd-border:before {content: "";position: absolute;background: #d8d8d8;height: 1px;width: 360px;bottom: 0;left: 50%;margin-left: -180px;}

h2.hd-border:after {
    background: url('../images/sprite.png') no-repeat -4px -60px;
    width: 54px;
    height: 3px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -27px;
}

h2.hd-border+p {
    font-size: 18px;
    color: #2d2d2d;
    margin-bottom: 21px;
}

.what-we-do i {
    display: inline-block;
    background: no-repeat left top;
    width: 110px;
    height: 110px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    margin: 34px 0 20px 0;
}

.what-we-do .item:hover h4 {}



.what-we-do .item h4 span {
    color: #00a2c0;
}

.what-we-do .item h4 {
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 23px;
}

i.what_do_icon1 {
    background: url(../images/wwd-img1.png);
}
i.what_do_icon2 {
    background: url(../images/wwd-img2.png);
}
i.what_do_icon3 {
    background: url(../images/wwd-img3.png);
}
i.what_do_icon4 {
    background: url(../images/wwd-img4.png);
}

i.what_do_icon5 {
    background: url(../images/wwd-img5.png);
}

i.what_do_icon6 {
    background: url(../images/wwd-img6.png);
}

i.what_do_icon7 {
    background: url(../images/wwd-img7.png);
}

.what-we-do .item:hover i.what_do_icon1  { background: url(../images/wwd-img_hover1.png); }
.what-we-do .item:hover i.what_do_icon2  { background: url(../images/wwd-img_hover2.png); }
.what-we-do .item:hover i.what_do_icon3  { background: url(../images/wwd-img_hover3.png); }
.what-we-do .item:hover i.what_do_icon4  { background: url(../images/wwd-img_hover4.png); }
.what-we-do .item:hover i.what_do_icon5  { background: url(../images/wwd-img_hover5.png); }
.what-we-do .item:hover i.what_do_icon6  { background: url(../images/wwd-img_hover6.png); }
.what-we-do .item:hover i.what_do_icon7  { background: url(../images/wwd-img_hover7.png); }

section.banner * {
    color: #fff;
}
.navbar-default {
    display: none;
}

.what-we-do .item h4:after {
    position: absolute;
    background: #010101;
    height: 3px;
    width: 30px;
    bottom: 0;
    content: "";
    left: 50%;
    margin-left: -15px;
} 
a.viewmore_porfolio {
    background: #1a1c1d;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    color: #fff;
    padding: 20px 0;
} 

header .top_bar .col-md-6 ul li a {
    color: #fff;
    display: block;
}
header .top_bar .col-md-6 span {
    text-transform: uppercase;
    color: #10c6e8;
    font-size: 12px;
}

header .top_bar .col-md-5 span {
    text-transform: uppercase;
    color: #10c6e8;
    font-size: 12px;
}


header .top_bar .col-md-6 ul {
    text-align: right;
    margin: 0 22px 0 0;
}

header .top_bar .col-md-6 ul li {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
}

 
header .top_bar .col-md-6 ul li i {
    margin-right: 6px;
    color: #10c6e8;
    font-size: 13px;
}
 
header .top_bar .col-md-7 ul {
    text-align: right;
    margin: 0 22px 0 0;
}

header .top_bar .col-md-7 ul li {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
}
header .top_bar .col-md-7 ul li a {
    color: #fff;
    display: block;
}
 
header .top_bar .col-md-7 ul li i {
    margin-right: 6px;
    color: #10c6e8;
    font-size: 13px;
} 
section.packages {
    background: #1a1c1d;
    padding: 60px 0 80px 0;
    margin-top: 23px;
    color: #888888;
    text-align: center;
}
section.packages.logo-packages ul {
    min-height: 190px;
}

 
section.packages h2.hd-border {
    color: #fff;
    margin-bottom: 28px;
}

section.packages .row>div h2 {
    color: #888888;
    font-size: 26px;
    background: #1a1c1d;
    font-weight: 100;
    text-transform: uppercase;
    margin-top: -13px;
    margin-bottom: 16px;
}

section.packages h2.hd-border+p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 63px;
}

section.packages .row>div>div {border: #363636 2px solid;padding: 0 17px 21px 17px;border-radius: 6px;font-size: 13px;position: relative;}

section.packages .row>div>div p {
    text-transform: uppercase;
    line-height: 17px;
    font-size: 11px;
}

span.price {
    font-size: 50px;
    color: #fff;
    display: block;
    font-weight: bold;
}

span.cut_price {
    font-size: 20px;
    display: block;
    color: #fff;
    font-weight: 500;
    text-decoration: line-through;
    border-bottom: #363636 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-top: 2px;
}

section.packages .row>div>div ul {
    margin-bottom: 43px;
}

section.packages .row>div>div ul li {
    margin-bottom: 16px;
}

section.packages a {
    position: absolute;
    bottom: -19px;
    width: 180px;
    text-align: center;
    left: 50%;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    border: #363636 2px solid;
    border-radius: 3px;
    padding: 11px 0;
    margin-left: -90px;
    background: #1a1c1d;
}

section.packages h2.hd-border:before {background: #2e2e2f;}

section.packages .row>div>div:hover, section.packages .row>div>div:hover a {
    border: #00d7ff 2px solid;
}

section.branding_solution {
    position: relative;
    padding: 50px 0;
    background: url(../images/package_bg.jpg) repeat-x center bottom;
    background-size: cover;
}
section.branding_solution .col-md-12 {color: #fff;/* visibility: hidden; */}

 
.package_clickable .col-md-4 h6 {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
}

.package_clickable .col-md-4 h2 {
    font-size: 66px;
    text-transform: uppercase;
    color: #14a4bf;
    letter-spacing: 0px;
    font-weight: bold;
}

.package_clickable .col-md-5 a {
    display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    display: none;
}

.package_clickable .col-md-3 h3 {
    color: #fff;
}

.package_clickable .col-md-3 h2 {
    font-size: 66px;
    color: #f61616;
    letter-spacing: -3px;
    font-weight: bold;
    margin-top: -6px;
}

.package_clickable .col-md-5 a i {
    display: block;
    font-size: 74px;
    font-weight: 100;
    margin-bottom: -14px;
    margin-top: -8px;
}

.package_clickable .col-md-3 {text-transform: uppercase;text-align: right;}
.package_big {
    margin-top: 22px;
    border-top: #4a4b4c 1px solid;
    padding-top: 32px;
}

.package_big:after {
    right: 0 !important;
}

.package_big:before{ content: "";background: url('../images/sprite.png') no-repeat -4px -60px;width: 54px;height: 3px;left: 0;position: absolute;top: -2px;}
.package_big:after { content: "";background: url('../images/sprite.png') no-repeat -4px -60px;width: 54px;height: 3px;right: 0;position: absolute;top: -2px;}

.clock-package {
    background: url(../images/clock.png) no-repeat left top;
    text-align: center;
    width: 399px;
    height: 392px;
    padding-top: 100px;
    background-size: cover;
    margin-top: -27px;
}

.clock-package span {
    display: block;
    color: #ffe400;
    text-transform: uppercase;
}

.clock-package span.off_price {
    text-shadow: #000 0px 1px 1px;
    font-size: 66px;
    font-weight: bold;
    margin-bottom: 6px;
}

.clock-package span.off_price sup {
    font-size: 23px;
    top: -29px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.clock-package span.clock-brand {
    font-size: 26px;
    color: #ffe400;
    text-shadow: #000 1px 1px 1px;
    font-weight: 700;
    letter-spacing: 0px;
}

.clock-package span.clock-brand strong {
    display: block;
    font-size: 41px;
    color: #ffe400;
    font-weight: bold !important;
}

span.clock-cutprice {
    text-decoration: line-through;
    font-size: 30px;
    font-weight: 600;
    margin-top: 5px;
    color: #fff;
}

span.clock_offer {
    font-size: 20px;
    margin-top: 8px;
    font-weight: 600;
    margin-bottom: 5px;
}

span.clock_price {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
}

section.packages .row>div>div:hover h2, section.packages .row>div>div:hover ul li, section.packages .row>div>div:hover span.price {
    color: #00d7ff;
}

.package_big .col-md-4 ul li+li {
    /* margin: 0 50px 51px 0; */
}

.package_big ul li {
    color: #fff;
    margin-bottom: 51px;
    font-size: 13px;
}

.package_big ul li h6 {font-size: 20px !important;margin-bottom: 2px;font-weight: bold;color: #00a2c0 !important;text-shadow: #000 0px 1px 2px;}

.package_big ul li p {
    line-height: 25px;
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 14px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.package_big .col-md-4+.col-md-4+.col-md-4 {
    padding-left: 60px;
    text-align: left;
    padding-right: 15px;
}

.package_big .col-md-4+.col-md-4+.col-md-4 ul li+li {margin: 0 0 51px 0;}

.package_big ul li:last-child {
    margin: 0 !important;
}

.package_big .col-md-4 {
    padding-right: 60px;
    padding-left: 15px;
    padding-top: 35px;
}

.order_button {
}

.package_big .col-md-4+.col-md-4 {
    padding-right: 15px;
    text-align: center;
}
section.branding_solution .order_button {
    background-color: #00a2c0 !important;
    border-bottom: 3px solid #0488a0 !important;
    color: #fff !important;
    font-size: 23px;
    letter-spacing: 0;
    padding: 14px 15px;
    display: block;
    font-weight: 600;
    margin: 40px auto 0 65px;
    text-align: center;
    text-shadow: 0 1px 1px #000;
    text-transform: uppercase;
    border-radius: 4px;
    width: 270px;
}

.call_clock {
    text-align: right;
    font-size: 20px;
    position: relative;
    padding-left: 24px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
    display: none !important;
}

.call_clock span {
    font-size: 30px;
    color: #0fbada;
    display: block;
}

.call_clock:before {
    content: "\f095";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #bb0711;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 0px;
}

.clock_livechat {
    text-align: center;
    font-size: 16px;
    position: relative;
    padding-top: 7px;
    text-transform: uppercase;
    line-height: 24px;
    padding-left: 35px;
}

.clock_livechat:before {
    content: "\f086";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #bb0711;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    visibility: hidden !important;
    float: right;
    margin-left: 9px;
    display: none;
    }

.clock_livechat span {
    color: #0fbada;
    }

.clock_livechat a {
    color: #fff !important;
    display: block;
    font-weight: 700;
}

section.testimonials {
    background: url(../images/bg_blue_vector.jpg) repeat left top;
    color: #fff;
    padding: 50px 0;
}
div#testimonial_slider {
    margin-top: 22px;
    border-top: #90bec6 1px solid;
    position: relative;
    padding-top: 32px;
    position: relative;
}

div#testimonial_slider:before {content: "";background: url('../images/sprite.png') no-repeat -4px -65px;width: 54px;height: 3px;left: 0;position: absolute;top: -2px;}
.testimonail_text{
    width: 447px;
    float: left;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 100;
}

.author-pic {
    float: left;
    width: 150px;
}

.testimonail_text {
    line-height: 20px;
}

.testimonail_text h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 21px;
}

.testimonail_text h4 span {
    display: block;
    color: #fff;
    font-size: 14px;
    text-transform: none;
}

#testimonial_slider .col-md-6 {
    margin-top: -53px;
}

#testimonial_slider .col-md-6+.col-md-6 {
    margin: 0;
}

#testimonial_slider .col-md-6 {
    padding: 70px 0 0 0;
}
 
section.aboutus_sec {
    padding: 40px 0;
    color: #2d2d2d;
    line-height: 23px;
    font-size: 15px;
}

section.aboutus_sec h2+p {
    text-align: center;
    padding-bottom: 23px;
    /* border-bottom: #d8d8d8 1px solid;*/
    position: relative;
    margin-bottom: 16px;
    /* font-family: 'Open Sans'; */
    font-weight: bold;
    font-size: 16px;
}

section.aboutus_sec h2+p:after {
    /*background: url('../images/sprite.png') no-repeat -4px -60px;*/
    width: 54px;
    height: 3px;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -27px;
}

section.aboutus_sec p {
    line-height: 23px;
}

section.aboutus_sec .col-md-8 {
    padding-left: 40px;
}

section.aboutus_sec .col-md-12 {
    margin-top: 26px;
}

section.cta {
    background: #262829;
    padding: 30px 0;
    position: relative;
    border-top: #00a2c0 4px solid;
    color: #fff;
}

section.cta:before {
    position: absolute;
    height: 4px;
    top: -4px;
    background: #000;
    width: 50%;
    left: 0px;
    content: "";
}
section.cta .col-md-5 h2 {
    color: #fff;
    font-size: 33px;
    font-weight: 100;
}

section.cta .col-md-5 h3 {
    font-size: 66px;
    font-weight: 300;
    color: #fff;
}

section.cta ul li .cta_phone_icon:before {
    background: url('../images/sprite.png') no-repeat 0 0;
    width: 57px;
    height: 55px;
}

section.cta ul li {
    width: 47%;
    float: left;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

section.cta ul li i {
    display: block;
    margin-bottom: 12px;
    text-align: center;
    height: 66px;
}

section.cta ul li i.cta_chat_icon:before {
    background: url('../images/sprite.png') no-repeat -59px 0;
    width: 64px;
    height: 62px;
}

section.cta ul li  .cta_callback_icon:before {
    background: url('../images/sprite.png') no-repeat -130px 0;
    width: 49px;
    height: 55px;
}

section.cta ul li i:before {content: "";display: inline-block;}

section.cta ul li:before {content: "";position: absolute;left: 0;height: 60px;width: 1px;background: #686869;top: 29px;}

section.cta ul li+li+li {
    width: 40%;
    display: none;
}


.copyright {
    border-top: #262829 1px solid;
    padding: 30px 0;
    font-size: 12px;
    color: #ababa6;
    text-transform: uppercase;
}

.copyright ul {
    margin: 15px 0 0 0;
    text-align: right;
}

.copyright ul li {
    display: inline-block;
    text-transform: uppercase;
    margin: 0 11px;
}

.copyright ul li a {
    display: block;
    color: #ababa6;
}

.copyright .col-md-6 img+span {
    display: inline-block;
    margin-top: 17px;
    margin-left: 7px;
}
 
#slider .item {
    width: 100%;
    float: left;
    background-attachment: fixed;
}

.sub-heading {
    color: #00a2c0;
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 15px;
    margin-top: 15px;
}

section.banner #slider:before {

height: 100%;

left: 0;

top: 0;

bottom: 0;

z-index: -1;
}







.cd-intro {
    opacity: 1;
    width: 100%;
    height: 120px;
    margin-top: 0;
    text-align: center;
    font-family: 'museo_sans_rounded300';
    color: #fff;
    text-transform: uppercase;
    z-index: 99999999999;
}

.cd-words-wrapper {
    display: block;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: 144px;
    letter-spacing: -4px
}

.cd-words-wrapper b {
    display: block;
    margin: 0 auto;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.cd-words-wrapper b.is-visible {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.no-js .cd-words-wrapper b {
    display: block;
    margin: 0 auto;
    opacity: 0;
    text-align: center
}

.no-js .cd-words-wrapper b.is-visible {
    display: block;
    margin: 0 auto;
    opacity: 1;
    text-align: center
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 660px;
    -moz-perspective: 660px;
    perspective: 660px;
    max-width: 660px;
}
 .cd-words-wrapper {
        font-size: 50px;
        margin-top: -10px
    }
    .cd-headline.rotate-2 .cd-words-wrapper {
        max-width: 660px;
        text-shadow: #000 0 1px 1px;
        font-size: 115px;
        letter-spacing: -8px;
    }
}

.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 b {
    opacity: 0;
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out 0.4s forwards;
    -moz-animation: cd-rotate-2-out 0.4s forwards;
    animation: cd-rotate-2-out 0.4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}


.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.main h1 {
    margin: 0;
    padding: 0;
    font-size: 30px;
    color: #fff;
    letter-spacing: 0px;
    text-align: center;
    font-weight: normal;
}
 
.banner span.vector_banner {
    position: absolute;
    left: 152px;
    top: -221px;
    width: 370px;
}

.circle-gradient {
    opacity: 1;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    z-index: -1;
    background-image: url("../images/circle.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
}

section.testimonials h2 {
    color: #fff;
}

section.testimonials h2 span {
    color: #000;
}

section.banner .container {
    position: absolute;
    z-index: 5;
    top: 40%;
    left: 50%;
    margin-left: -585px;
}

header {
    position: relative;
    z-index: 1;
    background: #fff;
}

.banner span.vector_banner img {
    width: 100%;
}

section.banner #slider:before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.59);z-index: 9;}


section.inner_banner {
    text-align: center;
    text-shadow: #000 0 1px 1px;
    padding: 152px 0;
    position: relative;
    height: 480px;
    background: url(../images/logo-banner.jpg) no-repeat center top;
    background-size: cover;
    z-index: 0;
    background-attachment: fixed;
    overflow: hidden;
}
section.inner_banner h6 {
    font-size: 24px;
    margin-bottom: 13px;
}

section.inner_banner h2 {
    font-size: 91px;
    font-weight: 700;
    letter-spacing: -4px;
    text-transform: uppercase;
}

.inner_banner h5 {
    font-size: 24px;
    margin-top: 14px;
}

section.services_page_content h2 {
    color: #010101;
    font-size: 19px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

section.services_page_content {
    padding: 40px 0;
    line-height: 24px;
    color: #282828;
    font-size: 14px;
}

 
img.alignright {
    float: right;
}

section.services_page_content img {
    max-width: 100%;
}

.package_big .col-md-4 ul {
    min-height: 370px;
}

.website_package .col-md-3>div ul {
    min-height: 333px;
}

.innerpage .packages {
    margin-bottom: 0;
}

.innerpage section.branding_solution {
    margin-top: 0;
}

section.promise_offer {
    background: url(../images/bg_white_vector2.jpg) repeat left top;
    padding: 70px 0 40px 0;
    text-align: center;
}

section.promise_offer .row {
    margin-top: 62px;
}


section.promise_offer .row>div {
    margin-bottom: 55px;
}

section.promise_offer .row>div h4 {
    font-size: 13px;
    margin-top: 21px;
    position: relative;
    padding-bottom: 15px;
    color: #1a1c1d;
    text-transform: uppercase;
}

section.promise_offer .row>div h4:after {
    position: absolute;
    height: 3px;
    width: 30px;
    background: #1a1c1d;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -15px;
}

section.promise_offer h2.hd-border+p {
    text-transform: uppercase;
}

section.packages .row>div>div ul li p strong {
    color: #19a2be;
}

.video_package .row>div>div ul {
    min-height: 172px !important;
}

.writing_package .row>div>div ul {
    min-height: 200px;
}
section.best_design_service {
    text-transform: uppercase;
    text-align: center;
    background: url(../images/seal_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 60px 0;
    color: #fff;
    background-attachment: fixed;
}

section.best_design_service h2 {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 22px;
}

section.best_design_service h4 {
    color: #fff;
    font-size: 26px;
}

section.best_design_service ul {
    text-align: center;
    width: 840px;
    margin: 0 auto;
}

section.best_design_service ul li {
    display: inline-block;
    margin: 0 40px;
}
.alignleft{float: left;margin-right: 55px;}

.about_page section.services_page_content img {
    margin-top: 8px;
}

section.services_page_content ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 5px;
}

section.services_page_content ul li:before {
    content: "\f0da";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    left: 0;
    color: #c91b26;
    top: 4px;
}

section.services_page_content ul {
    margin: 15px 0px;
}


.inner_banner * {
    color: #fff;
}

.stationary_package .container {}

.about_page section.promise_offer {
    padding-top: 72px;
}

section.promise_offer h2 {
    text-transform: uppercase;
}


.about_page section.promise_offer .row>div {
    padding: 0 67px;
    color: #4f4f4f;
    font-size: 13px;
    margin-bottom: 62px;
}

section.promise_offer p {
    margin-top: 12px;
    line-height: 18px;
}

section.promise_offer a {
    display: inline-block;
    background: #e6e6e6;
    padding: 11px 20px;
    color: #000;
    margin-top: 6px;
    border-radius: 3px;
}

.about_page section.promise_offer .row>div h4 {
    font-size: 20px;
}

.about_page section.promise_offer .row>div h4 span {
    color: #19a2be;
}

.about_page section.promise_offer .row>div:hover a {
    background: #19a2be;
    color: #fff;
}

footer {
    background:#292929;
    color:#b0b0b0;
    padding: 3% 0 1%;
    font-size: 13px;
    border-top: #212121 1px solid;
}

.ftr-center {
    border-left:1px solid #3a3a3a;
    border-right:1px solid #3a3a3a;
    text-align:center;
}

footer h4 {
    font-size: 21px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-bottom: 8%;
    color: #ffffff;
    text-transform: uppercase;
}
footer h4 span {
    color: #21aecb;
}

ul.ftr-socialicons {
    padding-top: 30px;
}
.ftr-socialicons li {
    display:inline-block;
    margin:0 2px;
}
.ftr-socialicons li a {
    background: #fff;
    padding: 12px;
    color: #333333;
    font-size: 27px;
    display: block;
    width: 50px;
    border-radius: 50px;
    height: 50px;
}
.ftr-socialicons li a:hover {
    background: #1fa8c9;
    color: #ffffff;
}


.ftr-copyright {
    text-align: center;
    margin-top: 0;
    padding: 20px 0;
}

.ftr-copyright:before {
    width: 340px;
    height: 1px;
    content: "";
    display: block;
    background: #3a3a3a;
    margin: 0px auto 26px;
}


.ftr-left ul li {
    font-size: 12px;
    margin-bottom: 20px;
    /* text-transform: uppercase; */
    width: 50%;
    float: left;
}
.ftr-left ul li a:before {
    content: "\f054";
    font-size: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #abb0ab;
    margin-right: 8px;
}

.ftr-right {
    padding-left:80px;
}
.ftr-right ul li {
    font-size: 13px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
    line-height: 1.4em;
}
.ftr-right ul li:before {
    content: "\f075";
    font-size: 13px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #21aecb;
    margin-right: 8px;
    position:absolute;
    top:2px;
    left:0px;
}
.ftr-right ul li+li:before {
    content: "\f095";
}
.ftr-right ul li+li+li:before {
    content: "\f095";
}


.section-title{
    font-size: 30px;
    font-weight:300;
    text-align:center;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2%;
}
.section-title span{
    color: #21aecb;
}

section.contact_banner {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 120px 0;
    background: url(../images/contact-banner.jpg) no-repeat left top;
    background-size: cover;
    background-attachment: fixed;
}

section.contact_banner h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    text-shadow: #000 0 1px 1px;
}

section.contact_section {
    padding: 50px 0;
    color: #282828;
}

section.contact_section>div h3 {
    font-size: 30px;
    color: #282828;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 400;
}

section.contact_section>div h3+p {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 83px;
}

.contact-form {
    padding: 0 20px;
}

.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea {
    border: #cecece 1px  solid;
    width: 100%;
    border-radius: 6px;
    padding: 10px 10px;
    margin-bottom: 14px;
}

.contact-form input[type="submit"] {
    background: #00a2c0;
    color: #fff;
    text-align: center;
    font-size: 21px;
    width: 100%;
    padding: 10px 10px;
    text-transform: uppercase;
}.contact-form label {
    display: none !important;
}
.form-messages.success {
    background: #1D6900;
    color: #fff;
    padding: 6px 16px;
    margin: 0 auto;
    display: inline-block;
    margin-top: 20px;
    font-size: 13px;
}
.contact-form textarea {
    height: 101px;
}

.contact-details {
    padding: 0 20px;
    font-size: 14px;
    color: #5a5a5a;
}

.contact-details h2 {
    border-bottom: #dcdcdc 1px solid;
    position: relative;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.contact-details h2:after {
    background: url('../images/sprite.png') no-repeat -4px -60px;
    width: 54px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
}

.contact-details h2 span {
    color: #00a2c0;
}

.contact-details>h2+ul li {
    margin-bottom: 16px;
    font-size: 13px;
    color: #5a5a5a;
}
.ftr-left ul li a {
    color: #b0b0b0;
}

.ftr-left ul {
    margin-top: 30px;
}
.contact-details>h2+ul>li:before {content: "\f041";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #10c6e8;margin-right: 12px;font-size: 18px;}

.contact-details>h2+ul>li+li:before {
    content: "\f095";
}

.contact-details>h2+ul>li+li+li:before {
    content: "\f0e0";
    font-size: 15px;
}

.contact-details>h2+ul {
    margin-bottom: 32px;
    margin-top: 27px;
}

ul.socialicons {}

ul.socialicons li {
    display: inline-block;
    margin: 0 4px;
}

ul.socialicons li a {
    background: #0caecd;
    padding: 10px;
    color: #ffffff;
    font-size: 19px;
    display: block;
    width: 40px;
    border-radius: 50px;
    height: 40px;
    text-align: center;
}



 .header_menu ul.sub-menu {
    display: none;
    background: #00a2c0;
    position: absolute;
    left: 0;
    top: 33px;
    width: 200px;
    padding: 10px 0;
    border-radius: 0 0 5px 5px;
}
.header_menu .sub-menu li{
    width: 100%;
    text-align: left;
    margin: 0 0 3px 0;
    border-bottom: #0cbbdc 1px solid;
}



.header_menu .sub-menu li a {
    padding: 8px 10px;
    display: block;
    color: #fff !important;
    font-size: 13px;
}

.header_menu .sub-menu li:last-child {
    border: 0px none;
}

.header_menu .sub-menu li a:before {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-weight: bold;
    margin-right: 6px;
}

ul.header_menu>li:hover a, .active_nav a, a.active_nav {
    border-radius: 6px 6px !important;
}

#testimonial_slider .owl-pagination {
    display: none !important;
}

#testimonial_slider .owl-prev:before, #testimonial_slider .owl-next:before {
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #000;
 font-size: 27px;
 position: absolute;
} 
#testimonial_slider .owl-prev:before{content: "\f137";left: -20px;}
#testimonial_slider .owl-controls.clickable {
    position: absolute;
    top: 122px;
    z-index: 99;
    width: 100%;
}

#testimonial_slider .owl-next:before {content: "\f138";right: -20px;}





#slider .owl-pagination {
    display: none !important;
}

#slider .owl-prev:before, #slider .owl-next:before {
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #1fc1e8;
 font-size: 56px;
 position: absolute;
 z-index: 999999;
} 
#slider .owl-prev:before{content: "\f137";left: 20px;}
#slider .owl-controls.clickable {
    position: absolute;
    top: 346px;
    z-index: 99999999;
    width: 100%;
}

#slider .owl-next:before {content: "\f138";right: 20px;}



 .parallax-window {
    min-height: 400px;
    background: transparent;
}

 



#what_we_do_carousel .owl-pagination {
    display: none !important;
}
#what_we_do_carousel .owl-prev, #what_we_do_carousel .owl-next{display: inline-block;margin: 20px 10px;}
#what_we_do_carousel .owl-prev:before, #what_we_do_carousel .owl-next:before {
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #000;
 font-size: 27px;
 position: relative;
} 
#what_we_do_carousel .owl-prev:before{content: "\f137"; 0 : -20px}
#what_we_do_carousel .owl-controls.clickable {
    z-index: 99;
}

#what_we_do_carousel .owl-next:before {content: "\f138";}


section.services_page_content h3 {
    font-weight: 600;
    font-size: 19px;
}

 
section.inner_banner.web_banner {
    background-image: url(../images/web-banner.jpg);
}

.contact-details h2+ul+h2 {
    margin-top: 61px !important;
}
section.inner_banner.video_banner {
    background-image: url(../images/video-banner.jpg);
}

section.inner_banner:before {content: "";background: rgba(0, 0, 0, 0.64);width: 100%;height: 100%;position: absolute;left: 0;z-index: -1;top: 0;}

section.inner_banner.stationary_banner {
    background-image: url(../images/stationery-banner.jpg);
}

section.inner_banner.seo_banner {
    background-image: url(../images/seo-banner.jpg) !important;
}

section.inner_banner.content_writing {
    background-image: url(../images/seo-banner.jpg);
}
section.inner_banner.social_media {
    background-image: url(../images/socialmedia-banner.jpg) !important;
}

div#slider img {
    width: 100%;
}
#slider .owl-wrapper {
    /* height: 100% !important; */
}
div#slider {
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 0;
    background-attachment: fixed;
    overflow: hidden;
}

.slider_image {
    width: 100%;
    height: 700px;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: cover !important;
}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
.slider1{background-image: url("../images/slide1.jpg"); }
.slider2{background-image: url("../images/slide2.jpg");}
.slider3{background-image: url("../images/slide3.jpg");}
.slider4{background-image: url("../images/slide4.jpg");}
.slider5{background-image: url("../images/slide5.jpg");}
.slider6{background-image: url("../images/slide6.jpg");}
.slider7{background-image: url("../images/slide7.jpg");}

.about_page .inner_banner {
    background-image: url(../images/about-banner.jpg);
    height: auto;
}
.about_page .inner_banner h2 {
    font-size: 37px !important;
    letter-spacing: 0;
}
section.services_page_content p {
    margin-bottom: 12px;
}

a.readBtn {
    background: #19a2be;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 13px;
}

.moreContnt {
    display: none;
}

.popup-form .tophead i {
    position: absolute;
    left: 13px;
    color: #fff;
    font-size:  27px;
    top: 10px;
    text-shadow: #696969 0 1px 1px;
    opacity: 0.5;
}

.popup-form .tophead {}

#popupform ul li {
    position: relative;
    margin-top: 15px;
}

#popupform ul li i {
    position: absolute;
    color: #1892a1;
    left: 15px;
    font-size: 16px;
    top: 0;
    border-right: #292a2b 1px solid;
    padding-right: 10px;
    padding-top: 13px;
    padding-bottom: 12px;
}

p.form_tagline {
    color: #ccc;
    font-size: 12px;
    position: relative;
    padding-left: 22px;
    line-height: 16px;
}

p.form_tagline input {
    position: absolute;
    left: 0px;
    top: 7px;
}

h3#lead_pkg_name span {
    display: block;
    font-size: 38px;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    text-shadow: #222e3a 1px 1px 1px;
}




/************** branding mobile section start ******************/
.branding_mob {
    background:url(../images/brand-bg-mob.jpg) top center no-repeat #1a1c1d;
    display: none;
}
.brand-mobile-container {
    width: 280px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding-top: 37px;
    padding-bottom: 60px;
}
.brand-mobile-container h3 {
    font-size:21px;
    color:#fff;
    text-transform:uppercase;
    font-weight:normal;
    margin-bottom:40px;
}
.brand-mobile-container h3 span {
    display: block;
    font-size: 46px;
    color: #14a4bf;
    font-weight: bold;
    letter-spacing: -2px;
}
.brand-mob-img {
    margin-bottom:30px;
}
.brand-mobile-container h5 {
    font-size:20px;
    color:#ffe400;
    font-weight: bold;
    text-transform:uppercase;
}

.off-pric {
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffe400;
    margin-top: -5px;
}
.atsymbl {
    font-size: 24px;
    font-weight: 600;
    padding-top: 9px;
    display: inline-block;
}
.priceoff {
    font-size: 20px;
    font-weight: 600;
    padding-top: 9px;
    display: inline-block;
}

h4.retail-pric {
    font-size: 30px;
    color: #ffe400;
    font-weight: bold;
    padding-top: 5px;
    line-height: 1.2em;
    margin-bottom:10px;
}
.retail-pric strong{
    font-weight:900;
    font-size:40px;
}
body.logodesign.innerpage section.cutting_edge .col-md-4 h2 {
    font-size: 50px !important;
}

.cross-pric {
    font-size: 30px;
    color: #ffe400;
    text-decoration: line-through;
    margin-bottom: 24px;
    border-bottom: 1px solid #363a3b;
    padding-bottom: 25px;
}

.brand-mobile-container ul li {
    font-size:13px;
    color:#ffffff;
    line-height: 1.9em;
}section.branding_solution:before { content:""; width: 100%; height:100%; background:rgba(0, 0, 0, 0.48); position:absolute; left:0; top:0}
.brand-mobile-container ul li+li {
    border-top: 1px solid #3a3d3e;
    padding-top: 18px;
    margin-top: 18px;
}
.brand-mobile-container ul li span{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #14a4bf;
    padding-bottom: 5px;
}
section.cta ul li a {
    color: #fff;
}
.branding-mob-btn a {
        background: #00a2c0;
    border-bottom: 3px solid #0a859c;
    display: inline-block;
    padding: 12px 25px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 25px;
}
/************** branding mobile section end ******************/

.stationary_page section.packages .row>div>div ul {
    min-height: 190px;
}
#popupform ul li label {
    display: none !important;
}

.ftr-copyright a {
    color: #b0b0a3;
}
h2.smh {
    font-size: 50px !important;
}
.newPort .logos+.logos+.logos ul li.last img {
    height: 269px !important;
}
.text-block{
    margin-bottom:20px;
}
.text-block .heading{
    font-weight:bold;
    margin-bottom:10px;
}
.mt-50{
    margin-top:50px;
}


ul.nav2[role="tablist"] li {
    display:  inline-block;
}

ul.nav2[role="tablist"] {
    margin-bottom: 40px;
}





/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Fix for showing body bottom */

body.discount {
  padding-bottom: 145px;
}
@media (min-width: 768px) {
  body.discount {
    padding-bottom: 120px;
  }
}

.after-countdown {
  padding-bottom: 0;
}


/* Hide on cart and checkout */

body.woocommerce-page.cart .moreniche-discounts-box,
body.woocommerce-page.checkout .moreniche-discounts-box,
body.single-upsell_funnel .moreniche-discounts-box {
  display: none !important;
}

/* padding fix on cart, checkout */
body.woocommerce-page.cart,
body.woocommerce-page.checkout,
body.single-upsell_funnel {
  padding-bottom: 0 !important;
}


.moreniche-discounts-box {
   display: none;
   background-color: #D02B33;
   color: #fff;
   text-transform: uppercase;
   min-height: 145px;
   -webkit-transition: background 2s;
   transition: background-color 0.5s ease;
}
.moreniche-discounts-box:hover {
  background-color: #B7121A;
}
   @media (min-width: 768px) {
     .moreniche-discounts-box {
       min-height: 100px;
     }
   }

.moreniche-discounts-box a {
  padding: 10px 0 0 0;
  display: block;
}

.moreniche-discounts-box p {
  margin-bottom: 0px;
}
  @media (min-width: 768px) {
    .moreniche-discounts-box p {
      margin-bottom: 5px;
    }
  }


.moreniche-discounts-box ul li {
 list-style-image: none !important;
}

.moreniche-discounts-box a:hover,
.moreniche-discounts-box a:focus {
    text-decoration: none;
}

.moreniche-discounts-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
  @media (min-width: 768px) {
    .moreniche-discounts-title {
      text-align:right;
    }
  }
  @media (min-width: 992px) {
    .moreniche-discounts-title {
      text-align:right;
      font-size: 26px;
      line-height: 30px;
      margin-bottom: 0;
    }
  }

.moreniche-discounts-subtitle,
.discounts-message {
   font-size: 14px;
   line-height: 16px;
   text-align: center;
}
  @media (min-width: 768px) {
    .moreniche-discounts-subtitle,
    .discounts-message {
        text-align:right;
    }
  }
  @media (min-width: 992px) {
    .moreniche-discounts-subtitle,
    .discounts-message {
        font-size: 20px;
        line-height: 22px;
    }
  }


.moreniche-discounts-voucher,
.moreniche-discounts-expires {
   font-weight: bold;
}

.moreniche-discounts-expires {
   font-size: 12px;
   line-height: 14px;
   margin-bottom: 5px;
   text-align: center;
   width: 100%;
}
  @media (min-width: 768px) {
    .moreniche-discounts-expires {
        margin-bottom: 15px;
        width:300px;
        text-align: right;
    }
  }
  @media (min-width: 992px) {
    .moreniche-discounts-expires {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
  }


/* Override all default link colors */
.moreniche-discounts-title,
a .moreniche-discounts-title,
a .moreniche-discounts-title:hover,
.moreniche-discounts-subtitle,
a .moreniche-discounts-subtitle,
a .moreniche-discounts-subtitle:hover,
.moreniche-discounts-expires,
a .moreniche-discounts-expires,
a .moreniche-discounts-expires:hover {
  color: #ffffff !important;
}

a .moreniche-discounts-voucher,
a .moreniche-discounts-voucher,
a .moreniche-discounts-voucher:hover {
  color: #F9B002 !important;
}

/* Hide on mobile */
@media screen and (max-device-width: 480px){
  .mn-hide-xs {
    display:none;
  }
}




/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 9px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none;
}
  @media (min-width: 768px) {
    .flip-clock-wrapper {
      font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    }
  }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 255px;
  margin: 10px auto 0 auto;
}
@media (min-width: 768px) {
  .flip-clock-wrapper {
    /* width: 100%; */
    margin: 15px 0 0 0;
    float: right;
  }
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  padding: 12px;
  width: 20px;
  height: 35px;
  font-size: 40px;
  font-weight: bold;
  line-height: 43px;
  border-radius: 6px;
  background: #000;
}
@media (min-width: 768px) {
  .flip-clock-wrapper ul {
    margin: 2px;
    padding: 15px;
    width: 30px;
    height: 45px;
    font-size: 40px;
    line-height: 43px;
    margin-top: 20px;
  }
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: -8px;
  width: 100%;
  height: 100%;
  line-height: 35px;
  text-decoration: none !important;
}
  @media (min-width: 768px) {
    .flip-clock-wrapper ul li {
      line-height: 43px;
    }
  }

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 30px;
  overflow: hidden;
  outline: 1px solid transparent;
}
  @media (min-width: 768px) {
    .flip-clock-wrapper ul li a div {
      font-size: 40px;
    }
  }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 2px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
  @media (min-width: 768px) {
    .flip-clock-wrapper ul li a div.up:after {
      top: 22px;
      height: 3px;
    }
  }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 28px;
}
@media (min-width: 768px) {
  .flip-clock-wrapper ul li a div div.inn {
    font-size: 35px;
  }
}

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);}

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 10px;
  height: 42px;
}
  @media (min-width: 768px) {
    .flip-clock-divider {
      width: 10px;
      height: 50px;
    }
  }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 6px;
  height: 6px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 2px;
}
  @media (min-width: 768px) {
    .flip-clock-dot {
      width: 6px;
      height: 6px;
      left: 2px;
    }
  }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1em !important;
  right: -55px !important;
  text-shadow: none;
  font-size: 12px !important;
}
  @media (min-width: 768px) {
    .flip-clock-divider .flip-clock-label {
      top: -1em;
      right: -55px;
    }
  }

.flip-clock-divider.days .flip-clock-label {
  right: -42px; }

.flip-clock-divider.hours .flip-clock-label {
  right: -45px; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -50px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -52px; }

.flip-clock-dot.top {
  top: 25px; }

.flip-clock-dot.bottom {
  bottom: 25px; }

  @media (min-width: 768px) {
    .flip-clock-divider.days .flip-clock-label {
      right: -50px; }

    .flip-clock-divider.hours .flip-clock-label {
      right: -55px; }

    .flip-clock-divider.minutes .flip-clock-label {
      right: -60px; }

    .flip-clock-divider.seconds .flip-clock-label {
      right: -60px; }

    .flip-clock-dot.top {
      top: 33px; }

    .flip-clock-dot.bottom {
      bottom: 25px; }
  }


@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }
    
    
    
    
    
    
.btm-sticky {
    position: fixed;
    bottom: -1px;
    display: none;
    left: 0;
    width: 100%;
    background: #00a2c0;
    padding: 16px 0;
    border-top: #054a56 2px solid;
    z-index: 4;
}
div#btmsticky h3 {
    color: #fff!important;
}
.btm-sticky h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    width: 93%;
    margin: 28px 0 0;
    float: left;
    line-height: 40px;
}

div#btmsticky b {
    color: #000000;
    font-size: 33px;
}

div#btmsticky span {
    display: block;
    color: #000000;
    font-size: 31px;
}

div#btmsticky .content a {
    display: inline-block;
    width: 250px;
    position: relative;
    top: 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600!important;
    border: 0;
    cursor: pointer;
    font-weight: 800;
    color: #fff;
    padding: 10px 8px;
    font-size: 14px;
    margin: -40px 0 0 0;
    border-radius: 2px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    background: #5c5e60;
    float: right;
    left: -94px;
}




#close-counter { background:url(../images/img-cross.png) no-repeat left top; display:inline-block; width:32px; height:32px; background-size:100%; font-size:0; opacity:1!important; }
.dis-table-cell { height:110px; display:table-cell; vertical-align:top; }
.dis-table { display:table; width:100%;}
.v-middle { vertical-align: middle;}
/* media css */
@media (max-width:767px) {
  .dis-table, .dis-table-cell { display:block; }
  .dis-table-cell { height: auto; margin-bottom:5px; }
  #close-counter { position:absolute; top:0px; right:23px; }
  .moreniche-discounts-box p.moreniche-discounts-expires { padding-bottom:10px!important; }
  .moreniche-discounts-box .col-sm-6 { position:static;}
  .moreniche-discounts-box .container { position:relative; }
}



@media (max-width: 479px) and (min-width: 320px){
    
    div#btmsticky{
            text-align: left;
    }
    div#btmsticky h3{
            font-size: 18px;
            width: 100%;
            line-height: 25px;
            margin-bottom: 19px;
    }
    div#btmsticky .content a{
        position:static;
        float: none;
        margin-bottom: 10px;
        margin-top:  -10px;
    }
    
    div#btmsticky span{
            font-size: 22px;

    }
    .flip-clock-wrapper .flip{
        .flip-clock-wrapper .flip{
        margin-top:20px;
    }
    }
    
    .moreniche-discounts-expires{
            margin-bottom: 18px;
    }
    
    .flip-clock-wrapper{
        width:100%;
    }
    
    .moreniche-discounts-expires{
            font-size: 13px !important;
    text-align: left !important;
    }
    
    span.flip-clock-label {
    display: none !important;
}
}

.ftr-right ul li a {
    color: #b0b0b0;
}

.step-top-area label.error {
    display: none !important;
} 


/*Bouce close window*/
#ouibounce-modal h4:before {background: #ea102a;content: "";height: 100%;width: 6px;position: absolute;left: 0;top: 0;border-radius: 16px;} section.expertise-col a:hover { background: #de122e; border-color: #de122e; color: #fff; } #ouibounce-modal .modal-body a { padding-right: 62px; margin-bottom: 23px; font-size: 14px; margin-top: 10px; } .modal-footer a {background: url(../images/close.png) no-repeat left top;width: 35px;height: 35px;background-size: cover;display: block;cursor: pointer;} #ouibounce-modal .modal:before {content: "";background: url(../images/opt-shark.png) no-repeat left top;width: 187px;height: 273px;position: absolute;left: -27px;top: 18px;visibility: hidden;} #ouibounce-modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 12;} #ouibounce-modal .modal:after {background: url('../images/sprite.png') no-repeat 0 0;width: 22px;height: 60px;content:"";position:absolute;z-index: 1;visibility: hidden;right: 0;} #ouibounce-modal .underlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .5); cursor: pointer; -webkit-animation: fadein .5s; animation: fadein .5s } #ouibounce-modal .modal {width: 410px;height: 400px;background-color: #ffffff;z-index: 1;position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;border-radius: 24px;display: block;-webkit-animation: popin .3s;animation: popin .3s;padding: 14px 24px 24px 20px;overflow: visible;} #ouibounce-modal .modal-body p {font-size: 15px;margin-bottom: 7px;margin-top: 0;} #ouibounce-modal h4 {color: #000;font-size: 25px;text-transform: none;font-weight: 800;position: relative;padding-left: 19px;margin-top: 13px;margin-bottom: 8px;} #ouibounce-modal .modal-body {font-size: 13px;padding: 7px 0 10px;} #ouibounce-modal h2+p { color: #344a5f } #ouibounce-modal form { } #ouibounce-modal form input[type=text], #ouibounce-modal form input[type=email], #ouibounce-modal form textarea {padding: 12px 12px 12px 32px;font-size: 12px;width: 100%;border-radius: 4px;border: 1px solid #ccc;-webkit-font-smoothing: antialiased;background: #f4f4f4;margin: 0;color: #000;} #ouibounce-modal form input[type=submit] {text-transform: uppercase;font-weight: 700;padding: 12px;font-size: 16px;border-radius: 4px;margin-right: 8px;color: #fff;background-color: #ea102a;border: none;cursor: pointer;-webkit-font-smoothing: antialiased;font-weight: 800;text-shadow: #000 0px 1px 1px;/* width: 49%; */} @-webkit-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-ms-keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadein { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 85% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-ms-keyframes popin { 0% { -ms-transform: scale(0); transform: scale(0); opacity: 0 } 85% { -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1 } 100% { -ms-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes popin { 0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0 } 85% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 1 } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1 } } #ouibounce-modal { display: none; } #ouibounce-modal .modal-footer {position: absolute;top: -10px;right: -10px;border: 0;}div#ouibounce-modal li {    position: relative;    margin-bottom: 8px;}div#ouibounce-modal li i {    position: absolute;    top: 13px;    left: 10px;}div#ouibounce-modal h3 {    font-size: 24px;    font-weight: bold;    letter-spacing: -0.6px;}
.ftr-right ul li+li+li+li+li+li+li:before {
    content: "\f041";
}

section.faq-section {    padding: 4em 0;}

.faq-section h2 {    margin-bottom: 0.8em;}

.faq-section .panel-group .panel {    padding: 0;    margin-bottom: 2em;    box-shadow: none;    border: 1px solid #eee;}

.faq-section .panel-heading {    padding: 17px 20px;}

.faq-section h4.panel-title {    font-size: 17px;}

.faq-section .panel-body {    padding: 20px;    margin-bottom: 0;}

.faq-section .panel-body p {margin-bottom: 0;line-height: 24px;}