/*
 *Theme Name: Cardioserv 2016
 *Description: Custom Theme for Cardioserv 2016
 *Version: 1.0
 *Author: Hannes van der Merwe
 *Author URL: http://www.planet-grid.com
*/

* { 
    box-sizing: border-box;
    color: var(--dgrey);
}
body {margin: 0; padding: 0; background: #fff; font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;}

.updateing {position: absolute; right: 0%; top:10%;  }

.text_wrap { width: 200px; z-index: 1000; display: block; position: absolute; bottom: 10%; right: 12%; text-align: center;
            text-decoration: none; color: #9e9d9d; font-size: 12px; font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: 400;}
.facebook_link {position: relative; top:20px}
.text_wrap:hover { text-decoration: none;}

.clearfix:before,
.clearfix:after { display: table; content: ''; height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fontawesome_large { text-transform: uppercase; color: var(--red); font-size: 40px;}

.fontawesome:before {
    font-family: FontAwesome;font-size: 16px;
    padding: 0 10px 0 0; color: var(--red);
    text-align: right;font-weight: 300;
}
.fontawesome_large:before {
    font-family: FontAwesome;font-size: 35px;
    padding: 0 10px 0 0; color: var(--red);
    text-align: right;font-weight: 300;
}
.stethoscope:before { content: "\f0f1"}
.search-icon:before { content: "\f002"}
.help_resources:before { content: "\f02d"}


html, body h1, h2,  h3,  h4, h5, h6 { font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 400;  margin: 0 0 27px 0;  padding: 0; 
                                      /* color: #d4b012; */   }

a,a:active, p, li, ul, body , div { font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 400; font-size: 16px;  text-decoration: none; }
a,a:active,a:hover { text-decoration: none;font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 100;    color: var(--red);  }
li {margin-bottom: 5px;}
p { margin: 0 0 22px 0; line-height: 22px;font-family: 'Source Sans Pro', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; font-weight: 100; }

p strong { font-weight: 900; color: var(--red);}
h1,
h2 { font-size: 25px; letter-spacing: 2px; text-transform: uppercase; }
h1 span,
h2 span {  color: var(--red) !important; }
h3 { font-size: 22px;  }
h3 span {  color: var(--red) !important; }
h4 { font-size: 20px;  } 
h4 a { font-size: 20px;  }
h4 span {  color: var(--red) !important; }

/*   Header   */
.term_name h1 a, 
.term_name h2 a { text-align: center !important; width: 100%; display: block;}
.term_name_top a { color: #fff; opacity: 1;}
.back_wrap { width: 100%; min-height: 500px; position: fixed;  background-size: cover !important;}
header { display: flex; flex-direction: column; justify-content: center; width: 100%; position: fixed; top: 0; z-index: 10000; background: #fff;}
header .logo_block { display: flex; flex-direction: row; justify-content: center; width: 100%; }
header .logo_block .logo {display: inline-block;   width: 552px; max-width: 85%; }
header .logo_block .logo img {width: 100%;}
header .mobile { display: none;   } 
header .mobile .mobile_menu { display: none;}
header .desktop { display: flex; flex-direction: row; justify-content: center; background: var(--dgrey); color: #fff;}
header .mobile .mobile_menu_triger.active { position: fixed; top: 5px; right: 5px; z-index: 11000;}
@media screen and (max-width:1020px) {
    
    header .mobile {display: flex;flex-direction: row; justify-content: flex-end; width: 100%; }
    header .mobile .mobile_menu_triger { position: fixed; top: 5px; right: 5px; z-index: 11000;}
    
    header .mobile .mobile_menu.open { position: fixed; display: flex; flex-direction: row; justify-content: center; z-index: 10001;
           align-items: center; top: 0; bottom: 0; height: 100vh; right: 0; left: 0; background: rgba(0,0,0,0.5);}
    header .desktop { display: none;}
    header .mobile .mobile_menu.open .mobile_menu_wrap { position: fixed; display: block; height: 70vh; width: 80vw; 
                       background: var(--red);border-radius: 10px; overflow-y: scroll;}
    header .mobile .mobile_menu.open .mobile_menu_wrap ul { list-style: none;}
    header .mobile .mobile_menu.open .mobile_menu_wrap > ul { list-style: none;  width: 100%; display: block; padding: 10px;  
                                 text-align: left; }
    header .mobile .mobile_menu.open .mobile_menu_wrap  ul li {    width: auto; }
    header .mobile .mobile_menu.open .mobile_menu_wrap ul li a { margin: 0 10%;  font-size: 18px; 
                                   color: #fff; padding: 10px 0; width: auto;}
    header .mobile .mobile_menu.open .mobile_menu_wrap ul li:last-child a {border-bottom: none;}
    header .mobile .mobile_menu.open .mobile_menu_wrap > ul > li> ul { list-style: none;  display: block; padding: 10px; border-radius: 10px; text-align: left; background: var(--red);}


}

@media screen and (max-width:700px) { 
     header .mobile {   padding: 10px;}
    header .mobile .mobile_menu_triger { position: relative; display: inline-block; right: 5px; }
}


.spacer { height: 153px;}
.page_wrap_top { width: 100%; float: left; opacity: 0.8; }
.page_wrap_in_top { }
.shell {width: 1280px; margin: 0 auto;  }
.search-field,
input[type="tel"],
input[type="email"],
input[type="text"],
select { border: #c1c1c1 1px solid; border-radius: 5px; padding: 3px 10px;   margin-bottom: 20px;}
textarea { border: #c1c1c1 1px solid; border-radius: 5px; padding: 3px 10px;   margin-bottom: 20px; width: 90%;}
.form_submit_btn,
input[type="submit"] { font-size: 13px;
    background: url('images/button_back.jpg') 50% 50%; background-size: cover;
    border: none; border-radius: 5px; padding: 6px 10px; color: #fff; 
    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase; font-weight: 400;
}

.search-field-custom  { box-sizing: border-box;  height: 30px; line-height: 30px; padding: 0 7px; width:80%; border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important; border-right: 0;}
.search-submit { width: 20%; color: #fff; background: url('images/button_back.jpg') 50% 50%; background-size: cover;
    border: none; border-radius: 0px;  color: #fff !important;  height: 30px; line-height: 30px;text-align: center;
     text-transform: uppercase; font-weight: 400;border-top-right-radius:5px;border-bottom-right-radius:5px; }
.serach_submit_wrap { display: flex; flex-direction: row; }
.search-submit:before { color: #fff !important; height: 30px; line-height:30px; padding: 0 ; margin: 0; } 
.form_submit_btn:hover { color: #fff; font-weight: bolder; }
.aligncenter {margin: 0 auto; }

.account_bar { display: block; margin: 7px 0 14px; width: 100%; height: 25px; background: #990000;}

/*   Menu   */
/*.menu_wrap { float: left; width: 100%; background: url('images/menu_back.jpg') 0 0 repeat-x #57080a; padding: 0;
             text-align: center; height: 30px;  }*/
.menu_wrap { float: left; width: 100%; background: #585858; padding: 0;
             text-align: center; height: 30px;  }
.main_menu_container > ul { display: inline-block; text-align: left;
                                    padding: 0; margin: 0; list-style: none; height: 30px;}
.main_menu_container > ul > li {display: block; float: left; margin: 0; padding: 0; 
                                       list-style: none; position: relative; top: 0; left: 0;}
.main_menu_container > ul > li > a {display: block; margin: 0; padding: 8px 20px ; font-size: 11px; color: #fff;  ;
                          letter-spacing: 1.5px;  text-transform: uppercase;  line-height: 14px;}


.main_menu_container > ul > li > ul { display: none;}
.main_menu_container > ul > li:hover  > a {background: url('images/menu_back_active.jpg') 0 0 repeat-x #57080a; }


.main_menu_container > ul > li:hover > ul { display: block; width: 250px; position: absolute; left: 0;
                                            top: 98%; 
                                            border-bottom-left-radius:  5px;
                                            border-bottom-right-radius:  5px; background: #57080a; padding: 10px;}

.main_menu_container > ul > li:hover > ul > li {display: block; float: left; width: 98%;
                                        display: block; float: left; margin: 0; padding: 0;
                                       list-style: none; position: relative; top: 0; left: 0;
}
.main_menu_container > ul > li:hover > ul > li > a { display: block; margin: 0;  padding: 10px 0px 10px 10px; font-size: 11px; 
                      font-weight: 400; color: #fff; letter-spacing: 1px;}


.main_menu_container_2017 > ul { display: inline-block; text-align: left;
                                    padding: 0; margin: 5px 0 0 10px; list-style: none; height: 30px;}
.main_menu_container_2017 > ul > li {display: block; float: left; margin: 0; padding: 0;
                                       list-style: none; position: relative; top: 0; left: 0;}
.main_menu_container_2017 > ul > li > a {display: block; margin: 0; padding: 8px 10px ; font-size: 11px; color: #000;  ;
                          letter-spacing: 1.5px;  text-transform: uppercase;}


.main_menu_container_2017 > ul > li > ul { display: none;}
.main_menu_container_2017 > ul > li:hover  > a {background: url('images/menu_back_active.jpg') 0 0 repeat-x #57080a; color: #fff;}


.main_menu_container_2017 > ul > li:hover > ul { display: block; width: 250px; position: absolute; left: 0;
                                            top: 98%; 
                                            border-bottom-left-radius:  5px;
                                            border-bottom-right-radius:  5px; background: #57080a; padding: 10px;}

.main_menu_container_2017 > ul > li:hover > ul > li {display: block; float: left; width: 98%;
                                        display: block; float: left; margin: 0; padding: 0;
                                       list-style: none; position: relative; top: 0; left: 0;
}
.main_menu_container_2017 > ul > li:hover > ul > li > a { display: block; margin: 0;  padding: 10px 0px 10px 10px; font-size: 11px; 
                      font-weight: 400; color: #fff; letter-spacing: 1px;} 
.sub-menu  > li:hover > a {  font-weight: 900 !important; }                                                 
                                                    

.demo_banner { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%;  
                 background: #88001b; margin:5px 0;}
.demo_banner .container { width: 1150px; max-width: 90%; padding: 20px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.demo_banner .container  .demo-text { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; color: #fff; }
.demo_banner .container  .demo-text  .banner_text { color: #fff; padding: 5px 10px; text-align: center;}
.demo_banner .container  .button_wrap { width: 120px !important; }
.demo_banner .container  .button_wrap .demo_btn { display: inline-block;   width: 100%; padding: 10px 20px; border-radius: 2px; 
                                                    text-align: center; background: #fff;  color: #88001b;}
@media only screen and (max-width:  800px)  {
    .demo_banner .container { flex-direction: column;}
}
.page-id-7219 .demo_banner
{ display: none;}


.zcwf_button {
    padding: 
}

.call_to_action_form { display:inline-block; margin: 0 auto;}
.call_to_action_form .content {  letter-spacing: 1px; font-size: 11px; padding: 5px 0px 5px 0;  
                                margin: 0; width: 465px; text-align: right; display:block; float: left; position: relative;

}

.call_to_action_form .email {   display: block; margin: 5px 10px 0 5px; float: left; }
.call_to_action_form .email input {width: 170px; border: #c1c1c1 1px solid; border-radius: 5px; padding: 3px 10px;  
                                                                 margin: -20px 0 0 0; }
.call_to_action_form .submit_in {width: 60px;  display: inline-block}
.call_to_action_form .submit_in input { float: left; background: url('images/button_back.jpg') 50% 50%; background-size: cover;
                                    border: none; border-radius: 5px; padding: 6px 10px; color: #fff; 
                                    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase; 
}

div.wpcf7-mail-sent-ok { border: none !important;}
.wpcf7-response-output.wpcf7-mail-sent-ok { margin: 5px 0 5px 0 !important; display: block; color: red;}
/*   Home   */ 

.page_wrap { width: 100%}
.no_margins { margin: 0; padding: 0;}

.slide { overflow: hidden;}
.slide > img {width: 100%;}
.slide_image .grey_banner { position: absolute; bottom: 0; left: 0; width: 100%;
               background: url('images/grey_back1.png') repeat;  text-align: center;}
.slide_image.below .grey_banner { position: relative; top: -1px;  background-color: #3d3d3e; opacity: 1;}
.slide_image .grey_banner_in {transition: all .7s ease-in-out;}
.slide_image h1,
.slide_image h2 {  color: #fff;    text-align: ceneter; padding: 0 0px 0 0; margin: 0;
                    text-transform: uppercase;  letter-spacing: 2px;  width: 100%; }
.slide_image .slide_content { color: #fff; display: block;  width: 100%; margin: 0 0 10px; text-align: center; letter-spacing: 1px;  font-size: 20px;}
.slide_image  a { color: #ad2525;   margin: 0 0 10px 0;  letter-spacing: 1px;  }


.block_title h1,
.block_title h2 { margin: 0 0 47px; text-align: center; text-transform: uppercase;  }
.block_title h1 span,
.block_title h2 span {color: var(--red);}

.top_spacer { width: 100%; height: 47px;}

.slide_warp_out { width: 100%; overflow: hidden;}
.slide_warp_in {width: 100%; position: relative; top: 0;}
.slide_image {  position: relative; top: 0; left: 0; background-size:  auto 100%; float: left;}
.slide_image.left , .slide_image.right { opacity: 0.2}
.slide_image_pc { display: block; height: 100%;}
.slide_image_mobile { display: none;}

/*   Home - help_block   */

.help_block_wrap { margin-top: -17px; padding: 27px 0 45px ;  text-align: center;}
.block_wrap_in  {display: inline-block; position: relative; margin: 75px 0 0 0;}
.help_block {display: block; width: 238px; float: left;
                    background:  rgba(67,66,66,0.5); 
                 }
.help_block.odd_0 { margin: 0 0px 26px 0;}
.help_block.odd_1 { margin: 0 26px 26px 26px;}
.help_block.odd_2 { margin: 0 0px 26px 0;}
.sign_up_link {background: url('images/redbox_new.jpg') no-repeat 0 0; 
                             background-size: 100% auto; font-weight: 100;
                             text-transform: uppercase;
                             padding: 5px 45px; color: #fff; letter-spacing: 2px;
                             text-decoration: none; font-size: 14px;
}
.sign_up_link:hover { color: #fff;}
.help_block .block_heading { width: 100%; height: 112px; background: url('images/redbox_new.jpg') no-repeat 0 0; 
                             background-size: cover !important;
                                position: relative; top: 0; left: 0; }
.help_block .block_heading .block_img { width: 150px; height: 150px; border-radius: 75px; margin: 0 auto; 
                                        position: relative; top: -75px; overflow: hidden; text-align: center;
                                        transition: all .2s ease-in-out; 
                                            background-size: cover !important;

}
.help_block .block_heading .block_img img {min-height: 150px;min-width: 150px; height: 100%;


}
.help_block .block_heading .block_img:hover  {
       
           
        
}

.help_block .block_heading h3 { margin: 0; color: #fff;    
                    text-transform: uppercase; font-size: 25px; letter-spacing: 2px;
                    position: absolute; width:100%; bottom: 5px;}
 .help_content {  font-size: 11px;  letter-spacing: 1px; text-align: left; 
                                padding: 10px;  overflow: hidden; font-size: 14px;   line-height: 20px; }
 .help_content p { font-size: 14px;   line-height: 20px;  letter-spacing: 1px;}
.help_footer {width: 100%; height: 22px; background: url('images/how_can_we_help_footer.jpg') repeat 0 0;}

/*   Home - Services   */

.services_back { background:  rgba(245,245,245,1); padding: 32px 0 50px 0;
                 text-align: center;  }
.service_blocks {   height: 134px;  display: inline-block; }
.service_block { display:block; position: relative; top:0; left: 0;  margin: 0 4px 0 4px; width: 131px; height: 134px; 
                float: left;z-index: 0;}
.services_used { float: right;;  margin: 10px 0 40px;}
.service_icon_link { display: inline-block; width: 40px; height: 40px; margin: 0 5px;}
.service_icon_link img { width: 100%}
.used_service_block {display:block; position: relative; top:0; left: 0;  margin: 0 4px 0 4px; width: 131px; height: 134px; 
                float: left;z-index: 0;}
.service_name_block { position: absolute; bottom:0; width: 100%; color: red; height: 96px; border: #dddddd solid 1px; border-radius: 2px; z-index: 0; }
.service_block.active .service_name_block {border: #ad2525 solid 1px;}
.service_block.imaging-modalities,
.service_block_row.imaging-modalities { height: 53px;}
.service_block.imaging-modalities .service_name_block,
.service_block_row.imaging-modalities .service_name_block { height: 55px; bottom: auto; top: 0;}
.service_block.imaging-modalities .service_name_block .service_name,
.service_block_row.imaging-modalities .service_name_block  .service_name {  bottom: auto; top: 8px;}


.blog_services_back .block_title h1,
.blog_services_back .block_title h2 { margin: 0 0 10px; text-align: center; text-transform: uppercase;  }

.blog_services_back { background: url('images/services_back.jpg') repeat 0 0; padding: 10px 0 20px 0;
                 text-align: center;  }
.blog_service_blocks {   height: 134px;  display: inline-block;}
.blog_service_block { display:block; position: relative; top:0; left: 0;  margin: 0 5px 0 5px; width: 92px; height: 110px; 
                float: left;z-index: 0;}
.services_used { float: right;;  margin: 10px 0 40px;}
.service_icon_link { display: inline-block; width: 30px; height: 30px; margin: 0 5px;}
.service_icon_link img { width: 100%}
.used_blog_service_block {display:block; position: relative; top:0; left: 0;  margin: 0 4px 0 4px; width: 131px; height: 134px; 
                float: left;z-index: 0;}
.service_name_block { position: absolute; bottom:0; width: 100%; color: red; height: 96px; border: #dddddd solid 1px; border-radius: 2px; z-index: 0; }
.blog_service_block.active .service_name_block {border: #ad2525 solid 1px;}
.blog_service_block.imaging-modalities,
.blog_service_block_row.imaging-modalities { height: 53px;}
.blog_service_block.imaging-modalities .service_name_block,
.blog_service_block_row.imaging-modalities .service_name_block { height: 55px; bottom: auto; top: 0;}
.blog_service_block.imaging-modalities .service_name_block .service_name,
.blog_service_block_row.imaging-modalities .service_name_block  .service_name {  font-size: 9px; bottom: auto; top: 8px;}
.blog_services_back .service_icon { z-index: 10000; position: absolute; top: -10px; width: 70%; margin: 0 0 0 15%; transition: all .2s ease-in-out; }

.service_name {position: absolute; display: block; bottom: 8px;  z-index: 10; 
               display: block; width: 100%; text-align: center;  font-weight: 400;
                font-size: 11px; text-transform: uppercase; color: #282727;  letter-spacing: 1px; }
.service_name span { }
.service_icon { z-index: 10000; position: absolute; top: -2px; width: 100%; transition: all .2s ease-in-out; }
.service_display_block { margin: 20px 0; display: flex; flex-direction: row; position: relative;}
.service_detail_left { width: 45%; box-sizing: border-box;}
.service_detail_left a {display: block; }
.service_detail_left img { width: 100%; margin: 8px 0 0 0; }
.service_detail_right { width: 45%; display: flex; flex-direction: column; margin: 0 0 0 3%; box-sizing: border-box;}
.service_detail_right h3 a {font-size: 25px; letter-spacing: 2px;  text-transform: uppercase; }
.services_display_back { padding: 25px 0 25px 0; }
.service_detail_link a { color: #ad2525;  font-weight: 700; }

.flex_wrap { display: flex; flex-direction: row;}
.flex_wrap .service_detail_left.item_1 { order: 2;}
.flex_wrap .service_detail_right.item_1 { order: 1; margin: 0  3% 0 0;}

.software_intro { display: none; flex-direction: row; align-items: center; box-sizing: border-box; padding: 0 0 0 40px;}
.page-template-page-services .service_display_block { margin: 40px 0;}
.fans_back { min-height: 626px; background-size: cover !important; padding: 47px 0 47px 0;}
.fan_block { width: 70%; min-height: 430px;  margin: 0 auto 0; text-align: center;}
.fan_qoute {position: relative; left: 0; top: 0; margin: 0 0 20px 0; text-align: center;}
.fan_qoute .left_quote {  background: url('images/quote_left.png') no-repeat 0 0; width: 34px; height: 27px; background-size: cover;
                            position: absolute; top: -5px; left: -40px;}
.fan_qoute .right_quote {  background: url('images/qoute_right.png') no-repeat 0 0; width: 31px; height: 29px; background-size: cover;
                            position: absolute; bottom: -10px; right: -30px;}
.fan_block .company_logo { max-width: 300px;  margin: 0 auto 15px; }
.fan_block .rating { margin: 5px auto 15px; color: #e6bd3e; font-size: 1.2em;}
.fan_block .company_logo img {width: 100%;}
.fan_block .author {  text-align: right; font-size: 11px;color: var(--red); letter-spacing: 1px;}
.fan_block .company_name { text-align: right;   letter-spacing: 1px; text-transform: uppercase; font-weight: 400; font-size: 11px;}

.raving_fans_wrap .fan_block { width: 70%; min-height: auto;  margin: 0 auto 67px;}

.page-template-page-raving-fans .fan_block .company_logo { text-align: left; width: 100%; margin: 0 0 30px;}
.page-template-page-raving-fans .service_icon_link {}
.review_link_wrap { padding: 27px 0 47px; text-align: center;}
.review_link { text-align: center; background: url('images/button_back.jpg') 50% 50%; background-size: cover;
    border: none; border-radius: 5px; padding: 6px 10px; color: #fff; 
    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase; font-weight: 400;}
.review_link:hover { color: #fff;}
.blogs_back {  background-size: cover !important; padding: 0px 0 52px 0;}
.block_title_btn {  background: url('images/on_blog_button1.png') no-repeat 0 0; width: 171px; height: 70px; 
                   position: relative; top: 0; left: 0; margin: 0 auto 45px auto;}
.block_title_btn h1,
.block_title_btn h2 {  font-size: 12px; color: #fff;  ; text-align: center; padding: 11px 5px 0 0;
                          letter-spacing: 1px;    font-weight: 900px;
                    text-transform: uppercase; }
.block_title_btn h1 span,
.block_title_btn h2 span {font-size: 26px; margin: -5px 0 0 0; display: inline-block; letter-spacing: 1.2px; color: #fff !important;}
.blog_blocks {  min-height: 100px;}
.blog_block { width: 409px; height: 198px; 
              background: #fff;
              float: left;    position: relative; top: 0; left: 0; overflow: hidden;
}
.blog_block.b_odd_0 { margin: 0 8px 16px 90px;   }
.blog_block.b_odd_1 { margin: 0 0 16px  }

.blog_block  .post_date_wrap { width: 71px; height: 198px; float: left;  text-align: center; background: #dddddd;}
.blog_block  .post_date {  border-radius: 38px; border: solid 1px #908b87; display: block;
            width: 60px; height: 60px; text-transform: uppercase; margin: 5px auto; }
.blog_block  .post_date .day { font-size: 26px; color: var(--red); }
.blog_block  .post_date .month { font-size: 18px; position: relative; top: -10px; }
.blog_block .post_date .year { font-size: 11px; position: relative; top: -18px;}
.blog_block .blog_left { width: 310px; height: 178px; float: left;  padding: 8px; }
.blog_block .blog_left .post-title,
.blog_block .blog_left .post-title a {margin: 0 0 5px ; padding: 0;}
.blog_block .blog_left .post-title  a h2,
.blog_block .blog_left .post-title  a h3 { color: var(--red); font-size: 17px; line-height: 20px !important; margin: 0; padding: 0;}
.blog_block .blog_left .read_more_wrap { position: absolute; right: 20px; bottom: -5px;}

.map_back { height: 450px; }

.cat_list .category { width: 100%; margin: 0 0 5px; text-align: center;}
.cat_list .category.active a { color: var(--red); }
.achives > .years { list-style: none; width: 100%; text-align: center; margin: 0 0 0 0; padding: 0;}
.achives > .years > .year { margin: 0 0 10px 0;}
.achives > .years > .year > .year_months { display: none; list-style: none;margin: 0; padding: 0; width: 100%;}
.achives > .years > .year > .year_months > li { margin: 0 0 5px 0;}
.achives > .years > .year > a {  font-size: 18px; letter-spacing: 2; text-transform: uppercase;  
                                                margin: 0 0 5px 0;}
.achives > .years > .year.active > a { color: var(--red); }
.achives > .years > .year.active .year_months { display: block; }

.achives > .years > .year.active > .year_months > .year_month > a {font-size: 14px;  letter-spacing: 1; text-transform: uppercase; }
.achives > .years > .year.active > .year_months > .year_month.active > a { color: var(--red);font-size: 14px;  letter-spacing: 1; text-transform: uppercase; }
/*   Single - Services   */

.show_tags,
.close_tags {background: url('images/button_back.jpg') 50% 50%; background-size: cover; display:inline-block;
                                    border: none; border-radius: 5px; padding: 6px 10px; color: #fff; 
                                    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase;
                               margin: 20px auto; text-align: center;}
.show_tags:hover,
.close_tags:hover {color: #fff;}
.single_service_title { text-align: center; margin-bottom:47px;}
.single_service_icon { position: relative; top: 24px;  margin: 0 10px 0 0;}

.hero_image { width: 100%;  height: auto; background-size: cover !important;}
.hero_image img {min-width: 100%; max-width: 100%;
                min-height: 100%;}
.hero_out { width: 100%; margin: 0 0px 27px 0;  }

.page_left { width: 70%; float: left;margin: 37px 0 37px 0; }
.page_right { width: 30%; margin: 37px 0 37px 0; padding: 10px; border-left: 1px solid #908b87; 
               float: left; text-align: center;  box-sizing: border-box;
              }
          
.service_block_row { display:block; position: relative; top:0; left: 0;  margin: 0 auto 10px auto; width: 131px; height: 134px; 
                z-index: 0; text-align: center;  }
.service_block_row.active .service_name_block {border: #ad2525 solid 1px;}

.service_block_row { display:block; position: relative; top:0; left: 0;  margin: 0 auto 10px auto; width: 131px; height: 134px; 
                z-index: 0; text-align: center;  }
.service_block_row.active .service_name_block {border: #ad2525 solid 1px;}
.page_right h1,
.page_right h2 { margin: 27px  0 27px; text-align: center; text-transform: uppercase;  }
.page_right h1 span,
.page_right h2 span {color: var(--red);}
.page_right .rigth_sub { padding: 0; box-sizing: border-box; }
.no_scroll { pointer-events: none;}

.mejs-container { background: #fff !important;}
/*   Blog   */
.block_title { }
.blog_wrap { margin-bottom: 30px; }
.post_date_wrap { width: 75px; float: left;  text-align: center; }
.post_date {  border-radius: 38px; border: solid 1px #908b87; display: inline-block;
            width: 75px; height: 75px; text-transform: uppercase; }
.post_date .day { font-size: 28px; color: var(--red); }
.post_date .month { font-size: 25px; position: relative; top: -10px; }
.post_date .year { font-size: 11px; position: relative; top: -18px;}
.blog_left { width: 400px; float: left;  padding: 0 10px;}
.blog_width { width: 650px; float: left; padding: 0 10px;}
.alignleft  { float: left; margin: 0 10px 10px 0;}
.alignright {float: right; margin: 0 0 10px 10px;}
.aligncenter { margin: 0 auto;}
.blog_width,
.blog_width p,
.blog_width li { font-size: 16px; letter-spacing: 1px;}
.blog_width img { max-width: 100%; }
.written_by { font-weight: 400;
                font-size: 11px; }
.blog_wrap .post-title h2,
.blog_wrap .post-title h3 {margin: 0 0 5px 0;}
.blog_wrap .post-title h2 a,
.blog_wrap .post-title h3 a { font-size: 18px;  color: var(--red); }
.blog_wrap .post-intro  { font-size: 16px; letter-spacing: 1px;}

.read_more_wrap a {
    background: url('images/button_back.jpg') 50% 50%; background-size: cover;
                                    border: none; border-radius: 5px; padding: 6px 10px; color: #fff; 
                                    box-shadow: 3px 3px 3px #a1a1a1; text-transform: uppercase;
                              float: right; margin: 20px 0; text-align: center;
}

.post_tags {  margin: 5px 0 20px 74px;}
.post_tags a {color: #000; float: left; display: block; margin: 5px; padding: 3px 5px; background: #efeef0; border-radius: 5px;}


.post_single_tags {  margin: 5px 0 20px 0px;}
.post_single_tags a {color: #000; float: left; display: block; margin: 5px; padding: 3px 5px; background: #efeef0; border-radius: 5px;}

.side_tags a {color: #000;  display: inline-block; margin: 2px; padding: 2px 3px; background: #efeef0; border-radius: 5px;}
.blog_right { width: 250px; float: left; margin: 0 0 0 20px; }
.blog_right img { width: 100%;}
.pagination { text-align: center;}
.page-numbers { margin: 10px; padding: 5px 10px; display: inline-block; border: 1px solid #908b87; border-radius: 20px;}
.page-numbers.current {color: #fff; background: var(--red);}
.page-numbers:hover {border: 1px solid var(--red);}
/* Contact Us */
.contact_wrap .page_left .block_title h1,
.contact_wrap .page_left .block_title h2 {margin: 27px 0 27px !important;}
.contact_field.contact_format {margin: 0 2% 20px;}
.contact_field.contact_format {margin: 0 2% 20px;}
.contact_format label { font-weight: 400; font-size: 11px; width: 100%; }
.contact_format label { font-weight: 400; font-size: 11px; width: 100%; }
.contact_format > label {margin: 0 0 0; display: block;}
.contact_format > label {margin: 0 0 0; display: block;}


.form_wrap { width: 70%; margin: 0 auto;}
.map {margin: 0 auto; width: 1100px !important; height:  300px  !important;}

.wpcf7-radio { width: 80%; float: right; }
.wpcf7-radio label { width: 100%; float: left;}
/*   Meet the Staff   */

.meet_the_staff_page .hero_image {margin: 0 !important;}
.social_icons_wrap { padding: 10px 0; }
.social_icons_wrap .shell {  text-align: center;}
.social_icons { display: inline-block;}
.social_icon { display: block; width: 40px; height: 40px; float: left; margin: 0px 5px 10px 5px; }
.social_icon img { width: 100%;}
.meet_the_staff_wrap { margin-bottom: 47px;}
.intro_back {  padding: 0px 0 27px 0;}

.staff_member { width: 460px; min-height: 300px; border: 1px solid #dcdbda; border-radius: 5px;  float: left;
                position: relative; left: 0; top: 0; padding: 0 20px 20px 20px;}
.staff_member.odd_0 { margin: 80px 20px 47px 0;}
.staff_member.odd_1 { margin: 80px 0 47px 0;}
.staff_photo_wrap { 
        width: 150px; height: 150px;  
        position: relative; top: 0; margin: -75px auto 20px;
        border-radius: 75px; 
        left: 0; overflow: hidden;

}
.staff_photo { 
        width: 150px; height: 132px;  background-size: cover !important; 
         
        left: 0; 

}


.thumb_image { width: 100%; height: 300px; background-size: cover !important; 
              display: block; float: left; margin: 10px 1%; background-color: #fff; overflow: hidden; position: relative; top:0; left:0}
.thumb_image .staff_grey { position: absolute; top: 100%; background: url('images/grey_back1.png') repeat; display: block;
             height: 100%; width: 100%;  color: #fff;}
.thumb_image .staff_grey .grey_full_name h2,
.thumb_image .staff_grey .grey_full_name h3 { color: #fff; text-align: center; margin-bottom: 5px;}
.thumb_image .staff_grey .grey_qualifications  { color: #fff; text-align: center;}
.thumb_image .staff_grey .grey_position  { color: #fff; text-align: center;}
.thumb_image .staff_grey .grey_read_more  { color: #fff; text-align: right; font-size: 12px;}
.image_row { margin: 5px 0; width: 100%; }

.image_row .staff_content { padding-top: 20px;}
.staff_wrap {width: 30%; height: 300px; float: left; margin: 10px 1%; }
.staff_wrap.open {width: 100%; height: auto; float: left; margin: 10px 1%; border: 1px lightgrey solid; }
.staff_wrap.open .thumb_image {width: 30%; }
.staff_wrap.open .thumb_image .staff_grey {top: 65% !important; }
.staff_wrap.open .image_row { text-align: left;}
.staff_photo_wrap .staff_name { 
              display: block;  background: url('images/button_back.jpg') no-repeat 0 0;  text-align: center; padding: 7px 0px 10px;
                            text-transform: uppercase;  font-size: 14px; width: 150px; color:#fff;
                            background-size: cover; position: absolute; bottom: 0; height: 18px;
}
.staff_full_name { font-size: 14px; width: 100%; text-align: center; color: var(--red);}
.staff_position { font-size: 14px; width: 100%; text-align: center; color: var(--red); margin: 0 0 20px 0;}
.staff_email { font-size: 14px; width: 100%;  color: var(--red); height: 40px; line-height: 40px; margin-bottom: 5px;}
.email_icon {background: url('images/email.png') no-repeat 0 0; background-size: cover !important; 
            display: block; width:40px; height: 40px; float: left; margin: 0 10px 0 0; }
.staff_linked_in a { font-size: 14px; width: 100%;  color: var(--red); display: block; height: 40px; line-height: 40px;}
.linked_in_icon {background: url('images/linkedin.png') no-repeat 0 0; background-size: cover !important; 
            display: block; width:40px; height: 40px; float: left; margin: 0 10px 0 0; }
.blog_sign_up_form { width: 100%; padding:0px; box-sizing: border-box;;overflow: hidden; position: relative; }
.blog_sign_up_form_in { width: 100%; padding:0px; box-sizing: border-box;;  position: relative; }
.blog_sign_up_form p {margin: 0 0 5px;}
.blog_sign_up_form input[type="email"] {width: 200px;}



.ui-datepicker { background: #fff; border: #c1c1c1 solid 1px; padding: 10px; border-radius: 5px; margin: 0 10px 0 0;
                box-shadow: 3px 3px 3px #a1a1a1; position: relative; top: 5px;}
.ui-datepicker-calendar th { padding: 5px 10px; color: var(--red); }
.ui-datepicker-calendar td { background: #c1c1c1; text-align: center;
}
.ui-datepicker-calendar td:hover { background: var(--red); color: #fff;}
.ui-datepicker-calendar td:hover a { background: var(--red); color: #fff;}


.ui-datepicker-calendar td.ui-datepicker-current-day { background: var(--red); color: #fff;}
.ui-datepicker-calendar td.ui-datepicker-current-day a { background: var(--red); color: #fff;}
.ui-datepicker-calendar td a:hover { background: var(--red); color: #fff;}
.ui-datepicker-title { text-align: center; color: var(--red); text-transform: uppercase; font-size: 18px;}
.ui-datepicker-prev { float: left;}
.ui-datepicker-next { float: right;}
.appointment_form label { width: 40%; text-align: right; display: inline-block; margin: 0 10px 0 0;}
/*education */

.accordion_sec_wrap {  margin: 10px 0; width: 100%; }
.accordion_link { display: block; width: 90%; margin: 10px 0  10px 0; padding: 5px 0 0px 5%; border: 1px solid #9d9d9d; border-radius: 5px;
                transition: all 0.25s ease-in-out;
                background: url('images/arrow_grey.png') no-repeat 15px 15px ;
    }
    .accordion_link h1,
    .accordion_link h2,
    .accordion_link h3 {padding: 0; margin: 0 0 10px;}
.accordion { margin: 0; width: 90%; border: none; background: none;}    
.accordion_link.open { background: url('images/arrow_red.png') no-repeat 15px 15px ;}
.accordion_link.open h1,
.accordion_link.open h2,
.accordion_link.open h3 {color: var(--red) !important;padding: 0;}
.sub_section_rows { margin: 0 30px 20px 0; }
.sub_section_row_content { padding: 15px 0 0 0; font-weight: 700; font-size: 18px;}
.sub_section_row.odd_0 { background: #dcdcdc;}
.sub_section_row.odd_1 { background: #e6e6e6;}
.sub_section_row_column.column_1 {width: 70px;  vertical-align: top; padding: 4px 10px; text-align: center;}
.sub_section_row_column.column_2 { vertical-align: top; padding: 4px 10px;}
.section_content_left { width: 48%; float: left; margin: 0 2% 0 0; text-align: center;}
.section_content_left a { max-width: 100%; display: inline-block;}
.section_content_left a img {max-width: 100%;}

.section_content_right { width: 50%; float: left;  margin: 0 0 0 0;}
.main_section_rows { margin: 0 30px 20px 0; width: 100%;}
.main_section_row_content { padding: 15px 0 0 0; font-weight: 700; font-size: 18px;}
.main_section_row.odd_0 { background: #dcdcdc;}
.main_section_row.odd_1 { background: #e6e6e6;}
.main_section_row_column.column_1 {width: 70px; vertical-align: top; padding:4px 10px; text-align: center;}
.main_section_row_column.column_2 { vertical-align: top; padding: 4px 10px;}

/* Job Form */
.job_wrap { padding-bottom: 100px;}
.job_form_group { display: block; width: 70%; margin: 10px auto;}
.job_from_field { margin-bottom: 10px; width: 100%;}
.job_from_field label { width: 100%; font-size: 14px; margin: 0 10px 5px 0; display: block; }
.job_from_field input[type="email"],
.job_from_field input[type="text"]{ width: 300px !important; margin: 0;}
.job_from_field textarea { width: 100%; margin: 0; height: 200px;}
.job_from_field select { width: 325px !important; margin: 0;}
.job_list_table { margin: 50px 0 50px;}
/*   job page  */
.jobs_link { float: right;}
.post_link { width: 100%; text-align: center; margin: 20px 0 10px 0;}
.post_link a { display: inline-block !important;}
.filter_wrap  { margin: 30px auto; width: 90%;  }
.filter_left { width: 38%; margin: 0 2% 10px ; float: left; }
.filter_left input {padding: 5px 10px; font-size: 16px; width: 100%; margin: 0;}
.filter_submit { margin: 0 2%; padding: 3px 0 0 0; float: left; width: 10%; }
.filter_checks { margin: 0 20px 20px; float: left; display: inline-block; }
.filter_checks label { color: #9d9d9d; font-size: 12px; margin: 0 10px 0 0;}
.filter_checks label input { position: relative; top: 3px;}
.job_list_table { width: 100%; border-bottom: 1px #ccc solid; }
.job_list_table thead th , .job_list_table tfoot th {
        background: #d3d3d4; color: var(--red); padding: 10px 5px; text-align: center;
        border-top: 1px #ccc solid;
        border-left: 1px #ccc solid; text-transform: uppercase;
        font-weight: 400 !important;
}
.job_list_table thead th a { color: var(--red);}
.job_list_table thead th:last-child , .job_list_table tfoot th:last-child {
        border-right: 1px #ccc solid;
}
.job_list_table tbody tr.odd_0 { background: #e8e8ea;}
.job_list_table tbody tr.odd_1 { background: #fff;}
.job_list_table tbody tr.job_main_row td  {
        padding: 3px 5px; text-align: center;
        border-top: 1px #ccc solid;
        border-left: 1px #ccc solid;
}

.job_list_table tbody tr.job_main_row.open td  {
        color: var(--red); 
}

.job_list_table tbody tr.job_sub_row td  {
        background: #fff;
        padding: 20px; text-align: left;
        border-top: 1px #ccc solid;
        border-left: 1px #ccc solid;
}
a.job_select {
    display: block;
    padding: 0 0 0 0px;
    text-align: left;
}
a.job_select span {
    background: url('images/arrow_red.png') 0 0 no-repeat;
    display: inline-block; width: 30px; height: 10px; position: relative; top: -10px; left: 0px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
     -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
a.job_select.open {
    color: var(--red);
}
a.job_select.open span {
    background: url('images/arrow_red.png') 0 50% no-repeat; 
   position: relative; top: 0px; left: 5px;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.job_list_table tbody tr.job_main_row td.job_title  {
    text-align: left;
    padding: 4px 20px;
    
}

.job_text { padding: 0 20px 40px 20px;}


.job_list_table tbody tr td:last-child  {
        border-right: 1px #ccc solid;
}
.job_list_view { padding: 5px;}
.job_list_view label { color: var(--red); }

/* Footer */
.footer { width: 100%;  background: url('images/services_back.jpg') repeat 0 0;  opacity: 0.8; text-align: center;}
.footer_blocks {width: 100%;  color: #4c4e52; }
.footer_blocks .footer_block {  width: 20%; margin: 15px 0 5px 5%; float : left; }
.footer_blocks .footer_block p,
.footer_blocks .footer_block a,
.footer_blocks .footer_block h2,
.footer_blocks .footer_block h3,
.footer_blocks .footer_block li { color: #4c4e52;}
.footer_blocks .footer_block h2 { font-size: 25px !important;}
.footer_blocks .footer_block h2,
.footer_blocks .footer_block h3 {text-align: center;}
.footer_blocks .footer_block h2 span,
.footer_blocks .footer_block h3 span {color: var(--red); }
.footer_blocks .footer_block a:hover {color: var(--red); }
.footer_blocks .footer_block.footer_block_2 { float: right; margin: 15px 5% 5px 0;}
/*.footer_blocks .footer_block_2 { margin: 10px 0 5px 130px;}
.footer_blocks .footer_block_3 { margin: 10px 0 5px 130px;}
.footer_blocks .footer_block_4 { margin: 10px 0 5px 130px;}*/


.footer_icons { display: inline-block; position: relative; top: -200px;}
.footer_icon { display: block; float: left; margin: 0px 5px 10px 5px; width: 40px;  }
.footer_icon img {width: 100%;}
/* Copyright */

.copyright { width: 100%;  background: url('images/copywrite_back.png') repeat 0 0; height: 30px; text-transform: uppercase;
             line-height: 30px; color: #4c4e52; margin-bottom: 10px; text-align: center; font-size: 16px; 

}  

.pop_up_wrap { position: fixed; top: 0; left: 0; width: 100%;  background: url('images/grey_back1.png') repeat;
               z-index: 2000000;
    }
.pop_up_out { position: relative; top: 0; left: 0; height: 340px; width: 440px;  padding: 4px;
             border-radius: 10px; background: #fff; margin: 0 auto; top: 20%;}
.pop_up_in {  border-radius: 8px; height: 296px; width: 396px; border: 1px solid #c1c1c1; padding: 20px; }
.pop_up_close_btn { position: absolute; background: var(--red); border-radius: 20px;border: 1px solid var(--red); color: #fff; 
                   display: block; top: -20px; right: -20px; padding: 5px 10px; }
.pop_up_close_btn:hover {color: #000;}

.signup_wrap { position: fixed; left: 0;  width: 48px; height: 113px;z-index: 20000; }
.blockout.in {position: fixed; top: 0; 
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255,0.9); z-index: 19000;}
.sign_up_btn_bottom { display: none;}
.rotate90 {
        transform: rotate(-90deg);
      /* Legacy vendor prefixes that you probably don't need... */

      /* Safari */
      -webkit-transform: rotate(-90deg);
      /* Firefox */
      -moz-transform: rotate(-90deg);
      /* IE */
      -ms-transform: rotate(-90deg);

      /* Opera */
      -o-transform: rotate(-90deg);

      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.sign_up_btn { position: relative;   
                border-top-right-radius: 5px; 
               border-bottom-right-radius: 5px;
               border: none;color: #fff;
               /*background: url('images/signup_btn.png') 50% 50% no-repeat;
               */
               width: 48px;
               height:  113px;
               text-align: center;
              background: var(--red) url('images/button_back.jpg') 50% 50%;  
                  background-size: cover !important;
}
.sign_up_btn div { position: relative;
    width: 113px;
    text-align: center;
    right: 35px;
    color: #fff !important;
    display: block;
    /*background: #000;*/
    top: 46px;
    font-weight: 900;}

.sign_up_btn.open { background: url('images/close_btn.png') 50% 50% no-repeat; height: 113px !important;}
.sign_up_btn.open div {display: none;}
.page-template-page-cme-php h2 { font-size: 25px;}
.page-template-page-cme-php header { background: #fff !important;}
.signup_slide { position: absolute; top: 0;  height: 158px; width: 1249.5px; left: -1201.5px; overflow: hidden; z-index: 2000000; }
.slide_right { float: right; height: 158px;}
.slide_left { float: right;   width: 1200.5px; display: block;}
.signup_slide_from { width: 460px; float: right; padding: 20px; position: relative; left: 0; top: 0; 
                    background: var(--red); border-radius: 2px; }
.slide_out_form input[type="email"],
.signup_slide_from input[type="email"] {width: 80% !important;}
.signup_close_btn {position: absolute; background: var(--red); border-radius: 20px;border: 1px solid var(--red); color: #fff; 
                   display: block; top: 5px; right: 5px; padding: 5px 10px;}
.signup_close_btn:hover {color: #000;}

.bottom_wrap {display: none;}
.share_wrap { position: fixed; left: 0;  width: 48px; height: 79px; z-index: 20000; }
.share_wrap.bock_out {position: fixed; top: 0; display: none;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(255,255,255,0.9); z-index: 20000;}

.share_btn { position: relative;  background: var(--red) url('images/button_back.jpg') 50% 50%;   width: 48px; height: 79px;
               background-size: cover !important;display: block; border-top-right-radius: 5px; 
               border-bottom-right-radius: 5px;
               border: none;
}
.share_btn div { position: relative;
    width: 113px;
    text-align: center;
    right: 35px;
    color: #fff !important;
    display: block;
    /*background: #000;*/
    top: 30px;
    font-weight: 700;}
.share_btn.open { background: url('images/close_btn.png') 50% 50% no-repeat; height: 113px !important;}
.share_btn.open div {display: none;}
.share_slide_left .block_title h1,
.share_slide_left .block_title h2 { margin: 0 20px 10px 0; }
.share_title  { font-size: 14px; margin: 0 0 10px;}
.share_title span { color: var(--red); font-size: 20px; }
.share_slide { position: absolute; top: 0;  height: 79px; width: 1249px; left: -1201px; overflow: hidden; }
.share_slide_right { float: right; height: 79px;}
.share_slide_left { float: right;  display: block;}
.share_slide_from { width: 460px; background: #e1e1e1; float: right; padding: 20px; position: relative; left: 0; top: 0; }

.share_close_btn {position: absolute; background: var(--red); border-radius: 20px;border: 1px solid var(--red); color: #fff; 
                   display: block; top: 5px; right: 5px; padding: 5px 10px;}
.share_close_btn:hover {color: #000;}
.share_btn_bottom {display: none;}
.share_slide_from .social_links { list-style: none; margin: 0; padding: 0;}
.share_slide_from .social_links li { list-style: none; margin: 0 10px;; padding: 0; float: left;}

.social_btn { width: 75px; height: 75px; display: block;   background-size: cover !important; }
.facebook_btn { background: url('images/facebook_btn.png') 50% 50% no-repeat; }
.twitter_btn { background: url('images/twitter.png') 50% 50% no-repeat; }
.linkedin_btn { background: url('images/linkedin.png') 50% 50% no-repeat; }
.googleplus_btn { background: url('images/googleplus.png') 50% 50% no-repeat; }

.time_delay {position: absolute; top: 0; left: 0; z-index: 3000000;}
.time_delay_now {position: absolute; top: 30px; left: 0; z-index: 3000000;}


.slide_warp_out.pc { display: block;}
.slide_warp_out.mobile { display: none;}

.content_row_border { border: 1px solid #9b9797; margin: 20px 20px 40px 0; border-radius: 5px; }
.content_row { margin: 10px;}
.wp-video {
     width: 100% !important; 
          padding: 5px; border-radius: 5px;
border: 1px solid #d0cece; margin-bottom: 30px; 
}
.postid-42 .content_row { margin: 40px 0;}
.postit-42 .intro { display: none;}
.client_list_wrap .intro_block { margin-bottom: 47px;}
.client_block .block { float: left; }
.client_block .block1 {  width: 28%; margin: 0px 2% 0px 0;}
.client_block .block2 {   width: 70%; margin: 0px 0 0px 0; }
.client_block .company_logo { text-align: center;}
.client_block .company_logo img { max-width: 100%;}
.client_block .block .company_name h2,
.client_block .block .company_name h3 {text-transform: uppercase; }
.client_block .block .modalities  { text-align: right; color: var(--red); margin: 0 8px 0 0;}
.client_block .block .modalities a { text-align: right; color: var(--red); text-transform: uppercase; }


.page-template-page-sample .return_msg_box {color: var(--red); margin-bottom: 40px; }
.page-template-page-sample .contact_form {}
.page-template-page-sample .contact_form_in { width: 100%; overflow-x: hidden; background: grey;}
.page-template-page-sample .contact_form p {margin-bottom: 5px;}
.page-template-page-sample .contact_form input[type="email"] { width: 200px; }
.page-template-page-sample input[type="tel"], 
.page-template-page-sample input[type="email"], 
.page-template-page-sample input[type="text"], 
.page-template-page-sample select,
.page-template-page-sample textarea  { width: 200px; margin: 0; }
              
.page-template-page-sample .form_out { width: 100%; text-align: center;}
.page-template-page-sample .form_in { display: inline-block; text-align: left;}
.page-template-page-sample .sample_field { margin: 0 0 20px;}
.page-template-page-sample .sample_label { float: left; width: 200px; text-align: right; margin: 0 20px 0 0;} 
.page-template-page-sample .sample_right { float: left; width: 400px; text-align: left;}
.page-template-page-sample .sample_field label {
                font-weight: 400;
                font-size: 11px; }
.page-template-page-sample .action_btn { float: right !important; margin: 0 !important;}
.page-template-page-sample .short { width: 50px !important;}
.page-template-page-sample  .sample_submit { float: left; width: 230px;}

.comment_list { margin: 20px 0; width: 100%; }
.comment_wrap { margin: 20px 0; width: 100%;}
.comment_wrap  .written_by  { color: var(--red); font-size: 16px; margin: 0 0 10px 0;}

.comment_date_wrap { width: 95px; float: left;  text-align: center; }
.comment_content { font-size: 18px;}
#respond {padding-top: 30px; }
.replied_list { margin: 60px 0 20px 50px; border-left: 1px #c1c1c1 solid; padding: 10px 0 0px 20px;}



/* pricing */
.pricing { width: 900px; margin: 20px auto; box-sizing: border-box; }
.pricing .options { display: flex; flex-direction: row;  box-sizing: border-box;}
.pricing .options .option {     background: #fff; box-sizing: border-box;
    padding: 20px 20px 30px 20px;
    -webkit-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0 4px 20px 5px rgba(0,0,0,0.1);
    border-radius: 4px;
    width: 31%;
    margin: 40px 1% 20px;
    border-top: #333 5px solid; }
.pricing .options .option h2 {
    color: #333;
    font-size: 35px;
    margin: 20px 0;
}

.pricing .options .option   .details_top { min-height: 90px;}

.pricing .options .option .price { font-size: 26px; padding: 20px 0;}
.pricing .options .option:nth-child(2) .price {color:var(--red) }
.pricing .options .option .btn-success {     border: #333 1px solid !important;
    background-color: #333 !important; 
}
.pricing .options .option:nth-child(2) .btn-success {     border: var(--red) 1px solid !important;
    background-color: var(--red) !important; 
}
.pricing .options .option .details { text-align: left; }
.pricing .options .option .details ul { list-style: none; margin: 0; padding: 0; }
.pricing .options .option .details ul li { margin: 0; padding: 5px; border-bottom: 1px #e9e9e9 solid;}
.pricing .options .option .details ul li:first-child { border-top: 1px #e9e9e9 solid; color: #333; font-weight: 900;}
.pricing .options .option:first-child .details ul li:first-child { font-weight: normal;}

.pricing .options .option .btn {
        border: #333 1px solid !important;
    background-color: #333 !important;
    color: #fff !important;
    text-align: center;
        background: none;
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
    text-transform: capitalize;
    box-shadow: none;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 2px;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: none !important;
    margin-bottom: 10px;
        vertical-align: middle;
    cursor: pointer;
}
.price_tag {
    text-align: center; 
}

.price_tag h2 {
    text-align: center;
}

.price_tag a {
    text-align: center;
}

.price_tag p {
    text-align: center;
}
.pricing_tabs_warp { background: #fff;}
.pricing_tabs_warp * { box-sizing: border-box; }
.pricing_tabs_headings { display: flex; flex-direction: row; justify-content: center; z-index: 100; position: relative; bottom: -1px;}
.pricing_tabs_headings a { display: inline-block; padding: 10px 20px; border: 1px solid #e1e2e3; border-radius: 0;
                          border-top-left-radius: 5px; border-top-right-radius: 5px; background: rgb(243, 246, 249);
                          margin: 20px 10px 0; box-shadow: rgb(212, 215, 220) 0px 0px 10px 0px; font-size: 20px; color: #333 !important;
                          border-top: 5px #333 solid;
}

.pricing_tabs_headings a.active { border-top: 5px var(--red) solid; border-bottom: 5px #fff solid; background: #fff;
color: var(--red) !important;
}
.pricing_tabs_headings a:hover,
.pricing_tabs_headings a.active:hover{ color: #999; border-top: 5px #999 solid; }

.pricing_tabs_content_wrap { border-top: 1px solid #e1e2e3; z-index: 100; background: #fff !important; padding: 40px 0 70px;}
.pricing_tab { display: flex; flex-direction: row; justify-content: space-around;}
.pricing_tab .pricing_package { padding: 20px; margin: 20px 10px; display: flex; flex-direction: column; width: 30%; background: #f2efef; background: #fff;}
.pricing_tab .pricing_package .pricing_package_heading h2 { margin: 0; padding: 0; text-align: center;}
.pricing_tab .pricing_package .pricing_package_heading span { font-size: 16px; color: var(--red); text-align: center; display: inline-block; width: 100%;}
.pricing_tab .pricing_package .pricing_package_price { margin: 20px 0; text-align: center; font-size: 22px;}
.pricing_tab .pricing_package .pricing_package_button { margin: 10px 0; text-align: center; }
.pricing_tab .pricing_package .pricing_package_button a { display: inline-block;  
                                padding: 10px 20px; color: #fff; background: #333;
                                border-radius: 3px; width: 90%; border: #333;
} 
.pricing_tab .pricing_package .pricing_package_button a:hover { background: #fff; color: #333; }
.pricing_tab .pricing_package .pricing_package_otption_heading { border-bottom: #333 1px solid; height: 60px; position: relative; top: 0; bottom: 0; font-weight: 900;}
.pricing_tab .pricing_package .pricing_package_otption_heading span { padding: 2px; margin: 0; display: inline-block; 
                                       width:100%; position: absolute; bottom: 0;}

.pricing_tab .pricing_package .pricing_package_options { min-height: 240px;}
.pricing_tab .pricing_package .pricing_package_options .pricing_package_option {  padding: 2px 0;
    display: flex; flex-direction: row; justify-content: flex-start; }
.pricing_tab .pricing_package:last-child .pricing_package_options .pricing_package_option:last-child,
.pricing_tab .pricing_package .pricing_package_options .pricing_package_option:first-child { color: var(--red); font-weight: 500;}
.pricing_tab .pricing_package:last-child .pricing_package_options .pricing_package_option:last-child { font-size: 1.3em;}
.pricing_tab .pricing_package .pricing_package_options .pricing_package_option span { margin: 5px;}

.pricing_tab .pricing_package .pricing_package_learn_more { margin: 10px 0; text-align: center;}
.pricing_tab .pricing_package .pricing_package_learn_more a { display: inline-block;  
                                padding: 10px 20px; color: #fff; background: #999;
                                border-radius: 3px; width: 90%; border: #999;
} 
.pricing_tab .pricing_package .pricing_package_learn_more a:hover { background: #fff; color: #999; }

.pricing_package.highlight {  background: #fff; 


}
.pricing_tab .pricing_package.highlight  .pricing_package_heading h2 { color: var(--red);  }
.pricing_tab .pricing_package.highlight   .pricing_package_button a {  background: var(--red); } 
.pricing_tab .pricing_package.highlight   .pricing_package_button a:hover { background: #fff; color: var(--red); }
.pricing_tab .pricing_package.highlight .pricing_package_price { color: var(--red);  }

.flex_red_heading { color: var(--red); font-weight: bolder;  }
.flex_black_heading { color: #000; font-weight: bolder;  }
.comp_text { font-weight: bolder; font-size: 12px;}
.flex_column { display: flex; flex-direction: column;}
.flex_row { display: flex; flex-direction: row; flex-wrap: wrap;}
.flex_column.plan_comparison * { box-sizing: border-box; }
.flex_column.plan_comparison { max-width: 98%; width: 800px; margin: 50px auto;  border-bottom: #e1e1e1 1px solid; }
.flex_column.plan_comparison > .flex_row { width: 100%; align-items: stretch;  border-top: #e1e1e1 1px solid ; }
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(1) { width: 25%;  border-left: #e1e1e1 1px solid; align-items: center !important; padding: 35px 15px; }
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) { width: 50%; text-align: center; border-left: #e1e1e1 1px solid;}
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) .flex_row:nth-child(1) div { width: 100%; text-align: center; padding: 10px 0; border-bottom: #e1e1e1 1px solid;}
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) .flex_row:nth-child(2) div { width: 50%; border-left: #e1e1e1 1px solid; padding: 10px 0;} 
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) .flex_row:nth-child(2) div:nth-child(1) { border: none;} 
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) { width: 25%; text-align: center; border-left: #e1e1e1 1px solid; border-right: #e1e1e1 1px solid;}
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) .flex_row:nth-child(1) div { width: 100%; text-align: center; padding: 10px 0; border-bottom: #e1e1e1 1px solid;}
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) .flex_row:nth-child(2) div { width: 100%; border-left: #e1e1e1 1px solid; padding: 10px 0;} 
.flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) .flex_row:nth-child(2) div:nth-child(1) { border: none; }   
.flex_column.plan_comparison > .flex_row.plan_comparison_row div { padding: 15px; border-left: #e1e1e1 1px solid; width: 25%; text-align: center; }
.flex_column.plan_comparison > .flex_row.plan_comparison_row div:nth-child(1) { width: 25%; text-align: left; }
.flex_column.plan_comparison > .flex_row.plan_comparison_row div:last-child { border-right: #e1e1e1 1px solid;}
            
 
/*@media only screen and (max-width:  800px)  {
    .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(1) { width: 30%; }
    .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) { width: 28%; }
    .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) { width: 42%; }
    .flex_column.plan_comparison > .flex_row.plan_comparison_row div { width: 14%;  padding: 5px; text-align: center;}
    .flex_column.plan_comparison > .flex_row.plan_comparison_row div:nth-child(1) { width: 30%; }
}     */
@media only screen and (max-width:  600px)  {
     .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(1) { display: none; }
    .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(2) { width: 66.66666%; }
    .flex_column.plan_comparison > .flex_row.comp_heading > .heading:nth-child(3) { width: 33.33333%; }
    .flex_column.plan_comparison > .flex_row.plan_comparison_row div { width: 33.33333%; padding: 10px 1px; text-align: center;}
    .flex_column.plan_comparison > .flex_row.plan_comparison_row div:nth-child(1) { width: 100%;border-bottom: #e1e1e1 1px solid; background: #e1e1e1;
                                                                                    border-right: #e1e1e1 1px solid; text-align: center;}
    .flex_red_heading { min-height: 40px; font-size: 12px;}
    .flex_black_heading { font-size: 12px;}
    .comp_text { font-weight: 900; font-size: 12px;}
    .comp_serv { text-align: center; font-weight: 900; font-size: 12px;}
}
.plan_comparison_row { width: 10%;}
.plan_comparison_row:nth-child(1) { width: 50%;}
/* Accordion */
.close{display:none;}
.accordion{float:left; width:100%; margin-bottom:20px;}
.sub-accordion{background:#005da1; margin:0;}
.super-sub-accordion{background:#9bb9e3;}
.super-sub-accordion-2{background:#f2f2f2;}
.super-sub-accordion-3{background:#fff;}
.sub-accordion .accordion-section-title{color:#fff;}
.super-sub-accordion .accordion-section-title{color:#000;}
.accordion-main-title{color:#fff; background:#263b59;}
.accordion-main-title i{margin-left:10px !important;}
.accordion-section-title{float:left; width:100%; padding:10px 30px 10px 10px ; box-sizing:border-box; border-bottom:1px solid lightgrey;
position: relative; left: 0; top: 0; margin-top: 30px;
}
.accordion-section-title { color: var(--red) !important;}
.accordion-section-title span { margin-right: 5px;}
.fa-large:before { width: 30px; text-align: center; display: inline-block;}
.accordion-section-title:hover{cursor:pointer;}
.accordion-section-title:after{ font-family:fontawesome; content:"\f067"; position: absolute; right: 0; bottom: 10px;}
.accordion-section-title.open:after{float:right; font-family:fontawesome; content:"\f068";}
.accordion-section-content{float:left; width:100%; background:#fff; padding:10px; box-sizing:border-box; opacity: 1;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #333333 !important;

}

.accordion-section-content:hover { opacity: 1; }
.accordion-section-content p{margin:10px 0; font-size: 1em; }

.section_spacing { padding: 50px 0 !important;}
.fan_shell { width: 80%; margin: 0 auto;}
.fan_wrap .price_fan * { box-sizing: border-box;}
.fan_wrap .price_fan { border-radius: 5px; border: 1px solid #eee; border-top: var(--red) 5px solid;}
.fan_wrap .price_fan .company_name h3 { text-align: center; color: var(--red); }
.fan_wrap .price_fan { display: flex; flex-direction: column; padding: 20px; background: #fff; margin: 20px;}
.fan_wrap .price_fan .author_wrap { display: flex; flex-direction: row; justify-content: space-around;}
.fan_wrap .price_fan .author_wrap .company_logo { width: 50%; }
.fan_wrap .price_fan .author_wrap .company_logo img { width: 100%;}
.fan_wrap .price_fan .services_used { float: left;}
.fan_wrap .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    /*list-style: none;*/
    text-align: center;
    color: var(--red);
}
.slick-dots li {
    position: relative;
    display: inline-block;
    
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    color: var(--red);
}
.slick-dots li:before { font-family:fontawesome; content:"\f0a3"; }
.slick-dots li button { display: none;}

.std_btn {display: block; background: url('images/redbox_new.jpg') 50% 50% no-repeat !important;  display: inline-block  !important;  
                         background-size: 100% auto !important;  margin: 5px;
                         width: auto !important;   padding: 10px 20px !important;   border-radius: 5px !important;   border: var(--red) 1px solid !important;  
                         text-align: center !important;   color: #fff !important;    text-transform: uppercase !important;  }

.see_pricing { display: flex; width: 100%; padding: 50px; align-content: center; align-items: center; justify-content: center; }
.see_pricing .btn {display: block; background: url('images/redbox_new.jpg') 50% 50% no-repeat;  background-size: 100% auto;
                         width: auto; padding: 20px 40px; border-radius: 5px; border: var(--red) 1px solid;
                         text-align: center; color: #fff;  text-transform: uppercase;}

.see_pricing .btn { border: var(--red) 1px solid;   
        background: none;
        color: var(--red); }

#coupon_form  { text-align: center; padding: 20px;}
    input[type="submit"].btn-standard, 
     .btn-standard { display: inline-block;
    background: var(--red) url(images/redbox_new.jpg) 50% 50% no-repeat;
    background-size: 100% auto;
    width: auto;
    padding: 20px 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border: var(--red) 1px solid; 
    box-shadow: none;
    margin: 10px;
    }
  input[type="submit"].btn-standard:hover, 
     .btn-standard:hover  {
        border: var(--red) 1px solid;   
        background: none;
        color: var(--red); 
    }
    .set_debug { z-index: 10000000; position: fixed; padding: 10px; background: #000; left: 0; bottom: 20px;}
.set_debug input { }
.contact_field select,
.contact_field input { padding: 10px;}
.contact_field textarea { min-height: 300px; padding: 10px;}
  .shell.free_trail { padding: 20px auto 100px; margin-bottom: 200px;}
  .slide_form_wrap { text-align: center;  color: #333;}
  .slide_form_wrap .first_line {  
    font-size: 40px; box-sizing: border-box;
    font-weight: 900;
    margin: 0;
    padding: 0 0 5px; text-transform: none;
    text-align: center; 
  }
   .slide_form_wrap .second_line {     color: var(--red);
    font-size: 45px; box-sizing: border-box;
    font-weight: 900;
    margin: 0;
    padding: 0 0 5px;
    text-align: center;
  }
  .slide_form_wrap .third_line {  
    font-size: 30px; box-sizing: border-box;
    font-weight: 400;
    margin: 0;
    padding: 0 0 5px; text-transform: none;
    text-align: center;
  }
  
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:1150px) {
}

@media screen and (max-width:1024px) {
   
    
}

@media screen and (max-width:1020px) {
    .shell { width: 96%; padding-left: 2%; padding-right: 2%;}
    .call_to_action_form { width: 100%; float: left;display:block; position: relative; top: 0; left: 0;}
    .call_to_action_form .content { padding: 5px 0px 10px 8%; margin: 0; width: 90%; text-align: left; display:block; float: left;  }
    .menu_wrap_2017 { width: 95%;}
    .call_to_action_form .email {   display: block; margin: 5px 0 0 8%; float: left; width: 60%; }
    .call_to_action_form .email input { margin: 0 0 0 0; width: 90%;}
    .call_to_action_form .submit_in {width: 30%;  display: block; float: left;}
    .call_to_action_form .submit_in input {  text-align: center;  margin: 0 0 0 10%;}

    .normal_menu,.normal_menu_2017 , .spacer { display: none;}
    header {position: relative;}
    .menu_wrap { background: none; margin: 0 0px; height: 0px;}
    
    .call_to_action_form > div { display: block; float: left; width: 80%;}
    .mobile_menu_triger { display: inline-block;;  border-radius: 5px;  float: right;
                             background: url('images/button_back.jpg') 50% 50%; background-size: cover;
                             width: 45px !important; height: 40px !important; overflow: hidden; box-shadow: 3px 3px 3px #a1a1a1; 
                             }


        .mobile_menu_triger { cursor: pointer; }
                /* padding: 28px 50px 35px 18px; */
        .mobile_menu_triger span {
                    margin: 17px 10px 5px 10px;
        }
        .mobile_menu_triger.active span {margin: 17px 10px 5px 10px; }
        
        
        .mobile_menu_triger span, .mobile_menu_triger span:before, .mobile_menu_triger span:after {
          cursor: pointer;
          border-radius: 1px;
          height: 4px !important;
          width: 25px;
          background: white;
          position: absolute;
          display: block;
          content: '';
          
          
        }
        .mobile_menu_triger span:before {
          top: -10px; 
        }
        .mobile_menu_triger span:after {
          bottom: -10px;
        }

        .mobile_menu_triger span, .mobile_menu_triger span:before, .mobile_menu_triger span:after {
          transition: all 0.25s ease-in-out;
        }
        .mobile_menu_triger.active {
            }
        
        .mobile_menu_triger.active span {
          background-color: transparent;
        }
        .mobile_menu_triger.active span:before, .mobile_menu_triger.active span:after {
          top: 0;
        }
        .mobile_menu_triger.active span:before {
          transform: rotate(45deg);
          -moz-transform:rotate(45deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(45deg);
    /* Opera */
    -o-transform:rotate(45deg);
    /* IE9 */
    -ms-transform:rotate(45deg);
    /* IE6,IE7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; 

        }
        .mobile_menu_triger.active span:after {
          transform: rotate(-45deg);
          -moz-transform:rotate(-45deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(-45deg);
    /* Opera */
    -o-transform:rotate(-45deg);
    /* IE9 */
    -ms-transform:rotate(-45deg);
    /* IE6,IE7 */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=-0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=-0.7071067811865476)"; 

        }

        
        .flexslider .slides { height: 400px !important;}
        .hero_image { margin-bottom: 27px;}
        .footer_blocks .footer_block {  width: 45%; margin: 15px 0 5px 5%; float : left; }
        .help_block { width: 29%; margin: 0 0 0px 3% !important;}
        .block_wrap_in { width: auto; }
        .help_block .block_heading h2,
        .help_block .block_heading h3 { font-size: 20px;} 
        .help_content { font-size: 16px;}
        .service_blocks {width: 100%; height: auto; }
        
        .service_block { width: 20%; margin: 0 0 30px 10%;}
        .service_detail_left { width: 40%;}
        .service_detail_right { width: 55%;}
        .blog_blocks { width: 100%; }
        .blog_block.b_odd_0 {float: none; margin: 0 auto 16px auto !important;}
        .blog_block.b_odd_1 {float: none; margin: 0 auto 16px auto !important;}
        .meet_the_staff { width: 100%;}
        .staff_member  { width: 40%; margin: 80px 0 47px 2%; float: left;}
        .staff_member.odd_0  { width: 40%; margin: 80px 0 47px 2%;float: left; }
        .staff_member.odd_1  { width: 40%; margin: 80px 0 47px 2%;float: left; }
        .page_right h1,
        .page_right h2 { font-size: 18px;}
        .flex-direction-nav a { width: 30px !important; height: 30px !important;}
        
        .footer_icons {  top: 0px;}
        .services_back { padding: 15px 0;}
    .service_block { width: 14%; margin: 0 0 10px 2%; height: auto;}
    .service_icon { position: relative; top: 0; width: 100%}
    .service_icon img { width: 100%;}
    .service_name_block { display: none;}
}



@media screen and (max-width: 850px) {
        .staff_wrap {width: 48%; height: 300px; float: left; margin: 10px 1%; }
        .staff_wrap.open .image_row { display: block; float: left; padding: 10px 1%; width: 96%;}
        .staff_wrap.open {width: 100%; height: auto; float: left; margin: 10px 1%; border: 1px lightgrey solid; }
        .staff_wrap.open .thumb_image {width: 48%; }
        .service_blocks {width: 100%; height: auto; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly;}
        .service_block {  flex-wrap: wrap; flex-basis: 15%; }
        .services_display_back { padding: 15px 0 15px 0; }
        .pricing { width: 100%;}
}

@media screen and (max-width: 790px) {
    .slide_warp_out.pc { display: block;}
    .slide_warp_out.mobile { display: none;}
    
}
@media screen and (max-width: 750px) {
        
        .hero_image {}
        
        .contact-section .shell { padding: 25px 0;}
	.contact-section .shell .contact_left { width: 90%; padding: 10px 5%;  float: left; }
        .contact-section .shell .contact_right { width: 90%; padding: 10px 5%; float: left;}
        .contact-section .map {display: none;}
        
        .shell_left { width: 90%; padding: 10px 5%;  float: left; }
        .shell_right { width: 90%; padding: 10px 5%;  float: left; }
        .page-template-page-contact .hero_image .shell .title,.hero_image .shell .title {margin-left: 5%;   font-size: 40px;}
        .help_block .block_heading h2,
        .help_block .block_heading h3 { font-size: 17px;} 
        .help_content { font-size: 12px;}
        .page_left { width:70%;}
        .page_right { width: 25%;}
        .single_service_title { font-size: 18px;}
        .column { width: 100% !important; margin: 0 !important;}
        .bottom_wrap {display: block; width: 100%; position: fixed; height: 40px; left: 0; bottom: 0; background: #67080c;}
        
         .sign_up_btn_bottom { display: inline-block; background: url('images/redbox_new.jpg') 50% 50% no-repeat;  background-size: 100% auto;
                         width: 50%; height: 40px; line-height: 30px;
                         text-align: center; color: #fff;  text-transform: uppercase;float: left;
        }
    .signup_slide {position: relative; width: 100%; height: 100%;  top: 0; left: 0;}
        .sign_up_btn_bottom:hover {color: #fff; font-weight: 900;}
        .slide_right {}
.signup_slide_from { padding: 5px;z-index: 30000 !important;}
        .footer { margin-bottom: 50px;}
    .sign_up_btn { display: none; }
    .signup_wrap { position: fixed;  left:0;  bottom:0; width:50%; height: 40px; overflow: hidden; top: 150%;}
    
    
    .share_wrap { position: fixed;  left:50%;  bottom:0; width:50%; height: 40px; overflow: hidden; top: 150%;  display: block; }
    .share_btn { display: none; }
    .share_btn_bottom { display: inline-block; background: url('images/redbox_new.jpg') 50% 50% no-repeat; background-size: 100% auto;
                         width: 50%; height: 40px; line-height: 30px;
                         text-align: center; color: #fff;  text-transform: uppercase; float: left;
        }
        .share_btn_bottom:hover {color: #fff; font-weight: 900;}
        
        .share_slide {position: relative; width: 100%; height: 100%;  top: 0; left: 0;}
        .share_slide_right {}
.share_slide_from { padding: 5px; z-index: 30000 !important;}
        .share_slide_from .social_btn { width: 40px; height: 40px;}
    .share_slide_from .social_btn img {width: 100%}
    .slide_image_pc { display: block;  }
    .slide_image_mobile { display: none; }
    .slide_image .grey_banner { position: relative; top: -1px; height: 30% !important; background-color: #3d3d3e; opacity: 1;}
    .slide_image .grey_banner_in {transition: all .7s ease-in-out;}
    
}

  
  
@media screen and (max-width: 650px) {
   .client_block .block1 {  width: 100%; margin: 0px 0 0px 0;}
    .client_block .block2 {   width: 100%; margin: 0px 0 0px 0; }
    .page-template-page-sample .sample_label { float: left; width: 200px; text-align: right; margin: 0 20px 0 0;} 
    .page-template-page-sample .sample_right { float: left; width: 300px; text-align: left;}
    
    .pricing .options { flex-direction: column;}
    .pricing .options .option { width: 70%; margin: 20px 15%;}
    .flex_wrap {flex-direction: column;}
    .flex_wrap .service_detail_left.item_1 { order: 1;}
.flex_wrap .service_detail_right.item_1 { order: 2; margin: 0;}

.pricing_tab { flex-direction: column;}
.pricing_tab .pricing_package { width: 90%;}
.pricing_tabs_headings a { font-size: 14px;}
}

@media screen and (max-width: 600px) {
    .blog_wrap { display: flex; flex-wrap: wrap; border-bottom: lightgray 2px solid; padding-bottom: 20px;}
    .blog_wrap .post_date_wrap { float: none; order: 2;}
    .blog_wrap .blog_left { float: none; order: 3; }
    .blog_wrap .blog_right { float: none; order: 1; width: 100%; margin-bottom: 30px;}
    .blog_services_back.post { display: none !important;}
}
@media screen and (max-width: 570px) {
    .slide_warp_out.pc { display: block;}
    .slide_warp_out.mobile { display: none;}
    .service_block { width: 25%; margin: 0 0 10px 1%; height: auto;}
    .signup_wrap { top: 40%; }
    
    .help_block { width: 60%; margin: 0 0 100px 20% !important;}
    .help_block.odd_2 {margin: 0 0 0 20% !important;}
    .block_wrap_in { width: auto; }
    .help_block .block_heading h2,
    .help_block .block_heading h3 { font-size: 20px;} 
    .help_content { font-size: 16px;}
    
    .service_detail_left { width: 100%;}
    .service_detail_right { width: 95%;}
    .hero_image { margin-bottom: 27px;}
    .staff_member  { width: 80%; margin: 80px 0 47px 4%; float: left;}
    .staff_member.odd_0  { width: 80%; margin: 80px 0 47px 4%;float: left; }
    .staff_member.odd_1  { width: 80%; margin: 80px 0 47px 4%;float: left; }
    
    .page_left { width:95%; margin: 37px 0 37px 2%;}
        .page_right { width: 95%; border:none; margin: 37px 0 37px 2%; }
    .service_block_row {width: 30%; margin: 0 0 10px 2%; float: left;}
    .service_display_block { display: block; position: relative; left: 0; top: 0; padding: 50px 0 20px;}
    .service_detail_left { margin: 20px 0 0 0;}
    .service_display_block h2:first-child,
    .service_display_block h3:first-child { position: absolute; left: 10px; top: 15px;}
    
    
    
    .contact_field .contact_left { width: 94%;}
    .pop_up_out { width: 80%;  padding: 4px; margin: 0 auto; }
    .pop_up_in {  height: 296px; width: 80%; padding: 20px 10%; }
    .flex-direction-nav { display: none;}
    
    .menu_wrap {diplay: none;}
    .staff_wrap {width: 98%; height: 300px; float: left; margin: 10px 1%; }
        .staff_wrap.open .image_row { display: block; float: left; padding: 10px 1%; width: 98%;}
        .staff_wrap.open {width: 98%; height: auto; float: left; margin: 10px 1%; border: 1px lightgrey solid; }
        .staff_wrap.open .thumb_image {width: 98%; }
    /*background-color: #3d3d3e;*/
    .slide_image .heading {font-size: 18px; line-height: 20px;  padding: 5px 0 0 1%; width: 98%}
    .slide_image .slide_content  { font-size: 15px; line-height: 17px;  padding: 5px 0 0 1%; width: 98%}
    
    
    .page-template-page-sample .sample_label { float: left; width: 100%; text-align: left; margin: 0 20px 5px 0;} 
    .page-template-page-sample .sample_right { float: left; width: 90%; text-align: left; margin: 0 0px 0px 5%;}
    .page-template-page-sample  .sample_submit { float: left; width: 95%;}
    
    .pricing .options .option { width: 90%; margin: 20px 5%;}
}
@media screen and (max-width: 420px) {
    .help_block_wrap { margin-top: -17px;}
    
    
    .shell { box-sizing: border-box; width: 90%; padding-left: 5%; padding-right: 5%;}
    .mobile_menu_container { width: 94%;}
    .call_to_action_form > div { width: 100%;}
    .call_to_action_form { width: 100%; float: left;display:block;}
    .call_to_action_form .content { padding: 10px 5px 10px 10px;  
                                    margin: 0; width: auto; text-align: left; display:block; float: left;

    }
    .call_to_action_form .email {   display: block; margin: 5px 0 0 10px; float: left; width: 60%; }
    .call_to_action_form .email input { margin: 0 0 0 0; width: 90%;}
    .call_to_action_form .submit_in {width: 30%;  display: block; float: left;}
    .call_to_action_form .submit_in input {  text-align: center; width: 90%; margin: 0 0 0 10%;}
    
    .service_block_row {width: 20%; margin: 0 2% 10px 2%;}
    
    .hero_image { margin-bottom: 17px; }
    
        
        
    
    .help_block { width: 70%; margin: 0 0 100px 15% !important;}
    .help_block.odd_2 {margin: 0 0 0 15% !important;}
    .help_content { font-size: 12px;}
    
    .blog_block { width: 304px; height: 230px;}
    .blog_block .post_date_wrap {height: 230px;}
    .blog_block .blog_left { width: 215px;}
    .footer_blocks .footer_block {  width: 90%; margin: 15px 0 5px 5%; float : left; }
    
    .single_service_icon { width: 50px; display: inline-block; margin-right: 10px; } .single_service_icon img {width: 100%;}
    .single_service_title { font-size: 15px;}
    .slide_image { }
    /*background-color: #3d3d3e;*/
    .slide_image .heading {font-size: 18px; line-height: 20px;  padding: 5px 0 0 1%; width: 98%}
    .slide_image .slide_content  { font-size: 15px; line-height: 17px;  padding: 5px 0 0 1%; width: 98%}
    .slide_image_pc { display: none; }
    .slide_image_mobile { display: block; height: 72%;}
    .slide_image .grey_banner { position: relative; top: -1px; height: 30%; background-color: #3d3d3e; opacity: 1;}
    .slide_image .grey_banner_in {transition: all .7s ease-in-out;}
}


@media only screen and (max-width:  768px)  {


}
/* iPad Styles */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
	
}
/* iPhone 6 Styles */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { 
	
}
/* iPhone 6+ Styles */
@media only screen and (min-device-width : 540px) and (max-device-width : 1140px) {
	
}
/* iPhone 5 & 5s Styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
}