/* ============================= */
/* ========= reset css ========= */
/* ============================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
/* ============================= */
/* ========= HTML5 DISPLAY RULE ========= */
/* ============================= */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, fieldset, legend { display:block;}


/* ============================= */
/* ========= BODY ========= */
/* ============================= */
body{ width:100%; height:100%; color:#333333; font-size:12px; background: #ffffff; font-family: Roboto, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /*font-family: "proxima-nova",sans-serif; font-stretch: condensed;*/}
@media all and (min-width: 0px) and (max-width: 860px) {
	body{ background: #ffffff;}	
}


/* ============================= */
/* ========= SITE ========= */
/* ============================= */
.site{ width:100%; height:100%; overflow-x: hidden;}


/* ============================= */
/* ========= CONTAINER ========= */
/* ============================= */
.container{ position:relative; width:100%; height:100%;}


/* ============================= */
/* ========= HEADER ========= */
/* ============================= */
header#header{ width:100%; height:90px; overflow:hidden; background:url(../images/bg_header.jpg) repeat-x 0 0;}
/* ========= headerTop ========= */
header#header .headerTop{ width:100%; display:block; overflow:hidden; height:35px;}
/**/
header#header .headerTop .headerTopLeft{ display:block; width:auto; float:left;}
header#header .headerTop .headerTopLeft img{ margin-top:13px;}
/**/
header#header .headerTop .headerTopRight{ display:block; width:auto; float:right;}
header#header .headerTop .headerTopRight .phone{ display:block; float:left; width:auto; height:26px; padding-top:7px;}
header#header .headerTop .headerTopRight .separator{ display:block; float:left; width:8px; height:35px; margin:0 3px 0 8px;}
header#header .headerTop .headerTopRight .openAccount{ display:block; float:left; width:auto; padding-top:7px;}
/* ========= headerMain ========= */
header#header .headerMain{ width:100%; display:block; overflow:hidden; height:94px; }
header#header .headerMain h1{ display:block; float:left; overflow:hidden; width:160px; height:97px;}
header#header .headerMain h1 a{ display:block; overflow:hidden; width:120px; height:34px; margin-top:29px; text-indent:-9000px; background:url(../images/logo_bestbank.png) no-repeat 0 0;}
header#header .headerMain h2{ display:block; float:right; overflow:hidden; width:190px; height:11px; margin-top:51px; text-indent:-9000px; background:url(../images/txt_pers-invest-worldwide.png) no-repeat 0 0;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= HEADER ========= */
	header#header{ height:auto; background:#ffffff;}
	header#header .headerMain{ height:auto; padding:0px 20px 5px; }
	header#header .headerMain h1{ width:107px; height:auto;}
	header#header .headerMain h1 a{ width:107px; height:40px; margin-top:0; background:url(../images/logo_bestbank_mob.png) no-repeat 0 0; background-size:107px 30px;}
		
}


/* ============================= */
/* ========= BANNER ========= */
/* ============================= */
#banner{ position:relative; width:100%; height:487px; background: #eaedf0 url(../images/d_banner-repeat-x.jpg) repeat-x 0 0;}
#banner .holder{ width:1280px; background:url(../images/d_banner.jpg) no-repeat center 0;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= BANNER ========= */
	#banner{ position:relative; width:100%; overflow:hidden; height:auto; margin-bottom:30px; }
	#banner .holder{ width:100%;}	
}


/* ============================= */
/* ========= CONTENT ========= */
/* ============================= */
#content{ position:relative; width:auto; margin:0 auto; height:100%;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= MAIN ========= */
	#content{ width:100%; padding-top:2px; background: url(../images/bg_content-line.png) no-repeat center 0; background-size:100% 2px;}
}


/* ============================= */
/* ========= MAIN ========= */
/* ============================= */
#main{ overflow:hidden; width:auto; /*border:1px solid #dddddd; box-shadow: 0 4px 2px -2px #dcdcdc; border-radius:10px;*/ background: #ffffff;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= MAIN ========= */
	#main{ width:auto; overflow:hidden; margin:0 auto 0; border:none; box-shadow: inherit; background: #ffffff; border-radius:0px;}
}


/* ============================= */
/* ========= FOOTER ========= */	
/* ============================= */
footer#footer{ overflow:hidden; height:34px; padding-top:20px; background:#111f31; border-bottom:5px solid #1e5497;}
/**/

#footer .rights{ width:auto; display:block; float:left; font-size:12px; color:#c9c9c9;}

#footer .links{ width:auto; display:block; float:right; font-size:12px; color:#c9c9c9;}
#footer .links ul{ width:auto; display:block;}
#footer .links ul li{ display:block; float:left; margin:0 5px; color:#3388e8; font-size:12px;}
#footer .links ul li a{ width:auto; display:block; color:#c9c9c9; text-decoration:none;}

/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= FOOTER ========= */
	footer#footer{ display:block; height:auto; padding:6vw 0; border-bottom:10px solid #1e5497;}
	
	#footer .rights{ float:none; display:table; margin:0 auto; font-size:3vw; color:#888888;}
	
	#footer .links{ float:none; display:table; margin:0 auto 4vw;}
	#footer .links ul li{ font-size:2.8vw; margin:0 1vw;}
}




















/* ============================= */
/* ========= main SECTION ========= */
/* ============================= */
#main section{ width:100%; height:auto;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= MAIN SECTION ========= */
	#main section{ width:auto; padding:0 4%;}	
}


/* ============================= */
/* ========= #BLOCK 01 ========= */
/* ============================= */
section#block_01{ background:#ffffff;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= #BLOCK 01 ========= */
	section#block_01{}
}


/* ============================= */
/* ========= #BLOCK 02 ========= */
/* ============================= */
section#block_02{ }
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= #BLOCK 02 ========= */
	section#block_02{ background:#1c4f90 url(../images/m_block_02.jpg) no-repeat center 0; background-size:100%;}
}


/* ============================= */
/* ========= #BLOCK 03 ========= */
/* ============================= */
section#block_03{ background: #1c4f90 url(../images/d_block_02.jpg) no-repeat center 0;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= #BLOCK 03 ========= */
	section#block_03{}
}


/* ============================= */
/* ========= #BLOCK 04 ========= */
/* ============================= */
section#block_04{ padding:35px 0; background:#132944 url(../images/d_block_04.jpg) no-repeat center 0;}

/* ========= D PLATFORM ========= */
.d_platform{ display:block; width:250px; float:left; margin-left:20px;}
.d_platform strong{ display:block; font-size:18px; line-height:18px; margin-bottom:10px; color:#3377bb;}
.d_platform dl{ overflow:hidden; display:block; font-size:13px; line-height:18px;}
.d_platform dl dt{ float:left; display:block; color:#c9c9c9; margin-right:8px; clear:left;}
.d_platform dl dd{ float:left; display:block;}
.d_platform dl dd a{ color:#3388e8;}

/* ========= D TRADING ========= */
.d_trading{ display:block; width:400px; float:left;}
.d_trading strong{ display:block; font-size:18px; line-height:18px; margin-bottom:10px; color:#3377bb;}
.d_trading em{ display:block; font-size:13px; line-height:18px; margin-bottom:10px; color:#c9c9c9; font-style:normal;}
.d_trading p{ display:table; font-size:13px; line-height:18px; color:#3388e8;}
.d_trading p span{ display:table-cell; font-size:7px; vertical-align:middle; padding:0 4px; color:#ffffff;}


/* ========= M TRADING ========= */
.m_trading{ display:block; width:auto; text-align:center; margin-bottom:11vw;}
.m_trading strong{ display:block; font-size:6vw; line-height:7vw; margin-bottom:7vw; color:#ee8b14;}
.m_trading em{ display:block; font-size:4vw; line-height:6vw; margin-bottom:7vw; color:#c9c9c9; font-style:normal;}
.m_trading cite{ display:block; font-size:10vw; line-height:10vw; margin-bottom:7vw; color:#3388e8; font-style:normal;}
.m_trading p{ display:table; font-size:5vw; line-height:6vw; color:#3388e8; margin:0 auto 2vw;}
.m_trading p span{ display:table-cell; font-size:2vw; vertical-align:middle; padding:0 2vw; color:#ffffff;}

/* ========= M PLATFORM ========= */
.m_platform{ display:block; width:auto; text-align:center;}
.m_platform strong{ display:block; font-size:6vw; line-height:7vw; margin-bottom:7vw; color:#ee8b14;}
.m_platform a{ display:block; width:auto; margin:0 5% 35vw;}
.m_platform a img{ width:100%; }


/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= #BLOCK 04 ========= */
	section#block_04{ background:#162f4e url(../images/m_block_04.jpg) no-repeat center bottom; background-size:100%;}
}















/* ============================= */
/* ========= TITLE BLOCK ========= */
.titleBlock{ overflow:hidden; text-align:center; padding:30px 0 0px; width:auto;}
.titleBlock h1{ display:block; font-size:30px; line-height:28px; text-transform:uppercase; font-weight: 700; margin-bottom: 50px; margin-top: 35px;}
.titleBlock strong{}
.titleBlock b{}
.titleBlock p{}
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= TITLE BLOCK ========= */
	.titleBlock{ padding:10vw 0 0;}
	.titleBlock h1{ font-size:9vw; line-height:12vw;}
	.titleBlock strong{}
	.titleBlock b{}
	.titleBlock p{}
}


/* ============================= */
/* ========= iconsList ========= */
.iconsList{ overflow:hidden; }
.iconsList ul{ display:block; overflow:hidden; clear:both;}

.iconsList ul li{ display:block; float:left; min-height:180px; width:20%; padding: 0 2% 0px; text-align:left;}
.iconsList ul li:first-child{ border:0;}

.iconsList ul li > img{ display:block; width:100px; margin:0 auto 20px;}
.iconsList ul li > strong{ display:block; font-size:20px; line-height:25px; margin-bottom:5px;}
.iconsList ul li > p{ display:block; font-size:16px; line-height:22px; margin-bottom:20px; margin-top: 20px;}


#block_01 .iconsList ul{ margin-bottom:60px;}

#block_02 .iconsList ul{ margin-bottom:45px;}
#block_02 .iconsList ul li{ border-left:1px solid #296eae;}
#block_02 .iconsList ul li:first-child{ border:0;}

#block_03 .iconsList ul{ margin:00px 0;}
#block_03 .iconsList ul li{ border:none; width:29%; padding: 0 2% 20px;}
#block_03 .iconsList ul li p{ display:block; font-size:16px; line-height:20px; margin-bottom:20px; text-align: center;}
#block_03 .iconsList ul li a{ overflow:hidden; position:relative; width:215px; margin:0 auto; display:block; text-decoration:none;}
#block_03 .iconsList ul li a > img{ display:block; width:100%; margin:0 auto 20px;}
#block_03 .iconsList ul li a > strong{ display:block; font-size:18px; line-height:20px; margin-bottom:5px;}
#block_03 .iconsList ul li a > span{  position:absolute; display:block; height:35px; width:50px; margin:auto; bottom:0; left:0; right:0; top:0;
 transition: opacity 0.2s ease 0s; opacity: 0.7; background:url(../images/ico_youtube-play.png) no-repeat 0 0;}
#block_03 .iconsList ul li a:hover > span{ opacity: 1;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= iconsList ========= */
	.iconsList{ padding:5vw 0 5vw;}
	.iconsList ul{ margin-bottom:10px;}
	.iconsList ul li{ width:auto; min-height:auto !important; border:0; float:none; margin: 0; margin-bottom:1vw; padding:0;}


	.iconsList ul li img{ width:40%; margin:0 auto; margin-bottom:5vw;}
	.iconsList ul li strong{ font-size:6vw; line-height:7vw;}
	.iconsList ul li p{ font-size:4vw; line-height:5vw;}
	
	#block_01 .iconsList ul{ margin-bottom:0;}
	#block_02 .iconsList ul li{ border:0;}
	#block_03 .iconsList ul{ margin:0;}
	#block_03 .iconsList ul li{ border:none; width:auto; padding: 0;}
	#block_03 .iconsList ul li a{ width:75%;}
	#block_03 .iconsList ul li p{ font-size:4vw; line-height:5vw;}
}


/* ============================= */
/* ========= FORM BLOCK ========= */
#formBlock{ box-sizing:border-box; position:absolute; left:0; top:0; width:100px; height:auto; background:red;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= FORM BLOCK ========= */
	#formBlock{}

}











/* ============================= */
/* ========= GENERIC ========= */
/* ============================= */
.holder{ overflow:hidden; width:1140px; height:100%; margin:0 auto; }
.desk{ display:block !important;} 
.mobile{ display:none !important;}

.c_white{ color:#ffffff;}
.c_blue{ color:#3377bb;}
.c_brown{ color:#af6907;}
.c_black{ color:#ffffff;}
.c_gray{ color:#666666;}
/* ============================= *//* ============================= */
@media all and (min-width: 0px) and (max-width: 860px) {
	/* ========= GENERIC ========= */	
	.holder{ overflow:hidden; width:100%; height:100%; margin:0 auto; }
	.mobile{ display:block !important;}
	.desk{ display:none !important;}
}















/* ============================= *//* ============================= */
/* ========= BUTTONS COLORS ========= */
/* ============================= *//* ============================= */
.button {
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: medium none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
}
.small {
    font-size: 10px;
    font-weight: bold;
    padding: 4px 16px;
}
/* black */
.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top, #666, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

.black:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top, #444, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

.black:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top, #000, #444);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top, #757575, #4b4b4b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top, #575757, #888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    color: #666666;
    border: solid 1px #666666;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.white:hover {
    background: #ededed;
    color: #666666;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background: -moz-linear-gradient(top, #fff, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    background: #efa239;
    background: -moz-linear-gradient(center top , #efa239, #ea9135) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #da7c0c;
    color: #fef4e9 !important;
}
.orange:hover {
    color: #fef4e9;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top, #c9151b, #a11115);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top, #aa1317, #ed1c24);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top, #0095cc, #00678e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top, #0078a5, #00adee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
    color: #fae7e9;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top, #f16c7c, #bf404f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}

.rosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
    background: -moz-linear-gradient(top, #cf5d6a, #a53845);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}

.rosy:active {
    color: #dca4ab;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
    background: -moz-linear-gradient(top, #bf404f, #f16c7c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top, #6b9d28, #436b0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

.green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}

.pink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}

.pink:active {
    color: #f3c3d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top, #f171ab, #feb1d3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}

.bb-btn-primary {
    color: #fff;
    background-color: #3a88c6;
    border-color: #3a88c6;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
    text-decoration: none;
}