@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
 @font-face {
    font-family: 'times_new_romanbold_italic';
    src: url('../fonts/timesbi-webfont.eot');
    src: url('../fonts/timesbi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesbi-webfont.woff2') format('woff2'),
         url('../fonts/timesbi-webfont.woff') format('woff'),
         url('../fonts/timesbi-webfont.ttf') format('truetype'),
         url('../fonts/timesbi-webfont.svg#times_new_romanbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'times_new_romanitalic';
    src: url('../fonts/timesi-webfont.eot');
    src: url('../fonts/timesi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesi-webfont.woff2') format('woff2'),
         url('../fonts/timesi-webfont.woff') format('woff'),
         url('../fonts/timesi-webfont.ttf') format('truetype'),
         url('../fonts/timesi-webfont.svg#times_new_romanitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'times_new_romanregular';
    src: url('../fonts/times-webfont.eot');
    src: url('../fonts/times-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/times-webfont.woff2') format('woff2'),
         url('../fonts/times-webfont.woff') format('woff'),
         url('../fonts/times-webfont.ttf') format('truetype'),
         url('../fonts/times-webfont.svg#times_new_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'times_new_romanbold';
    src: url('../fonts/timesbd-webfont.eot');
    src: url('../fonts/timesbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesbd-webfont.woff2') format('woff2'),
         url('../fonts/timesbd-webfont.woff') format('woff'),
         url('../fonts/timesbd-webfont.ttf') format('truetype'),
         url('../fonts/timesbd-webfont.svg#times_new_romanbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @font-face {
	font-family: 'futuraLight';
	src: url('../fonts/futuraLight/FuturaLight.eot');
	src: url('../fonts/futuraLight/FuturaLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/futuraLight/FuturaLight.woff') format('woff'),  url('../fonts/futuraLight/FuturaLight.ttf') format('truetype'),  url('../fonts/futuraLight/FuturaLight.svg#futuraLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'futuraBold';
	src: url('../fonts/futuraBT/FuturaBT-Bold.eot');
	src: url('../fonts/futuraBT/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/futuraBT/FuturaBT-Bold.woff') format('woff'),  url('../fonts/futuraBT/FuturaBT-Bold.ttf') format('truetype'),  url('../fonts/futuraBT/FuturaBT-Bold.svg#futuraBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-demicond';
	src: url('../fonts/franklin/FranklinGothic-DemiCond.eot');
	src: url('../fonts/franklin/FranklinGothic-DemiCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/franklin/FranklinGothic-DemiCond.woff') format('woff'),  url('../fonts/franklin/FranklinGothic-DemiCond.ttf') format('truetype'),  url('../fonts/franklin/FranklinGothic-DemiCond.svg#franklin-demicond') format('svg');
	font-weight: lighter;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-demi';
	src: url('../fonts/franklin/FranklinGothic-Demi.eot');
	src: url('../fonts/franklin/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'),  url('../fonts/franklin/FranklinGothic-Demi.woff') format('woff'),  url('../fonts/franklin/FranklinGothic-Demi.ttf') format('truetype'),  url('../fonts/franklin/FranklinGothic-Demi.svg#franklin-demi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-medcond';
	src: url('../fonts/franklin/FranklinGothic-MediumCond.eot');
	src: url('../fonts/franklin/FranklinGothic-MediumCond.eot?#iefix') format('embedded-opentype'),  url('../fonts/franklin/FranklinGothic-MediumCond.woff') format('woff'),  url('../fonts/franklin/FranklinGothic-MediumCond.ttf') format('truetype'),  url('../fonts/franklin/FranklinGothic-MediumCond.svg#franklin-medcond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'franklin-Medium';
	src: url('../fonts/franklin/FranklinGothic-Medium.eot');
	src: url('../fonts/franklin/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/franklin/FranklinGothic-Medium.woff') format('woff'),  url('../fonts/franklin/FranklinGothic-Medium.ttf') format('truetype'),  url('../fonts/franklin/FranklinGothic-Medium.svg#franklin-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'calibri';
	src: url('../fonts/calibri/calibri.eot');
	src: url('../fonts/calibri/calibri.eot?#iefix') format('embedded-opentype'),  url('../fonts/calibri/calibri.woff') format('woff'),  url('../fonts/calibri/calibri.ttf') format('truetype'),  url('../fonts/calibri/calibri.svg#calibri') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CambriaBoldItalic';
	src: url('../fonts/cambria/Cambria-BoldItalic.eot');
	src: url('../fonts/cambria/Cambria-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/cambria/Cambria-BoldItalic.woff2') format('woff2'),  url('../fonts/cambria/Cambria-BoldItalic.woff') format('woff'),  url('../fonts/cambria/Cambria-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Cambria';
	src: url('../fonts/cambria/Cambria.eot');
	src: url('../fonts/cambria/Cambria.eot?#iefix') format('embedded-opentype'),  url('../fonts/cambria/Cambria.woff2') format('woff2'),  url('../fonts/cambria/Cambria.woff') format('woff'),  url('../fonts/cambria/Cambria.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CambriaMath';
	src: url('../fonts/cambria/CambriaMath.eot');
	src: url('../fonts/cambria/CambriaMath.eot?#iefix') format('embedded-opentype'),  url('../fonts/cambria/CambriaMath.woff2') format('woff2'),  url('../fonts/cambria/CambriaMath.woff') format('woff'),  url('../fonts/cambria/CambriaMath.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CambriaItalic';
	src: url('../fonts/cambria/Cambria-Italic.eot');
	src: url('../fonts/cambria/Cambria-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/cambria/Cambria-Italic.woff2') format('woff2'),  url('../fonts/cambria/Cambria-Italic.woff') format('woff'),  url('../fonts/cambria/Cambria-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'CambriaBold';
	src: url('../fonts/cambria/Cambria-Bold.eot');
	src: url('../fonts/cambria/Cambria-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/cambria/Cambria-Bold.woff2') format('woff2'),  url('../fonts/cambria/Cambria-Bold.woff') format('woff'),  url('../fonts/cambria/Cambria-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/running-text/SegoeUI-Light.eot');
    src: url('../fonts/running-text/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/running-text/SegoeUI-Light.woff2') format('woff2'),
        url('../fonts/running-text/SegoeUI-Light.woff') format('woff'),
        url('../fonts/running-text/SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MMaGauss-bold';
    src: url('../fonts/running-text/MMaGauss-Bold.eot');
    src: url('../fonts/running-text/MMaGauss-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/running-text/MMaGauss-Bold.woff2') format('woff2'),
        url('../fonts/running-text/MMaGauss-Bold.woff') format('woff'),
        url('../fonts/running-text/MMaGauss-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'MMaGauss-regular';
    src: url('../fonts/running-text/MMaGauss-Regular.eot');
    src: url('../fonts/running-text/MMaGauss-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/running-text/MMaGauss-Regular.woff2') format('woff2'),
        url('../fonts/running-text/MMaGauss-Regular.woff') format('woff'),
        url('../fonts/running-text/MMaGauss-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MMSchoolRD';
    src: url('../fonts/running-text/MMSchoolRD-Regular.eot');
    src: url('../fonts/running-text/MMSchoolRD-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/running-text/MMSchoolRD-Regular.woff2') format('woff2'),
        url('../fonts/running-text/MMSchoolRD-Regular.woff') format('woff'),
        url('../fonts/running-text/MMSchoolRD-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
	font-family: 'franklin-demicond';
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#fff;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

#toggle { 
	display:none;
}

/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 5em;
	margin:0;
	padding:0;
}
h2{

	font-size: 4em;
	margin:0;
	padding:0;
}
h3{

	font-size: 3em;
	margin:0;
	padding:0;
}
p{
	font-size: 2em;
}
.intro p{
	width: 50%;
	margin: 0 auto;

}
.section{
	text-align:center;
}
#menu li {
	display:inline-block;
	margin: 5px;
	color: #000;
	
}
#menu li.active{
	/*background:#666;
	background: rgba(0,0,0, 0.5);*/
	color: #555;
}
#menu li a{
	text-decoration:none;
	color: #555;
}
#menu li a:hover{
	color:#eb570f;
}
#menu li.active a:hover{
	color: #eb570f;
}
#menu li:hover{
	/*background: rgba(255,255,255, 0.8);*/
}
#menu li a,
#menu li.active a{
	padding: 9px 18px;
	display:block;
}
#menu li.active a{
	color: #eb570f;
}
#menu{
	position:fixed;
	top:0;
	left:0;
	height: 140px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
	background:#fff;
	border-bottom:1px solid #ececec;
	font-family: 'Segoe UI';
}

#menu #leftcol{
	float:left;
	width:20%;
	padding-left:5%;
}

#menu #rightcol{
	float:right;
	width:70%;
	text-align:center;
	padding-top:35px;
}

.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}

#logo{
	width:300px;
	height:170px;
	
	left:10px;
	top:-150px;
	
}

/*---------   section 0   ---------*/
#section0{
	background-image: url("../images/bg.jpg");
    min-height: 100%;
	min-width:100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}

#intro-text{
	padding-top:150px;
}
#intro-text h1{
	margin:0;
	padding:0;
	font-size:5em;
	
}
#intro-text h2{
	margin:50px auto 0 auto;
	padding:15px;
	font-size:4em;
	background: rgba(0,0,0,0.5);
	border-radius:20px;
	width:50%;
}

/*---------   section 1   ---------*/
#section1{
		background-image: url(../images/profile-bg.jpg);
		background-repeat:no-repeat;
		background-attachment: fixed;
		background-position:right center;
		padding-top:40px;
		min-height: 100%;
}

@media only screen and (max-width: 600px) {
    #section1 {
        background-image: none;
		background-position:center;
		padding-top:10px;
		background-size:50%;
    }
	
}
@media only screen  and (min-width: 769px) and (max-width: 1024px) {
    #section1 {
        background-image: url(../images/profile-bg.jpg);
		background-position:right center;
		padding-top:10px;
		background-size:100%;
    }
	#mytagline{
	width:55%;
	margin-left:7%;
	margin-top:5%;
	color:#eb570f;
	font-family: 'MMaGauss-bold';
	font-size:1em;
	
	}
	
	#mytagline img{
		width:20%;
		height:20%;
	}
	#myself{
		width:55%;
		margin-left:7%;
		margin-top:2%;
		color:#747474;
		font-family: 'MMSchoolRD';
		font-size:0.8em;
		text-align:justify;
	}
	
	
}
	

#section1 h1{
		color:transparent;
}
#about{
	
	width:70%;
	margin:0 auto;
	margin-top:145px;
	color:#747474;
	font-family: 'MMSchoolRD';
	font-size:0.9em;
	text-align:justify;
}

#about h1{
	color:#747474;
	text-align:center;
}
#about img{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	width:50%;
	height:50%;
}
#mytagline{
	width:45%;
	margin-left:10%;
	margin-top:0%;
	color:#eb570f;
	font-family: 'MMaGauss-bold';
	font-size:2em;
	
}
#myself{
	width:45%;
	margin-left:10%;
	margin-top:2%;
	color:#747474;
	font-family: 'MMSchoolRD';
	font-size:0.9em;
	text-align:justify;
}
#myname{
	color:#ea5e35;
	font-family: 'times_new_romanbold';
	font-size:8em;
	font-weight:800;
	width:70%;
	float:right;
}
.commas{
	font-family: 'franklin-demi';
	font-size:3em;
	color:#777;
}

/*---------   section 2   ---------*/
#section2{
	padding-top:160px;
	min-height: auto;
	background:##eb570f;
	display:none;
}
#portfolio{
	width:70%;
	margin:0 auto;
	margin-top:25px;
}

.smallPhoto{
	width:30%;
	height:250px;
	overflow:hidden;
	float:left;
	margin:1%;
	overflow:hidden;
	background:#fff;
}

.smallPhoto img{
	width:100%;
	
}

#videoBlock{
text-align:center;
}
#singleBlock{
display:inline-block;
width:30%;
height:auto;
margin-right:1%;
margin-bottom:1%;

}
#singleBlock iframe{
width:100%;
height:300px;
}

/*---------   section 3   ---------*/
#section3{
	padding-top:40px;
	min-height: auto;
}
#clients{
	width:75%;
	margin:15px auto 0;
	text-align:center;	
}
.clientBox{
	width:auto;
	height:auto;
	padding:1%;
	margin-right:1%;
	margin-bottom:1.5%;
	display:inline-block;
	
	transition:ease 0.3s;
	padding:20px 10px;

	
}
.logobox{
	height:100%;	
	
}


/*---------   section 4   ---------*/
#section4{
	padding-top:40px;
	min-height: auto;
	background-image: url(../images/contact-bg.jpg);
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:right bottom;
}
#contact{
	width:70%;
	margin:0 auto;
	margin-top:65px;
	color:#fff;
}
#contact a{
	color:#fff;
}
#contactLeft{
	font-family: 'MMSchoolRD';
	color:#fff;
	float:left;
	margin-right:30px;
	padding-top:0px;
	width:30%;
	font-size:1.5em;
	text-align:left;
	line-height:1.5em;
}
#contactRight{
	display:block;
	background:transparent;
	padding-top:10px;
	float:left;
	width:60%;
	height:auto;
	color:#fff;
}

/*form*/
::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
	font-family: 'MMSchoolRD';
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
   font-family: 'MMSchoolRD';
}
::-webkit-input-placeholder { /* safari */
   color: #fff;
   font-family: 'MMSchoolRD';
}

#form{
	padding-right:2px;
	display:block;
	width:100%;
	background-color:transparent;
	border:1px solid #fff;
	border-radius:6px;
	color:#fff;
}
.borderbottom{
	border-bottom:solid 1px #bcbcbc;
}
.formSingleLine{
	width:80%;
	border:none;
	font-family: 'MMSchoolRD';
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.4em;
	background-color:transparent;
	color:#fff;
}
.formMultiLine{
	width:90%;
	height:80px;
	border:none;
	font-family: 'MMSchoolRD';
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.4em;
	background-color:transparent;
	color:#fff;
}
.myBtn{
	cursor:pointer;
	color:#fff;
	font-size:0.9em;
	background: rgba(200, 41, 42, 0.6);
	width:100%;
	padding:10px;
	border-radius:6px;
	box-shadow:none;
	border:none;
}