/**************************************** general */
html { font-family:Tahoma, Lucida Sans Unicode,Calibri,Arial; }
body { background-color:#FFFFFF; margin:0px; font-family:Tahoma, Arial, Verdana; font-size:14px; color:#333333; }
.body-white /* send mail bg */ { background:#FFFFFF url("common/bg-sendmail-ar.gif"); }
img { border:none; }
input[type="text"],select,textarea 
{
    font-family:Tahoma ,Arial; font-size:14px; padding:5px 8px; border:solid 1px #bec2c4; 
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
input[type="submit"] { font-family:Tahoma ,Arial; font-size:14px; padding:6px 9px; }
td, p, ul, ol, div, h1 { direction:rtl; }
H1 { font:normal 14px Tahoma,Verdana; }
H2 { font:normal 15px tahoma, Lucida Sans Unicode,Calibri,Arial;color:#FFFFFF; }
H3 { font:normal 13px tahoma, Lucida Sans Unicode,Calibri,Arial;color:#FFFFFF; }
H4 { font:normal 12px tahoma, Lucida Sans Unicode,Calibri,Arial;color:#FFFFFF; }
strong, b { font-weight:700; }
.clear { clear:both; }
.nofloat {
    float:none !important;
}
.divcenter {
    margin:0 auto 0 auto;
}
.img-left
{
    float:left;
    margin-right:8px;
    margin-top:4px;
    max-width :350px;
}
#assessment         { display:block; top:36px; right:170px; width:106px; position:fixed; padding:2px; z-index:100; }
* html #assessment  { position:absolute; }

/**************************************** breadcrumbs */
.breadcrumbs { margin:15px 0 0 0; display:table; }
.breadcrumbs div { float:right; }
.breadcrumbs a { color:#db291d; text-decoration:none; }
.breadcrumbs .current a { color:#333333; text-decoration:none; }

/**************************************** general - links */
a.news:link, a.news:visited, a.news:active { text-decoration:none;color:#d42b28; }
a.news:hover { text-decoration:none;color:#d14f4b; }
a.footer:link, a.footer:visited, a.footer:active { text-decoration:none; color:#FFFFFF; }
a.footer:hover { text-decoration:none; color:#540302; }
a.header:link, a.header:visited, a.header:active { text-decoration:none; color:#FFFFFF; }
a.header:hover { text-decoration:none; color:#FFFFFF; }
a.more:link, a.more:visited, a.more:active {text-decoration:none;color:#d42b28;}
a.more:hover {text-decoration:none;color:#d14f4b;}
a.mail-red:link, a.mail-red:visited, a.mail-red:active { text-decoration:none; color:#d42b28; }
a.mail-red:hover { text-decoration:underline; color:#d14f4b; }
a.mail-red-en:link, a.mail-red-en:visited, a.mail-red-en:active { font:11px Lucida Sans Unicode,Calibri,Arial; text-decoration:none; color:#d42b28; }
a.mail-red-en:hover { font:11px Lucida Sans Unicode,Calibri,Arial; text-decoration:underline; color:#d14f4b; }
a.main:link, a.main:visited, a.main:active { text-decoration:none; color:#333333; }
a.main:hover { text-decoration:none; color:#d14f4b; }
a.main-en:link, a.main-en:visited, a.main-en:active { font:11px Lucida Sans Unicode,Calibri,Arial; text-decoration:none; color:#333333; }
a.main-en:hover { font:11px Lucida Sans Unicode,Calibri,Arial; text-decoration:none; color:#d14f4b; }
a.mail:link, a.mail:visited, a.mail:active { font-size:13px;text-decoration:none;color:#000; }
a.mail:hover { font-size:13px;text-decoration:none;color:#df2728; }
a.link-red:link, a.link-red:visited, a.link-red:active { text-decoration:underline;color:#5c4f4e; }
a.link-red:hover { text-decoration:none;color:#df2728; }
a.sub-section:link, a.sub-section:visited, a.sub-section:active { padding-right:1px;text-decoration:none;color:#db291d; }
a.sub-section:hover { padding-right:1px;text-decoration:none;color:#4b4b4b; }
a.lang:link, a.lang:visited, a.lang:active {text-decoration:none;color:#FFFFFF; font-family:'Open Sans';}
a.lang.en { font-size:12px; }
a.lang:hover {text-decoration:none;color:#540302;}

/**************************************** header */
.header { font-size:13px; color:#FFFFFF; background-color:#DB291D; }
.top-table { width: 985px; margin: 0 auto 0 auto; border: none; }
.top-bg { width: 100%; height: 34px; background: #db291d; display: table; }
.top-container { width: 985px; margin: 0 auto 0 auto; }
.top-mobile-container { width: 100%; display:none; }
.top-separator { width:1px;height:9px;margin:2px 11px 0 11px;background-color:#fff; }
/* hide mobile menu */
#nav-mobile { display:none; }

/**************************************** footer */
.footer { font-size:13px; color:#FFFFFF; background-color:#DB291D; }
.footer-container { width:100%; background-color:#DB291D; padding:0 0 8px 0; display:table; }
.footer .logo-footer { width:73px;height:17px;background:url('common/sprite.png') -78px -108px;margin:0 6px 0 3px; cursor:pointer; }
.footer .hotline-box { padding:0 0 10px 0; margin:0 25px 0 0; display:table; float:right; }
.footer .hotline { width:165px; padding:0 0 10px 10px; color:#fdf4f3; }
.footer .hotline b, .footer .hotline strong { color:#540302; }
.footer .hotline .city { color:#540302; }
.footer .hotline a { color:#540302; text-decoration:none; }
.footer .hotline a:hover { color:#000; text-decoration:none; }
.footer-block { width: 985px; margin: 10px auto 0 auto; display:table; }
.footer-block-left { float:left; }
.footer-block-right { float:right; }
.hotline-container { width: 985px; margin: 28px auto 0 auto; display:table; }
.hotline-block { width:985px; margin:0 auto 0 auto; }
.copyright { font-family:Tahoma, Arial; font-size:13px; color:#101010; text-align:left; }

/**************************************** share */
.icon-gplus { background:url('common/sprite.png') -102px -156px; width:27px; height:27px; cursor:pointer; }
.icon-youtube { background:url('common/sprite.png') -68px -156px; width:27px; height:27px; cursor:pointer; }
.icon-twitter { background:url('common/sprite.png') -34px -156px; width:27px; height:27px; cursor:pointer; }
.icon-facebook { background:url('common/sprite.png') 0px -156px; width:27px; height:27px; cursor:pointer; }
.icon-email { background:url('common/sprite.png') -136px -156px; width:27px; height:27px; cursor:pointer; }
.icon-print { background:url('common/sprite.png') -170px -156px; width:27px; height:27px; cursor:pointer; }
.icon-video { position:absolute; margin:192px 0 0 2px; z-index:2; }
.share-block { margin-top:8px;margin-right:-1px;height:20px; }
.share-block td { padding:0 5px 0 0; }
.share-follow { padding:0 5px 0 0; }
.share-email {}
.share-print {}

/**************************************** testimonials */
.testimonial-bubble { width:100%; margin:10px auto 0 auto; padding:10px 0 10px 0; border:dotted 2px #eeece1; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.bubble {background:#fff;padding-top:2px;padding-left:22px;padding-right:10px;font-size:14px;color:#333333;border-left:solid 1px #d6d6d6;border-right:solid 1px #d6d6d6;}
.bubble-alt {padding-top:2px;padding-left:12px;padding-right:10px;font-size:14px;color:#807f7f;}

/**************************************** inner styles */
.leftmenu { width:290px; float:right; box-sizing: border-box; }
.main-text { width: 100%; font-size:14px; color:#444444; float:right; box-sizing: border-box; }
.main-text p { line-height: 22px; }
.main-text-en { font-family:Lucida Sans Unicode,Calibri,Arial; font-size:13px; }
.inner-content { width:100%; display:table; }
h1.inner-title { font-family:Tahoma, Arial; font-size:19px; color:#db291d; margin-top:20px; margin-bottom:20px; }
h2.inner-title { font-family:Tahoma, Arial; font-size:17px; color:#db291d; margin-top: 25px; margin-bottom: 15px;}
h3.inner-title { font-family:Tahoma, Arial; font-size:16px; color:#db291d; margin-bottom:5px; }
font.inner-title { font-family:Tahoma, Arial; font-size: 15px; color: #db291d; font-weight: normal; }
.inner-block-bottom { background:url("common/inner-block-bottom.gif") repeat; }
.inner-main { width:985px; background-color:#fff; }
.inner-main .inner-message { width:985px; margin:15px auto 0 auto; }
.inner-main .inner-message div { float:right; }
.inner-main .inner-message-text { width:723px; height:173px; background:#db291d; padding:5px 10px 5px 10px; margin:0 1px 0 0; position:relative; }
.inner-main .inner-message-text table { width:100%; height:173px; text-align:center; }
.inner-main .inner-message-tile { width:721px; background-color:#f9f9f9; text-align:center; padding:3px 10px 3px 10px; margin:0 1px 0 0; border:solid 1px #e2e2e0; }
.inner-main .inner-message-tile table { width:100%; height:173px; text-align:center; }
.inner-main .inner-message-separator { display:none; }
.inner-main .red-table { border-spacing: 0px; border-collapse: separate; margin:0px 0 0 0; }
.inner-main .red-table td { vertical-align:top; padding:0; }
.inner-main .red-table td.red-header { color:#fff;background:#db291d;padding:3px;text-align:center; }
.inner-block-tile1  {background:#f9f9f9 url("common/inner-block-tile1.gif");}

/* bulleted lists */
ul.red { margin-right:0px; padding-right:10px; list-style:none; line-height:22px; }
ul.red li { list-style-position:outside; list-style-image:url('common/bullet_square_red1.gif'); }
ul.red1 { margin-right:0px; padding-right:10px; list-style:none; line-height:22px; }
ul.red1 li { list-style-position:outside; list-style-image:url('common/bullet_square_red1.gif'); }
ul.red li ul.red-sub { padding:3px 0 3px 0; }
ul.red li ul.red-sub li { margin:0 15px 0 0;}
ul.bullet-round-red { list-style-image: url('common/bullet_round_red.gif'); }
ul.bullet-round-black { list-style-image: url('common/bullet_round_black.gif'); }
.bullet-red { margin-bottom:2px;margin-left:8px;height:4px;width:4px; }
.bullet-red1 { margin-bottom:2px;margin-left:6px;height:4px;width:4px; }
.bullet-number { font-family:Arial;font-size:13px;color:#db291d;margin-left:5px; }

/* services slider */
.services-slideshow-container { width: 240px; margin:0; }
.services-slider-block { width: 100%; height: 183px; background-repeat: no-repeat; overflow: hidden; position: relative; }
.services-slider { position: absolute; display: none; }

/* inquiry form small instructions */
.small-text { font-size:12px; color:#333333; }

/* ... */
.btn-news-back { border:solid 1px #d0d0d0; background:#f2f1f1; display:table; padding:4px 8px; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.btn-news-back:hover { border:solid 1px red; }
span.menu:hover { text-decoration:none;color:#d4231a; }
.solutions-group { width:30%;float:right; }
.video-container { /*width:100%; */ text-align:center; }
.video-container.left {
    float:left;
    margin:0 20px 0 0;
}
.video-container iframe { width:420px; height:236px; }
.contact-country-list { float: right; margin: 0 0 0 60px; }

/* solution */
.solution-blocks {
    display:table;
    margin:0 auto;
}
.solution-block {
    float:right;
    width:225px;
    padding:0 15px 10px;
    margin-bottom:10px;
    text-align:center ;

}
.solution-icon {
    display:table;
    margin:0 auto;
    padding:5px 0 10px;

}
.solution-icon img {
    width:43px;
  
}

.solution-block.col4 {
    width:200px;
}
.solution-block.col3 {
    width:280px;
}
.solution-icon {
    display:table;
    margin:0 auto;
    padding:5px 0 10px;

}
.solution-icon img {
    width:50px;
}
/* side buttons */
.side-button {
    width:282px;
    float: left;
    margin: 0 0 0 0;
    text-align:center;
    position:relative;
}

.side-action { 
    text-align:right;
    min-width:250px;
    background:#fff;
    color:#000; 
    font-size:17px; 
    padding:19px 20px;
    border:solid 1px #d1d1d1;
    border-bottom:none;
    line-height:32px;
    cursor:pointer;
    text-decoration:none;
    display:table;

    -moz-border-radius: 1px; 
    -webkit-border-radius: 1px; 
    border-radius: 1px;
}

.side-action.line2 {
    line-height:23px;
    padding:14px 20px;
}

.side-action.last {
    border-bottom:solid 1px #dedede;
}

.side-action:hover {
    background:#f7f7f7; /*#db291d;*/
    color:#db291d;
}

.side-action .icon-download {
    float:right;
    width:35px; height:35px;
    margin-left:13px;
    background:url('/common/sprite.png') -10px -193px no-repeat;
}

.side-action .icon-bi {
    float:right;
    width:35px; height:35px;
    margin-left:13px;
    background:url('/common/sprite.png') -54px -193px no-repeat;
}

.side-action.line2 .icon-bi {
    margin-top:7px;
}

.side-action .icon-quote {
    float:right;
    width:35px; height:35px;
    margin-left:13px;
    background:url('/common/sprite.png') -92px -192px no-repeat;
}

/* mid buttons */
.mid-actions {

}

.mid-actions:after {
    content: "";
    display: table;
    clear: both;
}

.mid-action {
    float: right;
}

.action-quote {
    width: 225px;
    height: 150px;
    background: url('common/button-download-brochure-bg.svg') 0 0 no-repeat;
    margin-left: 5px;
}

.action-brochure {
    width: 225px;
    height: 150px;
    background: url('common/button-request-quote-bg.svg') 0 0 no-repeat;
    margin-left: 5px;
}

.action-gartner {
    width: 515px;
    height: 150px;
    background: url('common/banner-gartners-bg-ar.svg') 0 0 no-repeat;
    margin-right: 6px;
}

.action-gartner-mobile {
    display: none;
}

.mid-btn {
    display: table;
    cursor: pointer;
    padding: 5px 5px;
    text-align: center;
    font-size: 15px;
    /*font-weight: 600;*/
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mid-btn-grey {
    /*background: #c7c7c7;
    color: #000000;
    margin: 100px auto 0;*/

       color: #DB291D;
    margin: 91px auto 0;
    border:solid 1px #DB291D;
}

.mid-btn-grey:hover {
    color: #EFEFEF;
    background: #DB291D;
}

.mid-btn-gartner {
    background: none;
    border: solid 2px #fff;
    color: #FFFFFF;
    padding: 5px 15px;
    margin: 91px 265px 0 0;
    
}

.mid-btn-gartner:hover {
    background: #FFFFFF;
    color: #da291c;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) {
    .mid-action {
        float: none;
        margin: 0 auto 3px;
        display: table;
    }
    .action-gartner {
        display: none;
        background-size: 100%;
        width: 100%;
        position: relative;
    }
    .action-gartner-mobile {
        display: block;
    }
}

/**************************************** contact form */
.contact-block { width:100%; }
.contact-block .contact-info { max-width:350px; }
.contact-block .contact-form { }
.contact-form .form-container { margin:0 auto 0 auto; }
.contact-form .form-left { float:left; }
.contact-form .form-right { float:right; }
.contact-form input[type="text"],
.contact-form select, .contact-form textarea { 
    width:303px;
}
.contact-form input[type="submit"] { margin:0 auto 0 auto; display:table; }
.contact-form .form-field { margin:0 0 10px 0; }
.contact-form input[type="text"].half { width:150px; }
.contact-form select.half { width:150px; }
.contact-form-button-green {
    background: #4CBB17;
    color: #fff;
    font-size: 22px !important;
    margin: 0 auto 5px auto;
    border-radius: 4px;
    padding: 20px 10px;
    border: 0px solid #bdc4c9;
    width: 210px;
    /*font-weight: 600;*/
    line-height: normal;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
}
.contact-form.alt input[type="text"],
.contact-form.alt select, .contact-form.alt textarea {
    width: 100%;
}

/**************************************** franchising form */
.franchsing-form-button { padding:6px 15px 8px 15px;margin:0 auto 10px auto; background-color:#db291d; text-align:center; display:table; color:#fff; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#franchsing-form { display:none; padding:20px 0 25px 0; }
#franchsing-form .form-container { margin:0 auto 0 auto; display:table; }
#franchsing-form input[type="text"] { width:300px; }
#franchsing-form input[type="submit"] { margin:0 auto 0 auto; display:table; }
#franchsing-form textarea { width:300px; height:150px; }
#franchsing-form .form-field { margin:0 0 10px 0; }
.captcha-container { clear:left; }
.horizontal-seperator {height:1px;width:100%;background-color:#efefef; }

/**************************************** admin */
.adminbody-ar { direction:rtl; }

/**************************************** multilevel menu */
/*
#nav { height:30px; font:12px Tahoma,Calibri,Arial; position:relative; margin:28px 0 0 21px; padding:0; float:left; z-index:101; }
#nav li { width:90px; list-style: none; display: block; float: right; position: relative; text-align:right; line-height: 30px; }
#nav li.nav-level1 { text-align:center; border-right: 1px solid #f8f8f8; border-left: 1px solid #d9d9d9; margin:0; background: #e3e2e2; }
#nav li.nav-level1 span:hover, #nav li.nav-level1 a:hover { color:#db291d; }

#nav li a { margin: 0px 0; line-height: 30px; text-decoration: none; color: #333333; display: block; }
#nav ul { background: #f2f5f6; padding: 0px; width:170px; margin:0; right:0; }
#nav ul li:hover { background:#666666; color:#fff; }
#nav ul li { border-bottom:1px solid #DDDDDD; width:170px; background:#f1eff0; font: 12px Tahoma,Calibri,Arial; display: block; visibility:visible; }
#nav ul li:last-child { border-bottom: none;}
#nav ul li:last-child a { border-bottom: none;}
#nav li:hover > ul { display: block; visibility:visible; }
#nav ul li div { line-height: 18px; padding: 5px 10px 5px 10px; cursor:default; }
#nav ul li a { line-height: 18px; padding: 5px 10px 5px 10px; color:#333333; }
#nav ul ul li a { line-height: 18px; padding: 5px 10px 5px 10px; }

#nav #nav-about { cursor:default; }
#nav #nav-about ul, #nav #nav-about li { width:130px; }
#nav #nav-services ul, #nav #nav-services li { width:220px; }
#nav #nav-services li ul li, #nav #nav-services li ul { width:180px; }
#nav #nav-solutions ul, #nav #nav-solutions li { width:180px; }
#nav #nav-about li a:hover, #nav #nav-services li a:hover, #nav #nav-solutions li a:hover { color:#fff; }

#nav ul { display: none; visibility:hidden; position: absolute; top:30px; border: 1px solid #DDDDDD; border-top: 1px solid #fff; }
#nav ul ul { top: 0px; right:170px; display: none; visibility:hidden; border: 1px solid #DDDDDD; }
#nav #nav-services ul ul { right:220px; }
#nav ul ul ul { top: 0px; right:170px; display: none; visibility:hidden; border: 1px solid #DDDDDD; }
*/

/**************************************** drop down menu (new) */
#menu {
    list-style:none;
    margin:15px 0 0 0;
    padding:0px;
    z-index:101;
    position:relative;
    background: #eeeeee;
    float:left;
}
 
#menu li {
    float:right;
    display:block;
    font-size:15px;
    text-align:center;
    position:relative;
    padding: 16px 20px;
    margin-top:0;
    border:none;
}
 
#menu li:hover {
    border:none;
    padding: 16px 20px;
    background: #dcdcdc;
}
 
#menu li a {
    color: #333333;
    display:block;
    outline:0;
    text-decoration:none;
}
 
#menu li:hover a {
    color:#161616;
}

/* Drop Down */
 
.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns {
    margin:16px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:right;
    border:none;
    background:#dcdcdc;
}

.dropdown_1column {width: 180px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 540px;}
.dropdown_4columns {width: 720px;}
 
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns {
    /*left:-1px;*/
    right:0;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4 {
    display:inline;
    float: right;
    position: relative;
}
.col_1 {width:180px;}
.col_2 {width:270px;}
.col_3 {width:470px;}
.col_4 {width:670px;}

/* Right alignment */

#menu li:hover .align_right {
    left:auto;
    /*right:-1px;*/
    right:0; 
    top:auto;
}

#menu li:hover .dropdown_4columns.align_right {
    right:-432px;
}

#menu li:hover .dropdown_3columns.align_right {
    right:-222px;
}

/* Drop Down Content Stylings */
 
#menu p, #menu h3, #menu ul li {
    line-height:20px;
    font-size:14px;
    text-align:right;
}
#menu h3 {
    color:#111;
    background:#dcdcdc;
    font-size:14px;
    font-weight:600;
    margin:0 0 0 0;
    padding:15px 10px;
}
#menu p {
    line-height:20px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:14px;
    color:#333333;
}
#menu li:hover div a:hover {
    color:#db291d;
}
#menu li ul {
    list-style:none;
    padding:0;
}
#menu li ul li {
    font-size:14px;
    line-height:20px;
    position:relative;
    padding:10px 20px 10px 0;
    margin:0;
    float:none;
    text-align:right;
    width:160px;
    cursor:pointer;
}
#menu .dropdown_4columns .col_1 ul li {
    padding:10px 10px 10px 10px;
}
#menu .dropdown_4columns .col_1 {
    
}
#menu .dropdown_4columns .col_1.edge {
    margin-left:0;
}
#menu li ul li:hover {
    background:#fafafa;
    border:none;
    padding:10px 20px 10px 0;
    margin:0;
    color:#DB291D;
}
#menu li ul li.last {
    border-bottom:none;
}

/**************************************** quotation */
.fade { 
    display:none;
    left:0;
    position:fixed; 
    width:100%; 
    height: 100%; 
    background-color:#000; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; 
    filter: alpha(opacity=65); 
    -moz-opacity:0.65; 
    -khtml-opacity: 0.65; 
    opacity: 0.65; 
    z-index:110; 
}

.quote-button { 
    float:left;
    margin:0 15px 10px 0;
    text-align:center;
    position:relative;
}

.call-to-action { 
    background:#4CBB17; 
    color:#fff; 
    font-size:20px; 
    padding:15px 20px; 
    cursor:pointer;
    text-decoration:none;
    display:table;

    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px;
}

.call-to-action:hover { background:#42a115; }

/**************************************** home (new) */
.body-home #menu {
    margin:15px 0 0 0;
}

.slideshow-container { width: 985px; margin: 15px auto 0 auto; }
.slider-block { width: 100%; height: 360px; background-repeat: no-repeat; overflow: hidden; position: relative; }
.slider { position: absolute; display: none; }
.slider-content { width: 985px; margin: 0 auto 0 auto; color: #333333; font-size: 22px; line-height: 45px; }
.slider-content.wide { width:1040px; }
.slider-content .slider-text-black { background: url('/common/tile-black-trans.png'); padding: 0 8px 0 8px; color: #fff; margin: 0 0 4px 0; display: none; }
.slider-content .slider-text-red { background: url('/common/tile-red-trans.png'); padding: 0 8px 0 8px; color: #fff; margin: 0 0 4px 0; display: none; }
.assessment-button {
    background: #db291d; 
    color: #fff; 
    font-size: 18px; 
    position: absolute; 
    line-height: normal;
    padding: 14px; 
    margin: 150px 732px 0 0; 
    cursor: pointer; 
    -moz-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10); 
    -webkit-box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10); 
    box-shadow: 1px 1px 3px 3px rgba(0,0,0,0.10); 
    z-index: 15; 
}
.vr-button {
    position:absolute;
    left:20px;
    bottom:20px;
}
.vr-button img {
    width:200px;
}
.social-container { width: 985px; margin: 15px auto 0 auto; }
.social-video, .social-video-mobile { width: 154px; height: 31px; background: url('/common/watch-video.gif'); float: right; cursor: pointer; }
.social-video-mobile { display:none; width:40px; }
.social-buttons { float: left; }
.social-twitter { width: 34px; height: 34px; background: url('/common/sprite-mobile.svg') 0 0 no-repeat; float: left; cursor: pointer; margin-left: 7px; }
.social-youtube { width: 34px; height: 34px; background: url('/common/sprite-mobile.svg') -41px 0 no-repeat; float: left; cursor: pointer; margin-left: 7px; }
.social-facebook { width: 34px; height: 34px; background: url('/common/sprite-mobile.svg') -82px 0 no-repeat; float: left; cursor: pointer; margin-left: 7px; }
.social-gplus { width: 34px; height: 34px; background: url('/common/sprite-mobile.svg') -123px 0 no-repeat; float: left; cursor: pointer; }
.social-contact-mobile { display:none; }
.callback-button { height:34px; background:#000000; float: left; cursor: pointer; margin-left: 7px; padding:0 12px 0 15px; color:#fff; font-size:15px; line-height:32px; }
.contactus-button { height:34px; background:#db291d; float: left; cursor: pointer; margin-left: 0; padding:0 12px 0 15px; color:#fff; font-size:15px; line-height:32px; }
.callback-button .icon { width:10px; height:16px; background:url('/common/sprite.png') -54px -129px no-repeat; float:right; margin:9px 0 0 8px; }
.contactus-button .icon { width:16px; height:12px; background:url('/common/sprite.png') -28px -129px no-repeat; float:right; margin:11px 0 0 8px; }
.inner-message-text .callback-button { height:32px; line-height:31px; left:0; bottom:5px; margin-left:151px; margin-bottom:5px; position:absolute; border:solid 1px #fff; background:#db291d; }
.inner-message-text .contactus-button { height:32px; line-height:31px; left:0; bottom:5px; margin-left:10px; margin-bottom:5px; position:absolute; border:solid 1px #fff; }

.services-bg { width: 100%; /*height: 450px;*/ margin: 20px auto 0 auto; padding:0 0 20px 0; background: #eaeaea; display: table; }
.services-bg  h1 { font-size: 19px; font-family: Tahoma, Arial; margin:0 0 4px 0; }
.services-container { width: 985px; margin: 20px auto 0 auto; }
.service-separator { width: 20px; float: right; }
.service { float: right; }
.service .service-category { width: 315px; height: 66px; color: #fff; font-size: 18px; text-align: center; position:relative; }
.service .service-category h2 { font-size: 18px; font-family: Tahoma, Arial; margin:0; }
.service .red { background: #db291d; padding: 20px 15px 0 15px; width: 285px; height: 46px; }
.service .black { background: #000; padding: 20px 15px 0 15px; width: 285px; height: 46px; }
.service .grey { background: #4c4c4c; padding: 20px 15px 0 15px; width: 285px; height: 46px; }
.service .service-expand {}
.service .service-options { width: 315px; background: #fff; 
                            -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05); box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05); }
.service-options .service-split { width: 315px; height: 1px; border-bottom: dotted 1px #404040; margin-bottom: 1px; }

.service-option {
    background:none !important;
    width: 315px;
    height: 99px;
    background:#fff;
    cursor:pointer;
}
.service-option .service-option-title {
    width:185px;
    float:right;
    color:#000;
    padding:37px 0;
    font-size:16px;
}
.service-option .service-option-title.line2 {
    padding:27px 0;
}
.service-option .service-option-title.line3 {
    padding:17px 0;
}
.service-option .service-option-title.line4 {
    font-size:14px;
    padding:12px 0;
}
.service-option:hover .service-option-title {
    color:#db291d;
}
.service-option .service-option-icon {
    width: 110px;
    height: 99px;
    float:right;
}
#service-option1 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 0 no-repeat;
}
#service-option1:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px 0 no-repeat;
}
#service-option2 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -109px no-repeat;
}
#service-option2:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -109px no-repeat;
}
#service-option3 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -218px no-repeat;
}
#service-option3:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -218px no-repeat;
}
#service-option4 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -327px no-repeat;
}
#service-option4:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -327px no-repeat;
}
#service-option5 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -436px no-repeat;
}
#service-option5:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -436px no-repeat;
}
#service-option6 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -545px no-repeat;
}
#service-option6:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -545px no-repeat;
}
#service-option7 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -654px no-repeat;
}
#service-option7:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -654px no-repeat;
}
#service-option8 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -763px no-repeat;
}
#service-option8:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -763px no-repeat;
}
#service-option9 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -872px no-repeat;
}
#service-option9:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -872px no-repeat;
}
#service-option10 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -981px no-repeat;
}
#service-option10:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -981px no-repeat;
}
#service-option11 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -1090px no-repeat;
}
#service-option11:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -1090px no-repeat;
}
#service-option12 .service-option-icon {
    background: url('/common/service-tabs-alt.png') 0 -1200px no-repeat;
}
#service-option12:hover .service-option-icon {
    background: url('/common/service-tabs-alt.png') -125px -1200px no-repeat;
}

.about-bg { width: 100%; background: #EAEAEA;margin-top: 30px; padding:20px 0 20px 0; display: table; }
.about-container { width: 985px; margin: 0 auto 0 auto; font-size: 14px; display:table; background:#EAEAEA; }

.banner-container { width: 985px; margin: 30px auto 0 auto; }
.banner-container .banner-startup-container { float: right; margin: 0 0 0 30px; }
.banner-container #banner-startup { width:432px; height:105px; background:#d9281e; color:#fff; font-family:Tahoma, Arial; display:table; cursor:pointer; }
#banner-startup .banner-startup-title { font-size:18px; text-align:center; display:table; margin:17px auto 0 auto; }
#banner-startup .banner-startup-mobile-title { font-size:18px; text-align:center; display:table; margin:17px auto 0 auto; }
#banner-startup .banner-startup-mobile-title { display:none; }
#banner-startup .banner-startup-subtitle { font-size:14px; text-align:center; display:table; margin:8px auto 0 auto; }
.banner-container .banner-greenbox-container { float: right; margin: 0 30px 0 20px; }
.banner-container #banner-greenbox { width:452px; height:105px; background:url('/common/banner-greenbox-blank.gif') no-repeat; color:#fff; font-family:Tahoma, Arial; display:table; cursor:pointer; }
.banner-container .banner-greenbox-content { width:350px; margin:0 0 0 102px; }
#banner-greenbox .banner-greenbox-title { font-size:18px; text-align:center; display:table; margin:29px auto 0 auto; }
#banner-greenbox .banner-greenbox-mobile-title { font-size:18px; text-align:center; display:table; margin:29px auto 0 auto; }
#banner-greenbox .banner-greenbox-mobile-title { display:none; }
#banner-greenbox .banner-greenbox-subtitle { font-size:18px; text-align:center; color:#ece815; display:table; margin:6px auto 0 auto; }

.lower-container { width: 985px; margin: 40px auto 0 auto; display: table; }
.testimonials-block { width: 350px; float: right; margin-left:142px; }
.testimonials-block .title { font-size: 18px; color: #333333; font-weight: 400; margin-bottom: 20px; }
.testimonials-block #testimonials { width: 325px; color: #555555; font-family:Arial; font-size: 15px; font-style: italic; margin: 0 20px 0 0; line-height: 22px; }
.testimonials-block .testimonial-start { width: 17px; height: 13px; background: url('/common/sprite-mobile.svg') 0 -44px no-repeat; margin: 0 0 8px 0; }
.testimonials-block .testimonial-end { width: 17px; height: 13px; background: url('/common/sprite-mobile.svg') -27px -44px no-repeat; margin: 10px 0 0 0; float:left; }
.testimonials-block .more { color: #db291d; font-size: 14px; font-style: normal; margin: 20px 0 0 20px; }
.testimonials-block .more a { color: #db291d; text-decoration: none; }
.testimonials-block .author { margin: -5px 0 0 20px; }
        
.news-block { width: 490px; float: right; }
.news-block .title { font-size: 18px; color: #333333; font-weight: 400; }
.news-block .news { width: 410px; color: #555555; font-size: 14px; margin: 35px 0 0 0; }
.news-block .news a { color: #555555; text-decoration: none; }
.news-block .news a:hover { color: #d14f4b; }
.news-block .news .news-separator { height: 1px; width: 395px; border-bottom: dotted 1px #d9d9d9; margin: 12px 0 12px 0; }
.news-block .news .more { color: #db291d; font-size: 14px; text-align: right; margin: 10px 0 0 0; }
.news-block .news .more a { color: #db291d; font-size: 14px; text-decoration: none; }

.partner-bg { width: 100%; background: #f6f6f6; margin-top: 30px; padding:20px 0 20px 0; display: table; }
.partner-container { width: 985px; margin: 0px auto 0 auto; }
.partner-container .logo { float: right; margin: 0px 29px 0 29px; cursor: pointer; }
.partner-container .logo-right { float: left; margin: 0px 29px 0 0; cursor: pointer; }

#mobile { display:none;}

/**************************************** feedback */
.feedback {
    display:table;
    margin:0 auto 0 auto;
}
.feedback-alert {
    color:red;
    text-align:center;
}
.feedback-title {
    font:600 16px Tahoma;
    display:table;
    color:#DB291D;
    margin:20px auto 25px;
}
.feedback-question {
    font:600 15px Tahoma;
    margin:10px 0 15px 0;
}
.feedback-nps {
    display:table;
    list-style:none; 
    margin:5px 0 10px; 
    padding:0;
    font:600 16px Tahoma;
    color:#777;
}
.feedback-nps li {
    width:30px;
    float:right;
    text-align:center;
    padding:13px 9px;
    margin:0 0 5px 5px;
    border:solid 1px #bbb;
    cursor:pointer;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
}
.feedback-nps li.on {
    background:#DB291D;
    color:#fff;
}
.feedback-nps-min {
    float:right;
}
.feedback-nps-max {
    float:right;
    margin-right:395px;
}
.feedback-smile {
    float:right;
    width:50px;
    height:50px;
    background:url('/common/feedback.png') 0 0 no-repeat;
    margin-left:25px;
    cursor:pointer;
}
.feedback-frown {
    float:right;
    width:50px;
    height:50px;
    background:url('/common/feedback.png') -60px 0 no-repeat;
    cursor:pointer;
}
.feedback-smile.on {
    background:url('/common/feedback.png') 0 -60px no-repeat;
}
.feedback-frown.on {
    background:url('/common/feedback.png') -60px -60px no-repeat;
}
.feedback-contact-field {
    margin:10px 0 0;
}
.feedback-contact input[type=text] {
    width:275px;
}
.feedback-button {
    background: #db291d;
    color: #fff;
    font-size: 16px !important;
    font-weight:600;
    margin: 20px auto 5px auto;
    border-radius: 4px;
    padding: 20px 10px;
    border: 0px solid #bdc4c9;
    width: 200px;
    line-height: normal;
    box-sizing: border-box;
    -webkit-appearance: none;
    cursor: pointer;
    text-align: center;
    display:table;
}
.feedback-message {
    padding:20px 0;
    font:normal 15px Open Sans;
    text-align:center;
}

/**************************************** mobile */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
{
    img { max-width:100%; }
    #mobile { display:block; }

    /* inner pages */
    #assessment { display:none; }
    .breadcrumbs { display:none; }
    .leftmenu { display:none; }
    .inner-main { width:100%; padding:0 15px; }
    .inner-main .inner-message { width:100%; }
    .inner-main .inner-message img { width:95%; }
    .inner-main .inner-message td { font-family:Open Sans; color:#a6a6a6; font-style:italic; text-align:left; padding:0 15px 0 15px; }
    .inner-main .inner-message-text { float:none; height:auto; width:100%; padding:0; margin:0; background:#fff; }
    .inner-main .inner-message-text table { height:auto; }
    .inner-main .inner-message-text table td { text-align:right; }
    .inner-main .inner-message-tile { display:none; }
    .inner-main .inner-message h2 { color:#a6a6a6; font-weight:normal; line-height:22px; }
    .inner-main .inner-message-image { float:none; text-align:center; width:100%; }
    .inner-main .inner-message-separator { float:none; width:100%; height:1px; background:#efefef; display:table; }
    .services-slideshow-container, .services-slider-block, .services-slider { float:none; text-align:center; width:100%; }
    .main-text { width:100%; padding:0 10px 0 10px; }
    .share-block { margin-top:10px; }
    .share-follow { display:none; }
    .share-email { display:none; }
    .share-print { display:none; }
    .solutions-group { width:100%; }
    .solutions-group div { margin-bottom:5px; }
    .video-container.right, .video-container.left {
        float:none;
        margin:0;
    }
    .video-container iframe {
        width: 100%;
        height: auto;
    }
    .contact-country-list { float: none; margin: 0 0 0 50px; }
    
    /* solution */
    .solution-block {
        float:none;
        width:225px;
        padding:0 15px 10px;
        margin-bottom:10px;
    }

    img#our-network { width:100%; }

    .contact-block { width:100%; }
    .contact-block .contact-info { max-width:270px; }
    .contact-block .contact-form { }
    .contact-form .form-container { display:table; }
    .contact-form .form-left { float:none; }
    .contact-form .form-right { float:none; }
    .contact-form input[type="text"],
    .contact-form select, .contact-form textarea { width:270px; }
    .contact-form input[type="text"].half { width:130px; }
    .contact-form select.half { width:135px; }
    .contact-form.alt input[type="text"],
    .contact-form.alt select, .contact-form.alt textarea {
        width: 270px;
    }

    #franchsing-form .form-container { margin:0 auto 0 auto; display:table; }
    #franchsing-form input[type="text"] { width:270px; }
    #franchsing-form textarea { width:270px; }
    .captcha-container { width:270px; margin:0 auto 0 auto; direction: initial !important; }
    #CaptchaContainer {transform:scale(0.90); -webkit-transform:scale(0.90); transform:scale(0.90);
                       /*transform-origin:0; -webkit-transform-origin:0 0; transform-origin:0 0;*/ }
    
    /* home */
    .top-table { display:none; }
    .top-bg { z-index: 21; position:absolute; }
    .top-container { display:none; }
    .top-mobile-container { height:50px; display:table; }
    #logo-mobile { background: url('/common/sprite-mobile.svg') 0 -67px no-repeat; width:96px; height:23px; float:left; margin:13px 0 0 12px; }
    #menu-mobile { background: url('/common/sprite-mobile.svg') -54px -44px no-repeat; width:16px; height:14px; float:right; margin:18px 18px 0 0; }
    #nav-mobile { background-color:#1d212d; width:100%; min-height:400px; color:#fff; padding:15px 0 15px 0; top:50px; bottom: 0; position:absolute; z-index: 20; }
    #mainContent { width:100%; overflow:hidden; position:absolute; top:50px; }
    #nav-mobile a { text-decoration:none; color:#fff; }
    #nav-mobile ul { list-style:none; margin:10px 20px 0 20px; padding:0; }
    #nav-mobile ul li { font-size:15px; padding:12px 15px 12px 0; border-top:solid 1px #343641; }
    #nav-mobile ul li .nav-mobile-category { background:#343842; padding:5px 10px 5px 0; margin:-5px -10px -5px 0; }
    #nav-mobile ul li.nav-mobile-level2 { margin:0; }
    #nav-mobile ul ul.nav-mobile-level2 { margin:12px 0 -12px 0; padding:0; display:none; }
    #nav-mobile .nav-mobile-facebook { width:34px; height:34px; background: url('/common/sprite-mobile.svg') 0 -99px no-repeat; float:right; margin:0 -10px 0 10px; }
    #nav-mobile .nav-mobile-twitter { width:34px; height:34px; background: url('/common/sprite-mobile.svg') -43px -99px no-repeat; float:right; margin:0 0 0 10px; }
    #nav-mobile .nav-mobile-youtube { width:34px; height:34px; background: url('/common/sprite-mobile.svg') -86px -99px no-repeat; float:right; margin:0 0 0 10px; }
    #nav-mobile .nav-mobile-gplus { width:34px; height:34px; background: url('/common/sprite-mobile.svg') -129px -99px no-repeat; float:right; }
            
    .slideshow-container { width: 100%; margin: 0 auto 0 auto; }
    .slider-block { height: 120px; }
    .slider-content { display:none; }
    .slider-content .slider-text-black { padding: 5px 8px 6px 8px; }
    .slider-content .slider-text-red { padding: 5px 8px 6px 8px; }
    .assessment-button { display:none; }
            
    .social-container { width:100%; }
    .social-video { display:none; }
    .social-video-mobile { margin-right:7px; display:block; }
    .social-twitter { margin-left: 7px; }
    .social-youtube { margin-left: 7px; }
    .social-facebook { margin-left: 7px; }
    .social-gplus { margin-left: 7px; }
    .social-contact-mobile { margin:10px auto -10px auto; display:table; float:none !important; }
    .social-buttons .callback-button, .social-buttons .contactus-button { display:none; }
    .callback-button, .callback-button-mobile { height:34px; background:#000000; float:left; cursor:pointer; margin-left:7px; padding:0 12px 0 15px; color:#fff; font-size:15px; line-height:32px; }
    .contactus-button, .contactus-button-mobile { height:34px; background:#db291d; float:left; cursor:pointer; margin-left:7px; padding:0 12px 0 15px; color:#fff; font-size:15px; line-height:32px; }
    .contactus-button, .contactus-button-mobile { margin-right:0px; }
    .callback-button .icon, .callback-button-mobile .icon { width:10px; height:16px; background:url('/common/sprite.png') -54px -129px no-repeat; float:right; margin:9px 0 0 8px; }
    .contactus-button .icon, .contactus-button-mobile .icon { width:16px; height:12px; background:url('/common/sprite.png') -28px -129px no-repeat; float:right; margin:11px 0 0 8px; }
    .inner-message-text .callback-button { height:34px; line-height:32px; right:0; bottom:0; margin-left:7px; margin-bottom:0; position:relative; border:none; background:#db291d; }
    .inner-message-text .contactus-button { height:34px; line-height:32px; right:0; bottom:0; margin-left:0; margin-bottom:0; position:relative; border:none; }
    .inner-message-text .inner-message-contact { margin:5px auto 0 auto; display:table; float:none !important; }

    .services-bg { height:auto; padding:0 0 20px 0; }
    .services-container { width:100%; }
    .services-container h1 { text-align:center; }
    .service { width:95%; max-width:350px; margin:0 auto 0 auto; float:none; }
    .service-separator { display:none; }
    .service .service-category { }
    .service .service-options { width:100%; max-width:350px; display:none; }
    .service-options #service-tab1 { width:100%; height:99px; background-position:0 -25px; }
    .service-options #service-tab2 { width:100%; height:99px; background-position:0 -184px; }
    .service-options #service-tab3 { width:100%; height:99px; background-position:0 -343px; }
    .service-options #service-tab4 { width:100%; height:99px; background-position:0 -502px; }
    .service-options #service-tab5, .service-options #service-tab6, .service-options #service-tab7 { width:100%; }
    .service-options .service-split { width:100%; }
    .service .red { width:100%; padding: 20px 0 0 0; }
    .service .black { width:100%; padding: 20px 0 0 0; }
    .service .grey { width:100%; padding: 10px 0 0 0; height: 60px; }
    .service .service-expand { width:18px; height:10px; background: url('/common/arrow-down.png') 0 0 no-repeat; position:absolute; left:20px; top:28px; }
    .about-container { display:none; }
            
    .banner-container { width:100%; margin: 30px auto 0 auto; display:table; }
    .banner-container .banner-startup-container { float:none; margin:0; }
    .banner-container #banner-startup { width:95%; display:table; margin:0 auto 15px auto; }
    #banner-startup .banner-startup-title { display:none; }
    #banner-startup .banner-startup-mobile-title { display:block; }
    .banner-container .banner-greenbox-container { float:none; margin:0; }
    .banner-container #banner-greenbox { width:95%; display:table; margin:0 auto 0 auto; }
    .banner-container .banner-greenbox-content { width:auto; }
    #banner-greenbox .banner-greenbox-title { display:none; }
    #banner-greenbox .banner-greenbox-mobile-title { display:block; margin:20px auto 0 auto; }
            
    .lower-container { width:100%; margin: 35px auto 0 auto; }
    .testimonials-block { width:92%; margin:0 auto 20px auto; float:none; }
    .testimonials-block #testimonials { width:85%; }
    .testimonials-block .testimonial-end {}
    .testimonials-block .more { text-align:right; }
    .news-block { width:92%; margin:0 auto 0 auto; float:none; }
    .news-block .news { margin:25px 0 0 0; width:100%; }
    .news-block .news .news-separator { width:90%; }
            
    .partner-bg { padding:13px 0 13px 0; }
    .partner-container { width:auto; margin: 0px auto 0 auto; }
    .partner-container .logo { float: left; margin:0 5px 0 5px; cursor: pointer; display:table; }
    .partner-container .logo-right { display:none; }
    .partner-container .logo img { max-height:43px; }
    .partner-mobile { margin: 0px auto 0 auto; display:table; }
     
    /* footer */
    .footer-block { width:100%; margin: 20px auto 0 auto; }
    .footer-block-left { float:none; margin:0 auto 0 auto; display:table; text-align: center; line-height: 22px; width: 90%; }
    .footer-block-right { float:none; margin:25px auto 15px auto; display:table; }
    .hotline-container { display:none; }
    .copyright { text-align:center; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) 
and (orientation : landscape)
{
    .slider-block { height: 170px; }
    .service .red { width:100%; }
    .service .black { width:100%; padding: 20px 0 0 0; height: 46px; }
    .service .grey { width:100%; padding: 10px 0 0 0; height: 60px; }
}

@viewport {
    width: device-width;
    zoom: 1;
}



.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: normal;
    padding: 10px 20px;
    font-size: 14px;
    /*line-height: 1.42857;*/
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn {
    background-color:#DB291D;
    color:#FFFFFF;
    border: 2px solid transparent;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: 0.3s background-color;
        
}
/*.btn:hover {
    background: none;
    color: #fff;
    border: 2px solid #DB291D;
}*/
.btn-reverse {
    background: none;
    border: solid 2px #DB291D;
    color: #DB291D;
}
.btn-reverse:hover {
    background: #DB291D;
    color: #fff;
    border: none;
    border: 2px solid transparent;
}

.btn-clicked {
  background: #DB291D;
    color: #fff;
    border: none;
    border: 2px solid transparent;
}