/*
Theme Name: Salesforce-2
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:600|Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700|Roboto+Condensed:400,700');
/*css starts here*/

.font_usage{ 

    font-family: 'Source Sans Pro', sans-serif;

    font-family: 'Open Sans', sans-serif;
	
    font-family: 'Roboto Condensed', sans-serif;

    font-family: 'PT Serif', serif;

}

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

table,
th,
td {
	border: none
}

table { 
 	border-collapse: separate;  
	border-spacing: 0;  	
	border-width: 1px 0 0 1px;  	
	margin: 0 0 1.6em;  	
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */  	
	width: 100%;  }

caption,  th,  td {
 	font-weight: normal;
 	text-align: left;
 }

th {  	border-width: 0 1px 1px 0;
 	font-weight: 700;
 }

td {  	border-width: 0 1px 1px 0;  }

th, td {  	padding: 0.4em;  }

th {
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 28px;
 }

/* =Global----------------------------------------------- */

* {margin:0; padding:0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }

input { border: 0; outline: none }

img { border: none; outline: none; max-width: 100%; height: auto }

ul, ul li { list-style: none;}

ol, ol li { list-style: decimal;}

input[type="submit"], input[type="button"] { cursor: pointer }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }

.clearfix { display: inline-block }

* html .clearfix { height:1%;}

.clearfix { display: block }

p, span, a, small, blockquote, ul, li {line-height: normal;}

figure { max-width: 100% }

blockquote, q {quotes:"" ""; font-size:26px; font-style:italic; line-height:1; color:#000; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}

a { text-decoration: none; color:inherit; outline: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; line-height: normal; padding-bottom:5px; }

h1 { font-size:34px;line-height:36px;}
h2 { font-size:30px;line-height:32px;}
h3 { font-size:24px;line-height:28px;}
h4 { font-size:20px;line-height:24px;}
h5 { font-size:18px;line-height:20px;}
h6 { font-size:16px;line-height:18px;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }

/* Text elements */

p {	margin-bottom: 0; font-size:22px; line-height:35px; font-weight:300; }

dl {	margin: 0 1.625em; }

dt { 	font-weight: bold; }

dd {	margin-bottom: 1.625em; }

strong {	font-weight: bold; }

cite, em, i {	font-style: italic; }

blockquote { 	font-style: italic;	font-weight: normal; margin: 0 1em; }

blockquote em, blockquote i, blockquote cite { 	font-style: normal; }

blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q {	quotes: "" ""; }

a img {	border: 0; }

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {	bottom: 0; vertical-align: top; }

sub {	top: .5ex; }

/* Links */

a {
	color: #812244;
	text-decoration: none;
	/*transition: all 0.5s ease-in-out 0s;*/
}

a:focus,
a:active,
a:hover {
	text-decoration: none;
}

:focus {/* remember to define focus styles! */
	outline: 0;
}

table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {font-weight: normal;text-align: left;vertical-align:top;}

th,td{color: #000;
font-size: 16px;
line-height: 19px;
text-align: left;}

table img{ margin:0 !important; width:100%;}

/* Reset CSS ENDS HERE */

html { -webkit-font-smoothing: antialiased; height:100%;}

body { font-size:14px; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#151515;-webkit-font-smoothing: antialiased; overflow-x: hidden; height:100%; }

div#siteloader { position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: visible; background: #000;}
#lottie{ background-color:#000; width:100%; height:100%; display:block; overflow: hidden; transform: translate3d(0,0,0); text-align: center; opacity: 1;  }

.wrapper { max-width:810px; margin:0 auto; }
.wrapper1 { max-width:1190px; margin:0 auto; }

/* layout */

#layout { float:left; width: 100%; height:100%; /*padding:90px 0 0;*/ padding:50px 0 0; position:relative; background:#fff; }




/*********Header Css*********/
header{ float:left; width:100%;  text-align:center;  position:fixed;  left:0; top:0;   }
header .header_inner{float:left; width:100%; padding:0 20px; border-top:4px solid #bce2f1; position:relative; min-height:50px; background:#151515;}
header.animatedParent{z-index:999999;}
header a.logo{ display:inline-block;margin:0; padding:0; width:auto; float:left; margin:12px 0 0;}
header a.logo img{ vertical-align:top; width:95px; height:22px;}

header a.paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; font-weight:600; background:#bce2f1; padding:3px 5px 3px 5px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); min-width:230px;}
a.paid_logo i{ padding:0 0 0 5px; font-size:13px; }

header .show_text{ float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
header .show_text sup{ font-size: 8px;}
header .show_text a{color:#666}
header .show_text a:hover{color:#999}
header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }


header ul.social_icon{ list-style:none; float:right; width:auto; margin-top:9px;}
header ul.social_icon li{ list-style:none; display:inline-block; float:left; margin-left:10px;  }
header ul.social_icon li:first-child{ margin-left:0; }
header ul.social_icon li a{ display:block; width:30px; height:30px; border-radius:50%; border:2px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header ul.social_icon li a i{ font-size:15px; line-height:25px; color:#fff; display:inline-block; }
header ul.social_icon li a:hover{opacity:0.7;}


header .header_mid{float:left; width:100%; min-height:40px; background:#be8919; text-align:center; padding:12px 0 0;}
.header_mid a{ display:inline-block; font-size:14px; line-height:18px; letter-spacing:0.25px; color:#fff; text-decoration:underline; font-family: 'PT Serif', serif; font-weight:700; vertical-align:top;  position:relative; }
.header_mid a span.mobile{ display:none;}
.header_mid a:before{ content:""; width:15px; height:25px; position:absolute; top:-3px; left:-26px; background:url(../images/left_leaf.png) no-repeat 0 0; }
.header_mid a:after{ content:""; width:15px; height:25px; position:absolute; top:-3px; right:-26px; background:url(../images/right_leaf.png) no-repeat 0 0;}
.header_mid a:hover{ text-decoration:none;}


header .header_bottom{float:left; width:100%; min-height:100px; background:rgba(255,255,255,0.1); position:relative; box-shadow:0 1px 2px rgba(0,0,0,0.15);  padding:24px 20px 0; transition: background ease 0.3s;}
body.dark header .header_bottom{ background:rgba(0,0,0,0.70);}

.header_bottom a.salesforce_logo{ float:left; width:218px;}

.header_bottom a.back_btn{float:left; position:relative; font-family:"proxima-nova"; font-weight:700; color:#fff; font-size:16px; line-height:24px; margin:15px 0 0 30px; }
.header_bottom a.back_btn:after{ content:""; width:14px; height:24px; position:absolute; top:0; left:-30px; background:url(../images/left_arr.png) no-repeat 0 0; background-size:14px;}

.header_bottom a.title_part{ display:block; width:504px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:25px; line-height:29px; letter-spacing:0.64px; color:#fff; text-transform:uppercase; position:absolute; left:50%; top:37px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }

.header_bottom a.toggle_menu{ float:right; color:#fff; font-family:"proxima-nova"; font-weight:700; font-size:16px; line-height:20px; letter-spacing:0.1px; position:relative; margin:17px 20px 0 0;}
.header_bottom a.toggle_menu span{ display:none;}
.header_bottom a.toggle_menu:after{ content:""; width:9px; height:6px; position:absolute; top:9px; right:-20px; background:url(../images/toogle_arrow.png) no-repeat 0 0; background-size:9px;}

.header_bottom #menu{ position:absolute; top:0%; right:0; width:617px; background:#151515; padding:30px 0 30px 0; opacity:0; visibility:hidden; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}


.header_bottom #menu:after{ content:""; position:absolute; width: 0; height: 0; top:-10px; right:20px;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #151515;}
.header_bottom #menu.active{ opacity:1; visibility:visible; top:100%;}

#menu ul{ list-style:none; text-align:left;}
#menu ul li{ float:left; width:100%; margin:10px 0; position:relative; padding:0 0 0 54px;}
#menu ul li.article_type{ margin:26px 0 4px;}
#menu ul li.current:after{ content:""; position:absolute; width:9px; height:9px; border-radius:50%; left:30px; top:10px; background:#d14375;}
#menu ul li a{ display:inline-block; color:#fff; font-family:"proxima-nova"; font-weight:400; font-size:21px; line-height:31px; letter-spacing:0.21px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
#menu ul li a:hover{ text-decoration:underline; }
#menu ul li span{ text-transform:uppercase; font-family:"proxima-nova"; font-weight:700; color:#d14375; font-size:16px; line-height:20px;}

.home_banner{ float:left; width:100%; height:100%; background:#000; position:relative;}
.home_banner:after{content:""; position:absolute; width:100%; left:0; top:0; height:150px; z-index:999; text-align:left;background-color: rgba(0,0,0,0.3); 
background: -webkit-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0.001)); 
background: linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0.001)); 
background: -o-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0.001));  
background: -moz-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0.001));}


.home_banner .img_container{ position:absolute; width:100%; height:100%; left:0; top:0; background:#000; overflow:hidden; }

/*.img_container video{position:absolute;top:50%;left:0;min-width:75%;min-height:100%;width:auto;height:auto;z-index:1; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); background-color:rgba(0,0,0,0);background-size:75% auto !important;}*/

.img_container .video-js{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-image:url(../images/home_main.jpg); background-color:rgba(0,0,0,0);background-size:95% auto !important;}
.img_container .vjs-tech { position: absolute; top: 50% !important; left: 0; min-width:75%;min-height:100%; width: auto !important; height: auto !important;  transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); background-color:rgba(0,0,0,0);background-size:75% auto !important;}
.img_container video::-webkit-media-controls{display:none !important;-webkit-appearance:none;}
.img_container video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none;}
.img_container video::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none;}
.img_container video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none;}


.img_container .img_box{position:absolute; width:95%; height:100%; left:0; top:0; background-size:cover !important; visibility:hidden; opacity:0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; }
.img_container .img_box:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; z-index:999; background:rgba(0,0,0,0.2);}
/*.img_container .img_box.main_img{ visibility:visible; opacity:1;}*/
.img_container .img_box.active{ visibility:visible; opacity:1; z-index:999; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s;}


.home_banner .text_container{ position:absolute; width:42%; height:100%; right:0; top:0; padding:100px 50px 0; z-index:9999; }
.text_container:before{content:""; position:absolute; left:-150px; top:0; width:717px; height:100%; background:url(../images/caption_shadow.png) repeat-y left 0;}
.text_container:after{content:""; position:absolute; right:0; top:0; width:calc(100% - 567px); height:100%; background:#000; z-index:-1;}

.text_inner{ position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); max-width:490px;}
.text_container h2{ font-family:"proxima-nova"; font-weight:400; font-size:20px; line-height:24px; color:#fff; padding:0; margin:0 0 50px; display:inline-block; background:#812244; padding:11px 17px 11px 15px; border-radius:2px; }
.text_container ul{ list-style:none; text-align:left; }
.text_container ul li{ display:block; width:100%;  transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; position:relative;}
.text_container ul li:after{ content:""; position:absolute; left:-32px; top:5px; width:9px; height:15px; background:url(../images/active_arr.png) no-repeat 0 0; background-size:9px; opacity:0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.text_container ul li:hover:after{ opacity:1;}
.text_container ul li.inactive{ opacity:0.35;}
.text_container ul li a{ display:block; color:#fff; padding:0 0 50px;}
.text_container ul li:last-child a{ padding:0;}
.text_container ul li h3{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:24px; line-height:28px; color:#fff;}
.text_container ul li p{ font-family: 'PT Serif', serif; font-weight:400; font-size:18px; line-height:24px; color:#fff;}


.mob_container{ float:left; width:100%; height:100%; position:relative; display:none; }
.mob_container .mob_slider{float:left; width:100%; height:100%;}
.mob_slider .slick-track, .mob_slider .slick-list{ height:100%;}
.mob_slider .mob_slide{float:left; width:100%; height:100%; display:none; background-size: cover !important; }
.mob_slider .mob_slide:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; z-index:99; background:rgba(0,0,0,0.4);}
.mob_slider .mob_slide:first-child{ display:block;}
.mob_slider.slick-initialized .mob_slide{ display:block;}
.mob_slide .slide_cont{ position:absolute; left:0; bottom:0; z-index:999; padding:0 15px 118px 15px; max-width:100%; }
.mob_slide .slide_cont h3{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:25px; line-height:29px; color:#fff; max-width:410px;}
.mob_slide .slide_cont p{ font-family: 'PT Serif', serif; font-weight:400; font-size:18px; line-height:24px; color:#fff; max-width:450px;}

.mob_container .slider-nav{ display:inline-block; clear:both; margin:0; position:absolute; left:35px; bottom:55px; z-index:999;}
.slider-nav .slick-prev{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/left_arr.png) no-repeat center center; width:21px; height:17px; margin:auto 0 ;left:-22px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:8px; border:none; display:none; }
.slider-nav .slick-next{ position:absolute; font-size:0; background:rgba(0,0,0,0) url(../images/next_arr.png) no-repeat center center; width:20px; height:20px; margin:auto 0; right:-22px; top:0; bottom:0; z-index:999; cursor:pointer; background-size:8px; border:none;}

.slider-nav ul{ display:block; padding:8px 0 0;}
.slider-nav ul li{ display:inline-block; height: 10px; margin: 0; padding: 0 5px; vertical-align: top; width: auto;}
.slider-nav ul li button{ background: #ffffff; border:none; border-radius: 50%; display: block; height: 10px; padding:0; text-indent:-9999px; width:10px; cursor:pointer;}
.slider-nav ul li.slick-active button { background: #0097d8;}


/********************************************InnerPage Css******************************************************************/

.top_banner{ float: left; /*height: 100%;*/ min-height:700px; position: relative; width: 100%; background-size:cover !important; }
.top_banner:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; z-index:999; background:rgba(0,0,0,0.65);}
.banner_cont{ float:left; width:100%; position:absolute; z-index:9999; text-align:center; padding:0 0 0; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; }
.banner_cont .cont_part{ display:block; max-width:800px; margin:0 auto;}
.banner_cont h1{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:46px; line-height:56px; color:#fff; padding:0 0 13px;}
.banner_cont p{ font-family: 'PT Serif', serif; font-weight:400; font-size:20px; line-height:30px; padding:0; color:#fff; max-width:505px;  margin:0 auto; }

.banner_cont a.scroll_more{ float:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; line-height:20px; color:#fff; letter-spacing:0.21px; position:relative; padding:0 0 0 50px; display:none;}
.banner_cont a.scroll_more:after{ content:""; width:25px; height:15px; position:absolute; top:2px; left:8px; background:url(../images/scroll_more.png) no-repeat 0 0; background-size:25px;}
.banner_cont a.salesforce_logo{ display:inline-block; width:130px; float:right; display:none;}
.banner_cont a.salesforce_logo img{ vertical-align:top;}



/********************************************Bodycontent Css******************************************************************/
.bodycontent{float:left; width:100%; position:relative; background:#f8f8f8; z-index:999; }


.article_container{ float:left; width:100%; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.2); -moz-box-shadow:0 0 2px rgba(0,0,0,0.2); margin:-90px 0 0; padding:100px 0 190px; z-index:999; }


.article_container .left_sec{ float:left; width:58%; padding:0 60px 0; }
.left_sec > p{ font-family: 'PT Serif', serif; font-weight:400; font-size:20px; line-height:30px; padding:0 0 30px; color:#5b5b5b; }
.left_sec > p:first-of-type:first-letter{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; float:left; font-size:98px; line-height:70px; padding:0 18px 0 12px; margin:13px 0 0; color:#812244; /*background-image: linear-gradient(to bottom, #00a1e0, #0e7ec0); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/  }
.left_sec > p a:hover{ text-decoration:underline;}
.left_sec span.sub-title { display: block; font-family: 'PT Serif', serif; font-size: 29px; line-height: 40px; margin: -25px 0 55px; font-style: italic; color: #812244; }
.left_sec .list-item { list-style: none; overflow:hidden; padding: 0; margin: 0; }
.left_sec .list-item li { width: 100%; float:left; position: relative; padding: 0 0 20px 20px; }
.left_sec .list-item li:after { content: ''; position: absolute; left: 0px; top: 12px; width: 6px; height: 6px; border-radius: 50%; background: #5b5b5b; }
.left_sec .list-item li p { padding: 0; font-family: 'PT Serif', serif; color:#5b5b5b; font-size:20px; line-height:30px;  }
.left_sec .list-item { }
.left_sec .list-item { }

.left_sec > figure{ float:right; width:calc(100% + 84px); max-width:none; margin:35px 0 30px -84px;}
.left_sec > figure img{ vertical-align:top; }
.img_caption { font-family: 'PT Serif', serif; font-weight:400; font-size: 16px; line-height: 22px; padding:15px 0 5px; display: block; clear:both; color:#acacac; text-align:right; }

.left_sec > blockquote{ display:none;}

.left_sec > h3{ font-family: 'PT Serif', serif; font-weight:400; font-size:31px; line-height:35px; color:#812244; padding:55px 0 15px; }


.article_container .right_sec{ float:right; width:42%;  padding:0 60px 0; }
.right_sec blockquote{ margin:100px 0 125px; padding:133px 0 150px; font-style:normal; max-width:360px; position:relative; }
.right_sec blockquote:before{ content:""; width:106px; height:76px; position:absolute; top:0; left:50%; margin:0 0 0 -53px; background:url(../images/quote_before.png) no-repeat 0 0; background-size:106px;}
.right_sec blockquote:after{ content:""; width:106px; height:76px; position:absolute; bottom:0; left:50%; margin:0 0 0 -53px; background:url(../images/quote_after.png) no-repeat 0 0; background-size:106px;}
.right_sec blockquote p{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:36px; line-height:50px; color:#5b5b5b; letter-spacing:-0.46px; }

.right_sec .judges_sec{ float:left; width:100%; text-align:center; padding:58px 0 40px; border-radius:5px; background-color: #215ca0; 
background: -webkit-linear-gradient(top, #0097db,#215ca0); 
background: linear-gradient(top, #0097db,#215ca0); 
background: -o-linear-gradient(top, #0097db,#215ca0);  
background: -moz-linear-gradient(top, #0097db,#215ca0);}

.right_sec .judges_sec h3{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:25px; line-height:29px; letter-spacing:0.32px; color:#fff; text-transform:uppercase; padding:0 0 55px; }

.right_sec .judges_sec ul{ list-style:none; text-align:center;}
.right_sec .judges_sec ul li{ display:block; list-style:none; margin:0 0 52px; width:100%; clear:both; }
.right_sec .judges_sec ul li figure{ display:block; width:170px; max-width:100%; margin:0 auto 20px;}
.right_sec .judges_sec ul li figure img{ vertical-align:top; border-radius:5px; }
.right_sec .judges_sec ul li h4{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:16px; line-height:19px; color:#fff; text-transform:uppercase; padding:0 0 2px; clear:both;}
.right_sec .judges_sec ul li span{ display:block; font-family: 'PT Serif', serif; font-weight:700; font-size:13px; line-height:17px; letter-spacing:0.3px; color:#63d0ff; text-transform:uppercase; clear:both; }



.right_sec .article_nav{ float:left; width:100%; max-width:376px; text-align:left; padding:78px 0 0;}
.right_sec .article_nav h3{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:25px; line-height:36px; color:#812244; padding:0 0 33px;}
.right_sec .article_nav ul{list-style:none; text-align:left;}
.right_sec .article_nav ul li{display:block; list-style:none; margin:0 0 40px; width:100%; clear:both;}
.right_sec .article_nav ul li figure{display:block; width:100%; max-width:100%; margin:0 0 21px;}
.right_sec .article_nav ul li figure img{ vertical-align:top;}
.right_sec .article_nav ul li h4{ font-family: 'PT Serif', serif; font-weight:400; font-size:25px; line-height:36px; color:#5b5b5b; }





.leaders_container{ float:left; width:100%; vertical-align:top; padding:100px 0 160px; }
.leaders_container .leader_box{float:left; width:-moz-calc(50% - 16px); width: -webkit-calc(50% - 16px); width: -o-calc(50% - 16px); width:calc(50% - 16px); margin:0 8px 30px; }
.leader_box figure{ float:left; width:100%; text-align:center;}
.leader_box figure img{ vertical-align:top; width:100%; box-shadow: 0 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);}

.leader_box h3{ font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:25px; line-height:29px; color:#5b5b5b; clear:both; padding:30px 0 6px; }
.leader_box .company{ display:inline-block; font-family: 'PT Serif', serif; font-weight:700; font-size:20px; line-height:24px; letter-spacing:0.5px; color:#812244; }
.leader_box p{ font-family: 'PT Serif', serif; font-weight:400; font-size:18px; line-height:26px; color:#5b5b5b; padding:20px 0 60px; }



.ad_container{float:left; width:100%; padding:38px 0; margin:40px 0 40px; background:#f8f8f8; }
.ad_container.home{ background:#303030; margin:0; padding:15px 0; }
.ad_container .ad{ display:block; width:300px; background:#000; margin:0 auto; max-width:100%; text-align:center; }
.ad_container.home .ad{ display:block; width:728px; background:#000; margin:0 auto; max-width:100%; text-align:center; }
.ad_container .ad a{ display:block;}
.ad_container .ad a img{ vertical-align:top;}
.ad_container .ad a img.mobile_ad{ display:none;}


/********************************************Footer Css******************************************************************/
footer{ float:left; width:100%; background:#151515; padding:20px 0; text-align:center;}
body.home footer{ display:none;}
footer a.footer_logo{ display:inline-block;}
a.footer_logo img{ vertical-align:top; width:166px;}
footer ul{ list-style:none; padding:12px 0 0; }
footer ul li{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-size:12px; line-height:16px; font-weight:600; color:#fff; padding:0 5px 0 8px; background:url(../images/link_sep.jpg) no-repeat left center; }
footer ul li:first-child{ background:none; }
footer ul li a{ display:block; color:#fff;} 
footer ul li a:hover,footer ul li a:focus{ color:#888888;}
footer ul li a.ad_choices img{ vertical-align:middle; margin-left:3px; transition:all .15s ease-in-out 0s;}
footer ul li a.ad_choices:hover img,footer ul li a.ad_choices:focus img{ opacity:0.5;}



html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }

.menu_col{ max-height: calc(90vh - 150px);}
.scroll-h { height: 424px; } 
.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=1)"; -ms-filter: "alpha(opacity=1)"; }
.mCSB_scrollTools .mCSB_draggerRail { background: #303030; width: 8px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #7d7d7d; width: 8px; }
.text_container ul li { padding-left: 32px; }
.text_container ul li::after { left: 0px; }
.home_banner .text_container { width: 640px; padding-left: 44px; } 
.text_container h2 { margin: 0 0 40px 32px; }
.mCSB_inside > .mCSB_container { margin-right: 30px; }


.text_container .scroll-h ul li a { padding-bottom: 60px; }

.infographic-bar { padding: 100px 0 0; background: #000; width: 100%; }
.infographic-bar img { display: block; margin: auto; }