/*
 Theme Name:   Webrageous
 Theme URI:    https://www.webrageous.com/
 Description:  Webrageous
 Author:       SEO National
 Author URI:   https://www.seonational.com
 Template:     Divi
 Version:      1.0.0
 Tags:         Webrageous
 Text Domain:  https://www.webrageous.com/
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* GLOBAL */
/* remove the Divi sidebar line */
/*
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
*/

/* fix header parallax on Firefox */
.gecko .et_pb_section_parallax .et_pb_parallax_css { -webkit-transform: none !important; }


a:hover {
    text-decoration: underline;
}
a {
    color: #cd1919;
}
a.btn-2, .btn-2 {
    display: inline-block;
    background-color: #cf1408;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 52px;
    height: 54px;
    border-radius: 3px;
    padding: 0 24px;
    letter-spacing: 2.4px;
}
/*Header*/
.bg-checkbox, .ico-phone, .slider-arrow
{ display: inline-block; background: url('images/arrow&phone.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.bg-checkbox { background-position: -2px -0px; width: 34px; height: 17px; }
.ico-phone { background-position: -2px -19px; width: 24px; height: 18px; margin-right: 5px; position: relative; top: 3px; }
.slider-arrow { background-position: -2px -39px; width: 23px; height: 24px; float:left;}
.listing h6 {
   width: auto;
   color: #000;
   padding-left: 10px;
   line-height: 20px;
   font-size: 18px;
   font-weight: normal;
}
.listing {
    width: 390px;
   
    padding-bottom: 15px;
}
.get-started .et_pb_text_inner {
    position: relative;
    width: 650px;
    float: right;
    padding: 37px 0 0 0;
    top: -28px;
    margin-right: -5px;
}
#logo 
{
    max-height: 100%;
}
.get-started .consultayion h3 {
    color: #202020;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
    line-height: 40px;
    background: url(images/bg_text.png) no-repeat;
    height: 42px;
    width: 401px;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    letter-spacing: 0.5px;
    position: relative;
    top: -21px;
}
.get-started .consultayion h3 span {
    color: #ce1307;
}
.get-started .consultayion {
    border-radius: 3px;
    width: 590px;
    margin: auto;
    background-color: #222;
    position: relative;
    right: -5px;
    padding: 0 35px;
}

.get-started .consultayion .checkbox {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.get-started .consultayion .checkbox label{ margin-right: 5px;} 

.get-started .consultayion form input[type="checkbox"]:after{ top: -1px;}

.et_header_style_left #et-top-navigation {
    padding-top: 0px !important;
}
nav#top-menu-nav li a {
    font-size: 14px;
    line-height: 44px;
    display: block;
    color: #fff;
    letter-spacing: 0.5px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
}
nav#top-menu-nav li{
    float: left;
    padding: 0 35px 0 0px;
}

.et_header_style_left #et-top-navigation nav>ul>li>a{ padding-bottom: 0px !important;}

.home-header-form input#code {
    margin-top: 15px;
    width: 70px !important;
    float: right;
	background: white;
	color: black;
}
.redheader {
    margin-bottom: 10px;
}
.redheader p span  {
    float: right;
    border-radius: 0 3px 3px 0;
    display: inline-block;
    line-height: 41px;
    height: 41px;
    letter-spacing: 0.5px;
    background: #cd1919;
    color: #fff;
    margin: 0 -1px 0 11px;
    position: relative;
    top: -1px;
    padding: 0 23px 0 22px;
    font-weight: 900;
    font-size: 18px;
    vertical-align: top;
}
.redheader p {
 display: block;
 margin: 13px 0 0 0;
 border: 1px solid #686868;
 border-radius: 3px;
 height: 41px;
 line-height: 37px;
 width: 472px;
 color: #cccccc;
 letter-spacing: 0.3px;
 font-size: 14px;
 padding-left: 12px;
}
.redheader p span:after{position: absolute;content: "";left: 0px;top: 50%;margin-top: -7px;width: 0;height: 0px;border-style: solid;border-width: 7px 0 7px 6px;border-color: transparent transparent transparent #222222;}

.redheader a {color:#fff; font-size: 20px;}
.redheader a:hover {text-decoration: underline;}
.right-hold 
{
    float: right;
    padding: 7px 0 0 80px;
    position: relative;
    z-index: 999;
}
a#bbbimg {
    display: none;
    visibility: hidden;
}
/* NAVIGATION */
/* sub-menu dropdown text size */

#top-menu li li a { font-size: 14px !important; line-height: normal !important; }
/*-----------------Home page---------------------*/
.about .title {
    color: #202020;
    font-size: 40px;
    font-style: italic;
    line-height: 48px;
    letter-spacing: 1px;
    padding-bottom: 11px;
}

.about p {
    line-height: 31px;
}
.about2 a:after {
    position: absolute;
    content: "";
    left: -152px;
    top: 274px;
    background: url(images/bg_arrows_shadow.png) no-repeat;
    background-position: -163px -28px;
    width: 102px;
    height: 43px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    height: 43px;
    width: 102px;
}
.stories {
    background: url(images/success-stories-from-our-clients.jpg) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden;
    margin-top: -9px;
    padding: 75px 0 0 0;
}
.stories .btn-holder {
    display: block;
    text-align: center;
    clear: both;
}
.stories h2 {
    color: #fff;
    text-align: center;
    padding-bottom: 55px;
	font-size: 40px;
    font-style: italic;
    line-height: 48px;
    letter-spacing: 1px;
    padding-bottom: 11px;
}
.title span {
    color: #cd1306;
}
.stories .et_pb_column.et_pb_column_1_3 {
    background: white;
}
.stories .top {
    font-size: 17px;
    line-height: 26px;
    background: #fff;
    overflow: hidden;
    padding-right: 20px;
}

.stories .top h3 {
    background: #343539;
    font-size: 17px;
    line-height: 41px;
    height: 41px;
    padding: 0 12px;
    letter-spacing: 0.6px;
    float: left;
    color: #fff;
    margin-right: 5px;
}
.stories .top p {
    font-size: 14px;
    color: #666666;
    line-height: 17px;
    font-style: italic;
    padding: 5px 0 0 0;
	text-shadow:none;
}
.stories a img {
    width: 100%;
}
.gg-play-button-r {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,3));
    width: 30px;
    height: 22px;
    border: 1px solid;
    background-color: rgba(7, 20, 30, 0.7);
    margin: 0 auto;
	margin-top: -22px;
    top: 102px;
    border-radius: 2px;
	cursor: pointer;
	pointer-events: none;
}
.gg-play-button-r::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 0;
    color: white;
    height: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid;
    top: 5px;
    left: 42%;
}

/*Excels home*/

.excels .item {
    background: #f5f5f5;
    display: block;
    padding-top: 12px;
}

.excels .center .item {
    background: #fff;
}
.excels .et_pb_column:nth-last-child(2) .item{
    background-color: #fff;
}
.excels .et_pb_column:nth-last-child(2) .item .ico {
    background: #fff;
}
.excels .holder article {
    width: 33.33%;
    float: left;
}

.excels .item .pic {
    position: relative;
    top: -19px;
}

.excels .item .pic img {
    max-width: 100%;
}

.excels .item .ico {
    width: 93px;
    height: 93px;
    background: #f5f5f5;
    display: block;
    margin: -48px auto -2px auto;
    position: relative;
    z-index: 9;
    line-height: 89px;
    text-align: center;
    border-radius: 100px;
}

.excels .center .ico {
    background: #fff;
}

.excels .info {
    padding-bottom: 78px;
}

.info .top {
    font-size: 14px;
    line-height: 17px;
    color: #666666;
    margin-top: -2px;
    letter-spacing: 0.3px;
    padding-bottom: 4px;
}

.excels .item .info h2 {
    padding-bottom: 10px;
    text-align: center;
}
.excels .item .info h2 p {
    font-size: 40px;
    padding: 0px;
    line-height: 48px;
}
.excels .item .info p {
   
    font-size: 18px;
    text-align: center;
    line-height: 26px;
}



.excels .et_pb_column {
    width: 33%;
    margin: 0px;
}

.excels .item .info p a {
    color: #cc1919;
}
.excels .item .info .btn-2 { color: white;}
/*End Excels*/
/* advantages
------------------------------------------------------------------------------*/

.advantages {
    text-align: center;
    padding: 50px 0 0 0;
    overflow: hidden;
}

.advantages h4 {
    font-size: 21px;
    line-height: 22px;
    letter-spacing: 0.5px;
    margin-top: -2px;
    padding-bottom: 82px;
}

.advantages section {
    overflow: hidden;
}

.advantages article {
    float: left;
    width: 20%;
}

.advantages article:nth-child(n+4) {
   /* clear: left;*/
   top: -46px;
   position: relative;
}

.advantages article .hold>p {
    letter-spacing: 0.3px;
}

.advantages article {
   /* border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;*/
}

.advantages article:nth-child(3n) {
    border-right: none;
}

.advantages .hold {
    padding: 10px 0 0 0;
    font-size: 18px;
    line-height: 27px;
}

.advantages article:nth-child(3), .advantages article:nth-child(2), .advantages article:nth-child(1) {
    border-top: none;
}

.advantages article:nth-child(3) .hold, .advantages article:nth-child(2) .hold, .advantages article:nth-child(1) .hold {
    position: relative;
    top: -46px;
}

.advantages .circle {
    color: #222222;
    font-size: 43px;
    line-height: 40px;
    font-weight: 900;
    border: 3px solid #222222;
    height: 141px;
    width: 141px;
    display: block;
    margin: 45px auto 10px auto;
    border-radius: 100px;
    background: #fff;
    padding: 42px 0 0 0;
    position: relative;
}

.advantages .circle:after {
    position: absolute;
    content: "";
    background: url(images/bg_arrows_shadow.png) no-repeat;
	background-position: -268px -28px; width: 45px; height: 44px; 
	overflow: hidden; text-indent: -9999px; text-align: left;
    height: 45px;
    width: 45px;
    top: -4px;
    right: -2px;
}

.advantages .circle span {
    display: block;
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    color: #cf1408;
    padding-top: 7px;
    letter-spacing: 0.5px;
}

.advantages .note {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.2px;
    padding: 90px 0 75px 0;
}
/*Sidebar*/
#sidebar {
   float: right;
   width: 300px;
   margin-left: -300px;
}
#sidebar .testamonials div:nth-child(n+4) .vp-a:after {
    left: 41%;
    bottom: 6em;
    font-family: VideoJS;
    font-size: 18px;
    line-height: 45px;
    display: inline-block;
    position: relative;
    width: 46px;
    height: 45px;
    color: #d0d0d2;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    content: "\e001";
    background-color: rgb(0 0 0 / 70%);
    border-radius: 100%;
}
  #sidebar .commercials div:nth-child(n) .vp-a:after {
	left: 41%;
    bottom: 7em;
    font-family: VideoJS;
    font-size: 18px;
    line-height: 45px;
    display: inline-block;
    position: relative;
    width: 46px;
    height: 45px;
    color: #d0d0d2;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    content: "\e001";
    background-color: rgba(0, 0, 0, .7);
    border-radius: 100%;
  }
  #sidebar .testamonials {
    width: 256px;
}

#sidebar .testamonials div {
    height: 208px;
}
#sidebar .commercials {
    width: 310px;
}
#sidebar .testamonials div:nth-child(n+4) .vp-a:hover
    text-decoration:none;
}
#sidebar .commercials div:nth-child(n) .vp-a:hover{
 text-decoration:none;
}
#sidebar .consultayion form {
    padding-bottom: 8px;
    padding-top: 4px;
}

#sidebar .consultayion form section {
    margin: 0;
}

#sidebar .consultayion form article {
    padding: 0;
    float: none;
    width: 100%;
}

#sidebar .consultayion form fieldset {
    margin-bottom: 6px;
}

#sidebar .consultayion form fieldset .ico {
    top: 5px;
    left: auto;
    right: 11px;
}

#sidebar .consultayion form .budget .ico {
    right: 13px;
}

#sidebar .consultayion form fieldset input {
    height: 45px;
    padding: 0 40px 0 9px;
    font-size: 13px;
    text-transform:none;
/*    text-transform: uppercase;*/
}

#sidebar .consultayion form fieldset textarea {
    margin: 0;
    height: 85px;
    font-size: 13px;
    text-transform:none;
    padding: 10px 40px 10px 10px;
}

#sidebar .consultayion form .phone input, #sidebar .consultayion form .budget input {
    padding-left: 10px;
}

#sidebar .consultayion form .antispam {
    padding: 4px 0 23px 0;
    margin-top: -11px;
    width: 266px;
}

#sidebar .consultayion form .antispam p {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
    width: 155px;
    color: #aaaaaa;
}

#sidebar .consultayion form .antispam input {
    float: right;
    margin: -1px 12px 0 0;
    height: 32px;
    width: 81px;
}

#sidebar .consultayion form label {
    padding-left: 7px;
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0;
    width: auto;
    margin: -6px 0 20px 0;
    font-weight: bold;
    color: #fff;

}

#sidebar .consultayion form label:after {
   
    top: -1px;
}
.consultayion form label:after {
    position: absolute;
   display: none; background: white; overflow: hidden; text-indent: -9999px; text-align: left; 
   background-position: -2px -0px; width: 34px; height: 17px;
    height: 17px;
    width: 18px;
    content: "";
    left: 0;
    top: 1px;
}
/*
.consultayion form label:after {
	background: url('images/arrow&phone.png') no-repeat;
	width: 20px;
    left: -2px;
}*/
#sidebar .consultayion form .btn {
    height: 62px;
    line-height: 60px;
    width: 100%;
    display: block;
    float: none;
    padding: 0;
    margin: 15px auto;
    border: none;
    border-radius: 3px;
    background-color: #cb1d23;
    box-shadow: 0 3px 0 #921414;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 265px;
    letter-spacing: 0.5px;
}

#sidebar .widgets>div {
    margin-bottom: 26px;
}

#sidebar .widget-consultayion {
    padding: 24px 22px;
    border-radius: 3px;
    background: #333;
	overflow: auto;
    background-image: linear-gradient(#333 0%, black 100%);
    background-image: linear-gradient(180deg, #333 0%, black 100%);
}

#sidebar .widget-consultayion h3 {
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding-bottom: 25px;
}

#sidebar .widget-consultayion h3 strong {
    font-weight: 900;
}

#sidebar .widget-consultayion h3 span {
    font-weight: 300;
    color: #ce1307;
}

#sidebar .widget-call {
    border-radius: 3px;
    background: #eeeeee;
    text-align: center;
    font-style: italic;
    font-size: 17px;
    line-height: 20px;
    padding: 19px 0 30px 0;
    color: #24252a;
}

#sidebar .widget-call .top {
    padding: 0 40px;
    letter-spacing: 1px;
}

#sidebar .widget-call .bt {
    font-size: 29px;
    line-height: 34px;
    font-style: normal;
    letter-spacing: 1.5px;
    font-weight: 900;
    padding-top: 11px;
}

#sidebar .widget-call .bt img {
    margin-right: 5px;
    position: relative;
    top: -2px;
}

#sidebar .widget-title {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.3px;
    position: relative;
    padding-left: 18px;
    font-style: italic;
    color: #282a2e;
    font-weight: 600;
    margin-bottom: 15px;
    padding-top: 4px;
    padding-bottom: 2px;
}

#sidebar .widget-title span {
    color: #cd1919;
}

#sidebar .widget-title:after {
    position: absolute;
    content: "";
    background: #cd1919;
    width: 5px;
    top: 4px;
    bottom: 0;
    left: 0;
}

#sidebar .widget-posts .holder {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 20px 20px 18px 20px;
}

#sidebar .widget-posts .holder section {
    height: 404px;
    overflow-y: auto;
    font-size: 17px;
    line-height: 20px;
    padding-right: 44px;
    padding-top: 17px;
    letter-spacing: -0.2px;
}
#sidebar .widget-posts .holder article {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 20px 18px;
    margin-bottom: 18px;
    position: relative;
}

#sidebar .widget-posts .holder article:after {
    position: absolute;
    content: "";
    left: 2px;
    top: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent transparent transparent #cd1919;
}
#sidebar .et_pb_widget li a:hover {
    color: #666;
    text-decoration: underline;
}

#sidebar .widget-video .video {
    display: block;
    margin-top: 22px;
    margin-bottom: -10px;
}

#sidebar .widget-testimonials section {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 18px 20px 22px 20px;
    margin: 18px 0 36px 0;
}

#sidebar .widget-testimonials article {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

#sidebar .widget-testimonials .video {
    float: left;
    position: relative;
    margin-right: 13px;
}

#sidebar .widget-testimonials .video:after {
    position: absolute;
    content: "";
    background: url(images/ico_play.png) no-repeat;
    background-size: 100% 100%;
    height: 41px;
    width: 41px;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
}

#sidebar .widget-testimonials .info {
    overflow: hidden;
    font-size: 13px;
    line-height: 15px;
    font-style: italic;
    letter-spacing: 0.5px;
}

#sidebar .widget-testimonials h4 {
    font-size: 17px;
    line-height: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-style: normal;
    color: #31303f;
    margin-right: -10px;
    padding-bottom: 2px;
}

#sidebar .widget-testimonials .btn-2 {
    padding: 0;
    width: auto;
    letter-spacing: 2px;
    font-size: 12px;
    width: 237px;
    margin: 17px auto 0 auto;
    height: 44px;
    display: block;
    line-height: 46px;
    text-align: center;
}

#sidebar .widget-advantages section {
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 18px 20px 22px 22px;
    margin: 28px 0 36px 0;
}

#sidebar .widget-advantages article {
    overflow: hidden;
}

#sidebar .widget-advantages .circle {
    color: #222222;
    font-size: 29px;
    line-height: 29px;
    font-weight: 900;
    border: 2px solid #222222;
    height: 91px;
    width: 91px;
    display: block;
    border-radius: 100px;
    padding: 21px 0 0 0;
    position: relative;
    text-align: center;
    float: left;
    margin-right: 17px;
}

#sidebar .widget-advantages .circle:after {
    position: absolute;
    content: "";
    background: url(images/ico_check.png) no-repeat;
    height: 22px;
    width: 22px;
    background-size: 100% 100%;
    top: 2px;
    right: 0;
}

#sidebar .widget-advantages .circle span {
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    color: #cf1408;
    padding-top: 1px;
    letter-spacing: 0.2px;
}

#sidebar .widget-advantages article {
    padding-bottom: 20px;
}

#sidebar .widget-advantages .hold {
    overflow: hidden;
    font-size: 15px;
    line-height: 18px;
    height: 91px;
}

#sidebar .widget-advantages .hold>p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#sidebar .widget-advantages .note {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.8px;
    padding: 10px 0 0 0;
    color: #202020;
}

#sidebar .widget-advantages .note a {
    display: inline-block;
}
#sidebar .videojs_options_main_wapper {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
#sidebar .priv-top .vjs-default-skin.vjs-has-started .vjs-control-bar {
    visibility: hidden;
}
#sidebar .priv-top{
    margin: 0 auto;
	float: none;
}

/*End sidebar*/

/*Contact form on pages*/
#main-content #left-area .consultayion{
border-radius: 3px;
   max-width: 725px;
    margin: auto;
    background-color: #222;
    position: relative;
    right: -5px;
    padding: 35px 35px;
   
    width: 100%;
    }
#main-content #left-area .consultayion h3 {
    color: #202020;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
    line-height: 40px;
    background: url(images/risk-free consultation.png) no-repeat;
    height: 42px;
    width: 401px;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    letter-spacing: 0.5px;
    position: relative;
    top: -21px;
}

 #main-content #left-area .consultayion h3 span {
    color: #ce1307;
}

#left-area .consultayion form {
    color: #ce1307;
    overflow: hidden;
    padding-bottom: 24px;
}
#left-area .priv-top {
    float: none;
	}

.consultayion-con .consultayion form label:nth-child(6)  
	{
		display:inline-block;
		padding-left:7px;
	}
	
/*End Contact form*/
#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover {
    color: #ffffff
}
/* remove the divider line below the main menu */
/*
header#main-header.et-fixed-header, #main-header {
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}
*/

/* hide drop down arrow when main nav item has sub-nav drop-down menu links */
/* #top-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after { content: none !important; }*/
/* hides the right padding that becomes unnecessary after the dropdown arrow is removed above */
/* #top-menu .menu-item-has-children { padding-right: 0 !important; } */


/* main menu custom CTA button */
.menu-CTA a, .et-fixed-header #top-menu .menu-CTA a { color: #fff !important; }
.menu-CTA { background: #04683a; height: 40px; padding: 12px 12px 10px 12px !important; border-radius: 20px; }
@media all and (max-width:981px) {
.right-hold 
{
	display:none;
}
.redheader
{
	display:none;
}

#et-info-phone a, a:hover  {
    text-decoration: underline !important;
}
#phone, .phone {
    text-decoration: underline !important;
}
.menu-CTA { height: auto; }
}
.menu-CTA:hover { background: #fff; border: 2px solid #04683a; }
.menu-CTA a:hover { color: #04683a !important; margin-top: -2px; }

/* shrink menu size on mid-resolutions so it all fits on screen in one row */
@media all and (max-width:1400px){
	#top-menu li, #top-menu li a {
		font-size: 14px !important;
	}
}





/* YOAST */
#breadcrumbs { padding: 10px; background: #efefef; text-align: center !important; font-size: 18px; }
#breadcrumbs a, #breadcrumbs span, #breadcrumbs strong { color: #333; }
.home #breadcrumbs { display: none !important; } /* hide breadcrumbs on home page */





/* WOOCOMMERCE */
mark.count, /* hide yellow highlighting of category product quantities on category index pages */
.woocommerce-breadcrumb, /* hide default Woocommerce breadcrumbs above the product details */
.single-product .description_tab, .single-product .additional_information_tab, .single-product h2 /* hide long description tab headers and "additional" tab on product pages */
{ display: none; }
.archive ul.products .product { text-align: center; } /* center product images/text/buttons on product category pages */

.woocommerce button.button.alt.disabled { background: none !important; }

/* center product text, prices, and CTA */
body.archive li.product, .et_pt_shop li.product { text-align: center; }

/* customize the buttons added on Woocommerce category pages produced by the edit in functions.php file */
/* remove weird padding on hover */
.woocommerce ul.products li.product a:hover { color: #fff; padding-right: 1em; }
.woocommerce ul.products li.product a::after { display: none; }

/* WooCommerce native reviews */
.woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit { background: #04683a; color: #fff !important; } /* fix color on review submit button */





/* FOOTER */
/* logos
------------------------------------------------------------------------------*/

.logos {
    text-align: center;
    padding: 42px 0 45px 0;
	background:white;
}

.logos li {
    display: inline-block;
    padding: 0 36px;
}
.logos .logo-container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
	
}

/* call-line
------------------------------------------------------------------------------*/

.call-line {
    background: #cd1919;
    text-align: center;
    font-size: 29px;
    line-height: 34px;
    color: #fff;
    letter-spacing: 0.8px;
    padding: 27px 0;
}

.call-line a {
    color: #fff;
}

.call-line span {
    font-weight: bold;
    letter-spacing: 1.2px;
    position: relative;
    top: 2px;
}

.call-line span img {
    padding: 0 20px 0 12px;
    position: relative;
    top: -5px;
}
/* consultayion-con
------------------------------------------------------------------------------*/

.consultayion-con {
    overflow: hidden;
    background: url(images/success-stories-from-our-clients.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 78px 0 44px 0;
}

.consultayion-con .container {
    max-width: 1100px;
}

.consultayion-con h2 {
    text-align: center;
    font-size: 44px;
    line-height: 47px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 61px;
}

.consultayion-con .consultayion form section {
    margin: 0 -15px;
    padding-bottom: 8px;
    overflow: hidden;
}

.consultayion-con .consultayion form article {
    padding: 0 15px 12px 15px;
    width: 31.4%;
}

.consultayion-con .consultayion form label {
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
    letter-spacing: 0.3px;
}

.consultayion-con .consultayion form article:nth-child(3n+2) {
    width: 37.2%;
}

.consultayion-con .consultayion form fieldset input {
    height: 50px;
    padding: 0 15px 0 45px;
}

.consultayion-con .consultayion form .budget input {
    padding-right: 145px;
}

.consultayion-con .consultayion form .budget p {
    position: absolute;
    top: 0;
    right: 0;
    background: #dddddd;
    height: 50px;
    line-height: 48px;
    padding: 0 16px;
    color: #878787;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.consultayion-con .consultayion form fieldset .ico {
    top: 9px;
    left: 15px;
}

.consultayion-con .consultayion form .message .ico {
    top: 8px;
    left: 12px;
}

.consultayion-con .consultayion img {
    width: 19px;
}

.consultayion-con .consultayion .mail img {
    width: 20px;
}

.consultayion-con .consultayion .phone img {
    width: 17px;
}

.consultayion-con .consultayion .web img {
    width: 21px;
}

.consultayion-con .consultayion .budget img {
    width: 14px;
}

.consultayion-con .consultayion .hear img {
    width: auto;
}

.consultayion-con .consultayion form fieldset textarea {
    height: 89px;
    padding-left: 45px;
}

.consultayion-con .consultayion form .antispam {
    float: right;
    padding: 26px 0 0 0;
}

.consultayion-con .consultayion form .antispam input {
    border: 2px solid #a3a4aa;
    width: 94px !important;
    height: 42px;
    margin-top: -10px;
    margin-left: 20px;
}

.consultayion-con .consultayion form .antispam p {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.3px;
}

.consultayion-con .consultayion form .crf {
    padding-left: 32px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0.4px;
    width: auto;
    margin: 15px 0 0 0;
}

.consultayion-con .consultayion .btn-holder {
    clear: both;
    padding: 28px 0 0 0;
    text-align: center;
}

.consultayion-con .consultayion .btn-holder .btn {
    float: none;
    height: 65px;
    line-height: 67px;
    letter-spacing: 1.5px;
	cursor: pointer;
    padding: 0 78px;
    width: auto;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
    margin-top: 28px;
    float: left;
}
.consultayion form label{color:white;}
.consultayion form section {
    margin: 0 -5px;
}

.consultayion form article {
    padding: 0 5px;
    float: left;
    width: 50%;
}

.consultayion form fieldset {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.consultayion form fieldset .ico {
    position: absolute;
    top: 8px;
    left: 10px;
}
.wpcf7-form-control-wrap{
    position: initial!important;
}
.consultayion form .budget .ico {
    left: 13px;
}

.consultayion form .phone .ico {
    left: 12px;
}

.consultayion form .web .ico, .consultayion form .mail .ico {
    top: 6px;
    left: 9px;
}

.consultayion form .message .ico {
    top: 2px;
}

.consultayion form fieldset input {
    height: 42px;
    background: #fff;
    padding: 2px 15px 0 37px;
    border: none;
    font-size: 15px;
    width: 100%;
}

.consultayion form fieldset textarea {
    height: 64px;
    background: #fff;
    padding: 7px 15px 7px 37px;
    border: none;
    line-height: 22px;
    font-size: 15px;
    width: 100%;
    resize: none;
}

.consultayion form .phone input, .consultayion form .budget input {
    padding-left: 34px;
}

.consultayion form .antispam {
    overflow: hidden;
    padding: 10px 0 17px 0;
    clear: both;
    margin-top: -10px;
}

.consultayion form .antispam p {
    float: left;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.2px;
}
.consultayion form .antispam p:nth-child(2) {
    float: right;
    width: auto;
}
.footer-main-wapper .consultayion form .antispam p:nth-child(2){
    float: right;
    width: 100px;
}
.consultayion form .antispam input {
    float: right;
    border: 2px solid #555555;
    background: none;
    width: 84px;
    height: 36px;
    font-size: 14px;
    padding: 0 15px;
    margin-top: -10px;
}
.consultayion form input[type="checkbox"]:checked:after {
    background: url(images/arrow&phone.png) no-repeat;
    width: 20px;
    left: -2px;
}


.consultayion form input[type="checkbox"]:after {
    position: relative;
    display: inline-block;
    background: white;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-position: -2px -0px;
    width: 34px;
    height: 17px;
    height: 17px;
    width: 18px;
    content: "";
    left: 0;
    top: 1px;
}


.consultayion form .crf {
    position: relative;
	display:block;
    padding-left: 28px;
    font-size: 18px;
    line-height: 21px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.5px;
    width: 230px;
    float: left;
    margin: 5px 0 0 0;
}

.consultayion form .crf:after {
    position: absolute;
   display: inline-block; background: white; overflow: hidden; text-indent: -9999px; text-align: left; 
   background-position: -2px -0px; width: 34px; height: 17px;
    height: 17px;
    width: 18px;
    content: "";
    left: 0;
    top: 1px;
}

.consultayion form .crf.checked:after {
	background: url('images/arrow&phone.png') no-repeat;
	width: 20px;
    left: -2px;
}

a.btn, .btn {
    height: 55px;
    line-height: 55px;
    border: none;
    border-radius: 3px;
    background-color: #cb1d23;
    box-shadow: 0 3px 0 #921414;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 265px;
    letter-spacing: 0.5px;
}

.consultayion form .btn {
    float: right;
	cursor: pointer;
    margin-right: -4px;
	margin-top: 15px;
}
.consultayion form {
    color: #ce1307;
    overflow: hidden;
    padding-bottom: 24px;
}
.consultayion form fieldset .name .ico {
    background: url(images/ico_person.png) no-repeat;
}
/*Contact form images */
.ico-world, .ico-mail, .ico-pencil, .ico-person, .ico-phone2, 
.ico-dollar
{ display: inline-block; background: url('images/icons-contact.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.ico-world { background-position: -3px -0px; width: 19px; height: 19px; }
.ico-mail { background-position: -3px -22px; width: 18px; height: 13px; }
.ico-pencil { background-position: -3px -38px; width: 17px; height: 19px; }
.ico-person { background-position: -3px -60px; width: 17px; height: 18px; }
.ico-phone2 { background-position: -3px -81px; width: 15px; height: 19px; }
.ico-dollar { background-position: -3px -103px; width: 12px; height: 21px; }

/*Arrow images*/
.bg-shadow, .bg-down-hold, .bg-arrow-pic, .ico-check
{ display: inline-block; background: url('images/bg_arrows_shadow.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.bg-shadow { background-position: -3px -0px; width: 338px; height: 25px; }
.bg-down-hold { background-position: -3px -28px; width: 157px; height: 30px; }
.bg-arrow-pic { background-position: -163px -28px; width: 102px; height: 43px; }
.ico-check { background-position: -268px -28px; width: 45px; height: 44px; }
/*Reviews section*/
section#footer-sidebar {
    list-style: none;
    max-width: 1170px;
    margin: 0px auto;
    margin-top: 51px;
}
/* footer menu */
#menu-footer-menu a { color: #efefef; }
#footer-info a { font-weight: normal; }
.footer-external-credits { font-size: 11px; }
.amp-email{display:none;}
 



/* RESPONSIVE */
.gbadge 
{
    display: none;
}
.gbadge a {
    position: relative;
    z-index: 999;
}

@media screen and (min-width: 1400px) 
{

    .gbadge 
        {
            position: inherit;
            left: 303px;
            width: 218px;
            top: 19px;
            display: block;
            float: left;
            height: 80px;
    }
}
@media all and (min-width:1405px){

}

@media all and (min-width:1100px) and (max-width:1404px) {

}

@media all and (min-width:982px) and (max-width:1099px){
	
}

@media all and (max-width:981px) {
.rtl #main-header #et-top-navigation {
    padding-right: 0px !important;
}
.rtl .cli-modal {
   /*position: relative;*/
}
html[dir="rtl"] a#footer-mail {
    display: none;
}
.rtl #_mcePaste {
    left: 0px !important;
}
.about2 a:after{display:none;}
.page-id-2653 #left-area .consultayion
	{
		display:none;
	}
	.excels .et_pb_column {
		width: auto;
	 }
	 .excels .item .info h2 {
		color: #202020 !important;
		font-style: italic;
		text-shadow: none;
		}
	 .excels .item .info p {
		text-shadow: none;
		}
	  .et-pb-arrow-next {
		background: url(images/bg_slider_nav.png) no-repeat -29px 0;
		background-size: 58px 58px;
		height: 58px;
		width: 29px;
		margin-top: 0;
		text-indent: -999em;
	}
	 .et-pb-arrow-prev {
		
		background: url(images/bg_slider_nav.png) no-repeat 0 0;
		background-size: 58px 58px;
		height: 58px;
		width: 29px;
		margin-top: 0;
		text-indent: -999em;
	}
	.stories-mobile .gg-play-button-r {
  
    top: 112px;
    
}
   .stories-mobile h2{    
    font-size: 24px;
    line-height: 24px;
	}
}

/* MOBILE MENU */
/* change the mobile menu icon color */
/*.mobile_menu_bar_toggle::before { color: #fff !important; }*/
/* change the top border line color on expanded mobile menu */
/*.et_mobile_menu { border-top: 3px solid #fff !important; }*/
/* hide sub-sub-menu on mobile */
/*#mobile_menu ul.sub-menu ul.sub-menu { display: none !important; }*/




/* MISCELLANEOUS */
/* format Divi blog grid */
.et_pb_blog_grid .et_pb_post { margin-bottom: 60px !important; height: 510px; width: 320px; overflow: hidden; font-size: 14px; line-height: normal; }
.et_pb_blog_grid .et_pb_image_container { height: 200px; width: 320px; overflow: hidden; }




/* WP Customer Reviews plugin */
/* remove colored blockquote indent */
.wpcr3_in_content blockquote { border: none; }

/* hide website's company name from displaying before all reviews */
.wpcr3_item_name { display: none; } 

/* bold custom review questions and line break the answers */
.wpcr3_review_custom_label { font-weight: 700; clear: both; margin-top: 15px; }

/*Customizing the hello bar */
.hellobar-btn {border: none; background-color: #ffffff; padding: 7px 10px;  cursor: pointer;  display: inline-block; color:#693e91 !important;	margin-left:5px; border-radius: 10px;margin-top: 7px;
margin-bottom: 7px;}
.hello-bar p{text-align:center;}
.hellobar-text {padding-top: 7px !important; padding-bottom: 7px !important;line-height:1.3;}

/*Mobile*/
@media (max-width: 845px){
.listing {
    width: max-content;
    float: none;
    padding-bottom: 0px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
}
@media screen and (max-width: 782px)
{
	html 
	{
		overflow-x: hidden;
		max-width:100%;
	}
}
.redheader nav#menu {
		display:none;
		position: fixed;
		float: right;
		right: 2px;
		top: -45px;
		z-index: 999999;
	}
@media screen and (max-width: 767px) {

  .redheader{display:block;}
  .redheader p {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        border: none;
        border-radius: 0;
        float: none;
        margin: 0;
		z-index: 99999;
        background: #cb1d23;
        height: 27px;
        line-height: 27px;
        color: #fff;
        letter-spacing: 0.3px;
        font-size: 10px;
        padding-left: 0;
		width: 100%;
    }
    .redheader p span {
        border-radius: 0;
        line-height: 27px;
        height: 27px;
        letter-spacing: 0.5px;
        background: none;
        margin: 0;
        float:none;
        top: 0;
        padding: 0;
        font-size: 11px;
        text-decoration: underline;
    }
    .redheader p span:after{display:none;}
	
	
	.redheader #menu ul {
			display: none;
			position: fixed;
			top: 27px;
			background: #222;
			padding: 0 15px;
		}
		.redheader #menu ul.active {
			display: block;
		}
	.redheader #menu li .sub-menu {
		display: contents;
	}
	.redheader .sub-menu li {
		margin-left: 20px;
	}

	
	
#page-container, .et_fixed_nav.et_show_nav #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
    padding-top: 56px;
}
    .features-slider .main-hold {
   
    margin: 0px !important;
}
.get-started .et_pb_text_inner {
    width: auto;
	float: none;
}
.get-started .consultayion h3 {
	font-size: 16px;
	width: auto;
	}
.get-started .consultayion {
    border-radius: 0;
    width: auto;
    right: 0;
    padding: 0 27px;
    margin: 0 -10px;
    display: block;
}
.get-started .priv-top {
    float: none; 
    width: 205px;
    margin: 0 auto;
}
.get-started .consultayion form .antispam input[type="text"]{

        margin-top: 5px;
}
.get-started .consultayion form .antispam p {
    font-size: 12px;
    letter-spacing: 0;
}
    .features-slider {
    position: relative;
    display: inline-block;
    }
    .mobile-padding {
    margin-left: -9px;
    padding-left: 3px;
    }
    #menu a:hover:after, #menu .current-menu-item a:after{
        display: none;
    }
    .main-content .posts article {
        padding-left: 0;
        margin-left: 0;
    }
    .sidebar .consultayion form .antispam {
        width: auto;
    }
    .container {
        padding: 0 10px;
    }
    #header {
        height: 90px;
        position: relative;
        z-index: 999;
    }
    #header .inner {
        overflow: visible;
    }
    #header .head-hold p {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        border: none;
        border-radius: 0;
        float: none;
        margin: 0;
        background: #cb1d23;
        height: 27px;
        line-height: 27px;
        color: #fff;
        letter-spacing: 0.3px;
        font-size: 10px;
        padding-left: 0;
    }
    #header .head-hold p span {
        border-radius: 0;
        line-height: 27px;
        height: 27px;
        letter-spacing: 0.5px;
        background: none;
        margin: 0;
        top: 0;
        padding: 0;
        font-size: 11px;
		text-decoration: underline;
    }
	a.googlenumber {
		padding-left: 5px;
		position: relative;
		bottom: 1px;
	}
    #header .head-hold p span:after {
        display: none;
    }
    #header .head-hold p span img {
        width: 24px;
		height: 18px;
        padding: 0;
        margin: 0 4px 0 12px;
        top: -3px;
    }
    #logo {
        width: 161px;
        height: 43px;
        
    }
    #logo img {
        width:100%;
        height:100%;
    }
    #menu {
        padding: 50px 6px 0 0;
    }
    #menu .trigger {
        background: url(images/bg_menu_trigger.png) no-repeat;
        height: 18px;
        width: 23px;
        display: block;
        cursor: pointer;
    }
    #menu ul {
        display: none;
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        background: #222222;
        padding: 0 15px;
    }
    #menu ul.active {
        display: block;
    }
    #menu li {
        float: none;
        padding: 0;
        display: block;
    }
    #menu a {
        font-size: 13px;
        line-height: 30px;
        letter-spacing: 0;
        height: auto;
    }
    #menu a:hover:after, #menu .current a:after {
        display: none;
    }
	.home .banner-text h1 {
		font-size: 38px !important;
	}
	
    .features-slider li {
        height: 269px;
    }
	a.phone {
		text-decoration: underline;
	}
    .slider_image .info .consultayion {

        display:none;
    }
    .features-slider .main-hold {
        position: relative;
        top: -28px;
        margin: 0 0 -269px 0;
        width: 100%;
        float: none;
        padding: 0;
    }
    .features-slider .info {
        width: 100%;
        float: none;
        padding: 27px 0 0 0;
        margin-right: 0;
        text-align: center;
    }
    .features-slider .info h3 {
        font-size: 15px;
        line-height: 18px;
        letter-spacing: 0;
    }
    .features-slider .info h2 {
        font-size: 21px;
        line-height: 22px;
        margin-top: 1px;
        letter-spacing: 0;
        padding-bottom: 60px;
        text-align: center;
    }
    .features-slider .info h2 .sm {
        font-size: 18px;
        line-height: 20px;
        top: -10px;
        right: 0;
    }
    .features-slider .info h2 .lg {
        font-size: 33px;
        line-height: 33px;
        padding-right: 30px;
        top: 3px;
        letter-spacing: -1px;
    }
    .features-slider .consultayion {
        border-radius: 0;
        width: auto;
        right: 0;
        padding: 0 27px;
        margin: 0 -10px;
        display: block;
    }
    .features-slider .consultayion h3 {
        font-size: 14px;
        line-height: 28px;
        background-size: 100% 100%;
        height: 28px;
        width: 270px;
        margin: 0 auto 3px auto;
        letter-spacing: 0;
        top: -14px;
    }
    .features-slider .to-down {
        display: none;
    }
    .features-slider .bx-prev {
        top: 111px;
        background-size: 58px 58px;
        height: 58px;
        width: 29px;
        margin-top: 0;
    }
    .features-slider .bx-next {
        top: 111px;
        background-size: 58px 58px;
        background-position: -29px 0;
        height: 58px;
        width: 29px;
        margin-top: 0;
    }
    .consultayion form {
        padding-bottom: 40px;
        padding-top: 4px;
    }
    .consultayion form section {
        margin: 0;
    }
    .consultayion form article {
        padding: 0;
        float: none;
        width: 100%;
    }
    .consultayion form fieldset {
        margin-bottom: 3px;
    }
    .consultayion form .ico {
        top: 3px !important;
        left: 3px !important;
    }
    .consultayion form .name .ico img {
        width: 11px;
    }
 
    .consultayion form .mail .ico img {
        width: 13px;
    }
  
    .consultayion form .phone .ico img {
        width: 10px;
    }
   
    .consultayion form .web .ico img {
        width: 13px;
    }
    
    .consultayion form .budget .ico img {
        width: 8px;
    }
  
    .consultayion form .message .ico img {
        width: 12px;
    }
    .consultayion form fieldset input {
        height: 28px;
        padding: 0 10px 0 23px;
        font-size: 11px;
    }
    .consultayion form fieldset textarea {
        margin: 4px 0 0 0;
        height: 55px;
        padding: 4px 10px 4px 23px;
        line-height: 15px;
        font-size: 11px;
    }
    .consultayion form .phone input, .consultayion form .budget input {
        padding-left: 23px;
    }
    .consultayion form .antispam {
        padding: 7px 0 17px 0;
        margin-top: -11px;
        width: 266px;
        width: auto;
    }
    .sidebar .consultayion form .antispam p, .consultayion form .antispam p {
        font-size: 10px;
        letter-spacing: 0;
        
    }

    .sidebar .consultayion form .antispam input, .consultayion form .antispam input {
        float: right;
        border: 1px solid #555555;
        margin-right: 0;
        width: 63px;
        height: 23px;
        font-size: 11px;
        padding: 0 10px;
        margin-top: 2px;
    }
    .consultayion form .crf {
        padding-left: 20px;
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0;
        width: auto;
        margin: -3px 0 12px 0;
    }
   
    .consultayion form .crf:after {
        background-position: -11px 0;
    }
    .consultayion form .btn {
        width: 100%;
        display: block;
        float: none;
        padding: 0;
        margin: 0;
    }
    a.btn, .btn {
        height: 37px;
        line-height: 37px;
        border-radius: 2px;
        box-shadow: 0 2px 0 #921414;
        font-size: 14px;
        letter-spacing: 0;
    }
    .trial {
        padding-bottom: 36px;
        background:no-repeat 50% -30px;
        /* top: 0; */
    }
    .trial .to-down {
        display: none;
    }
    .trial .pic {
        float: none;
        width: 132px;
        margin: 27px auto 20px;
        padding: 0;
        max-width: none;
    }
    .trial .info {
        text-align: center;
        padding: 0 5px;
        font-size: 13px;
        line-height: 19px;
    }
    .trial .info .styled {
        font-size: 11px;
        line-height: 24px;
        padding: 0;
        letter-spacing: 0;
        margin: 17px -5px 5px -5px;
        position: relative;
    }
    .trial .info .styled:after {
        position: absolute;
        left: -7px;
        top: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 12px 0;
        border-color: transparent #222222 transparent transparent;
    }
    .trial .info .styled:before {
        position: absolute;
        left: -7px;
        bottom: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 12px 7px;
        border-color: transparent transparent #222222 transparent;
    }
    .trial .info .styled span {
        display: block;
        position: relative;
        padding: 0 15px;
    }
    .trial .info .styled span:after {
        position: absolute;
        right: -7px;
        top: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 7px 0 0;
        border-color: #222222 transparent transparent transparent;
    }
    .trial .info .styled span:before {
        position: absolute;
        right: -7px;
        bottom: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0 0 7px;
        border-color: transparent transparent transparent #222222;
    }
    .trial .info .note {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: 0;
    }
    .title {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 0;
        padding-bottom: 12px;
    }
    .about {
        margin-top: 0;
        padding-bottom: 14px;
        overflow: hidden;
        background: #dedede;
        background-image: linear-gradient(180deg, #dedede 0%, white 100%);
    }
    .about .to-down {
        display: none;
    }
    .about:before {
        display: none;
    }
    .about .pic {
        float: none;
        width: 270px;
        margin: 34px auto 0 auto;
    }
    .about .info {
        text-align: center;
        padding: 13px 0 0 0;
        font-size: 17px;
        line-height: 19px;
    }
    .about .info h2 {
        padding-bottom: 9px;
    }
    .about .info img {
        width: 105px;
        display: block;
        margin: 20px auto;
    }
    .stories {
        margin-top: 0;
        padding: 33px 0 56px 0;
    }
    .stories:after {
        display: none;
    }
    .stories h2 {
        padding-bottom: 32px;
    }
	.stories #commercials { font-size:45px; }
    .stories h2 span {
        display: inline-block;
    }
    .stories .stories-bxslider li {
        padding: 0 26px;
    }
    .stories .stories-bxslider .video:after {
        height: 50px;
        width: 50px;
        margin: -25px 0 0 -25px;
    }
    .stories .stories-bxslider .info {
        padding: 0 16px;
        font-size: 12px;
        line-height: 18px;
        height: auto !important;
    }
    .stories .stories-bxslider .inner {
        padding: 9px 0 15px 0;
    }
    .stories .stories-bxslider .top p {
        font-size: 9px;
        line-height: 11px;
        padding: 3px 0 0 0;
    }
    .stories .stories-bxslider .top h3 {
        font-size: 12px;
        line-height: 25px;
        height: 27px;
        padding: 0 9px;
        letter-spacing: 0;
        margin-right: 12px;
    }
    .stories .bx-pager {
        display: none;
    }
    .stories .bx-prev {
        top: 50%;
        left: 0;
        position: absolute;
        background: url(images/bg_slider_nav.png) no-repeat 0 0;
        background-size: 58px 58px;
        height: 58px;
        width: 29px;
        margin-top: 15px;
        text-indent: -999em;
    }
    .stories .bx-next {
        top: 50%;
        background: url(images/bg_slider_nav.png) no-repeat -29px 0;
        position: absolute;
        background-size: 58px 58px;
        right: 0;
        height: 58px;
        width: 29px;
        margin-top: 15px;
        text-indent: -999em;
    }
    .stories .btn-holder {
        display: none;
    }
    .call-line {
        font-size: 15px;
        line-height: 16px;
        letter-spacing: 0;
        padding: 12px 0 16px 0;
    }
    .call-line span {
        display: block;
        font-weight: bold;
        letter-spacing: 0;
        top: 2px;
        font-size: 17px;
        padding: 7px 0 0 0;
        letter-spacing: 0.5px;
		text-decoration: underline;
    }
    .call-line span img {
        width: 16px;
        padding: 0;
        margin: 0 6px 0 6px;
        top: -2px;
    }
    .call-line span span {
        top: 0px;
        left: 20px;
    }
    .excels {
        padding: 23px 0 12px 0;
        margin-bottom: 0;
        background: #f5f5f5;
    }
    .excels h3 p {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 0px;
    }
    .excels h3 {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: 0;
        padding: 0 50px;
        padding-bottom: 14px;
    }

    .excels .excels-bxslider {
        padding-top: 14px;
    }
    .excels .excels-bxslider .item {
        background: #f5f5f5 !important;
        height: auto !important;
    }
    .excels .holder .pic {
        top: -12px;
    }
    .excels .holder .ico {
        width: 64px;
        height: 64px;
        margin: -31px auto 0 auto;
        line-height: 58px;
    }
    .excels .holder .info {
        padding-bottom: 39px;
    }
    .excels .holder .info .top {
        font-size: 10px;
        line-height: 12px;
        margin-top: -4px;
        letter-spacing: 0;
        padding-bottom: 4px;
    }
    .excels .holder .info h2 {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 9px;
    }
    .excels .holder .info h2 p {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 9px;
    }
    .excels .holder .info p {
        padding: 0 50px 15px 50px;
        font-size: 12px;
        line-height: 18px;
    }
    a.btn-2.sm, .btn-2.sm {
        font-size: 11px;
        line-height: 30px;
        height: 30px;
        border-radius: 2px;
        padding: 0 16px;
        letter-spacing: 0;
    }
    .excels .bx-pager {
        display: none;
    }
    .excels .bx-prev {
        top: 300px;
        left: 0;
        position: absolute;
        background: url(images/bg_slider_nav.png) no-repeat 0 0;
        background-size: 58px 58px;
        height: 58px;
        width: 29px;
        margin-top: 0;
        text-indent: -999em;
    }
    .excels .bx-next {
        top: 300px;
        background: url(images/bg_slider_nav.png) no-repeat -29px 0;
        position: absolute;
        background-size: 58px 58px;
        right: 0;
        height: 58px;
        width: 29px;
        margin-top: 0;
        text-indent: -999em;
    }
    .excels .to-down {
        display: none;
    }
    .mobile-exp {
        padding: 47px 0 70px 0;
        text-align: center;
        background-size: 575% !important;
    }
    .mobile-exp:before, .mobile-exp:after {
        display: none;
    }
    .mobile-exp p {
        font-size: 14px;
        line-height: 21px;
        padding: 2px 15px 23px 15px;
        max-width: none;
    }
    .mobile-exp .info img {
        width: 216px;
        margin: auto;
        padding: 0;
    }
    .mobile-exp .to-down {
        display: none;
    }
    .advantages {
        padding: 26px 0 0 0;
    }
    .advantages h4 {
        font-size: 14px;
        line-height: 13px;
        letter-spacing: 0;
        margin-top: -4px;
        padding: 0 50px 30px 50px;
    }
    .advantages article {
        width: 50%;
        padding-bottom: 8px;
    }
    .advantages article:nth-child(2n+1) {
        clear: left;
    }
    .advantages article:nth-child(3n+1) {
        clear: none;
    }
	.advantages article:nth-child(n+4){
	top: 0;
	}
    .advantages article .hold>p {
        letter-spacing: 0;
    }
    .advantages article {
        border: none;
    }
    .advantages .hold {
        padding: 10px 10px 0 10px;
        font-size: 16px;
        height: auto !important;
        line-height: 22px;
    }
    .advantages article:nth-child(3) .hold, .advantages article:nth-child(2) .hold, .advantages article:nth-child(1) .hold {
        top: 0;
    }
    .advantages .circle {
        font-size: 24px;
        line-height: 24px;
        border: 2px solid #222222;
        height: 90px;
        width: 90px;
        margin: 5px auto 10px auto;
        padding: 22px 0 0 0;
    }
    .advantages .circle:after {
        height: 24px;
        width: 24px;
        background-size: 100% 100%;
        top: -4px;
        right: -2px;
    }
    .advantages .circle span {
        font-size: 12px;
        line-height: 10px;
        padding-top: 2px;
        letter-spacing: 0;
    }
    .advantages .note {
        font-size: 10px;
        line-height: 13px;
        letter-spacing: 0;
        padding: 31px 0 27px 0;
    }
    .consultayion-con {
        padding: 23px 0 20px 0;
    }
    .consultayion-con h2 {
        font-size: 24px;
        line-height: 26px;
        padding-bottom: 20px;
    }
    .consultayion-con .consultayion form {
        padding: 0 17px;
    }
    .consultayion-con .consultayion form section {
        margin: 0;
        padding-bottom: 0;
    }
    .consultayion-con .consultayion form article {
        padding: 0;
        width: 100% !important;
    }
    .consultayion-con .consultayion form label {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 5px;
        letter-spacing: 0;
        display: none;
    }
    .consultayion-con .consultayion form fieldset input {
        height: 28px;
        padding: 0 10px 0 24px;
    }
    .consultayion-con .consultayion form .budget input {
        padding-right: 10px;
    }
    .consultayion-con .consultayion form .budget p {
        display: none;
    }
    .consultayion-con .consultayion form fieldset .ico {
        top: 9px;
        left: 15px;
    }
    .consultayion-con .consultayion form .message .ico {
        top: 8px;
        left: 12px;
    }
    .consultayion-con .consultayion .hear {
        display: none;
    }
    .consultayion-con .consultayion form fieldset textarea {
        height: 55px;
        padding-left: 24px;
    }
    .consultayion-con .consultayion form .antispam {
        padding: 7px 0 17px 0;
        margin-top: 0px;
        width: 266px;
        float: none;
        width: auto;
    }
    .consultayion-con .consultayion form .antispam p {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: 0;
        width: 190px;
        float: left;
    }

    .consultayion-con .consultayion form .antispam input {
        float: right;
        border: 1px solid #555555;
        width: 63px !important;
        height: 23px;
        font-size: 11px;
        padding: 0 10px;
        margin: 2px 0 0 0;
    }
    .consultayion-con .consultayion form .crf {
        padding-left: 20px;
        font-size: 13px;
        line-height: 14px;
        letter-spacing: 0;
        width: auto;
        margin: -3px 0 8px 0;
        display: block;
    }
    .consultayion-con .consultayion form .crf:after {
        
        top: -3px;
    }
    .consultayion-con .consultayion .btn-holder {
        padding: 30px 0;
        margin-top: 0;
    }
    .consultayion-con .consultayion .btn-holder .btn {
        width: 100%;
        display: block;
        float: none;
        padding: 0;
        margin: 0;
        height: 37px;
        line-height: 37px;
        border-radius: 2px;
        box-shadow: 0 2px 0 #921414;
        font-size: 14px;
        letter-spacing: 0;
    }
	.consultayion-con .consultayion form label:nth-child(6)  
	{
		display:inline-block;
		padding-left:7px;
	}

    .logos {
        padding: 42px 0 19px 0;
        overflow: hidden;
    }
    .logos li {
        float: left;
        width: 50%;
        padding: 0 0 20px 0;
    }
    .logos li img {
        height: 33px;
    }
    #footer {
        padding: 37px 0 15px 0;
    }
    #footer article {
        float: none;
        width: 100%;
        font-size: 11px;
        line-height: 16px;
        padding: 0 15px;
    }
    #footer .col-1 {
        padding-right: 0;
    }
    #footer .col-3, #footer .col-2 {
        width: 100%;
        padding-top: 18px;
        text-align: center;
        padding-bottom: 5px;
    }
    #footer .col-4 {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 28px;
    }
    #footer article .logo {
        width:100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #footer article .logo img{
        width: 160px;
        /*height: 100%;*/
    }
    #footer article p {
        padding-top: 30px;
        max-width: none;
        text-align: center;
    }
    #footer article h3 {
        font-size: 13px;
        line-height: 18px;
        padding: 12px 0 0 0;
        letter-spacing: 0;
    }
    #footer .list ul {
        line-height: 18px;
        padding-top: 10px;
        letter-spacing: 0;
    }
    #footer .list ul li {
        padding: 0;
    }
    #footer .list li a {
        font-size: 11px;
    }
    #footer .mail, #footer .phone {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: 0;
        margin: 13px 0 0 0;
		text-decoration: underline;
    }
    #footer .mail {
        margin: 5px 0 0 0;
        letter-spacing: 0.2px;
    }
    #footer .phone img {
        width: 16px;
        top: -2px;
        margin-right: 7px;
    }
    #footer .mail img {
        width: 14px;
        top: 1px;
        margin-left: 0;
        margin-right: 7px;
    }
    #footer .social {
        padding: 35px 0 0 0;
        text-align: center;
    }
    .copy a {
        color: #ccc;
    }
    #footer .social li {
        float: none;
        display: inline-block;
        padding: 0 0 0 1px;
    }
    #footer .social li a {
        border-radius: 3px;
        background-size: 94px 18px;
        background-position: 8px 3px;
    }
    #footer .social .twitter a {
        background-position: -19px 3px;
    }
    #footer .social .google-plus a {
        background-position: -46px 3px;
    }
    #footer .social .rss {
        display: none;
    }
    .features {
        padding: 25px 0 25px 0;
		margin-top: 0;
    }
    .features h1 {
        font-size: 25px;
        line-height: 26px;
        max-width: none;
        padding-bottom: 10px;
        float: noen;
    }
    .social-con {
        
        
        letter-spacing: 0;
        font-size: 13px;
	    width: 166px;
        line-height: 14px;
        padding: 5px 0 0 0;
    }
    .social-con ul {
        margin: 5px 0 0 0;
    }
    .social-con ul a {
        height: 30px;
        width: 30px;
        background-position: 11px 6px;
        background-size: 133px 17px;
    }
    .social-con ul .linked-in a {
        background-position: -20px 6px;
    }
    .social-con ul .twitter a {
        background-position: -50px 6px;
    }
    .social-con ul .google-plus a {
        background-position: -81px 6px;
    }
    .social-con ul .trig a {
        background-position: -111px 6px;
    }
    .content {
        padding: 30px 0 20px 0;
    }
    .content .main-content {
        float: none;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .main-content .date-line {
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 0;
        margin-bottom: 20px;
    }
    .main-content .date-line img {
        width: 14px;
        margin-right: 5px;
        top: -1px;
    }
   
    .main-content .post-title {
        font-size: 26px;
        line-height: 30px;
        letter-spacing: 0;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    .main-content .post-title a {
        color: #282a2e;
    }
    .main-content .post-title:after {
        width: 5px;
        top: 3px;
        bottom: 1px;
    }
    .main-content .posts {
        padding-bottom: 0;
        margin-bottom: 30px;
    }
    .main-content .posts.type-2 {
        margin-top: -15px;
    }
    .main-content .posts article {
        padding: 15px 0 20px 0;
        margin-left: 0;
        font-size: 12px;
        line-height: 19px;
    }
    .main-content .posts h3 {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 3px;
    }
    .single-post .main-container, .page .main-container {
        padding-right: 0px;
    }
    .sidebar {
        width: 100%;
        margin-left: 0;
    }
	.sidebar .bt a {
    text-decoration: underline;
	}
    .sidebar .consultayion form fieldset .ico {
        top: 3px !important;
        left: auto !important;
        right: 8px !important;
    }
    .sidebar .consultayion form fieldset input {
        height: 28px;
        padding: 0 30px 0 9px;
        font-size: 12px;
    }
    .sidebar .consultayion form fieldset textarea {
        height: 75px;
        font-size: 12px;
        padding: 10px 30px 10px 9px;
    }
    .sidebar .consultayion form .phone input, .sidebar .consultayion form .budget input {
        padding-left: 9px;
    }
    .sidebar .consultayion form fieldset {
        margin-bottom: 0;
    }
    .sidebar .consultayion form .message {
        margin: 4px 0 8px 0;
    }
    .sidebar .consultayion form .crf {
        padding-left: 20px;
    }
    .sidebar .consultayion form .crf:after {
        top: 1px;
    }
    .sidebar .consultayion form .btn {
        height: 45px;
        line-height: 45px;
    }
    .post-detail {
        padding: 20px 0 20px 0;
    }
    .post-detail .filter {
        float: none;
    }
    .post-detail .filter .holder {
        padding-bottom: 0;
    }
    .post-detail .filter p {
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        padding-left: 0;
    }
    .post-detail .filter li {
        padding-right: 2px;
        padding-bottom: 2px;
    }
    .post-detail .filter li a {
        padding: 0 5px;
        letter-spacing: 0;
        border-radius: 2px;
        font-size: 11px;
        line-height: 24px;
    }
    .post-detail .social-con {
        padding: 10px 3px 0 0;
    }
    .post-nav {
        padding: 20px 0 20px 0;
    }
    .post-nav a {
        line-height: 17px;
        font-size: 13px;
    }
    .post-nav a.prev {
        padding-left: 40px;
        width: 50% !important;
    }
    .post-nav a.prev:after {
        height: 25px;
        width: 25px;
        margin-top: -12px;
        background-size: 50px 25px;
    }
    .post-nav a.next {
        padding-right: 40px;
        width: 47% !important;
    }
    .post-nav a.next:after {
        background-size: 50px 25px;
        background-position: -25px 0;
        height: 25px;
        width: 25px;
        margin-top: -12px;
    }
    #footer .copy {
        display: block;
        text-align: center;
        font-size: 9px;
        line-height: 10px;
        color: #d9d9db;
        border-top: 1px solid #4b4e56;
        padding: 17px 0 10px 0;
        margin: 40px 15px 0 15px;
    }
    .sidebar-left{
        width: 100%;
        max-width: 350px;
        margin: 0px auto;
        text-align: center;
        float: none;
    }
    .main-container{
        width: 100%;
    }
    #footer article .widget_text{
        width: 100%;
    }
    .video-wapper-main video{
        width: 100%;
        height: 100%;
    }
    .result-right-image-part{
        float: none;
        width: 100%;
        /*max-width: 200px;*/
        margin: 0px auto;
    }
    .result-right-image-part img{
        width: 100%;
    }
    .pic.video-wapper-main img{
        width: 100%;
    }
    .pic img{
        width: 100%;
    }
    .testimonials-pic  img{width: 100%;height: 100%;}
    #footer article .widget_text{max-width: 100%;}
    #footer .col-1{text-align: center;}
    #footer article li{max-width: 100%;}
    .right-image-part{margin: 0px auto;float: none;text-align: center;}
    .about .pic{}
    .about .pic video{width: 100%;height: 100%;}
    .mobile-exp .title p{
        font-size: 24px;
        padding-bottom:0px;
    }
    #footer .social li a{
        width: 27px;
        height: 27px;
    }
    #footer .social-icon img{
        width: 27px;
        height: 27px;
    }
    #footer .social li:last-child{
        display: none;
    }
    .social-icon img{height:30px;}
    .wpcf7 p{padding-bottom:0px;}
    .stories .stories-bxslider video {
        max-width: 100%;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
.right-hold {
     display: block; 
    float: left;
}
.right-hold #deskbbb{
display:none;
}
#main-header .container {
    width: 100% !important;
}
a#bbbimg {
    display: inline;
    visibility: visible;
    position: relative;
    left: 96px;
    top: 28px;
}
a#bbbimg img {
    width: 128px;
    object-fit: cover;
}
}
@media screen and (max-width: 375px) {
	#sidebar {margin-left: 0px;}
}

@media only screen and (max-device-width: 320px){
	#logo {
		width: 150px;
	}
    .home .banner-text h1 {
        font-size: 2rem !important;
    }
    .listing h6 {
        font-size: 14px;
    }
    a#bbbimg {
        left: 76px;
        top: 24px;
    }
    a#bbbimg img {
        width: 110px;
    }

    #main-footer .priv { width: 253px;}
    .consultayion-con .consultayion form {
        padding: 0px 10px;
    }
    
}