/*GLOBAL*/
html,body{
	font-family: 'Roboto', sans-serif;
	height:100%;
	margin:0;
}

* {
	box-sizing: border-box;
	/*-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
}

input{
-webkit-user-select: auto !important;
-khtml-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

*:focus{
	outline: none;
}

button:focus {outline:0;}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #bbb;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #bbb;
  opacity:  1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #bbb;
  opacity:  1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #bbb;
}

a{
	color:#f38d70;
	text-decoration:underline;
}

a:hover{
	color:#db77f4;
}

a:active{
	color:#f38d70;
}

#iixel{
	background: #f38d70; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #f38d70 , #db77f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #f38d70, #db77f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #f38d70, #db77f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #f38d70 , #db77f4); /* Standard syntax */
	color:#fff;
	font-size:16px;
	display:block;
	margin:auto;
	max-width: 1400px;
	z-index:2;
}

#iixel.loaded{
	background:#fff;
}

.clear{
	clear:both;
}

.universalBox{
	padding:20px;
	box-shadow:0px 2px 4px #000;
}

.flexbox{
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.flexWrap{
	display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;   
    flex-wrap: wrap;
}

.flexColumn{
	flex-direction:column;
}

.flexRow{
	flex-direction:row;
}

.spacearound{
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-box-pack: justify;
    -moz-justify-content: space-around;
    -moz-box-pack: justify;
    -ms-justify-content: space-around;
    -ms-flex-pack: justify;
}

.spacebetween{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-justify-content: space-between;
    -ms-flex-pack: justify;
}

.spacecenter{
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -moz-box-pack: justify;
    -ms-justify-content: center;
    -ms-flex-pack: justify;
}
.footnote{
	font-size:12px;
}
/*GLOBAL*/

/*Thank you msg after user contacts us*/
#ThankYou{

}
/*Thank you msg after user contacts us*/

/*this div blocks the entire page until page is fully loaded*/
#blkr{
	position:fixed;
	top:0;
	left:0;
	background: #f38d70; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #f38d70 , #db77f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #f38d70, #db77f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #f38d70, #db77f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #f38d70 , #db77f4); /* Standard syntax */
	width:100%;
	height:100%;
	z-index:2;
	display:flex;
	align-items: center;
 	justify-content: center;
}
.logo{
    position: relative;
    display: block;
    margin: auto;
    max-width: 45%;
    z-index: 3;
}
/*this div blocks the entire page until page is fully loaded*/

/*nav header*/
nav{
	
}
#logoIconCont{
	margin:0 24px;
	float:left;
}
.logoIcon{
	max-width: 285px;
    display: block;
    margin: auto;
}

#tabButtons{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 50%;
    font-size: 18px;
    font-weight: normal;
    float:right;
    padding:12px 12px 0 0;
}
.tabBTN{
	padding:8px;
	color:#bbb;
	cursor:pointer;
}
.tabBTN:hover{
	color:#eee;
}
.on{
	color:#f38d70;
	border-bottom:3px solid #f38d70;
}
.off{
	color:#bbb;
	border-bottom:none;
}
.getInTouch{
    background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border: 1px solid #bbb;
}
#Deployr, #Documentation{
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#Deployr:hover, #Documentation:hover{
	color:#eee;
}
/*nav header*/

/*mainContent*/
#mainContent{
    width: 100%;
    color:#555;
    min-height: calc(100vh - 151px);

}
.tab-content{
	padding:12px 40px;
}
/*mainContent*/

/*home*/
#homeTabContent h1{
	font-size:70px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:30px 0 0;
}
#homeTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 40px;
    font-weight: normal;

}
#homeTabContent h3{
	font-weight:normal;
	font-size:20px;
}

#homeTabContent .footnote{
	font-size:16px;
}

#homeTabContent .cta{
    display: block;
    border-radius: 50px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 322px;
    padding: 14px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 24px 0;
    cursor: pointer;
}

#homeTabContent #demo{
	float:right;
    margin:20px;
}
/*home*/

/*ourWork*/
#ourWorkTabContent{

}
#ourWorkTabContent .interactive_pos{
    margin:20px;
    z-index:1;
    position: relative;
    background:#fff;
}
#ourWorkTabContent .interactive_pos p{
	margin:0 0 20px;
}
#ourWorkTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#ourWorkTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;
}
#ourWorkTabContent h3{
	font-weight:normal;
	font-size:16px;
}
#ourWorkTabContent h4{
	color: #555;
    margin: 32px 0 12px;
    font-size: 20px;
    font-weight: bold;
}
#ourWorkTabContent h5{
	color: #db77f4;
    margin: 12px 0;
    font-size: 20px;
    font-weight: normal;
}
#ourWorkTabContent .adwords{
    max-width: 220px;
}
#ourWorkTabContent .bing_ads{
    display: block;
    margin: 12px 20px 20px 78px;
    max-width: 241px;
}
#ourWorkTabContent .doubleclick{
	max-width: 300px;
}
#ourWorkTabContent .sizmek{
	max-width: 165px;
}
#ourWorkTabContent .cta{
	display: block;
    border-radius: 24px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 285px;
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 24px 0;
    cursor:pointer;
}
/*ourWork*/

/*aboutUs*/
#aboutUsTabContent{

}
#aboutUsTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#aboutUsTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#aboutUsTabContent h3{
	color: #f38d70;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
/*aboutUs*/

/*resources*/
#resourcesTabContent{

}
#resourcesTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#resourcesTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#resourcesTabContent h3{
	font-weight:bold;
	font-size:20px;
}
#resourcesTabContent h4{
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}
#resourcesTabContent #right_pdf_box{
	float:right;
}
#resourcesTabContent #left_content_box{
	float:left; 
	max-width:57%;
}
#resourcesTabContent .pdf_mod{
	margin:24px 0; 
	cursor:pointer;
}
#resourcesTabContent .pdf_img{
	max-width:380px;
}
/*resources*/

/*Careers*/
#CareersTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#CareersTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#CareersTabContent h3{
	font-weight:bold;
	font-size:20px;
}
#CareersTabContent h4{
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}
/*Careers*/

/*Blog*/
#BlogTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#BlogTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#BlogTabContent h3{
	font-weight:bold;
	font-size:20px;
}
#BlogTabContent h4{
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}
#BlogTabContent #demoAd{
	float:right;
    margin:20px;
    max-width:260px;
}
#BlogTabContent .cta{
	display: block;
    border-radius: 24px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 207px;
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 24px auto;
    cursor:pointer;
    float:right;
    text-decoration:none;
}

#flexPost{
	max-width: 650px;
	margin:auto;
}

.post_featured{
	position:relative;
	width:100%;
	background:transparent;
	margin:24px 0;
	align-self: center;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}
.post_featured .postNew{
	background:red;
	color:#fff;
	padding:5px;
	font-weight:bold;
	display:inline-block;
}
.post_featured .headline{
	font-size:32px;
	font-weight:bold;
	margin:12px 0;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-decoration:none;
	display:block;
}
.post_featured .date{
	font-size:14px;
	font-weight:normal;
	margin:12px 0;
}
.post_featured .featuredIMG{
	display:block;
	margin:24px auto;
	max-width:100%;
}
.post_featured .snippet{
	font-size:18px;
	font-weight:normal;
	margin:12px 0;
}
.post_featured .ctaClick{
    font-size: 24px;
    font-weight:bold;
    background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 24px 0 0;
    text-decoration:none;
}

.post{
	position:relative;
	width:100%;
	background:transparent;
	margin:24px 0;
	align-self: center;
	overflow:hidden;
	border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
}
.post .headline{
	font-size:32px;
	font-weight:bold;
	margin:12px 0;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-decoration:none;
	display:block;
}
.post .date{
	font-size:14px;
	font-weight:normal;
	margin:12px 0;
}
.post .featuredIMG{
	display:block;
	margin:24px auto;
	max-width:100%;
}
.post .snippet{
	font-size:18px;
	font-weight:normal;
	margin:12px 0;
}
.post .ctaClick{
    font-size: 24px;
    font-weight:bold;
    background: -webkit-linear-gradient(left, #f38d70, #db77f4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 24px 0 0;
    text-decoration:none;
}
/*Blog*/

/*get in touch*/
#getInTouchTabContent{

}
#getInTouchTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#getInTouchTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#getInTouchTabContent h3{
	font-weight:normal;
	font-size:16px;
}
#getInTouchTabContent #copyFloatLeft{
	float:left; 
	max-width:48%;
}
#getInTouchTabContent #contactFormContainer{
	float:right; 
	max-width:48%;
}
#getInTouchTabContent #emailSentGif{
	display:none;
	width:484px;
}
#getInTouchTabContent #contactFormContainer #ThankYou{
	margin:12px 0;
	padding:12px;
	border:1px solid #f38d70;
	color:#555;
	font-size:16px;
}
#getInTouchTabContent #contactFormContainer #ThankYou h1{
	font-size:20px;
	font-weight:bold;
	margin:12px 0;
	color:#555;
}
#getInTouchTabContent #contactFormContainer #contact .form_field{
	padding:12px;
	border:1px solid #bbb;
	display:block;
	margin:12px 0;
	width:100%;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}

#getInTouchTabContent #contactFormContainer #contact .form_submit{
	width:100px;
	padding-left:5px;
	margin:0 0 12px;
	padding-top:12px;
	padding-bottom:12px;
	background: #f38d70; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #f38d70 , #db77f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #f38d70, #db77f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #f38d70, #db77f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #f38d70 , #db77f4); /* Standard syntax */
	font-family: arial;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	-webkit-border: 1px solid #fff;
	border: 1px solid #fff;
	transition: background 1s,transform 1s;
	-webkit-transition: background 1s,transform 1s;	
	-webkit-appearance:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
}
#getInTouchTabContent #contactFormContainer #contact .form_submit:hover{
	background:#fff;
	border:1px solid #db77f4;
	color:#db77f4;
}
/*get in touch*/

/*blog post*/
#blogPostContent #ourCTA{
	float:right;
    margin:20px;
    max-width:270px;
}
#blogPostContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#blogPostContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#blogPostContent h3{
	font-weight:bold;
	font-size:32px;
}
#blogPostContent h4{
	font-weight:bold;
	font-size:28px;
	margin-bottom:12px;
}
#blogPostContent .cta{
	display: block;
    border-radius: 24px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 207px;
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 24px 0;
    cursor:pointer;
    display:block;
}

.blogPost{
	max-width: 900px;
	margin:0 0 0 30px;
}

.blogPost img{
	display:block;
	max-width:100%;
	margin:24px 0;
}

.blogPost p{
	font-size:22px;
}
/*blog post*/

/*Deployr*/
#DeployrTabContent h1{
	font-size:70px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:30px 0 0;
	text-align: center;
}
#DeployrTabContent h2{
	color: #ccc;
    margin: 0;
    font-size: 40px;
    font-weight: normal;
    text-align: center;

}
#DeployrTabContent h3{
	color:#db77f4;
	font-size:24px;
	text-align: center;
}

#DeployrTabContent p {
	text-align:center;
}

#DeployrTabContent .footnote{
	font-size:16px;
}

#DeployrTabContent .cta{
    display: block;
    border-radius: 50px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 380px;
    padding: 14px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 24px auto;
    cursor: pointer;
}

#app-screen-shot{
	display:block;
	margin:75px auto;
	box-shadow:0px 4px 8px #555;
	max-width:75%
}

#iixel_Deployr_Documentation{
	font-size:24px;
	margin:auto;
}
/*Deployr*/

/*documentation*/
#documentationTabContent{
    margin: auto;
}
#documentationTabContent .interactive_pos{
    margin:20px;
    z-index:1;
    position: relative;
    background:#fff;
}
#documentationTabContent .interactive_pos p{
	margin:0 0 20px;
}
#documentationTabContent a{
	color:#f38d70;
	text-decoration:underline;
}
#documentationTabContent .responsive_cont{
	margin:12px -12px;
}
#documentationTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#documentationTabContent h2{
	color: #bbb;
    margin: 0;
    font-size: 20px;
    font-weight: normal;
}
#documentationTabContent h3{
	color:#db77f4;
	font-weight:bold;
	font-size:20px;
}
#documentationTabContent h4{
	color: #555;
    margin: 32px 0 12px;
    font-size: 20px;
    font-weight: bold;
}
#documentationTabContent h5{
	color: #db77f4;
    margin: 12px 0;
    font-size: 20px;
    font-weight: normal;
}
#documentationTabContent #right_box{
	max-width:800px;
}
#documentationTabContent #left_box{
	max-width:100%;
}
#documentationTabContent .adwords{
	max-width:80%;
	display: block;
    margin:24px auto;
}
#documentationTabContent .bing_ads{
	max-width:75%;
    display: block;
    margin:24px auto;
}
#documentationTabContent .doubleclick{
	max-width: 100%;
    display: block;
    margin:24px auto;
}
#documentationTabContent .sizmek{
	max-width: 78%;
    display: block;
    margin:24px auto;
}
#documentationTabContent .cta{
	display: block;
    border-radius: 24px;
    background: #f38d70;
    background: -webkit-linear-gradient(left, #f38d70 , #db77f4);
    background: -o-linear-gradient(right, #f38d70, #db77f4);
    background: -moz-linear-gradient(right, #f38d70, #db77f4);
    background: linear-gradient(to right, #f38d70 , #db77f4);
    max-width: 285px;
    padding: 12px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 24px auto;
    cursor:pointer;
}
.doc-img{
	margin:24px 0;
	max-width:100%;
}
#back2top{
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: 1px solid #db77f4;
    color: #db77f4;
    font-size: 32px;
    font-weight: bold;
    padding: 5px 20px 10px;
    cursor: pointer;
    background-color: white;
}
/*documentation*/

/*Update*/
#UpdateTabContent h1{
	font-size:42px;
	background: -webkit-linear-gradient(left, #f38d70, #db77f4);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:24px 0 0;
}
#UpdateTabContent h2{
	color: #ccc;
    margin: 0;
    font-size: 20px;
    font-weight: normal;

}
#UpdateTabContent h3{
	font-weight:bold;
	font-size:20px;
}
#UpdateTabContent h4{
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}
#UpdateTabContent .cta{
    display:none;
}
#UpdateTabContent a{
	color:#f38d70;
	text-decoration:underline;
}
/*Update*/

/*footer*/
footer{
	padding: 12px;
	background: #f38d70; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, #f38d70 , #db77f4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #f38d70, #db77f4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #f38d70, #db77f4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #f38d70 , #db77f4); /* Standard syntax */
    clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 45%, 100% 0%, 100% 100%, 0 100%);
	text-align: center;
	color:#fff;
	font-size:11px;
	/*min-height: 300px;*/
}
#footLogo{
	max-width:100px;
	margin:60px 12px 0px 12px;
}
/*footer*/

/*transaction error*/
#transaction-error{
	display:none;
	margin:12px 0;
	border-radius:8px;
	padding:12px;
	color:white;
	background-color:red;
	cursor:pointer;
}
/*transaction error*/

.for-desktop-only{display: none;}