/*
Theme Name: Salesforce
*/

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

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: 1ex; }

sub {	top: .5ex; }

/* Links */

a {
	color: #0097d8;
	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; }

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;*/ }


.wrapper { max-width:1050px; margin:0 auto; }
.wrapper1 { max-width:1120px; margin:0 auto; }

/* layout */

#layout { float:left; width: 100%; padding:50px 0 0; position:relative; background:#fff url(../images/bg_pattern.jpg) repeat center top; }




/*********Header Css*********/
header{ float:left; width:100%; background:#151515; 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;}
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 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;}


.top_banner{ float: left;  min-height: 370px; position: relative; width: 100%; background-size:cover !important; }
.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:690px; margin:0 auto;}
.banner_cont h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:42px; line-height:48px; color:#fff; padding:0 0 0;}
.banner_cont p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; line-height:24px; padding-bottom:0; color:#fff; }

.top_banner a.salesforce_logo{ position:absolute; display:inline-block; width:auto; left:50%; bottom:-34px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); z-index:999; }
.top_banner a.salesforce_logo img{ vertical-align:top;}


/********************************************Bodycontent Css******************************************************************/
.bodycontent{float:left; width:100%; position:relative; padding:60px 0 0; }

.form_container{ float:left; width:100%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:0 0 3px rgba(0,0,0,0.3); margin:0 0 20px; position:relative;}

.form_container .block1{ display:block; margin:0 auto; max-width:855px; text-align:center; background:#fff; }
.form_container .block1 form{ float:left; width:100%; padding:45px 0 50px;}
.form_container .block1 p.intro_text{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:15px; line-height:24px; color:#424242; padding:0 0 20px;}
.form_container .block1 .award_logo{ display:inline-block; margin-bottom:44px;}
.form_container .block1 .award_logo img{ vertical-align:top;}
.form_container .block1 .col{ float:left; width:417px;}
.form_container .block1 .col.col2{ margin-left:20px;}
.form_container .block1 .col input[type="text"]{ float:left; width:100%; border:1px solid #80ccee; margin-bottom:22px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:18px; padding:10px 20px; color:#474747;}
.form_container .block1 .col input.error{border:1px solid #f00;}
.form_container .block1 .col label.error{ display:none !important; float:left;}
.form_container .block1 .col textarea{ float:left; width:100%; border:1px solid #80ccee; margin-bottom:22px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:18px; padding:10px 20px; min-height:165px; color:#474747;}
.form_container .block1 .col .row{ float:left; width:100%;}
.form_container .block1 .col .row p{ float:left; font-size:12px; line-height:18px; color:#a7a7a7; padding:10px 0 0;}
.form_container .block1 .col .row p a{ color:#a7a7a7; text-decoration:underline;}
.form_container .block1 .col input[type="submit"]{ float:right;font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:18px; color:#fff; background:#e94337; border-radius:50px; padding:10px 10px; min-width:126px; transition:all 0.3s ease-in-out 0s ; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;}
.form_container .block1 .col input[type="submit"]:hover{box-shadow: inset 0 -45px rgba(175,9,1,0.9); -webkit-box-shadow: inset 0 -45px rgba(175,9,1,0.9); -moz-box-shadow: inset 0 -45px rgba(175,9,1,0.9); color:#fff;}

.form_container .block2{ width:100%;  background:#fff; display:none; }
.form_container .block2_inner{ display:block; margin:0 auto; max-width:855px; text-align:center; padding:50px 0 30px;}
.form_container .block2 a.award_logo{ display:inline-block; margin-bottom:30px;}
.form_container .block2 h3{font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:36px; line-height:40px; color:#424242; padding:0 0 15px;}
.form_container .block2 p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#424242; padding:0 0 15px;}

.form_container .block3{ position:absolute; width:100%; left:0; top:0; display:none;  background:#fff; }
.form_container .block3_inner{ display:block; margin:0 auto; max-width:855px; text-align:center; padding:40px 0 0; }
.form_container .block3 a.award_logo{ display:inline-block; margin-bottom:30px;}
.form_container .block3 h3{font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:36px; line-height:40px; color:#424242; padding:0 0 15px;}
.form_container .block3 p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#424242; padding:0 0 15px; max-width:400px; margin:0 auto;}

#contactForm .info_box figure {
    background-size: cover !important;
    float: left;
    margin: 0 0 30px;
    min-height: 300px;
    position: relative;
    width: 100%;
}

#contactForm .info_box figure a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.info_container{ float:left; width:100%; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:0 0 3px rgba(0,0,0,0.3); margin:20px 0 0; text-align:center; padding:40px 8.5% 0;}
.info_container .info_box{ display:inline-block; float:left;  width:-moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width:calc(50% - 20px); vertical-align:top; margin:0 10px 30px;}
.info_container .info_box figure{ float:left; width:100%; min-height:235px; background-size:cover !important; position:relative;}
.info_container .info_box figure a{ position:absolute; display:block; width:100%; height:100%; z-index:999;}

.info_container .info_box .content_box{ float:left; width:100%; text-align:center; padding:30px 0 30px;}
.info_box .content_box h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; line-height:32px; color:#222222;}
.info_box .content_box p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#424242; padding:0 0 20px;}
.info_box .content_box a{ color:#fff; display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-weight:400; background:#e94337; border-radius:50px; padding:10px 10px; min-width:148px; text-transform:uppercase; letter-spacing:1px; transition:all 0.3s ease-in-out 0s ; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;}
.info_box .content_box a:hover{ box-shadow: inset 0 -45px rgba(175,9,1,0.9); -webkit-box-shadow: inset 0 -45px rgba(175,9,1,0.9); -moz-box-shadow: inset 0 -45px rgba(175,9,1,0.9); color:#fff;}


.ad_container{float:left; width:100%; padding:20px 0; margin:40px 0 40px;}
.ad_container .ad{ display:block; width:728px; /*min-height:90px;*/ 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;}


/********************************************Article Page Css******************************************************************/
.article_container{ float:left; width:100%; min-height:530px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); -moz-box-shadow:0 0 3px rgba(0,0,0,0.3);}
.article_container .banner_img{ float:left; width:100%; min-height:378px; background-size:cover !important;}
.article_container .intro_part{ float:left; width:100%; text-align:center; padding:20px 0 20px; position:relative;}
.article_container .intro_part:after{ content:""; position:absolute; width:118px; height:3px; background:#00a1e1; left:0; right:0; bottom:0; margin:0 auto;}
.article_container .intro_part span{ display:block; width:100%; text-align:center; padding:0 0 25px;}
.article_container .intro_part span img{ vertical-align:top; }
.article_container .intro_part h1{font-family:Georgia, "Times New Roman", Times, serif; font-size:42px; line-height:48px; color:#003c4c; padding:0 0 25px; text-transform:uppercase;}
.article_container .intro_part p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px; line-height:30px; color:#424242; padding:0 0 15px; max-width:520px; margin:0 auto;}

.article_container .content_part{ display:block; width:100%; max-width:800px; margin:0 auto; clear:both; padding:55px 0 125px;}
.article_container .content_part.leaders{ padding-bottom:80px}
.article_container .content_part > h3{font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:22px; line-height:41px; color:#000;}
.article_container .content_part > p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px; line-height:30px; color:#000; padding:0 0 30px;}
.article_container .content_part > p:first-of-type:first-letter{font-family: 'actalight'; float:left; font-size:110px; line-height:105px; color:#00a1e1; padding:0 15px 0 0; margin:5px 0 0;}
.article_container .content_part.first_up.guidelines > p:first-of-type::first-letter {
    color: #000 !important;
    float: none;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}
.video_block{ float:left; width:100%; margin:0 0 55px;}
.v_box { width: 100%; padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; background: none; }
.video-js{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.img-block {margin: 20px 0 50px 0;}


.article_container .content_part > p span.dots{ padding:0 18px 0 0; display:inline-block;}

.article_container .content_part.first_up.guidelines > p:first-of-type:first-letter{ margin:0;}

.article_container .content_part > p a{ color:#0097d8; text-decoration:underline;}
.article_container .content_part > p sup{ font-size:14px;}
.article_container .content_part .refrence_sec{ display:block; width:100%; padding:70px 0 0;}
.article_container .content_part .refrence_sec h3{font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:16px; line-height:20px; color:#000;padding:0 0 20px;}
.article_container .content_part .refrence_sec p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:13px; line-height:17px; color:#000; padding:0 0 20px;}



.article_container .leaders_sec{ display:block; width:100%; max-width:816px; margin:0 auto; clear:both; padding:0 0 72px; }
.leaders_sec .award_logo{display:inline-block; width:100%; vertical-align:top; text-align:center; padding:0 8px 65px;}
.leaders_sec .award_logo img{ vertical-align:top;}
.leaders_sec p.bottom_text{ font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px; line-height:26px; color:#000; padding:0 8px;}
.leaders_sec p.bottom_text a{color:#1897d8;}

.leaders_sec .leaders_container{ display:inline-block; width:100%; vertical-align:top; padding:0 0 100px;}
.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{ width:100%;}
.leader_box h3{font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:24px; line-height:28px; color:#000; clear:both; padding:30px 0 14px; }
.leader_box span.title{ display:block; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-style:italic; font-size:18px; line-height:22px; color:#000; padding:0 0 5px }
.leader_box a.company{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:22px; line-height:26px; color:#1897d8; }
.leader_box .company{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-weight:600; font-size:22px; line-height:26px; color:#1897d8; }
.leader_box p{font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:18px; line-height:26px; color:#000; padding:20px 0 15px; }

/********************************************Footer Css******************************************************************/
footer{ float:left; width:100%; background:#151515; padding:20px 0; text-align:center; }
footer a.footer_logo{ display:inline-block;}
a.footer_logo img{ vertical-align:top; width:149px;}
footer ul{ list-style:none; padding:12px 0 0; }
footer ul li{ display:inline-block; font-family: 'Source Sans Pro', sans-serif; font-size:11px; line-height:16px; font-weight:400; 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;}



html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
.img_caption { font-size: 12px; line-height: 20px; display: block; color:#000; }