/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

body{font-family: 'Open Sans', sans-serif;font-weight:400;font-size:16px;padding:0; outline:none; }
a{text-decoration:none;}
a:hover{text-decoration:none;}
input, button {outline: none; }
img, a:link, a:focus{outline:none;}

.wrapper {width:1200px;margin:0 auto}
.container {width:1200px;}



.floatleft{float:left;}
.floatright{float:right;}

.fix{overflow:hidden;}

.footer_left a, .single_services a, .start_button a, .social ul li.fb a, .social ul li.twit a, .social ul li.gplus a, .social ul li.video a, #nav ul li a {transition:background 0.3s ease-in-out;-webkit-transition: all 0.3s ease-out;-moz-transition: background 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out;}

.header_area {background:#fff;position: fixed;top: 0;width: 100%;z-index: 99;-webkit-backface-visibility:hidden; -webkit-transform: translateZ(0);}
.hbd{border-bottom:1px solid#dedede;}
.header_area .wrapper{width:100%;}
.header{}
.logo{margin-top:10px;margin-left:2%;}
.header_menu{}
#nav ul{margin:0;padding:0;list-style:none;}
#nav ul li{float:left;border-right:1px solid#D1D1D1;}
#nav ul li:last-child{border-right:0px solid#D1D1D1;}
#nav ul li a{color: #838383;display: block;font-size: 16px;padding: 32px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight:400;text-decoration:none;letter-spacing: 1px;}
#nav ul li a:hover{background:#f0f0f0;color:#EF4A53;}
.get_start{background:#EF4A53;color:#fff !important;}
.get_start:hover{background:#323232 !important;}
.get_start img{margin-right:10px;margin-top:-2px;}



.slider_area{position:fixed;height:100%;width:100%;z-index:0;left:0;top:0;}
.skdslider {height: 100%;width: 100%;}
.pattern_overlay{background: url("img/pattern.png") repeat scroll 0 0;height: 100%;position: absolute;width: 100%;z-index: 1;}

.skdslider .slide-desc {left: 50%;margin-left: -462px;margin-top: -164px;top: 50%;width: 925px;z-index: 9;}
.slider_text{color: #fff;font-family: 'HelveticaNeueCondensedBold';text-align: center;text-transform: uppercase;}
.slider_text h3{color: #fff;font-size: 60px !important;margin-bottom: -25px;font-family: 'HelveticaNeueCondensedBold';}
.slider_text h1{color: #fff;font-size: 77px;margin-bottom: 0px;font-family: "Open Sans",sans-serif;font-weight: 700;}
.slider_text p{color: #fff;font-family: 'Open Sans', sans-serif;font-weight:400;font-size: 20px;}

.slider_bottom{position: fixed;left: 5%;right: 5%;z-index: 9;bottom: -40px;}
.slider_bottom:before{background: url("img/slider_bottom.png") no-repeat scroll center center;bottom: 35%;content: "";height: 74px;left: 50%;margin-left: -132px;position: absolute;width: 265px;}
.slider_bottom_left{}
.slider_bottom_left #nav li a{color: #fff;margin-bottom: 20px;font-size:20px;font-family:'proxima_nova_rgregular';}
.slider_bottom_left #nav li a:hover{background:none;color: #fff;}
.slider_bottom_right{margin-top: 18px;}
.phone{margin-top: 5px;font-family:'proxima_nova_rgregular';}
.phone.floatleft img {}
.phone p{color:#fff;font-size:22px;margin-right: 15px;}
.msg_icon{display: inline-block;height: 29px;text-indent: -9999px;width: 33px;margin-left: 10px;}
.msg_icon{background: url("img/msg_icon.png") no-repeat scroll 0 7px;}
.social {margin-left: 25px;}
.social ul{margin:0;padding:0;list-style:none;}
.social ul li{float: left;margin-right: 3px;}
.social ul li a{display:block}
.social ul li.fb a, .social ul li.twit a, .social ul li.gplus a, .social ul li.video a {height: 39px;padding: 0 20px;width: 40px;}
.fb{background:url(img/social_icon.png) no-repeat scroll 0 0;}
.fb:hover{background:url(img/social_icon_hover.png) no-repeat scroll 0 0;}
.twit{background:url(img/social_icon.png) no-repeat scroll -40px 0;}
.twit:hover{background:url(img/social_icon_hover.png) no-repeat scroll -40px 0;}
.video{background:url(img/social_icon.png) no-repeat scroll -80px 0;}
.video:hover{background:url(img/social_icon_hover.png) no-repeat scroll -80px 0;}
.gplus{background:url(img/social_icon.png) no-repeat scroll -120px 0;}
.gplus:hover{background:url(img/social_icon_hover.png) no-repeat scroll -120px 0;}
.start_button {margin-top: 50px;}
.start_button a{background: none repeat scroll 0 0 #232222;border-radius: 4px;color: #f4f4f4;display: inline-block;font-family: "Open Sans",sans-serif;font-size: 16px;font-weight: 400;letter-spacing: 0.8px;padding: 1.2em 3em;text-transform: uppercase;}
.start_button a:hover, .s_detail_text .start_button a:hover{background: #323232;}
.home_btn a{background:none;width:256px;border:2px solid#fff;height:72px;padding:22px;}
.home_btn a:hover{background:#121212;}

.content{position:absolute;z-index:6;top:100%;background:#fff;width:100%;}

.our_services_area{background:#fff;}
.our_services{border-bottom: 2px solid #cdcdcd;color: #5e6270;margin: 0 auto;padding-bottom: 15px;text-align: center;width: 900px;position:relative;margin-top:100px;}
.our_services:before{background: url("img/down_arrow.png") no-repeat scroll center center;bottom: -10px;content: "";height: 10px;left: 50%;margin-left: -9px;position: absolute;width: 19px;}
.our_services h2{font-size:50px;text-transform:uppercase;}
.our_services p, .another_get_started p{font-size: 19pt;margin-top: -15px;margin-top:5px;font-family: 'Open Sans', sans-serif;font-weight:normal;}
.all_services{width:860px;margin:0 auto;}
.single_services{text-align:center;margin: 85px 0;}
.single_services a{letter-spacing: 1.5px;color: #c5c5c5;font-size: 16px;text-transform: uppercase;margin-top:20px;display:block;font-family: 'Open Sans', sans-serif;font-weight:400;}
.single_services a:hover{color:#EF4A53;}
.single_services_img{cursor:pointer;}
.web_design, .marketing, .branding, .digital_printing{padding-top: 200px;width: 169px;height: 169px;}
.web_design{background: url("img/our_service11.png") no-repeat scroll center center;}
.web_design:hover{background: url("img/our_service1.png") no-repeat scroll center center;}
.marketing{background: url("img/our_service12.png") no-repeat scroll center center;}
.marketing:hover{background: url("img/our_service2.png") no-repeat scroll center center;}
.branding{background: url("img/our_service13.png") no-repeat scroll center center;}
.branding:hover{background: url("img/our_service3.png") no-repeat scroll center center;}
.digital_printing{background: url("img/our_service14.png") no-repeat scroll center center;}
.digital_printing:hover{background: url("img/our_service4.png") no-repeat scroll center center;}



.recent_work_area{margin-top: 85px;background:#fff;}
.recent_work{margin: 0 auto;position: relative;width: 815px;}
.recent_work h2, .testimonials h2, .our_services h2{text-align:center;font-size:50px;text-transform:uppercase;color:#5e6270;margin:0 20px;font-family: 'Open Sans', sans-serif;font-weight: 400;}
.recent_work h2:before, .recent_work h2:after{background: url("img/border2sides.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";height: 2px;margin-top: 28px;position: absolute;width: 200px;}
.recent_work h2:before{left: 0;}
.recent_work h2:after{right: 0;}
.all_recent_works{margin:65px 0;}
.cbp-rfgrid li {width: calc(100% / 4);}
.cbp-rfgrid li h3{font-family: 'Arimo', sans-serif;font-weight:400;}
.cbp-rfgrid li a div {bottom: 0;left: 0;right: 0;top: 0;background: none repeat scroll 0 0 rgba(54, 54, 54, 0.5);}

.all_m_recent_work{display:none;}
.all_m_recent_work .mobile_recent_works {margin:40px 0;}
.all_m_recent_work .mobile_recent_works img{width:100%;}
.all_m_recent_work .owl-controls.clickable {display: none !important;}





.tetimonial_area{margin-top:100px;background:#fff;}
.testimonials{}
.all_testimonials{margin: 75px 0 15px;}
#testimonials_slide .item p{display: block;width: 100%;height: auto; text-align:center;color:#5e6270;font-size:20px;font-family: 'Open Sans', sans-serif;font-weight:400;}
.owl-buttons{display:none;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #EF4A53;}
.owl-pagination {margin-top: 30px;}


.subscribe_area{background: url("img/bg.jpg") no-repeat scroll 0 0;height: 437px;margin-top: 65px;background-size:cover;}
.subscribe{color: #fff;margin: 0 auto;text-align: center;width: 60%;padding-top: 92px;}
.subscribe h2{font-size:38px;font-family:'HelveticaNeueCondensedBold';text-transform:uppercase;font-weight:normal;margin-bottom:0;}
.subscribe p{font-size:26px;}
.subscribe input[type=email]{border: 0 none;border-radius: 5px 0 0 5px;box-shadow: 0 0 0;display: inline-block;height: 56px;margin-top: 31px;outline: medium none;width: 350px;}
.subscribe input[type=submit]{background:#121212;border: 0 none;border-radius: 0 5px 5px 0;color: #fff;font-size: 17px;height: 57px;margin-left: -6px;padding: 0 19px;}
.form-control:focus {border:0;box-shadow:0 0 0;}



.footer_area{background:#EF4A53;}
.footer{}
.footer_left{color:#fff;margin-left: 5%;}
.footer_left .copyright{font-family: 'Arimo',sans-serif;font-weight: 400;margin-right: 15px;padding-top: 67px;text-transform: capitalize;width: 25%;}
.footer_left .phone{font-family: 'proxima_nova_rgregular',sans-serif;font-size: 20px;width: 28%;padding-top: 59px;}
.footer_left .phone img{margin-right:20px;margin-top:-3px;}
.footer_left a{background:#e63d47;color: #fff;display: inline-block;float: right;font-size: 30px;padding: 55px 0 55px 65px;width: 40%;}
.footer_left a:hover{background:#323232;}
.footer_left a img{margin-left:20px;}
.mobile_footer_area, .mobile_slider_area{display:none;}
.mobile_footer_area{}
.mobile_footer{text-align:center;margin:40px 0;}
.mobile_start_a_pro{}
.mobile_start_a_pro p{font-size:23px;}
.mobile_start_a_pro p span{font-weight:bold;}
.mobile_start_a_pro .start_button{margin-top:0;}
.mobile_social{}
.mobile_social .social{width:175px;margin:25px auto;}
.mobile_social .social li.fb:hover{background:url(img/social_icon.png) no-repeat scroll 0 0;}
.mobile_social .social li.twit:hover{background:url(img/social_icon.png) no-repeat scroll -40px 0;}
.mobile_social .social li.video:hover{background:url(img/social_icon.png) no-repeat scroll -80px 0;}
.mobile_social .social li.gplus:hover{background:url(img/social_icon.png) no-repeat scroll -120px 0;}
.mobile_social p{margin-bottom: 5px;}






.mobile_nav_area{}
.mobile_nav {}
.nav-collapse{display:none !important;}
.nav-collapse{}
.nav-collapse h3 {
  background: url("img/mobile-nav.png") no-repeat scroll 60px 0 rgba(0, 0, 0, 0);
  color: #ef4a53;
  cursor: pointer;
  font-size: 12px;
  height: 41px;
  letter-spacing: 2px;
  margin-bottom: 1px;
  padding: 15px 8px 8px;
  position: fixed;
  right: 5px;
  top: 2px;
  width: 105px;
  z-index: 999;
}
.nav-collapse ul {
  display: none;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 89px;
  width: 100%;
  z-index: 99;
}
.nav-collapse ul li{margin-bottom:1px;}
.nav-collapse ul li a{display:block;background:#EF4A53;padding:8px;color:#fff;text-transform:uppercase;}
.mobile_slider_area{background:#ef4a53;margin-top: 90px;}


/* our services css  */

.page_title_a{}
.page_title_area{margin-top:88px;background:#EF4A53;}
.page_title{margin-top:88px;background:#EF4A53;}
.page_title_left_about_us{left: 100px;position: absolute;top: 137px;z-index: 1;}
.page_title_left_about_us a{color: #fff;font-family: 'proxima_nova_rgregular';font-size: 19px;}
.share{background:none;border:0;}
.share:active{box-shadow: none ;}
.share:hover{background:none;}
#socialHolder{position: absolute;right: 0;top: 15px;}
#socialHolder p{color: #fff;font-family: 'HelveticaNeueLight';font-size: 19px;margin-right: 10px;margin-top: 35px;}
.mobile-social-share {display: block !important;min-height: 128px !important;position: relative;}
.mobile-social-share h2 {color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 700;font-size: 72px;padding: 23px 0;text-align: center;text-transform: uppercase;letter-spacing:1px}
.share-group {float: right;margin: 18px 25px 0 0;}
.btn-group {display: inline-block;font-size: 0;position: relative;vertical-align: middle;white-space: nowrap;}
.mobile-social-share ul {float: right;list-style: none outside none;margin: 0 0 0 8px;min-width: 61px;padding: 0;}
.mobile-social-share li {display: block;font-size: 18px;list-style: none outside none;margin-bottom: 3px;margin-left: 4px;margin-top: 3px;}
.btn-share {background-color: #BEBEBE;border-color: #CCCCCC;color: #333333;}
.caret {border-left: 4px solid rgba(0, 0, 0, 0);border-right: 4px solid rgba(0, 0, 0, 0);border-top: 4px solid;display: inline-block;height: 0;margin-left: 2px;vertical-align: middle;width: 0;}
#socialShare {margin-right: 145px;max-width:59px;margin-bottom:18px;}
#socialShare > a{padding: 6px 10px 6px 10px;}
.dropdown-menu > li > a {
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 1.42857;
  padding: 3px 0;
  white-space: nowrap;
}
@media (max-width : 320px) {
#socialHolder{    padding-left:5px;    padding-right:5px;}
.mobile-social-share h3 {    margin-left: 0;    margin-right: 0;}
#socialShare{    margin-left:5px;    margin-right:5px;}
.mobile-social-share h3 {    font-size: 15px;}
}

@media (max-width : 238px) {
.mobile-social-share h3 {font-size: 12px;}
}
    
.page_title_bottom{margin-top: 5px;text-align: center;}
.page_title_bottom p{color: #b5b5b5;font-size: 21px;}

.all_services_area{margin-top:50px;}
.single_per_service{border-bottom:1px solid#D4D4D4;padding-bottom:100px;margin-top:50px;position:relative;}
.single_per_service .arrow{background: url("img/our_services/arrow_bottom.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);height: 32px;position: absolute;width: 72px;bottom: -16px;left: 50%;margin-left: -31px;}
.service_left_image{}
.service_left_image > img {width: 100%;opacity:0;-moz-transition: opacity 2s; /* Firefox 4 */-webkit-transition: opacity 2s; /* Safari and Chrome */-o-transition: opacity 2s;transition: opacity 2s;}
.service_right_text{}
.service_right_text h2{color:#464f58;font-size:37px;}
.service_right_text p{color:#687079;font-size:16px;font-family:'proxima_nova_rgregular';margin-top: 35px;}
.service_right_text .service_read_more{background:#fff;color: #ef4a53;display: block;font-family: 'proxima_nova_rgregular';padding: 0;outline: none;}
.e_marketing h2{margin-top:100px;}
.last_item_border{background: none repeat scroll 0 0 #fff;height: 32px;margin-top: -17px;width: 100%;position: relative;}

.another_get_started_area{}
.another_get_started{}
.another_get_started p{text-align: center;font-size: 18px;color:#a4a4a4;}
.morph-content{z-index:9999 !important;}
.morph-button-overlay .morph-content {background:#25a7b4;}
.morph-button.morph-button-overlay {float:left;}
.morph-button-fixed > button {z-index: 0;}
.content-style-overlay {position: relative;}
.close_button_overlay {position: absolute;right: 2%;top: 2%;width: 71px;height: 71px;cursor:pointer;}

.service_details{margin: 50px 0;}
.service_details h2{text-align:center;color:#fff;font-size: 40px;padding-top: 15px;margin-top:0;}
.service_detail_menu{left: 2%;position: absolute;top: 2%;z-index: 9;}
.service_detail_menu img{cursor:pointer;}
.service_detail_menu ul{background:#f3f3f3;display: none;list-style: none;margin: 5px 0;padding: 12px 0 7px;width: 160px;}
.service_detail_menu ul li{padding: 0 15px;}
.service_detail_menu ul li a{border-bottom: 1px solid #ddd;color:#6b6b6b;display: inline-block;padding: 7px 10px;width: 130px;font-size:15px;}
.service_detail_menu ul li:last-child a{border-bottom: 0px solid #ddd;}
.service_detail_menu ul li a:hover{color:#ef4a53;}
.s_d_service{margin-top:175px;margin-bottom:75px;}
.s_d_img{}
.s_d_img img{width:100%;}
.s_detail_text{}
.s_detail_text h3{color:#fff;font-size:35px;}
.s_detail_text p{color:#f3f3f3;font-family:'proxima_nova_rgregular';}
.s_detail_text .start_button a{background:#EF4A53;}
.go_portfolio{color: #fff;display: block;margin: 0 auto;text-align: center;width: 300px;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;}
.go_portfolio:hover{color: #fff}

.servicepage_slide .owl-controls{position:absolute !important;top:125px !important;left:50% !important;margin-left:-150px;}
.servicepage_slide .owl-controls .owl-page:nth-child(1) span, .servicepage_slide .owl-controls .owl-page:nth-child(2) span, .servicepage_slide .owl-controls .owl-page:nth-child(3) span, .servicepage_slide .owl-controls .owl-page:nth-child(4) span{height:61px;width:61px;}

.servicepage_slide .owl-controls .owl-page span{opacity: 0.40;}
.servicepage_slide .owl-controls .owl-page.active span, #servicepage_slide .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

.servicepage_slide .owl-controls .owl-page:nth-child(1) span{background:url(img/our_services/service_icon1.png) no-repeat scroll 0 0 !important;}
.servicepage_slide .owl-controls .owl-page:nth-child(2) span{background:url(img/our_services/service_icon2.png) no-repeat scroll 0 0 !important;}
.servicepage_slide .owl-controls .owl-page:nth-child(3) span{background:url(img/our_services/service_icon3.png) no-repeat scroll 0 0 !important;}
.servicepage_slide .owl-controls .owl-page:nth-child(4) span{background:url(img/our_services/service_icon4.png) no-repeat scroll 0 0 !important;}

.click_to_show_s_p{color: #1b1b1b !important;left: 50% !important;margin-left: -192px !important;position: absolute !important;top: 100px !important;font-family:'proxima_nova_rgregular' !important;}

.servicepage_slide .owl-page span p {background: url("img/our_services/click_hover_img.png") no-repeat scroll 0 0;left: 50%;padding-top: 15px; position: absolute;top: 65px;width: 211px;display:none;text-align:center;color:#fff !important;font-family:'proxima_nova_rgregular';}

.servicepage_slide .owl-page:nth-child(1):hover span p, .servicepage_slide .owl-page:nth-child(2):hover span p, .servicepage_slide .owl-page:hover span p , .servicepage_slide .owl-page:hover span p  {display:block;}

.servicepage_slide .owl-page:nth-child(1) span p { margin-left: -216px;}
.servicepage_slide .owl-page:nth-child(2) span p { margin-left: -140px;}
.servicepage_slide .owl-page:nth-child(3) span p { margin-left: -64px;}
.servicepage_slide .owl-page:nth-child(4) span p { margin-left: 11px;}
.mob_tit{display:none;}




/* our_work page css */

.page_title_bottom p span{color:#ef4a53;}

.our_work_portfolio_area{margin:60px 0;}
.our_work_portfolio{}
.our_portfolio_filter{font-family:'proxima_nova_rgregular';}
#filter_select_o{width: 400px !important;margin: 0 auto;text-align:center;}
#filter_select_o select.filter_s{border: 1px solid #AEAEAE;font-size:18px;color:#232222;}
#filter_select_o .input-lg {border-radius:0}
.our_portfolio_filter p{text-align:center;text-transform:uppercase;color:#a1a1a1;font-size:13px;}
.filter_s .customSelectInner {background: url("img/select_filter.png") no-repeat scroll right center rgba(0, 0, 0, 0);}
.all_our_portfolio_work{}

.all_our_portfolio_work .mix{display: none;}
#filter_select_o .form-control:focus {border-color: #AEAEAE;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);}







/* contact us css */


.contact_area{min-height:1015px;display:block;margin-bottom: -65px;}
.left_contact_info_area{background:#313743;width:50%;padding: 50px 0;}
.left_contact_info{color: #fff;float: right;margin: 0 7% 0 auto;width: 570px;}
.left_contact_info h2{font-size:32px;margin-bottom:35px;}
.left_contact_info h2 span{color:#ef4a53;}
.contact_info{}
.contact_info label{font-family: 'Open Sans', sans-serif;font-weight:400;color:#fff;padding-left: 10px;}
.contact_submit_btn{background:#ef4a53;border: medium none;border-radius: 5px;color: #fff;padding: 13px 60px;}

.right_contact_info_area{width:50%;color:#464f58;padding: 50px 0;}
.right_contact_info{width:80%;margin:0 auto;}
.right_contact_info h2{font-size:32px;margin-bottom:30px;letter-spacing: -1px;}
.right_contact_info h2 span{color:#ef4a53;}
.right_contact_info p{}
.right_contact_info p span{font-size:20px;font-weight:bold;}
.par_cn_pg{color:#687079;font-family:'proxima_nova_rgregular';margin-bottom:70px;}
.print_store_visit{margin-bottom:90px;}
.print_store_visit h4{font-size:32px;font-family:'proxima_nova_rgregular';color:#ef4a53;margin-bottom: -5px;}
.print_store_visit p{font-size:26px;color:#464f58;letter-spacing: -1px;}
.print_store_visit p a{color:#464f58;}
.print_store_visit p a:hover{color:#EF4A53;}

.contact_social{margin-left: 0;margin-top:60px;}
.contact_social ul{}
.contact_social ul li{}
.contact_social ul li a{}
.contact_social ul li a:hover{}

.contact_social ul li.fb a, .contact_social ul li.twit a, .contact_social ul li.gplus a, .contact_social ul li.video a {height: 48px;width: 50px;padding: 0 26px;}
.contact_social .fb{background:url(img/contact_social.png) no-repeat scroll 0 0;}
.contact_social .twit{background:url(img/contact_social.png) no-repeat scroll -55px 0;}
.contact_social .video{background:url(img/contact_social.png) no-repeat scroll -111px 0;}
.contact_social .gplus{background:url(img/contact_social.png) no-repeat scroll -168px 0;}

.customSelectInner {background:url(img/custom_select.png) no-repeat center right;}
.left_contact_info .form-control.input-lg {border-radius: 4px;}




/* work detail page css */

.work_details_title{}
.work_details_title h2{font-family:'HelveticaNeueLight';font-size:42px;text-align:left;padding: 36px 0;}
.work_details_area{margin-top:70px;}
.work_detail_left{}
.work_detail_left h3{color:#5e6270;font-size:32px;margin-top:0;}
.work_detail_left p{}
.work_detail_left p.details_work_detail{color: #696969;font-size: 15px;margin-top: 40px;}
.border_bottom_w_d{background:#dbdbdb;height: 1px;width: 100%;margin:40px 0;}
.work_detail_left p.details_cat{color: #5e6270;font-size: 18px;line-height: 35px;}
.project_prev_next{margin-top:50px;position:relative;}
.project_prev_next a{display:block;font-size:16px;font-family:'proxima_nova_rgregular';color:#9b9da4;margin-bottom:15px;}
.project_prev_next a.next_button, .project_prev_next a.prev_button, .project_prev_next a.back_to_portfolio{height: 35px;padding-left: 55px;padding-top: 7px;}
.project_prev_next a.next_button{background: url("img/our_work/right_arrow.png") no-repeat scroll 0 0;}
.project_prev_next a.prev_button{background: url("img/our_work/left_arrow.png") no-repeat scroll 0 0;}
.project_prev_next a.back_to_portfolio{background: url("img/our_work/portfolio.jpg") no-repeat scroll 0 0;}
.project_prev_next a.lets_talk_btn{background: none repeat scroll 0 0 #1a1a1a;color: #fff;font-family: 'proxima_nova_rgregular';font-size: 22px;padding: 18px 0;text-align: center;text-transform: uppercase;width: 240px;margin-top:50px;}
.project_prev_next a.lets_talk_btn:before{background: url("img/our_work/arrow_bottom.png") no-repeat scroll 0 0;bottom: -34px;content: "";height: 34px;left: 165px;position: absolute;width: 38px;}
.work_detail_right{}
.work_detail_right img{width:100%;margin-bottom:50px;transition: opacity 2s ease 0s;opacity:0;}





/* about us page css */


.about_us_area{margin-top:84px;}
.about_us_left{margin-right: 70px;}
.about_us_left h2{font-size:37px;color:#464f58;}
.about_us_left h2 span{color:#ef4a53;}
.about_us_left p{color:#687079;margin-top:40px;}
.about_us_left .print_store_visit{margin-top:60px;}
.about_us_left .print_store_visit p{margin-top:15px;}
.about_us_left .contact_social{margin-top:-35px;}
.about_us_right{margin-top: 111px;}
.about_us_right p{font-size:19px;color:#7c7c7c;}
.about_us_video{}
.about_us_video iframe{height: 315px;width: 100%;margin-bottom:50px;border: 0 none;}
.about_us_right .start_button{margin-top:0;}
.about_us_right .start_button a{}
.meet_team_area{margin-top:120px;}
.team_member{position:relative;}
.team_member h2{text-align:center;font-size:22px;color:#9a9a9b;text-transform:uppercase;}
.team_member h2:before, .team_member h2:after{content:"";height:1px;position:absolute;background:#ddd;width:40%;top:13px;}
.team_member h2:before{left:0;}
.team_member h2:after{right:0;}
.all_team_member{margin: 50px auto;width: 700px;}
.single_team_member{text-align: center;}
.single_team_member img{margin-bottom:20px;}
.single_team_member p{margin-bottom:0px;}
.single_team_member .team_m_name{color:#464f58;}
.single_team_member .team_m_deg{color:#8d8d8d;margin-top:5px;}






/* blog page css */



.blog_page_area {margin-bottom: -65px;}
.blogpage_left {width: 60%;}
.blogposts_area{float: right;margin: 0 7% 0 auto;width: 650px;}
.pagination_area {position:relative;float: right;}
.pagination_area p{color: #7a7576;font-size: 14px;text-transform: uppercase;cursor:pointer;margin-right:15px;margin-top: 9px;}

.custom-dropdown--large { 
			font-size: 1em; border:1px solid #E4E4E4;
		}

		
		.custom-dropdown__select{ outline:none;
			font-size: inherit; /* inherit size from .custom-dropdown */
			padding: .3em; /* add some space*/
			margin: 0; /* remove default margins */
		}

		.custom-dropdown__select--white {
			background-color: #fff; width:230px;
			color: #444;
		}	
		
		
		
		.custom-dropdown__select--small {background-color: #fff; width:65px;color: #444;}	
	

			.custom-dropdown {position: relative;display: inline-block;vertical-align: middle;			}

			.custom-dropdown__select {padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */border: 0;		border-radius: 3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

			.custom-dropdown::before,
			.custom-dropdown::after {
				content: "";
				position: absolute;
				pointer-events: none;
			}

			.custom-dropdown::after { /*  Custom dropdown arrow */
				background: url("http://s12.postimg.org/kj8lhhtg9/arrow1.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
				content: "";
				height: 23px;
				line-height: 1;
				margin-top: -12px;
				position: absolute;
				right: 0;
				top: 50%;
				width: 34px;
			}

			.custom-dropdown::before { /*  Custom dropdown arrow cover */
				width: 2em;
				right: 0; top: 0; bottom: 0;
				border-radius: 0 3px 3px 0;
			}

			.custom-dropdown__select[disabled] {
				color: rgba(0,0,0,.3);
			}

			.custom-dropdown.custom-dropdown--disabled::after {
				color: rgba(0,0,0,.1);
			}

			/* White dropdown style */
			.custom-dropdown--white::before {
				background-color: #fff;
			}

			.custom-dropdown--white::after {
				color: rgba(0,0,0,.9);
			}					



			/* FF only temporary & ugly fixes */
			/* the "appearance: none" applied on select still shows a dropdown arrow on Firefox */
			/* https://bugzilla.mozilla.org/show_bug.cgi?id=649849 */
			@-moz-document url-prefix() {
				.custom-dropdown__select 						 { padding-right: .9em }
				.custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
				.custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
			}	

		}


        .custom-dropdown {
            margin: 10px;
            display: inline-block;
        } 






.top_pagination{margin-top:25px;}
.top_pagination ul.pagination {position: absolute;right: 0;top: 35px;}
.bottom_pagination{}
.bottom_pagination ul.pagination {position:absolute;top:35px;right:0}
.blog_area {margin-top: 80px;}
.all_post {}
.single_post {border-bottom: 1px solid #ecebeb;padding-bottom: 15px;margin-bottom:30px;padding-left: 15px;}
.single_post h2{font-size:28px;color:#ef4a53;margin-bottom:20px;}
.single_post img{margin:20px 0;}
.single_post p{color:#687079;line-height:25px;}
.single_post p span a{color:#ef4a53;}
.posted_date {color:#939393;font-size:14px;}
.posted_date span{color:#292929 !important;}
.bottom_pagination_area {}
.blogpage_right {background:#F4F4F4;width:40%;min-height: 1300px;}
.blogpage_cat {margin-left: 7%;width: 412px;margin-top:50px;}
.blogpage_cat input[type=text]{border-radius:0;border:0;width:330px;float:left;height:50px;margin-left: 20px;}
.blogpage_cat input[type=submit]{background: url("img/blog-search.jpg") no-repeat scroll 0 0;border: 0 none;height: 50px;text-indent: -99999px;width: 58px;}
.cat_area {margin-top:50px;margin-left: 20px;}
.cat_area p{font-size:20px;color:#292929;text-transform:uppercase;}
.cat_area ul{margin:0;padding:0;list-style:none;margin-left:8px;}
.cat_area ul li{background: url("img/list-arrow.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);padding: 5px 0px;}
.cat_area ul li a{font-size:17px;display:block;color:#292929;padding-left:15px;}
.blogpage_cat .about_us_video{margin-top:60px;}
.blogpage_cat .about_us_video p{color:#7a7576;text-transform:uppercase;letter-spacing: 2px;}
.blogpage_cat .about_us_video iframe{height:231px;}
.fb_posts > iframe {background:#fff;}
.show_pagi{display:block !important;}


/* place holder color css */
.blogpage_cat input[type=text]::-webkit-input-placeholder { /* WebKit browsers */color:    #cacaca;font-size:17px;font-family:'proxima_nova_rgregular';}
.blogpage_cat input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #cacaca;font-size:17px;font-family:'proxima_nova_rgregular';}
.blogpage_cat input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #cacaca;font-size:17px;font-family:'proxima_nova_rgregular';}
.blogpage_cat input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */color:    #cacaca;font-size:17px;font-family:'proxima_nova_rgregular';}

.pagination_area p, .pagination_area ul.pagination li a, .single_post p, .cat_area ul li a, .blogpage_cat .about_us_video p, .prev_next a, .pop_up_content_right p, .pop_up_content p{font-family: 'proxima_nova_rgregular';}

.modal-open, .modal-open .header_area{padding-right:17px}
.modal-lg {width: 1000px;}
.modal-header{border-bottom: 0px solid #e5e5e5;overflow:hidden;}
.modal-content {border-radius: 0px;}
.pop_up_content{background:#fff;overflow:hidden;position: relative;margin-top:-30px;}
.author_posted{margin-bottom: 60px;}
.author_posted p{font-size: 15px;margin-bottom: 0;text-transform: uppercase;}
.author_posted p span{text-transform: initial;letter-spacing: 2px;}
.pop_up_content_left{width:545px;margin-right:25px;}
.pop_up_content_left img.pop_up_image{width:545px;}
.prev_next{}
.prev_next a{color: #7a7576;font-size: 12px;text-transform: uppercase;padding: 0 10px;border-right: 1px solid#c1c1c1;}
.prev_next a:last-child{border-right: 0px solid#c1c1c1;}
.popup_social_sharing {border-top: 1px solid #dadada;position: absolute;bottom:-10px;width:545px;}
.popup_social_sharing p{margin-right: 20px;margin-top: 27px;}
.popup_social_sharing a{padding: 0 2px;}
.popup_social_sharing a img{}
.pop_up_content_right{width: 388px;}
.pop_up_content_right h2{margin-top:0;font-size:19px;}
.pop_up_content_right p{color:#687079;}


/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 0px; right:2%;
	margin:auto;
	z-index:999;
}
#back-top a {
	width: 58px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {
	width: 58px;
	height: 58px;
	display: block;
	margin-bottom: 7px;
	background: #d6d6d6 url(img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #252525;
}