@charset "utf-8";



/* Global Styles */



body {

	margin-left: auto;

	margin-right: auto;

	width: 92%;

	max-width: 960px;

	padding-left: 2.275%;

	padding-right: 2.275%;

}



/* Header */

header {

	text-align: center;

	display: block;

}

header .profileLogo .logoPlaceholder {

	background-color: rgba(208,207,207,1.00);

	width: 207px;

	text-align: center;
	
    margin: 3%;
}

header .logoPlaceholder span {

	width: 80px;

	height: 22px;

	font-family: 'Montserrat', sans-serif;

	color: rgba(255,255,255,1.00);

	font-size: 30px;

	font-weight: 700;

	line-height: 53px;

}

header .profilePhoto {

	width: 220px;

	border-radius: 10%;

	height: 190px;

	clear: both;

}

header .profileHeader h1 {
	 font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: 28px;
	 line-height: 30px;
	 font-weight: 300;
	 color: #000000;
	 background: #fff;
     letter-spacing: -1px;
     text-transform: uppercase;
	  margin-top: 2%;
	  text-align: left;
}

header .section1 h2 {
	 font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: 14px;
	 font-weight: 300;
	 color: #000000;
	 background: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
	 line-height: 50%;
}

header .profileHeader h3 {
	 font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: .9em;
	 font-weight: 500;
	 color: #000000;
	 background: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
	 line-height: 50%;
     text-align: left;
}

header .profileHeader .externalResourcesNav .externalResources {

	background-color: rgba(208,207,207,1.00);

	display: inline-block;

	text-align: left;

	margin-top: 0px;

	padding-top: 1%;

	cursor: pointer;

}


hr {
	background-color: #000000;
	height: 1.5px;
}

header .profileHeader p {

	font-family: sans-serif;

	color: rgba(146,146,146,1.00);

	font-size: 14px;

	font-weight: 400;

	line-height: 1.8;

	overflow-y: auto;
    text-align: left;
}

header .socialNetworkNavBar {

	text-align: center;

	display: block;

	margin-top: 60px;

	clear: both;

}

header .socialNetworkNavBar .socialNetworkNav {

	border-radius: 50%;

    cursor: pointer;

}

header .socialNetworkNavBar .socialNetworkNav img:hover {

    opacity:0.5;

}

/* Main Content sections */

.mainContent .section1 {

	display: block;
	float: none;
    clear: left;
}

.sectionTitle .h2 {

    font-family: 'Open-sans';
	font-size: 1em;

	font-weight: 500;

	text-transform: uppercase;
	
	text-align: left;

}
.section1 .sectionTitle, .section2 .sectionTitle {
	font-family: 'Open-sans', sans-serif;
	color: #000000;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	margin: -.5em 0% 0 0;

	float: left;
    height: 2px;
	clear: both;
	color: #000000;

}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	background-color: rgba(208,207,207,1.00);
	height: 1px;
	padding: 0px;
	color: #000000;

}


.mainContent .section1 .section1Content p {

     font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: 14px;
	 font-weight: 300;
	 color: #000000;
	 background: #fff;
     letter-spacing: .5px;
	 text-align: left;
	 clear: none;
}

.mainContent .section1 .section1Content p span {

	color: rgba(146,146,146,1.00);
    clear: left;
	font-family: sans-serif;
    text-align: left;
}

.section2 .sectionContentTitle {

	font-family: sans-serif;

	color: rgba(146,146,146,1.00);

	font-size: 18px;

	font-weight: 700;

}



.section2 .sectionContentSubTitle {

	font-family: sans-serif;

	color: rgba(68,67,67,1.00);

	font-size: 14px;

	font-weight: 400;

}

.section2 .sectionContent {

	font-family: sans-serif;

	color: rgba(146,146,146,1.00);

	font-size: 14px;

	font-weight: 400;

	line-height: 1.8;

}

.mainContent {

	display: block;
     clear: left;
}

.mainContent .externalResourcesNav .externalResources {

	background-color: rgba(208,207,207,1.00);

	display: inline-block;

	text-align: center;

	margin-top: 0px;

	padding-top: 3%;

	cursor: pointer;

}

.mainContent .externalResourcesNav .externalResources:hover {

	background-color: rgba(153,153,153,1.00);

}

.externalResourcesNav .externalResources a {

	font-family: 'Montserrat', sans-serif;

	color: rgba(255,255,255,1.00);

	font-size: 14px;

	font-weight: 400;

	line-height: 18px;

	text-decoration: none;

}

.stretch {

	content: '';

	display: inline-block;

	margin-left: 2%;

	margin-right: 2%;

}

/* Footer */

footer .footerDisclaimer {

	font-family: sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: rgba(104,103,103,1.00);

	font-weight: 700;

}

footer .footerDisclaimer span {

	color: rgba(181,178,178,1.00);

	font-weight: 400;

}

footer .footerNote {

	font-family: sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: rgba(104,103,103,1.00);

	font-weight: 700;

}

footer .footerNote span {

	color: rgba(181,178,178,1.00);

	font-weight: 400;

}



/* Media query for Mobile devices*/

@media only screen and (min-width : 285px) and (max-width : 480px) {

/* Header */

header {

	width: 100%;

	float: none;

}

header .profileLogo .logoPlaceholder {

	display: inline-block;

}

header .profilePhoto {

	display: inline-block;

}

header .socialNetworkNavBar {

    text-align: center;

    display: block;

    margin-top: 60px;

    clear: both;

    margin-bottom: 15%;

}

header .socialNetworkNavBar .socialNetworkNav {

	width: 60px;

	height: 60px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content sections */

.mainContent .section1 {
	text-align: left;
    margin-bottom: 1%;
}

.section1 .section1Title, .section2 .section1Title {
	text-align: left;
}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 100%;
}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	display: none;
    text-align: left;
}

.mainContent .section1 .section1Content {
	text-align: left;
	display: block;
	font-family: sans-serif;
}

.mainContent .section2 {

	display: block;
	text-align: left;

}

.section2 .section2Content {

    margin-top: 10%;

    text-align: justify;

    margin-bottom: 10%;

}

.mainContent .externalResourcesNav {

    margin-bottom: 10%;

 

}

.mainContent .externalResourcesNav .externalResources {

	width: 100%;

	height: 35px;

}

/* Footer */

footer {

	display: block;

	text-align: center;

	font-family: sans-serif;

}

}



/* Media Query for Tablets */

@media only screen and (min-width : 481px) and (max-width : 1024px) {

/* Header */

header {
	width: 100%;
	float: none;
	font-family: Open-Sans;
	font-size: 16px;
	vertical-align: baseline;

}

header .profileLogo .logoPlaceholder {

	display: inline-block;

	font-family: 'Montserrat', sans-serif;

}

header .profilePhoto {

	float: left;

	clear: both;

	margin-right: 0%;

    margin-top: 0%;

}


header .socialNetworkNavBar .socialNetworkNav {

	width: 74px;

	height: 74px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content and sections */

.section1 .section1Title, .section2 .section1Title {

	text-align: left;

}

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 100%;
    text-align: left;
}

.section1 .sectionTitleRule2, .section2 .sectionTitleRule2 {

	display: none;

}

.mainContent .section1 .section1Content {

	display: block;

	margin: 0% 0% 0% 20%;

	font-family: sans-serif;;
    clear: both;
    margin-top: 5%;

    margin-bottom: 5%;
	text-align: left;

}

.mainContent .section2 {

	clear: both;
    text-align: left;
}

.section2 .section2Content {

	padding: 0px;

	margin-left: 20%;

	font-family: sans-serif;
    text-align: left;
    margin-top: 5%;

    margin-bottom: 5%;
     clear: both;
}

.mainContent .externalResourcesNav {

	margin-left: 20%;

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

	padding-top: 0px;

	clear: both;

}

.mainContent .externalResourcesNav .externalResources {

	width: 199px;

	height: 48px;

    margin-top: 5%;

}

/* Footer */

footer .footerDisclaimer {

	float: left;

	margin-left: 3%;

	font-family: sans-serif;

}

footer .footerNote {

	float: right;

	margin-right: 3%;

	font-family: sans-serif;

}

}



/* Desktops and laptops  */

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

/* Header */

header .profileLogo .logoPlaceholder {

	float: left;

	margin-bottom: 25px;

}

header .profilePhoto {

	float: left;

	clear: both;

	margin-right: 1%;

}

header .profileHeader {

	text-align: justify;

	padding-top: 3%;
	
	margin-top: 3%;
	
	}

header .socialNetworkNavBar .socialNetworkNav {

	width: 74px;

	height: 74px;

	display: inline-block;

	margin-right: 23px;

}

/* Main content sections */

.section1 .sectionTitleRule, .section2 .sectionTitleRule {

	width: 22.5%;

}

.mainContent .section1 .section1Content {

	display: block;

	margin-top: 0%;

	margin-right: 0%;

	margin-left: 26%;

	margin-bottom: 0%;
      ext-align: left;
	font-family: sans-serif;

}

.mainContent .section2 {

	clear: both;

}

.section2 .section2Content {

	padding: 0px;

	margin-left: 26%;

	font-family: sans-serif;

}

.mainContent .externalResourcesNav {

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

	padding-top: 0px;

	clear: both;

}

.mainContent .externalResourcesNav .externalResources {

	width: 199px;

	height: 48px;

}

/* Footer */

footer .footerDisclaimer {

	float: left;

	margin-left: 3%;

	font-family: sans-serif;

}

footer .footerNote {

	float: right;

	margin-right: 3%;

	font-family: sans-serif;

}

}

.my-photo {
	width: 180px; height: 180px;
}
header .profileHeader .name {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	line-height: 30px;
	font-weight: 500;
	color: #000000;
	background: #fff;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding-top: 10px;
	margin-top: 10px;
	}
.name-contact {
	 font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: 12px;
	 font-weight: 700;
	 color: #000000;
	 background: #fff;
     letter-spacing: 1px;
     text-transform: uppercase;
	 line-height: 50%;
	}
.center-tabs {
	width: 430px;
	margin: float;
	padding: -10px;
}
.infotabs {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #0E0E0E;
	background: #fff;
	letter-spacing: -1px;
	border: thin solid #0B0B0B;
	width: 60px;
	height: 20px;
	list-style-type: none;
	float: left;
	font-variant: small-caps;
	font-style: normal;
	padding: 5px;
	margin: 5;
     }
	 


header2 {
    position: relative;
    height: 220px;
    background: #fff;
    margin: 0;
}

nav2 {
    position: absolute;
    right: 50px;
    top: 7px;
    width: 440px;height: 30px;
}
ul {
    list-style-type: none;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 50px;
}
li {
    display: inline-block;
    width: 130px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #000000;
    letter-spacing: .01em;
    font-style: normal;
    font-weight: 300;
    font-family: 'Open Sans';
}
a {
	display: inline-block;
	width: 120px;
	height: 40px;
	margin: 0px;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #11111B;
	letter-spacing: .01em;
	font-style: normal;
	font-weight: 400;
	font-family: 'Open Sans';
	text-decoration: none;
	border: 2px solid #0202D4;
   }
a:visited {
    text-decoration: none;
	color: #0707E4;
}

a:hover {
	text-decoration: underline;
	color: #0707E4;
}

a:active {
    text-decoration: underline;
}
.section1Content {
	text-align: left;
}
.newsection1Content {
     margin-top: 10px;
     font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	 font-size: 16px;
	 font-weight: 500;
	 color: #000000;
	 background: #fff;
     letter-spacing: .5px;
	 text-align: left;
	 clear: none;
}
