h1, h2, h3, h4, h5
{
	font-family : "aktiv-grotesk", sans-serif !important;
}

.dropdown-backdrop
{
	z-index : 9 !important;
}

.theme-exporter a:hover,
.upload-box-holder a:hover
{
	color           : #0085de !important;
	text-decoration : none;
}

.theme-exporter a,
.upload-box-holder a
{
	color : #09f !important;
}

.iframeDivContainer iframe,
#iframeContainer
{
	width  : 100%;
	border : 1px solid #ddd;
}

.theme-option:last-of-type
{
	margin-right : 0;
}

.theme-option .thumbnail p
{
	min-height : 40px;
}

.theme-option .thumbnail h3
{
	margin-top : 0;
}

.theme-option .thumbnail
{
	padding       : 20px;
	margin-bottom : 0;
}

.theme-option .thumbnail:hover
{
	text-decoration : none;
}

.theme-option
{
	width        : 24%;
	margin-right : 1.3%;
	float        : left;
	cursor       : pointer;
}

.special-for-controls {
    margin:0!important;
}

#downloadPrecompiledButton,
#downloadPrecompiledButtonBottom,
#previewButton,
#previewButtonBottom,
.resetButton,
#continueCustomizeButton
{
	font-size      : 13px;
	line-height    : normal;
	text-align     : center;
	text-transform : uppercase;
	border-radius  : 2px;
	padding        : 12px 0 8px 0;
	transition     : 0.3s;
	display        : inline-block;
	width          : 100%;
	max-width      : 30%;
	margin-bottom  : 10px;
}

#downloadPrecompiledButton,
#downloadPrecompiledButtonBottom
{
	background-color : #09f;
	color            : #fff;
	border           : 1px solid transparent;
}

#previewButton,
#previewButtonBottom,
#continueCustomizeButton
{
	background-color : transparent;
	color            : #09f;
	border           : 1px solid #09f;
}

#previewButton:hover,
#previewButtonBottom:hover,
#continueCustomizeButton:hover
{
	background-color : #09f;
	color            : #fff;
	border           : 1px solid transparent;
}

.caret
{
	margin-top : -4px !important;
}

#downloadPrecompiledButton:focus,
#downloadPrecompiledButtonBottom:focus,
#downloadButton:focus,
#downloadButtonBottom:focus,
#previewButton:focus,
#previewButtonBottom:focus,
#continueCustomizeButton:focus
{
	outline : none;
}

#downloadPrecompiledButton:focus,
#downloadPrecompiledButtonBottom:focus,
#downloadButton:hover,
#downloadButtonBottom:hover
{
	cursor           : pointer;
	background-color : transparent;
	color            : #09f;
	border-color     : #09f
}

.theme-exporter-options #themeNameHeader::after
{
	content     : 'THEME';
	font-size   : 15px;
	color       : #822d5c;
	margin-left : 7px;
}

.theme-exporter-options .pageTitle
{
	border-bottom : 1px solid #ddd;
}

.pageTitle,
.page h3
{
	text-transform : capitalize;
	font-weight    : normal;
	font-size      : 24px;
}

.download-box-holder .pageTitle
{
	margin-top : 0;
}

#headerText
{
	display : inline-block;
}

.download-box-holder #downloadPrecompiledButton
{
	min-width : 50%;
}

.download-box-holder .dropdown-menu
{
	top : calc(100% - 5px);
}

.dropdown-menu
{
	z-index : 10;
}

.download-box-holder
{
	float         : left;
	padding-right : 30px;
	box-sizing    : border-box;
}

.upload-box-holder
{
	float : left;
}

.download-box-holder,
.upload-box-holder
{
	width : 50%;
}

.theme-exporter-options
{
	margin-top    : 30px;
	padding       : 30px;
	background    : #f5f5f5;
	box-sizing    : border-box;
	margin-bottom : 30px;
}

.theme-style-wrapper
{
	margin-bottom : 30px;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active
{
	border-color : #09f !important;
}

.thumbnail
{
	text-align    : center;
	border-radius : 2px !important;
}

.thumbnail p
{
	font-size     : 14px !important;
	margin-bottom : 20px;
}

.thumbnail.active h3
{
	color       : #09f;
	font-weight : bold;
}

.theme-exporter-options .customize-theme,
.theme-exporter-options .upload-your-own .top-tittle,
.theme-exporter-options .need-some-help .top-tittle
{
	font-size : 17px;
	color     : #333;
}

.customize-theme span
{
	color       : #09f;
	font-weight : 400;
	cursor      : pointer;
}

.customize-theme span:hover
{
	color : #0085de !important;
}

#backButton:hover::before
{
	opacity : 1;
}

#backButton::before
{
	opacity    : 0.5;
	transition : all ease 200ms
}

.headerPar .pageTitle
{
	margin-bottom : 0;
}

#backButton
{
	font-size   : 20px;
	display     : inline-block;
	font-weight : bolder;
	cursor      : pointer;
}

.theme-exporter-options .upload-your-own
{
	margin-bottom : 10px;
}

.theme-exporter h4
{
	font-size  : 18px;
	margin-top : 30px;
}

#backButton::before
{
	content             : '';
	background-image    : url('../images/back-btn.png');
	width               : 32px;
	height              : 32px;
	display             : inline-block;
	margin-bottom       : -3px;
	margin-right        : 10px;
	background-position : -32px -1px;
	cursor              : pointer;
}

#backButton::before,
#continueCustomizeButton::before
{
	margin-bottom : -8px;
	margin-right  : 7px;
}

.upload-theme-button img
{
	margin-right  : 10px;
	padding       : 5px;
	background    : #fff;
	border-radius : 50%;
}

.upload-theme-button .ui-button-text > div:last-of-type
{
	margin-bottom : 0;
}

.upload-theme-button .ui-button-text > div
{
	margin-bottom : 10px;
}

.upload-theme-button:hover
{
	background   : transparent;
	border-color : #09f;
}

.upload-theme-button
{
	background : #09f;
	color      : #fff;
	padding    : 10px;
	border     : 1px solid transparent;
	cursor     : pointer;
	transition : all ease 600ms;
	position   : relative;
}

.upload-theme-button button
{
	background : transparent;
	border     : none;
	color      : #fff;
}

.upload-theme-button:hover button
{
	color : #09f;
}

.upload-theme-button
{
	float         : left;
	margin-right  : 20px;
	margin-bottom : 30px;
}

.upload-theme-button input
{
	left   : 0 !important;
	top    : 0 !important;
	width  : 100% !important;
	height : 100% !important;
	margin : 0 !important;
}

.bg-danger
{
	background-color : rgb(218, 32, 32) !important;
	color            : #fff !important;
	padding          : 5px 10px;
}

.bg-danger:empty
{
	display : none;
}

.customize-sections .section-container
{
	display : none;
}

.customize-sections.section-expanded .section-container
{
	display : block;
}

.bs-customizer-input .form-control:focus
{
	border-color       : #09f;
	-webkit-box-shadow : inset 0 1px 1px #09f, 0 0 8px #09f;
	box-shadow         : inset 0 1px 1px #09f, 0 0 8px #09f;
}

.bs-customizer-input
{
	transition               : 0.3s;
	display                  : inline-block;
	width                    : 32%;
	padding-right            : 15px;
	padding-left             : 15px;
	-webkit-transform-origin : top;
	-moz-transform-origin    : top;
	-ms-transform-origin     : top;
	transform-origin         : top;
	-webkit-transform        : scaleY(0) translateY(-150%);
	-moz-transform           : scaleY(0) translateY(-150%);
	-ms-transform            : scaleY(0) translateY(-150%);
	transform                : scaleY(0) translateY(-150%);
	opacity                  : 0;
}

.bs-customizer-input label
{
	margin-top : 10px;
	font-size  : 14px;
}

.section-expanded .bs-customizer-input
{
	transition        : 0.3s;
	-webkit-transform : scaleY(1) translateY(0%);
	-moz-transform    : scaleY(1) translateY(0%);
	-ms-transform     : scaleY(1) translateY(0%);
	transform         : scaleY(1) translateY(0%);
	opacity           : 1;
	filter            : alpha(opacity=100);
}

.var-expander
{
	margin-bottom : 30px;
	font-size     : 16px;
	color         : #666;
	font-weight   : normal;
	cursor        : pointer;
}

.section-expanded .section-container
{
	height     : auto;
	transition : 0.3s;
}

.customize-sections.section-expanded h2,
.customize-sections.section-expanded h2:hover
{
	color : #09f;
}

.bs-docs-section .customize-sections h2::before
{
	content             : '';
	position            : absolute;
	left                : -3px;
	top                 : -5px;
	background-image    : url('../images/OtherIcons-lowres.png');
	background-size     : 240px 300px;
	background-position : -88px -108px;
	height              : 22px;
	width               : 22px;
	display             : inline-block;
	transition          : 0.3s;
	-webkit-transform   : rotate(0deg);
	-moz-transform      : rotate(0deg);
	-ms-transform       : rotate(0deg);
	transform           : rotate(0deg);
	margin-right        : 5px;
	padding-top         : 13px;
}

.customize-sections.section-expanded h2::before
{
	-webkit-transform : rotate(-90deg);
	-moz-transform    : rotate(-90deg);
	-ms-transform     : rotate(-90deg);
	transform         : rotate(-90deg);
}

.section-container
{
	height     : 1px;
	transition : 0.3s;
}

.bs-docs-section .customize-sections h2
{
	font-weight   : bold;
	color         : #09f;
	font-size     : 18px;
	position      : relative;
	padding-left  : 23px;
	margin-bottom : 0;
}

.costomize-header
{
	border-bottom  : 1px solid #ddd;
	padding-bottom : 5px;
	margin-bottom  : 5px;
}

.bs-docs-section .customize-sections h2 span
{
	font-size   : 14px;
	color       : #454545;
	max-width   : 60%;
	display     : block;
	margin      : 15px 0 0 -30px;
	line-height : 20px;
}

.bs-docs-section .customize-sections h2:hover
{
	cursor : pointer;
	color  : #0085de;
}

.customize-sections
{
	margin-bottom : 30px;
}

.section-expanded.customize-sections
{
	margin-bottom : 50px;
}

.costumeTheme-btn-section
{
	margin-bottom : 20px;
}

.var-container
{
	margin-left : -15px;
}

.stopSelection
{
	-webkit-touch-callout : none; /* iOS Safari */
	-webkit-user-select   : none; /* Safari */
	-khtml-user-select    : none; /* Konqueror HTML */
	-moz-user-select      : none; /* Firefox */
	-ms-user-select       : none; /* Internet Explorer/Edge */
	user-select           : none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.costumeTheme-holder > *
{
	margin-right : 2%;
}

.input-gray-darker
{
	font-size : 14px;
}

#previewButton,
#continueCustomizeButton
{
	float : left;
}

.costumeThemeDownload button
{
	max-width : 100% !important;
}

.costumeThemeDownload
{
	float     : left;
	min-width : 30%;
}

.resetButton
{
	background-color : transparent;
	color            : #09f;
	border           : 1px solid #09f;
}

.igw-mainContainer
{
	float     : none;
	margin    : 0 auto;
	width     : auto;
	max-width : 100%;
}

.sample-page
{
	padding : 53px 0 30px 0;
}

.tabs-fixed-top-placeholder
{
	display : none;
}

@media screen and (max-width : 1279px)
{
	.igw-mainContainer,
	.tabs-fixed-top,
	.loaderCss
	{
		max-width : 100% !important;
		width     : 100% !important;
	}
}

/*
#widgetContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#buttonContainer
{
	border-left: none;
	float: left;
	width: 30%;
	height: 200px;
	display: table;
}

.sideButton
{
	width: 180px;
	height: 35px;
}

.multiWordButton
{
	font-size: 0.75em;
}

.singleWordButton
{
	font-size: 1em;
}

#themeContainer
{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#iframeContainer
{
	width: 100%;
	height: auto;
}

#iframeContainer
{
	border:none;
}

#customDownloadButton
{
	width: 250px;
}

#scaffolding-section {
	background-color: #fff;
}


!* Page defaults *!
.theme-exporter {
	padding-right: 30px;
	padding-left: 45px;
	padding-top: 30px;
}



!* Customize Page things *!



.customize-sections {
	margin-bottom: 35px;
}




.bs-docs-section {

}

.toggle {
	float: right;
	margin-top: 25px;
	margin-right: 50px;
}

.lead {
	padding-left: 0;
	color: #333;
	font-size: 17px;
}

#buttonTable {
	table-layout: fixed;
	width: 100%;
}

#buttonTable td {
	width: 33%;
}

!* Theme exporter specific resets *!

.preview-desc {
	margin-top: -30px;
	margin-bottom: 30px;
}

.theme-exporter a:hover {
	text-decoration: none;
	cursor: pointer;
}

.theme-exporter h2 {
	margin-top: 0;
	margin-bottom: 32px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #5F6564;
	font-size: 32px;
}

.bs-docs-section h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #5F6564;
	font-size: 32px;
}


.theme-exporter .thumbnail {
	border-width: 3px;
	border-style: solid;
	border-color: #822d5c;
	border-radius: 0px;
	height: 145px;
}

	.theme-exporter .thumbnail h3,
	.theme-exporter .thumbnail p {
		color: #333; 
		margin-left: 15px;
		font-family: 'Open Sans', sans-serif;
	}

	.theme-exporter .thumbnail h3 {
		font-size: 32px;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.theme-exporter .thumbnail img {
		margin-left: 15px;
		margin-top: 18px;
		width: 135px;
		height: 30px;
	}


	.theme-exporter .thumbnail:hover {
		border-color: #822d5c;
		-webkit-transform: translatey(-5px);
		-moz-transform: translatey(-5px);
		-ms-transform: translatey(-5px);
		transform: translatey(-5px);
	}

	.theme-exporter .thumbnail.active {
		border-color: #F9663B;
	}

		.theme-exporter .thumbnail.active h3 {
			color: #F9663B;
		}

.theme-exporter-options {
	min-height: 225px;
	border-top: 1px solid #C3C6C5;
	border-bottom: 1px solid #C3C6C5;
	font-family: 'Open Sans', sans-serif;
	margin-top: 15px;
	padding-bottom: 20px;
	margin-bottom: 35px;
}

.theme-exporter-options #themeNameHeader {
	text-transform: capitalize;
	color: #F9663B;
	font-size: 32px;
}


#downloadButton,
#downloadButtonBottom {
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	background-color: #FF6600;
	padding: 10px 0px;
	color: #fff;
	transition: 0.3s;
	margin-bottom: 10px;
	display: inline-block;
	width: 33%;
	border: none;
}



#continueCustomizeButton {
	font-size: 20px;
	text-align: center;
	border-radius: 5px;
	background-color: #822d5c;
	padding: 10px 0px;
	color: #fff;
	transition: 0.3s;
	margin-bottom: 10px;
	display: inline-block;
	width: 33%;
	border: none;
}




#continueCustomizeButton:hover {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
	background-color: #822d5c;
}

#resetButton {
	float: right;
	background: none;
	border: none;
	font-size: 18px;
	color: #822d5c;
	display: inline-block;
}

#resetButton:hover {
	text-decoration: underline;
}



#backButton,
.theme-exporter-options #toUploadButton,
.theme-exporter-options #needHelpButton {
	color: #ff6600;
	font-size: 20px;
	display: inline-block;
	font-weight: bolder;
}

#backButton:hover,
.theme-exporter-options #toUploadButton:hover,
.theme-exporter-options #needHelpButton:hover,
.theme-exporter-options #customizeButton:hover {
	text-decoration: underline;
	cursor: pointer;
}





!* Upload theme page *!

.upload-theme-button {
	text-align: center;
	margin-top: 45px;
}

.upload-theme-button .ui-widget {
	font-family: 'Open Sans', sans-serif;
}

.upload-theme-button button {
	width: 320px;
	height: 400px;
}

.upload-theme-button button.ui-state-default {
	background-color: #fff;
	border: 1px solid #C3C6C5;
}

.upload-theme-button button.ui-state-hover {
	border: 1px solid #F9663B;
}

.upload-theme-button button.ui-state-default .ui-button-text strong {
	color: #ff6600;
	font-size: 20px;
}

.upload-theme-button button.ui-state-hover .ui-button-text strong {
	text-decoration: underline;
}

.upload-theme-button button.ui-state-default .ui-button-text div {
	color: #333;
	font-size: 17px;
	margin-top: 15px;
}

.upload-theme-button img {
	display: block;
	width: 157px;
	height: 231px;
	margin: 15px auto;
	position: relative;
}

.theme-exporter .bg-info,
.theme-exporter .bg-danger{
	display: inline-block;
	font-size: 17px;
}

.theme-exporter .bg-info {
	background-color: #fff;
	color: #822d5c;
}

.theme-exporter .bg-danger {
	background-color: #fff;
	color: #B7352D;
	font-weight: bolder;
}

@media screen and (max-width: 786px) {
	.theme-exporter .thumbnail h3 {
		font-size: 22px;
	}
}

body {
	padding-right: 16px;
}*/