@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');
body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
#main_container {
	width:100%;
	padding:0;
	margin:0;
}
.no-padding {
	padding:0;
}
 @media (min-width:1200px) {
.container {
	width:1230px
}
}
img {
	max-width:100%;
}
a, a:hover {
	text-decoration:none;
	outline:none !important;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
a:focus, a:visited, a:active {
	box-shadow:0 0 0 !important;
	outline:none !important;
}
/*-------------------Header Warpper----------------*/
.relative {
	position:relative;
}
header {
	background:#fff;
	box-shadow:0 5px 5px #444;
	position:relative;
	z-index:10;
}
header .dropdown-menu .drop_content table thead tr th {
	font-size:13px;
}
header .dropdown-menu .drop_content table tbody tr td {
	font-size:13px;
	text-align:left;
}
header .dropdown {
	display:inline-block;
}
header .dropdown-menu {
	position: absolute;
	top:29px;
	min-width:400px;
	left:-300px;
	padding: 10px;
	background: none;
	box-shadow: none;
	border: 0;
	text-align:center;
	z-index:999;
}
body .navbar-left {
    float: none!important;
    display: table;
    margin: auto;
}
header .dropdown-menu .drop_content {
	border-top:5px solid #4fa031;
}
li.login_btn.dropdown .dropdown-menu {
	min-width:242px;
	left:-45px !important;
	padding:0 !important;
}
li.login_btn.dropdown .dropdown-menu .drop_content {
	padding:0;
}
li.login_btn.dropdown .dropdown-menu .drop_content a {
	color:#000;
	font-size:17px;
	display:block;
	padding:8px 15px;
	border-bottom:1px solid #d2d2d2;
	text-align:left;
}
li.login_btn.dropdown .dropdown-menu .drop_content a:hover {
	color:#ec781b !important;
}
li.login_btn.dropdown .dropdown-menu .drop_content:after, li.login_btn.dropdown .dropdown-menu .drop_content:before {
	left:0;
	right:0px;
	margin:auto;
}
header .drop_content {
	margin-top:20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	position:relative;
}
header .drop_content:after, header .drop_content:before {
	bottom: 100%;
	right:14%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header .drop_content:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #4fa031;
	border-width: 13px;
	margin-left: -15px;
}
header .drop_content:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #4fa031;
	border-width: 13px;
	margin-left: -16px;
}
.header_login ul {
	padding:0;
	text-align:right;
	margin:10px 0 25px;
}
.header_login ul li {
	list-style:none;
	padding-left:15px;
	display:inline-block;
}
.header_login ul li a {
	color:#519e34;
	font-size:15px;
}
header nav.navbar {
	margin-bottom:0px;
	border:0px;
}
header nav.navbar-default {
	background: none;
	border: 0;
	box-shadow: none;
	padding-bottom:15px;
}
header .navbar-brand {
	padding:25px 0px;
	position: relative;
	z-index: 10;
}
header .navbar-right {
	padding-right:0px;
}
.menu .navbar-nav li {
	margin:5px;
}
.menu .navbar-nav li a {
	font-size: 15px;
	color: #000000;
	font-weight: 600;
	padding:10px 15px;
}
.menu .navbar-nav li.active a {
	color:#fff;
	background:#519e34;
	box-shadow: -6px -6px 0 #293370;
}
.menu .navbar-nav li.active a:hover, .menu .navbar-nav li.active a:focus {
	background:#519e34;
}
.menu .navbar-nav li a:hover {
	color:#fff !important;
	background:#519e34 !important;
	box-shadow: -6px -6px 0 #293370;
}
.menu .navbar-nav>li.login_btn {
	background: #ec781b;
	border-radius: 40px;
	padding: 8px 24px;
	margin-top: 21px;
	display: inline-block;
}
.menu .navbar-nav>li.login_btn .caret {
	border-top: 7px dashed;
	border-top: 7px solid\9;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
}
.menu .navbar-nav>li.login_btn a {
	padding:0;
	color:#fff;
	display: inline-block;
	font-weight:400;
	border: 0;
	margin:0;
}
.menu .navbar-nav>li.login_btn a:hover {
	color:#fff !important;
}
.menu .navbar-nav>li:last-child>a {
/*padding-right:0px;*/
}
.menu .navbar-nav>li>a:hover {
	color:#000;
}
.menu .navbar-nav li a.active {
	color:#9595fc;
	background:none;
}
.menu .dropdown-menu {
	right: inherit;
}
.menu .dropdown-menu {
	padding:0;
}
.menu .dropdown-menu li a {
	font-size:15px;
	padding:9px 15px;
	border-bottom: 1px solid #ddd;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	text-transform:capitalize;
}
.menu .dropdown-menu li a:hover {
	background:none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
	background-image:none;
	box-shadow: none;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #424242;
	background-color:transparent;
}
#mySidenav {
	width:92%;
	margin-top: 10px;
}
.cart_outer {
	float:right;
	margin-top:0px;
}
.cart_outer a.dropdown-toggle {
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:100%;
	line-height:40px;
	color:#fff;
	font-size:20px;
	background:#283371;
	text-align:center;
	position:relative;
	margin-right: 2px;
}
.cart_outer button.dropdown-toggle {
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:100%;
	line-height:40px;
	color:#fff;
	font-size:20px;
	background:#283371;
	text-align:center;
	position:relative;
	margin-right: 2px;
	border:none;
}
.cart_outer button:last-child {
	margin-right:0px;
}
.cart_outer button sup {
	width:20px;
	height:20px;
	border-radius:100%;
	line-height:20px;
	background:#509f33;
	text-align:center;
	color:#fff;
	font-size:13px;
	display:inline-block;
	position:absolute;
	top: -8px;
	right: -3px;
}
.close_btn {
	text-decoration:none;
	color:#F00;
	font-size:13px;
}
.cart_outer a:last-child {
	margin-right:0px;
}
.cart_outer a sup {
	width:20px;
	height:20px;
	border-radius:100%;
	line-height:20px;
	background:#509f33;
	text-align:center;
	color:#fff;
	font-size:13px;
	display:inline-block;
	position:absolute;
	top: -8px;
	right: -3px;
}
.cart_outer .form-horizontal .form-group {
	margin-right: 0;
	margin-left: 0;
	margin-bottom:0px;
}
.cart_outer .form-group .form-control {
	height:37px;
	border:0;
	border-radius:0px;
	box-shadow:none;
	background:#f2f2f2;
}
.cart_outer .form-group .input-group-addon {
	padding: 0;
	background-color: transparent;
	border: 0px solid #ccc;
	border-radius: 0;
}
.cart_outer .form-group input[type="submit"], .cart_outer .form-group input[type="button"], .cart_outer .form-group button {
	height:37px;
	border:0;
	color:#fff;
	font-size:14px;
	padding:6px 15px;
	background:#28346e;
	outline:none;
}
.cart_outer .form-group input[type="submit"]:hover {
	background:#000;
}
 @media screen and (min-width:768px) {
.menu .navbar-nav>li:hover .dropdown-menu {
	display:block !important;
}
}
/*slider*/
.slider_wrapper {
	width:100%;
}
.slider_outer_div {
	position: absolute;
	top: 20px;
	left:0;
	right:0;
}
.slider_wrapper .item {
	min-height:700px;
}
/*.slider_wrapper .item:nth-child(1){
	background:url(../images/slide_img.jpg)  no-repeat;
	background-position:center center;
	background-size:cover;
}
.slider_wrapper .item:nth-child(2){
	background:url(../images/slide_img.jpg)  no-repeat;
	background-position:center center;
	background-size:cover;
}
.slider_wrapper .item:nth-child(3){
	background:url(../images/slide_img.jpg)  no-repeat;
	background-position:center center;
	background-size:cover;
}*/
.slider_wrapper .item {
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.relative {
	position:relative;
}
.slider_wrapper .carousel-caption {
	text-shadow:none;
	text-align:left;
	left:0;
	right:0;
	top:50px;
}
.carousel-indicators .active {
	background-color: #519e34;
	border:0;
	width:15px;
	height:15px;
}
.carousel-indicators li {
	background-color:#202965;
	border:0;
	width:15px;
	height:15px;
}
.slide_content {
	background:rgba(255,255,255,0.60);
	padding:15px;
	float:right;
	text-align:right;
	max-width:591px;
	margin-top: 170px;
}
.slide_inner_content {
	border: 1px solid white;
	padding:10px;
}
.slide_content h1 {
	color:#519e34;
	font-size:36px;
	font-weight:800;
	margin-top:0px;
	text-transform:uppercase;
}
.slide_content p {
	color:#26356f;
	font-size:36px;
	line-height:40px;
	font-weight:300;
	font-weight:300;
}
/*------------Easy Steps Section Start Here-----------*/
.easy_step_section {
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
}
.easy_step_section h2 {
	color: #28346e;
	font-size: 48px;
	font-weight: 700;
	margin: 0;
	text-align: center;
	padding-left:50px;
	/*max-width:313px;*/
	margin:auto auto 100px;
	position: relative;
}
.easy_step_section h2 p {
	color:#519e34;
	font-size:25px;
}
.easy_step_section h2 span {
	color: #28346e;
	font-size: 101px;
	line-height: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.steps_block {
	text-align:center;
}
.steps_block h3 {
	color: #1f2964;
	font-size:25px;
	font-weight:600;
	margin-top:70px;
	min-height:54px;
}
.steps_block p {
	color: #5f5f5f;
	font-size:14px;
	line-height:24px;
}
.step_icon {
	background:#dcecd6;
	position:relative;
	height:73px;
}
.step_icon:before {
	content:'';
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: 0;
	left: 0;
	border: solid transparent;
	border-left-color: #fff;
	border-width:37px;
}
.step_icon:after {
	content:'';
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top:-13px;
	left:100%;
	border: solid transparent;
	border-left-color: #dcecd6;
	border-width:50px;
	z-index: 10;
}
.step_inner_icon {
	background:#fff;
	width:159px;
	height:159px;
	line-height:145px;
	border-radius:100%;
	border:8px solid #cae2c2;
	display:inline-block;
	position: relative;
	top: -50px;
}
.step_inner_icon sup {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: #28346e;
	color: #fff;
	line-height: 40px;
	font-size:20px;
	font-weight:600;
}
.easy_step_section .col-sm-4 {
	max-width:400px;
	margin:auto;
}
.easy_step_section .col-sm-4:nth-child(2) .step_icon {
	background:#d4d6e2;
}
.easy_step_section .col-sm-4:nth-child(2) .step_icon:after {
	border-left-color: #d4d6e2 !important;
}
.easy_step_section .col-sm-4:nth-child(2) .step_inner_icon {
	border-color:#bec2d3;
}
.easy_step_section .btn-primary {
	margin-top:60px;
	min-width:265px;
}
.btn-primary {
	color: #fff;
	font-size:15px;
	background: #519e34;
	box-shadow: -6px -6px 0 #293370;
	padding:10px 20px;
	border-radius:0px;
	display:inline-block;
	border:0px;
	outline:none;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:hover:active {
	background:#519e34;
	text-decoration:none;
	box-shadow:none;
}
/*------------Footer Section Start Here-----------*/
footer {
	background:#28346e;
	padding-top:20px;
	padding-bottom:20px;
}
footer h3 {
	color:#fff;
	font-size:25px;
	font-weight:600;
	text-transform:uppercase;
	margin-top:0;
}
footer h3:after {
	content:'';
	border-bottom:2px solid #fff;
	width:70px;
	display:block;
	margin:5px 0 15px 0;
}
footer ul {
	margin:0;
	padding:0;
}
footer ul li {
	list-style:none;
}
footer ul li a {
	color:#fff;
	font-size:14px;
	padding:0px 11px 10px;
	display:block;
}
footer ul li a:hover {
	color:#519e34;
}
footer ul li a:first-child {
	padding-left:0px;
}
footer p {
	color:#fff;
	font-size:14px;
}
footer address p {
	position:relative;
	padding-left:30px;
}
footer address p a{
	color:#fff;
}
footer address p .fa {
	position:absolute;
	left:0;
	top:5px;
	font-size:20px;
}
footer .divider {
	border-bottom:2px solid #519e34;
	width:70px;
	display:block;
	margin-bottom:10px;
}
.footer_bottom {
	background:#fff;
	padding:20px 0;
	text-align:center;
}
.footer_bottom p {
	color:#414141;
	font-size:15px;
	margin-bottom:0px;
}
.footer_bottom a {
	color:#519e34;
	font-size:24px;
	display:inline-block;
	margin:0 5px;
}
/*-------------Material Page Start Here----------*/
.steps_banner {
	padding-top:40px;
	padding-bottom:40px;
	background:url(../images/steps_banner.jpg) no-repeat;
	background-position:center center;
	
	background-size: cover;
	min-height:187px;
	position:relative;
}
.steps_banner:before {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.75);
}
.steps_banner h2 {
	color:#fff;
	text-align:center;
	font-size:48px;
	font-weight:700;
}
 @media screen and (min-width:768px) {
.stepwizard {
	margin: auto;
	max-width: 74%;
}
}
.stepwizard ul {
	padding:0;
	margin:0;
	display: table;
	table-layout:fixed;
	width: 100%;
	position: relative;
}
.stepwizard ul li {
	list-style:none;
	display: table-cell;
	position: relative;
	vertical-align:middle;
	text-align:center;
}
.stepwizard ul li:first-child a:before {
	display:none;
}
.stepwizard ul li:last-child a:after {
	display:none;
}
.stepwizard ul li a:before {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 4px;
	left: -34%;
	position: absolute;
	top: 27px;
	width: 68%;
	z-index: 1;
}
.stepwizard ul li.active a:before {
	background: #519e34;
}
/*.stepwizard ul li a:after{
	content: '';
	background:#fff;
	height:4px;
	width:34%;
    position: absolute;
    top: 27px;
    right:0;
    z-index:1;
}*/
.stepwizard ul li a span.icon {
	width:57px;
	height:57px;
	line-height:50px;
	border:3px solid #fff;
	border-radius:100%;
	display:inline-block;
	text-align:center;
	position:relative;
	z-index:5;
}
.stepwizard ul li a p {
	color:#fff;
	font-size:15px;
	padding-top:15px;
}
.stepwizard ul li.active .icon {
	background:#519e34;
	border-color:#519e34;
}
.stepwizard ul li.active a p {
	color:#519e34;
}
.stepwizard ul li:hover .icon {
	background:#519e34;
	border-color:#519e34;
}
.stepwizard ul li:hover a p {
	color:#519e34;
}
.material_section {
	width:100%;
}
.page_heading h2 {
	color:#28346e;
	font-size:48px;
	font-weight:700;
	margin-top:36px;
	text-align:center;
}
.page_heading .material_text {
	color:#4a4a4a;
	font-size:18px;
	text-align:center;
	margin-bottom:50px;
}
.possible_versions {
	background:#519e34;
}
.possible_versions h3 {
	font-size:25px;
	color:#fff;
	font-weight:700;
	padding:16px 20px 7px;
	margin-top:0px;
}
.possible_versions ul {
	padding:0;
	margin:0;
}
.possible_versions ul li {
	list-style:none;
}
.possible_versions ul li a {
	color:#fff;
	font-size:15px;
	padding:10px 20px;
	display:block;
	border-top:1px solid #74b15d;
	text-decoration:none;
	border-left:7px solid transparent;
}
.possible_versions ul li.active a {
	background:#396e24;
	border-left:7px solid #143906;
}
.possible_versions ul li:hover a {
	background:#396e24;
	border-left:7px solid #143906;
}
.material_block {
	box-shadow:0 0px 8px rgba(0,0,0,0.26);
	position:relative;
	margin-bottom:60px;
}
.material_block .content {
	padding:10px;
    min-height: 245px;
}
.material_block h3 {
	color:#28346e;
	font-size:20px;
	margin-top:0px;
}
.material_block p {
	color:#686868;
	font-size:14px;
	line-height:24px;
	margin-bottom: 40px;
}
.material_block p a {
	color:#28346e;
	text-decoration:underline;
}
.material_block .btn-primary {
	font-size: 15px;
	width: 158px;
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin: auto;
	display: inline-block;
}
.material_detail h3 {
	color:#28346e;
	font-size:25px;
	margin-bottom:30px;
	margin-top:0px;
}
.material_detail p {
	color:#686868;
	font-size:14px;
	line-height:24px;
}
#material_form {
	background:#f2f2f2;
	padding:15px;
}
#material_form.form-horizontal .form-group {
	margin-left:0px;
	margin-right:0px;
}
#material_form .form-group .form-control {
	border:0px;
	height:36px;
	border-radius:0px;
	box-shadow:none;
}
#material_form .form-group label {
	font-weight:400;
	color:#686868;
	font-size:14px;
	padding-top:7px;
}
#material_form .price {
	color:#263168;
	font-size:30px;
	text-align:right;
	margin-bottom:10px;
}
#material_form .price span {
	font-weight:700;
}
#material_form .btn-group {
	display:block;
	margin-bottom:15px;
}
#material_form .btn-group .btn-default {
	background:#28346e;
	border:0px;
	border-radius:0px;
	color:#fff;
	font-size:15px;
	text-shadow:none;
	width:100%;
	padding: 10px 20px;
	outline:none;
	webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow:none;
}
#material_form .btn-group .btn-default:hover {
	box-shadow: -6px -6px 0 #519e34;
}
#material_form .btn-group .btn-primary {
	color:#fff;
	font-size:15px;
	text-shadow:none;
	width:100%;
	transition:all 0.5s ease;
}
.offsetBottom60 {
	margin-bottom:60px;
}
.selectwrap {
	position: relative;
}
.selectwrap select {
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.selectwrap:after {
	content:"\f107";
	text-align: center;
	line-height:32px;
	position: absolute;
	width: 32px;
	background: #fff;
	right: 15px;
	top: 6px;
	pointer-events: none;
	font: normal normal normal 24px/1 FontAwesome;
	display:none;
}
/*------------Design Page Start Here-----------*/
.design_thumb img {
	border:3px solid #e2e2e2;
}
.design_detail hr {
	border-color:#d4d4d4;
}
.design_detail .price {
	color:#263168;
	font-size:30px;
	text-align:right;
	padding-top:7px;
}
.design_detail .price span {
	font-weight:700;
}
.design_detail .btn-primary {
	font-size:15px;
	min-width:97px;
}
.design_choice {
	padding-top:30px;
	padding-bottom:50px;
}
.design_choice .col-sm-2 {
	width:14.28%;
	float:left;
}
 @media (min-width:768px) {
.modal-dialog {
	width:750px;
}
}
 @media (min-width:992px) {
.modal-dialog {
	width:970px;
}
}
 @media (min-width:1200px) {
.modal-dialog {
	width: 1200px;
}
}
.tabs_nav {
	overflow-y: auto;
	overflow-x: hidden;
	/*max-height: 837px;*/
	max-height: 505px;
	padding-left: 10px;
}
.tabs_nav .nav-tabs>li {
	float: none;
	margin-bottom:5px;
	width: 100%;
}
.tabs_nav .nav-tabs li a {
	margin-right: 0;
	border: 0px solid transparent;
	border-radius: 0;
	width: 107px;
	height: 160px;
	background-size: 107px !important;
	background-position: 50% -1% !important;
}
/*.tabs_nav .nav-tabs li.collage-1 a {
	background:url(../images/design_img01.png) no-repeat;
}*/
.tabs_nav .nav-tabs li a:hover {
	background-position: 50% 100% !important;
}
.tabs_nav .nav-tabs li.active a {
	background-position: 50% 100% !important;
}
/*.tabs_nav .nav-tabs li.collage-2 a {
	background:url(../images/design_img02.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-3 a {
	background:url(../images/design_img03.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-4 a {
	background:url(../images/design_img04.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-5 a {
	background:url(../images/design_img05.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-6 a {
	background:url(../images/design_img06.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-7 a {
	background:url(../images/design_img07.png) no-repeat;
}
.tabs_nav .nav-tabs li.collage-8 a {
	background:url(../images/design_img08.png) no-repeat;
}*/
.tabs_nav .nav-tabs li a:hover {
	background-color:transparent;
}
.tabs_nav .nav-tabs {
	border-bottom: 0px solid #ddd;
	background: #e9e9e9;
	border-radius: 10px;
	display: inline-block;
	padding: 10px;
}
.tabs_nav .nav>li>a>img {
	max-width: 107px;
	height: auto;
}
.tabs_nav .nav-tabs>li.active>a, .tabs_nav .nav-tabs>li.active>a:focus, .tabs_nav .nav-tabs>li.active>a:hover {
	background-color: transparent;
	border: 0px solid #ddd;
}
/*------9/25/2017-----*/
.select_remove .pattern_div {
	display:none;
}
.select_remove a.close_btn {
	display:inline-block;
}
.colum {
	border: 3px dotted #3a6188;
	height:750px;
	position:relative;
}
/*-------------RGI----------------*/
.colors {
	padding:0;
	width:100%;
	margin:0;
	display:none
}
.colors li {
	padding:0;
	width: 40px;
	height: 40px;
	cursor:pointer;
	border-radius:50%;
	margin:5px;
	display:inline-block
}
.colors li:hover {
	box-shadow:0 0 10px #ccc
}
._loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
	padding: 23%;
}
#myModal ._pattern a.close_btn {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	opacity: 1;
	position: absolute;
	right: 5px;
	top: 5px;
	outline: none;
	background: #ff0000;
	width: 35px;
	height: 35px; z-index:1000;
	/* padding: 1px 3px; */
    border-radius: 100%;
	line-height: 34px;
	display: block;
	text-align: center;
	cursor:pointer
}
.imgContainer {
	width: 980px;
	height: 500px;
}
.positionButtonDiv {
	background: rgb(58, 56, 63);
	background: rgba(58, 56, 63, 0.8);
	color:#FFFFFF;
	padding: 8px;
	position: absolute;
	right: 0;
	bottom: 5px;
	
	top: 55%;
	left: 0;
	width: 80px;
	margin: 0 auto;
	height: 80px;
}
.positionButtonDiv span {
	position: absolute;
	font-size: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
	margin: auto;
}
.positionButtonDiv .moveTop {
	left: 0;
	right: 0;
	top: 0;
}
.positionButtonDiv .moveBottom {
	left: 0;
	right: 0;
	bottom: 0;
}
.positionButtonDiv .moveLeft {
	left: 0;
	bottom: 0;
	top:0;
}
.positionButtonDiv .moveRight {
	right: 0;
	bottom: 0;
	top:0;
}
.positionButtonDiv .moveRight {
	right: 0;
	bottom: 0;
	top:0;
}
.positionButtonDiv .zoomIn {
	left: 17px;
	bottom: -13px;
	top:0;
	font-size: 10px;
}
.positionButtonDiv .zoomOut {
	right: 17px;
	bottom: -13px;
	top:0;
	font-size: 10px;
}
.positionButtonDiv span:hover {
	color:red;
	cursor:pointer
}
.zoomableContainer {
	background-image: url("assets/transparent.png");
}
#collage-6 [data-pattern="1"] .positionButtonDiv {
	bottom:0;
	left:0;
	right:inherit
}
#collage-6 [data-pattern="2"] .positionButtonDiv {
	bottom:0;
	right:0;
	left:inherit
}
#collage-6 [data-pattern="3"] .positionButtonDiv {
	bottom:0;
	left:0;
	right:inherit
}
#collage-6 [data-pattern="4"] .positionButtonDiv {
	bottom:0;
	right:0;
	left:inherit
}
._design {
	/*height:800px;*/
	height:500px;
	position:relative;
	overflow:hidden;
}
._pattern {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
._pattern .image_selector {
	border:solid 1px #ccc;
	background: #519e34;
	font-size: 15px;
	min-width: 209px;
	transition: all 0.5s ease;
	text-decoration: none;
	box-shadow: none;
	padding: 10px 20px;
	color: #fff;
	display: block;
    margin: 7px auto 0px;
}
._pattern .gallery_selector {
	border:solid 1px #ccc;
	background: #519e34;
	font-size: 15px;
	min-width: 209px;
	transition: all 0.5s ease;
	text-decoration: none;
	box-shadow: none;
	padding: 10px 20px;
	color: #fff;
	display: block;
    margin: 0px auto;
}
._pattern .imgContainer {
	display:none
}
._pattern.active .imgContainer {
	display:block
}
._pattern.active a.close_btn {
	display:block
}
._pattern.active .select_start {
	display:none
}
#collage-1 [data-pattern="1"] {
	width:100%;
	height:100%;
}
._design.xactive .close_btn, ._design.xactive .positionButtonDiv, ._design .yactive ._imgContainer {
	display:none !important;
}
._design.xactive [data-pattern] {
/*border:none !important*/
}
._design img.canvas {
	display:none;
}
._design .yactive img.canvas {
	display:block;
}
._design .select_start {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
._pattern.active .imgContainer {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	overflow: hidden;
}
._pattern.active .imgContainer [class*=_imgContainer] {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("assets/transparent.png");
}
 [data-pattern] {
 border-collapse: collapse;
 background:#fff;
 border: 2px dashed #3a6188;
}
._design .left, ._design .right {
	width:50%;
	float:left;
	height:100%;
}
/**@author:kishan saini**/
._design .top_1_2_full {
	width:100%;
	height:50%;
}
._design .bottom2_full {
	width:100%;
	height:50%;
}
._design .left_2_3 {
	width:33.33%;
	float:left;
	height:50%;
}
._design .middle_2_3 {
	width:33.33%;
	float:left;
	height:50%;
}
._design .right_2_3 {
	width:33.33%;
	float:left;
	height:50%;
}
#collage-9 [data-pattern="1"] {
	height: 50%;
	width: 100%;
	overflow: hidden;
}
/*#collage-9 [data-pattern="1"] ._imgContainer {
	width: 74% !important;
	margin-left: 13% !important;
	margin-right: 13% !important;
}
#collage-9 [data-pattern="1"] ._pattern.active {
	background-image: url(assets/transparent.png);
}*/
#collage-9 [data-pattern="1"], #collage-9 [data-pattern="2"], #collage-9 [data-pattern="3"] {
	height: 50%;
	width: 33.33%;	
	overflow: hidden;
}
.continue_collage .btn-primary {
	font-size:15px;
	margin-top:20px;
	min-width:209px;
	float:right;
}
/** 10-09-2018 **/
[data-pattern] {
	position:relative;
}
.close_btn {
	    position: absolute;		
		right: 10px;
		top: 9px;
		cursor: pointer;
		font-size: 23px;
		top: -2px;
    	right: 5px;
		z-index: 9999;
}
/**@author:kishan saini**/
#collage-1 [data-pattern="1"] {
	width:100%;
	height:100%;
}
#collage-2 [data-pattern="1"], #collage-2 [data-pattern="2"] {
	height: 100%;
	width: 50%;
	float: left;
}
#collage-3 [data-pattern="1"] {
	height: 100%;
	width: 100%;
	float: left;
	
	overflow: hidden;
}
#collage-3 [data-pattern="2"], #collage-3 [data-pattern="3"] {
	height: 50%;
	width: 100%;
	float: left;
	
	overflow: hidden;
}
#collage-4 [data-pattern="1"], #collage-4 [data-pattern="2"] {
	height: 50%;
	width: 100%;
	
	overflow: hidden;
}
#collage-4 [data-pattern="3"] {
	height: 100%;
	width: 100%;
	float: left;
	
	overflow: hidden;
}
#collage-5 [data-pattern="1"], #collage-5 [data-pattern="2"], #collage-5 [data-pattern="3"], #collage-5 [data-pattern="4"] {
	height: 50%;
	width: 50%;
	
	overflow:hidden;
	float: left;
}
#collage-6 [data-pattern="1"], #collage-6 [data-pattern="2"], #collage-6 [data-pattern="3"], #collage-6 [data-pattern="4"] {
	height: 50%;
	width: 50%;
	float: left;
	
	overflow:hidden;
}
#collage-6 [data-pattern="5"] {
	position:absolute;
	top:25%;
	left:25%;
	width:50%;
	height:50%;
	z-index:100;
	
	overflow:hidden;
}
#collage-7 [data-pattern="1"] {
	position:absolute;
	top:3%;
	right:3%;
	width:35%;
	height:35%;
	z-index: 2222;
	
	overflow:hidden;
}
#collage-7 [data-pattern="2"] {
	height: 100%;
	width: 100%;
	
}
#collage-8 .pattern8 {
	height: 100%;
	width: 100%;
	
}
._design [data-pattern].hover ._pattern {
	border:solid 10px transparent
}
#input-option240 input[type=radio] {
	display:none
}
#input-option240 .radio {
	width:14.28%;
	padding:5px 5px;
	float:left;
	text-align: center;
}
#input-option240 .radio label {
	padding-left:0
}
#input-option240 .radio img {
	clear:both;
	display:block;
	margin:5px auto;
}
img.final_posture {
	max-width: 150px;
	margin: 15px;
	border:solid 3px #ccc
}
/*-------------RGI----------------*/
.select_outer {
	border: 3px dotted #3a6188;
	display: table;
	width: 100%;
	height:750px;
}
.select_box {
	border-right: 3px dotted #3a6188;
	border-bottom: 3px dotted #3a6188;
	height: 385px;
	text-align: center;
	display: inline-block;
	width:49.8%;
	padding-top: 10%;
}
.select_outer .select_box:nth-child(2) {
	border-right:0px;
}
.select_outer .select_box:nth-child(3) {
	border-bottom:0px;
}
.select_outer .select_box:nth-child(4) {
	border-bottom:0px;
	border-right:0px;
}
.select_box_single {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.select_box_duble {
	text-align: center;
	display: table-cell;
	border-right: 3px dotted #3a6188;
	vertical-align: middle;
}
.select_box_duble:nth-child(2) {
	border-right:0px;
}
.select_box_three1 {
	text-align: center;
	border-right: 3px dotted #3a6188;
	display: table-cell;
	vertical-align: middle;
}
.select_box_three1 .select_inner hr {
	border-bottom: 3px dotted #3a6188;
	border-top:0px;
	margin:80px 0;
}
.select_box_three1:nth-child(2) {
	border-right:0px;
}
.select_box_midd {
	position: absolute;
	left: 0;
	right: 0;
	top: 33%;
	background: #fff;
	max-width: 240px;
	margin: auto;
	border: 3px dotted #3a6188;
	padding: 15px;
	text-align: center;
}
.select_box_three1 .select_inner_midd hr {
	margin:180px 0 !important;
	border-bottom: 3px dotted #3a6188;
	border-top:0px;
}
.select_box_three1 .select_inner_midd {
	padding-top:20px;
}
.paddingTop20 {
	padding-top:20%;
}
.paddingTop5 {
	padding-top:5%;
}
.paddingBottom5 {
	padding-bottom:5%;
}
.paddingTop10 {
	padding-top:10%;
}
.bdr_bottom {
	border-bottom: 3px dotted #3a6188;
	padding-bottom: 15%;
}
.offsetTop20 {
	margin-top:20px;
}
.design_7 {
	height: 400px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border: 3px dotted #3a6188;
	width: 50%;
}
.select_outer p {
	color:#000000;
	font-size:20px;
	padding-top: 15px;
	margin-bottom: 3px;
}
.select_outer span {
	color:#000000;
	font-size:16px;
}
.image-preview-input {
	position: relative;
	overflow: hidden;
	margin: 0px;
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	height: 100%;
	width:100%;
}
.image-preview-input.btn-primary {
	font-size:15px;
	margin-top:15px;
	min-width:209px;
	transition:all 0.5s ease;
}
.continue_btn .btn-primary, .continue_btn_svg .btn-primary {
	font-size:15px;
	/*margin-top:50px;*/
	margin-top:20px;
	min-width:209px;
	float:right;
}
#myModal .modal-header {
	padding:0;
	border:0;
}
#myModal .close {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: none;
	filter: alpha(opacity=20);
	opacity: 1;
	position: absolute;
	right: -10px;
	top: -19px;
	outline: none;
	background: #293370;
	width: 35px;
	height: 35px;
	border-radius: 100%;
}
/*------------Option Page Start Here-----------*/
.option_table table tbody tr {
	background:#f4f4f4;
}
.option_table table tbody tr td {
	padding:15px 5px;
	border-top:0px;
	border-bottom:3px solid #fff;
}
.option_table table tbody tr td:nth-child(1) {
	width:6%;
	vertical-align:middle;
	text-align:center;
}
.option_table table tbody tr td:nth-child(2) {
	width:24%;
}
.option_table table tbody tr td:nth-child(3) {
	width:60%;
}
.option_table table tbody tr td img {
	border:3px solid #e2e2e2;
}
.option_table table tbody tr td .fa {
	color:#cccccc;
	font-size:18px;
	width:32px;
	height:32px;
	line-height:26px;
	background:#fff;
	border-radius:100%;
	border:3px solid #cccccc;
	display:inline-block;
	text-align:center;
}
.option_table table tbody tr:hover td .fa {
	color:#519e34;
	border-color:#519e34;
}
.option_table table tbody tr td h3 {
	font-size:20px;
	color:#28346e;
	margin-top:0px;
}
.option_table table tbody tr td p {
	color:#4a4a4a;
	font-size:14px;
}
.option_table table tbody tr td p.price {
	color:#263168;
	font-size:18px;
	font-weight:700;
}
.your_order {
	background:#f4f4f4;
	padding:15px;
}
.your_order h2 {
	color:#28346e;
	font-size:25px;
	margin:0px;
	padding-bottom:15px;
	border-bottom:1px solid #d4d4d4;
}
.your_order table tbody tr td {
	padding:15px 0px;
	border-top:0px;
	border-bottom:1px solid #d4d4d4;
}
.your_order table tbody tr td:nth-child(1) {
	width:70%;
}
.your_order table tbody tr td:nth-child(2) {
	text-align:right;
}
.your_order table tbody tr td {
	color:#686868;
	font-size:14px;
	line-height:24px;
}
.your_order table tbody tr td p {
	margin-bottom:0px;
}
.your_order table tbody tr td p.price {
	color:#263168;
	font-size:18px;
	font-weight:700;
}
.your_order table tbody tr td p.total {
	color:#263168;
	font-size:30px;
}
.your_order table tbody tr td p.total_price {
	color:#263168;
	font-size:30px;
	font-weight:700;
}
.your_order .btn-primary {
	font-size:15px;
	width:100%;
}
/*------------Order Summery Page-----------*/
.order_summery table thead {
	background:#f4f4f4;
}
.order_summery table thead tr th {
	color:#2a2a2a;
	font-size:16px;
	padding:15px;
	font-weight:700;
	border-bottom:3px solid #fff;
}
.order_summery table tbody tr td {
	color:#424242;
	font-size:15px;
	padding:15px;
	border-top:0px;
	border-bottom:3px solid #fff;
	background:#f4f4f4;
}
.order_summery table tbody tr td img {
	border:3px solid #e2e2e2;
}
.order_summery table tbody tr td h3 {
	font-size:20px;
	color:#28346e;
	margin-top:0px;
}
.order_summery table tbody tr td p {
	font-size:14px;
	color:#878787;
	font-weight:400;
}
.order_summery table .form-control {
	height:38px;
	border:1px solid #cecece;
	color:#2a2a2a;
	font-size:15px;
	border-radius:0px;
	box-shadow:none;
	width:82px;
}
.order_summery a.edit_btn, .order_summery a.delete_btn {
	display:inline-block;
	color:#28346e;
	font-size:18px;
	padding:0 4px;
}
.order_summery table thead tr th:nth-child(1) {
	width:15%;
}
.order_summery table thead tr th:nth-child(2) {
	width:26%;
}
.order_summery table thead tr th:nth-child(3) {
	width:16%;
}
.order_summery table thead tr th:nth-child(4) {
	width:15%;
}
.order_summery table thead tr th:nth-child(5) {
	width:10%;
}
.order_summery table thead tr th:nth-child(6) {
	width:8%;
}
.order_summery table tbody tr td:nth-child(7) {
	width:12%;
}
.order_total table {
	background:#f4f4f4;
}
.order_total table thead tr th {
}
.order_total table tbody tr td {
	border:0px;
	padding:10px 15px;
	color:#686868;
	font-size:14px;
}
.order_total table tbody tr td:nth-child(2) {
	color:#263168;
	font-size:18px;
	font-weight:700;
	text-align:right;
}
.order_total table tbody tr:last-child td {
	color:#263168;
	font-size:30px;
	font-weight:400;
}
.order_total table tbody tr:last-child td:nth-child(2) {
	font-weight:700;
}
.order_total a.btn-primary {
	font-size:15px;
	float:right;
	margin:15px 0;
	min-width:162px;
}
/*------------Ready Page-----------*/
.ready_block {
	text-align:center;
	margin:50px 0;
}
.ready_block h2 {
	color:#519e34;
	font-size:48px;
	font-weight:700;
	margin-bottom:20px;
}
.ready_block p {
	color:#2e2e2e;
	font-size:18px;
	margin-bottom:15px;
}
.ready_block .btn-primary {
	min-width:214px;
	font-size:15px;
	margin-top:15px;
}
/*------------Login Page-----------*/
.login_section {
	width:100%;
	margin:40px auto;
	max-width:480px;
}
.login_section h3 {
	font-size:22px;
	color:#4a4a4a;
	margin-top:0px;
	text-align:center;
}
.login_section p {
	font-size:15px;
	color:#4a4a4a;
	text-align:center;
}
.login_section .form-horizontal .form-group {
	margin-right:0px;
	margin-left:0px;
}
.login_section .form-control {
	height:41px;
	border:0px;
	box-shadow:none;
	background:#eeeeee;
	color:#c1c1c1;
	font-size:14px;
}
.login_section p a {
	color:#4a4a4a;
	text-align:right;
	display:block;
}
.offsetbottom30 {
	margin-bottom:30px;
}
.login_section .btn-primary {
	font-size:15px;
	width:100%;
	margin-top:15px;
	transition:all 0.5s ease;
	outline:none;
}
p.account a {
	color:#28346e;
	text-decoration:underline;
	display:inline-block;
}
/*------------Login Page-----------*/
.register_section {
	width:100%;
	margin:40px 0;
}
.register_section h3 {
	font-size:22px;
	color:#4a4a4a;
	margin-top:0px;
	text-align:center;
}
.register_section p {
	font-size:15px;
	color:#4a4a4a;
	text-align:center;
}
.register_section .form-horizontal .form-group {
	margin-right:0px;
	margin-left:0px;
}
.register_section .form-control {
	height:41px;
	box-shadow:none;
	border:1px solid #d2d2d2;
}
.register_section label {
	color:#4a4a4a;
	font-size:15px;
	font-weight:600;
}
.register_section .btn-primary {
	font-size:15px;
	width:100%;
	margin-top:25px;
	transition:all 0.5s ease;
	outline:none;
	max-width:394px;
}
/*------------Login Page-----------*/
.my_account_section {
	width:100%;
	margin:50px 0;
}
.my_account_section .tab-content {
	background:#f4f4f4;
	float: left;
	width:89%;
	padding:15px;
	min-height:411px;
}
.my_account_section .nav-tabs {
	border-bottom: 0px solid #ddd;
	float: left;
	width:11%;
}
.my_account_section .nav-tabs>li {
	float: none;
	margin-bottom: 0;
}
.my_account_section .nav-tabs>li> a {
	margin-right: 0;
	background:#28346e;
	padding:15px;
	text-align:center;
	color:#fff;
	font-size:15px;
	border-radius:0px;
	border-bottom:1px solid rgba(255,255,255,0.20);
	display:block;
	word-break: break-all;
}
.my_account_section .nav-tabs>li>a:hover {
	background:#519e34;
	border-color:rgba(255,255,255,0.20);
}
.my_account_section .nav-tabs>li.active>a, .my_account_section .nav-tabs>li.active>a:focus, .my_account_section .nav-tabs>li.active>a:hover {
	background-color:#519e34;
	color:#fff;
}
.my_account_section .nav-tabs>li> a .fa {
	display:block;
	font-size:45px;
	vertical-align:middle;
	margin-bottom:5px;
}
.my_account_section h3 {
	color:#3f3f3f;
	font-size:22px;
	font-weight:700;
	margin-top:0px;
}
#my_acccount h3 {
	float:left;
}
#my_acccount a.edit_account {
	float:right;
	background:#519e34;
	color:#fff;
	font-size:15px;
	display:inline-block;
	padding:6px 20px;
	text-decoration:none;
}
#my_acccount a.edit_account:hover {
	background:#28346e;
}
#my_acccount a.edit_account .fa {
	margin-right:5px;
}
#my_acccount hr {
	border-color:#d0d0d0;
	margin-top: 13px;
}
#my_acccount dl {
	color:#151515;
	font-size:15px;
}
#my_acccount dl dt {
	float: left;
	font-weight:600;
	padding:5px;
}
#my_acccount dl dd {
	margin-left:200px;
	padding:5px;
	font-weight:600;
}
#my_acccount a.change_pass {
	background:#28346e;
	color:#fff;
	font-size:15px;
	display:inline-block;
	padding:6px 20px;
	text-decoration:none;
}
#my_acccount a.change_pass:hover {
	background:#519e34;
}
#wishlist table thead, #order_history table thead {
	background:#fff;
	border-top:1px solid #d0d0d0;
}
#wishlist table thead tr th, #order_history table thead tr th {
	color:#2a2a2a;
	font-size:16px;
	padding:15px;
	font-weight:700;
	border-bottom:3px solid #f4f4f4;
}
#wishlist table tbody tr td, #order_history table tbody tr td {
	color:#424242;
	font-size:15px;
	padding:15px;
	border-top:0px;
	border-bottom:3px solid #f4f4f4;
	background:#fff;
}
#wishlist table tbody tr td:first-child img, #order_history table tbody tr td:first-child img {
	border:3px solid #e2e2e2;
}
#wishlist table tbody tr td h4, #order_history table tbody tr td h4 {
	font-size:20px;
	color:#28346e;
	margin-top:0px;
}
#wishlist table tbody tr td p, #order_history table tbody tr td p {
	font-size:14px;
	color:#878787;
	font-weight:400;
}
#wishlist table .form-control {
	height:38px;
	border:1px solid #cecece;
	color:#2a2a2a;
	font-size:15px;
	border-radius:0px;
	box-shadow:none;
	width:82px;
}
#wishlist a.cart_btn, #wishlist a.close_btn {
	display: inline-block;
	color: #fff;
	font-size: 22px;
	padding: 5px 13px;
	background: #28346e;
	margin:1px;
}
#wishlist a.cart_btn img {
	vertical-align:baseline;
}
#wishlist a.cart_btn:hover, #wishlist a.close_btn:hover {
	background:#519e34;
}
#wishlist table thead tr th:nth-child(1) {
	width:18%;
}
#wishlisttable thead tr th:nth-child(2) {
	width:25%;
}
#wishlist table thead tr th:nth-child(3) {
	width:25%;
}
#wishlist table thead tr th:nth-child(4) {
	width:15%;
}
#wishlist table thead tr th:nth-child(5) {
	width:15%;
}
/*------------Contact Us Page-----------*/
.contact_block {
	background:#fff;
	border-top:7px solid #283371;
	box-shadow:0 2px 5px rgba(0,0,0,0.31);
	max-width:886px;
	margin:50px auto auto;
	padding:20px 50px;
	position: absolute;
	left: 15px;
	right:15px;
}
.contact_block h3 {
	color:#383838;
	font-size:22px;
	font-weight:700;
	margin-top:0px;
	margin-bottom:30px;
}
.contact_block p {
	color:#383838;
	font-size:14px;
	font-weight:600;
	margin-bottom:30px;
	padding-left:53px;
	position:relative;
	padding-top: 3px;
}
.contact_block p .icon {
	border:1px solid #616161;
	width:30px;
	height:30px;
	border-radius:100%;
	line-height:28px;
	display:inline-block;
	text-align:center;
	color:#616161;
	font-size:18px;
	position:absolute;
	left:0px;
	top:0;
}
.contact_block p:last-child .icon {
	font-size:10px;
	font-weight:600;
}
.contact_block .form-control {
	border:0;
	border-bottom:1px solid #b0b0b0;
	border-radius:0px;
	color:#383838;
	font-size:14px;
	font-weight:600;
	box-shadow:none;
	padding-left:0px;
}
.contact_block textarea {
	height:80px !important;
}
.contact_block .form-horizontal .form-group {
	margin-right:0px;
	margin-left:0;
}
.contact_block .btn-primary {
	min-width:162px;
	font-size:15px;
	margin-top:10px;
	transition:all 0.5s ease;
	outline:none;
}
.map_section {
	line-height:0;
	margin-top:260px;
}
.option_image {
}
.reset_btn {
	/*padding-top:40px;*/
	padding-top:16px;
	float:left;
}
 
/*------------RESPONSIVE CSS START HERE-----------*/
@media screen and (min-width:1366px){
	
#myModal .col-md-2{
    width: auto;
}
#myModal .col-md-10{
   width:82%;
}
}
@media screen and (min-width:1367px){
	
#myModal .col-md-2{
    width: 12.667%;
}
#myModal .col-md-10{
    width: 87.333%;
}
}
@media screen and (min-device-width:1024px)  and (orientation : landscape){
#collage-7 ._pattern .select_start p{
	font-size: 13px;
    line-height: 18px;
    margin-bottom: 2px;
}
#collage-7 ._pattern .image_selector {
    padding: 6px 20px;
}
}
 
@media screen and (max-width:1199px) {
#mySidenav {
	width: 91%;
}
.stepwizard ul li a:before {
	width: 60%;
	left: -30%;
}
header .navbar-brand img{
	height:45px;
}
}
.closebtn, .menu_bar_icon {
	display:none;
}
@media screen and (max-width:991px) {
.carousel-indicators{
	z-index:1;
}
header .navbar-brand {
	position:relative;
	z-index:20;
	padding: 18px 0px;
}
#mySidenav {
	width: 87%;
	
	margin-top:0px;
}
.navbar-header {
/*float: none;*/
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-text {
	float: none;
	margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
	display: block!important;
}
.collapsing {
	overflow: hidden!important;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
#mySidenav {
	width:0;
}
.closebtn, .menu_bar_icon {
	display: block;
}
.menu_bar_icon {
	display: inline-block;
	position: absolute;
	top:45px;
	right: 20px;
}
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top:0px;
	z-index: 999999;
}
.sidenav .closebtn {
	color: #fff;
}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	z-index:99999;
}
#main {
	transition: margin-left .5s;
	padding: 16px;
}
.menu .nav .open>a, .menu .nav .open>a:focus, .menu .nav .open>a:hover {
	border-color: transparent;
}
.menu .navbar-nav li a {
	padding: 10px 8px;
	color: #999;
	text-shadow: 0 0 0;
	border-bottom: 1px solid #444;
}
.menu .navbar-nav li a {
	margin: 5px 0 0px;
}
.menu .navbar-nav > li.menu_btn a {
	display:inline-block;
}
.step_inner_icon {
	width: 120px;
	height: 120px;
	line-height: 105px;
	top: -45px;
}
.step_icon {
	height: 50px;
}
.step_icon:before {
	border-width: 25px;
}
.step_icon:after {
	border-width:30px;
	top:-5px;
}
.step_icon {
	width: 80%;
}
.step_inner_icon img {
	max-width:50px;
}
.cart_outer {
	position: relative;
	top: -7px;
	right: 49px;
}
.material_block {
	min-height: 451px;
}
.design_detail .price {
	font-size: 25px;
}
.stepwizard ul li a:before {
	top: 28px;
	width: 50%;
	left: -25%;
}
.your_order table tbody tr td p.total_price {
	font-size: 22px;
}
.my_account_section .nav-tabs {
	width: 20%;
}
.my_account_section .tab-content {
	width:80%;
}
._pattern .image_selector {
	min-width:inherit;
}
#collage-7 ._pattern .select_start p{
	font-size: 13px;
    line-height: 18px;
    margin-bottom: 2px;
}
#collage-7 ._pattern .image_selector {
    padding: 6px 20px;
}
#collage-8 { height:500px;}
}
 @media screen and (max-width:767px) {
header .navbar-brand {
	float:none;
	display: inline-block;
}
.header_login ul {
	margin:40px 0 25px;
	float: left;
}
.menu_bar_icon {
	top:25px;
}
.cart_outer {
	top:30px;
	right: 0px;
}
.steps_block p {
	margin-bottom: 75px;
}
.easy_step_section .btn-primary {
	margin-top: 0;
}
header .dropdown-menu {
	min-width: 250px;
	left: auto;
	right:0;
}
header .drop_content:after, header .drop_content:before {
	right:-2px;
}
.material_detail h3 {
	margin-top: 15px;
}
#material_form .btn-group .btn-default {
	margin-bottom:15px;
}
.possible_versions {
	margin-bottom:15px;
}
.material_block {
	min-height: inherit;
}
.design_detail {
	margin-top:25px;
}
.stepwizard ul li {
	width: 20%;
	
	float: left;
	display: inline-block;
}
.stepwizard ul li a:before {
	top: 28px;
	width: 72%;
	left: -37%;
}
.stepwizard ul li:nth-child(4) a:before, .stepwizard ul li:nth-child(7) a:before {
	display:none;
}
.tabs_nav .nav-tabs > li {
	float: left;
	width: auto;
	margin-right: 10px;
}
.tabs_nav {
	position:static;
	max-height: inherit;
	height: auto !important;
}
.select_outer {
	height: 300px;
}
.select_box_three1 {
	padding: 15px 0;
}
.option_table table tbody tr td img {
	max-width:inherit;
}
.your_order {
	margin-bottom:15px;
}
.contact_block {
	position:static;
}
.map_section {
	margin-top:50px;
}
.map_section iframe {
	width:100% !important;
	height:350px !important;
}
.right_option {
	margin-top:15px !important;
}
#input-option240 .radio {
	width:25%;
}
#navbar2 {
	background: #fff;
	border: 1px solid #eee;
	left: -10px;
	position: absolute;
	right: -10px;
	top: 56px;
	z-index: 9999;
}
#navbar2 .tabs_nav {
	padding-left:0px;
}
#navbar2 .tabs_nav ul {
	margin-top:15px;
	background:none !important;
}
#collage-7 ._pattern .image_selector {
    padding:2px;
	min-width: inherit !important;
}
.easy_step_section .col-sm-4{
	max-width:inherit;
}
.step_icon {
    width:84%;
}
._design {
    height:250px;
}
.positionButtonDiv{
	top:25%;
}
}
 @media screen and (max-width:599px) {
#myModal .close {
	font-size: 25px;
	right: -1px;
	top: -3px;
	width: 25px;
	height: 25px;
	z-index: 99;
}
.my_account_section .nav-tabs {
	width: auto;
	float:none;
}
.my_account_section .tab-content {
	width:auto;
	float:none;
}
.my_account_section .nav-tabs > li {
	float: left;
	margin-right: 1px;
}
.contact_block {
	padding: 20px;
}
._pattern .image_selector {
	font-size: 12px;
	padding:5px;
}
._design .select_start p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 3px;
}
.tabs_nav .nav-tabs li a {
	border-radius: 0;
	height: 76px;
	margin-right: 0;
	width:68px;
	background-size:51px !important;
}
.easy_step_section h2 {
    font-size: 35px;
}
.slider_wrapper .item{
	min-height:200px !important;
	background-size:contain !important;
	background-size:cover !important;
}
.slide_content h1 {
    font-size: 26px;
}
.slide_content p {
    font-size: 20px;
    line-height: 24px;
}
.slide_content{
	margin-top:0px;
}
.slider_wrapper .carousel-caption{
	top:0px;
}
.slide_content h1{
	margin-bottom: 0;
}
#collage-8 {
    height: 420px;
}
}
 @media screen and (max-width:480px) {
.design_choice .col-sm-2 {
	width: 50%;
	float: left;
	margin-bottom:15px;
}
.stepwizard ul li a:before {
	width: 65%;
	left: -34%;
}
.image-preview-input.btn-primary {
	min-width: inherit;
}
.select_box_three1 .select_inner hr {
	margin: 20px 0;
}
._design .select_start img {
	height:40px;
}
.cart_outer button.dropdown-toggle, .cart_outer a.dropdown-toggle {
  height: 30px;
  line-height: 26px;
  width: 30px;
}
.header_login ul li {
    padding-right: 0 !important;
}
.header_login ul li a {
    font-size: 13px;
}
 
}
 @media screen and (max-width:479px) {
header .navbar-brand img {
	height:40px;
}
.menu_bar_icon {
	top: 15px;
}
.header_login ul li {
	padding-left: 0px;
	padding-right: 7px;
}
 
.easy_step_section h2 {
	font-size:35px;
}
.easy_step_section h2 p {
	font-size:22px;
}
.stepwizard {
	/*max-width: 290px;*/
	margin:auto;
}
.stepwizard ul li a:before {
	width: 48%;
	left: -26%;
}
.design_choice img {
	height: 200px;
}
.my_account_section .nav-tabs > li {
	width:49.5%;
}
#my_acccount dl dd {
	margin-left: 100px;
}
.continue_btn .btn-primary, .continue_btn_svg .btn-primary {
	min-width: inherit;
}
#collage-8 {
    height: 260px;
}
}
 @media screen and (max-width:359px) {
.image-preview-input.btn-primary {
	padding: 10px 10px;
}
#my_acccount a.edit_account {
	padding: 6px 10px;
}
._pattern .image_selector {
	font-size: 13px;
	padding: 2px;
}
._design .select_start p {
	font-size: 11px;
}
}
/*------------About Us Page-----------*/ 
.about_us_page h3 {
	color: #28346e;
	font-size: 25px;
	margin-top:50px;
}
.about_us_page p {
	color: #4a4a4a;
	font-size: 15px;
	line-height:26px;
	margin-bottom:20px;
}
.about_us_page hr {
	border-color:#eee;
}
.offsetBottom50 {
	margin-bottom:50px !important;
}
.right_option {
	background:#f2f2f2;
	padding:15px;
	
 
}
.option_image {
	background:#fff;
}
.material_block img {
    width: 100%;
    border-bottom: solid 1px #ccc;
}
.radio {
    display: inline-block;
}
#order_history tbody tr td a.btn-info{
	background:#519e34 !important;
	font-size: 20px !important;
	border:0px;
}
#choose_frame.btn-primary{
	font-size:16px !important;
	cursor:pointer;
}
.offsetTop20{
	margin-top:20px;
}
@media screen and (max-width:767px){
	#choose_frame.btn-primary{
		margin-bottom:20px;
	}
}
@media screen and (max-width:479px){
#collage-7 [data-pattern="1"] {
    width: 50%;
    height: 50%;
}
#collage-7 [data-pattern="2"] .positionButtonDiv {
    right: auto;
    left: 5px;
}
#collage-7 [data-pattern="2"] .select_start{
    padding-right: 140px;
}
#collage-7 ._pattern .select_start p {
    font-size: 11px !important;
}
.positionButtonDiv {
    width: 65px;
    height: 60px;
}
#myModal ._pattern a.close_btn {
    font-size: 16px;
    width: 25px;
    height: 25px;
    line-height: 24px;
}
.steps_banner {
    padding-bottom: 10px;
}
.stepwizard ul li a span.icon {
    width: 50px;
    height: 50px;
    line-height: 28px;
    padding: 8px;
}
.stepwizard ul li a p {
    font-size: 12px;
    word-wrap: break-word;
    min-height: 66px;
}
}
.options_list { background:#f8f8f8;}
.options_list h4 { font-size:22px; color:#fff; background:#28346e; padding:8px 15px;}
.options_list .radio { padding:10px 15px; width:100%; float:left;}
.options_list .radio label { padding:10px 15px; width:100%; background:#fff; margin-top:10px; display:table;}
.options_list .radio label:hover {}
.options_list .radio input[type=radio] { margin:0px;}
.radio_div {  width:20px; min-height:50px;}
.option_image { width:150px; min-height:50px;}
.option_description { }
.option_description h5 { color:#28346e; font-size:20px;}
.option_price { width:100px;}
.radio_div, .option_image, .option_description, .option_price { display:table-cell; vertical-align:top; padding:0px 8px;}
.option_price { color:#28346e; font-size:14px;}
.radio_div {vertical-align: middle;}
.options_list .radio label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */
.options_list .radio label input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 50%;
    left: 10px;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%; margin-top:-13px;
}
/* On mouse-over, add a grey background color */
.options_list .radio label:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.options_list .radio label input:checked ~ .checkmark {
    background-color: #28346e;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.options_list .radio label input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.options_list .radio label .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.steps_back_button { padding-bottom:20px;}
.steps_pay_button { padding-bottom:20px;}
.steps_next_button { padding-bottom:20px;}
.sizes_list { float:left; width:33.33%; background:#f8f8f8; border:#fff 2px solid; padding:5px;}
.sizes_list h5 { font-size:20px; font-weight:500;}
.sizes_list dl { float:left; width:100%; margin:0px; padding:0px; cursor:pointer;}
.sizes_list dl:nth-child(even) { background:#fff;}
.sizes_list dl:nth-child(odd) { background:#e1e7ed;color:#3e658c;}
.sizes_list dl:hover { background:#519e34;color:#fff;}
.sizes_list dl dt { float:left; width:60%; padding:5px; font-weight:normal; }
.sizes_list dl dd { float:right; width:40%; padding:5px; text-align:right; }
.size_popup_button { text-align:right; padding-bottom:20px;}
.popup_sizes h4 {
    font-size: 22px;
    color: #fff;
    background: #28346e;
    padding: 8px 15px;
}
h4.modal-title1 { font-size:22px; margin:5px 0px;} 
.prices_load_button_block.offsetTop20 {
    margin-top: 35px;
    overflow: hidden;
    padding-top: 15px;
	padding-left: 10px;
}
div#tab2.steps_list .col-sm-12.col-md-12 { padding: 0px !important; }
.size_popup_button button.btn.btn-primary, #choose_frame.btn-primary, button#next-step, button#previous-step, input#button-cart {
    padding: 13px 5px !important;
	width: 100% !important;
}
@media screen and (max-width:767px){
.option_image { display:none;}
.sizes_list {width:100%;}
.images_list {width:100%;}
.prices_load_button_block .col-sm-12.pull-right {
    width: 100%;
}
.stepwizard ul li a:before {
    display: none;
}
.stepwizard ul li a p {
    font-size: 14px;
}
}
@media screen and (max-width:1199px){
.stepwizard ul li a p {
    min-height: 60px;
}
}
@media screen and (max-width:1889px){
.size_popup_button button.btn.btn-primary, #choose_frame.btn-primary, button#next-step, button#previous-step, input#button-cart  {
	font-size: 12px !important;
    padding: 10px 6px !important;
}
}
.images_list { float:left; width:14.26%; background:#f8f8f8; border:#fff 2px solid; padding:5px;}
.images_list dl { float:left; width:100%; margin:0px; padding:0px; cursor:pointer;}
.images_list dl:nth-child(even) { background:#fff;}
.images_list dl:nth-child(odd) { background:#e1e7ed;color:#3e658c;}
.images_list dl:hover { background:#519e34;color:#fff;}
label.btn span {
  
}
ul.colors input[type="radio"]{
	display:none;
}
#myModal .modal-dialog{
	width:1100px;
}
#myModal .modal-content{
	width:100%;
}
._design.staand { margin:auto; width:465px;}
._design.liggend  {margin:auto; width:600px; height:465px;}
._design.vierkant {margin:auto; width:520px; height:520px;}
._design { position:relative;}
._design:before { position: absolute; left:1px; top:1px; right:1px; bottom:1px; pointer-events:none; border: rgb(128, 128, 128) 8px solid; content:""; z-index:1;}
/*shadow design start herer*/
.shadow_design:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.7vw solid; content:""; z-index:1;}
.shadow_design:hover:after { display:none;}
.shadow_design1:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 1.3vw solid; content:""; z-index:1;}
.shadow_design1:hover:after { display:none;}
.shadow_design2:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; /*border:rgba(0,0,0,0.5) 28px solid;*/ border: rgba(0,0,0,0.5) 1.2vw solid; content:""; z-index:1;}
.shadow_design2:hover:after { display:none;}
.shadow_design3:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 1vw solid; content:""; z-index:1;}
.shadow_design3:hover:after { display:none;}
.shadow_design4:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.9vw solid; content:""; z-index:1;}
.shadow_design4:hover:after { display:none;}
.shadow_design5:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.9vw solid; content:""; z-index:1;}
.shadow_design5:hover:after { display:none;}
.shadow_design6:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.9vw solid; content:""; z-index:1;}
.shadow_design6:hover:after { display:none;}
.shadow_design7:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.8vw solid; content:""; z-index:1;}
.shadow_design7:hover:after { display:none;}
.shadow_design8:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.8vw solid; content:""; z-index:1;}
.shadow_design8:hover:after { display:none;}
.shadow_design9:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.8vw solid; content:""; z-index:1;}
.shadow_design9:hover:after { display:none;}
.shadow_design10:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.7vw solid; content:""; z-index:1;}
.shadow_design10:hover:after { display:none;}
.shadow_design11:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.7vw solid; content:""; z-index:1;}
.shadow_design11:hover:after { display:none;}
.shadow_design12:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.7vw solid; content:""; z-index:1;}
.shadow_design12:hover:after { display:none;}
.shadow_design13:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.6vw solid; content:""; z-index:1;}
.shadow_design13:hover:after { display:none;}
.shadow_design14:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.6vw solid; content:""; z-index:1;}
.shadow_design14:hover:after { display:none;}
.shadow_design15:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.6vw solid; content:""; z-index:1;}
.shadow_design15:hover:after { display:none;}
.shadow_design16:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.5vw solid; content:""; z-index:1;}
.shadow_design16:hover:after { display:none;}
.shadow_design17:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.5vw solid; content:""; z-index:1;}
.shadow_design17:hover:after { display:none;}
.shadow_design18:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.5vw solid; content:""; z-index:1;}
.shadow_design18:hover:after { display:none;}
.shadow_design19:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.4vw solid; content:""; z-index:1;}
.shadow_design19:hover:after { display:none;}
.shadow_design20:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.4vw solid; content:""; z-index:1;}
.shadow_design20:hover:after { display:none;}
.shadow_design21:after { position: absolute; left:9px; top:9px; right:9px; bottom:9px; pointer-events:none; border: rgba(0,0,0,0.5) 0.4vw solid; content:""; z-index:1;}
.shadow_design21:hover:after { display:none;}
/*shadow design end herer*/
#collage-8 .pattern8:after {  background:url(../images/heart.svg) 50% 50% no-repeat; background-size:100% 100%; content:""; position:absolute; top:0px; left:0px; right:0px; bottom:0px; pointer-events:none; border: 2px dashed #3a6188;}
#collage-8.staand .pattern8:after {  background:url(../images/heart-400x500.svg) 50% 50% no-repeat; background-size: 100% 100%;}
#collage-8.liggend .pattern8:after {  background:url(../images/heart-600x400.svg) 50% 50% no-repeat; background-size: 100% 100%;}
#collage-8.vierkant .pattern8:after {  background:url(../images/heart-500x500.svg) 50% 50% no-repeat; background-size: 100% 100%;}
#material_form .steps_list{
	position: relative;
   z-index: 9;
}
#material_form .right_option .steps_list{
	
    z-index: 0;
}
.ont_design-popup-ont_design-layover { position:absolute; width:100%; height:100%; z-index:9; left:0px; top:0px; pointer-events: none;background-size: 100% 100%; background-position: center; }}
._design:hover .ont_design-popup-ont_design-layover {opacity:0 !important;}
.ont_design-popup-ont_design-layover{width:100%; height:100%;opacity:0;}
[class*="pattern"]:hover+.ont_design-popup-ont_design-layover{opacity:0 !important;}
.ont_design-popup-ont_design-shapes { position:absolute; width:100%; height:100%; z-index:9; left:0px; top:0px; pointer-events: none;background-size: 100% 100%; background-position: center; }}
._design:hover .ont_design-popup-ont_design-shapes {opacity:0 !important;}
.ont_design-popup-ont_design-shapes{width:100%; height:100%;opacity:0;}
[class*="pattern"]:hover+.ont_design-popup-ont_design-shapes{opacity:0 !important;}
.time_of_shooten dl{
	position:relative
}
.time_of_shooten dl span{
	position: absolute;
	bottom: 0;
    width: 100%;
	color: #fff;
	text-align: right;
	background: #b9b1b152;
    left: 0;
    padding: 0px 5px;
}
.prices_load_button_block>a.prices_info {
    position:  absolute;
    bottom: 20px;
    right: 7px;
	font-size: 22px;
}
.btn-group.offsetTop20.prices_load_button_block {
    padding-right: 30px;
}
/** **/
div#collage-9 {
    width: 100% !important;
}
div#collage-9 .top_1_2_full {
    height: 60%;
}
div#collage-9 .left_2_3 {
    /* width:  33.33% !important; */
    height:  40% !important;
}
div#collage-9 .left_2_3>div, div#collage-9 .middle_2_3>div,div#collage-9 .right_2_3>div {
    width:  100%;
    height:  100%;
}
div#collage-9 .middle_2_3 {
    height:  40%;
}
div#collage-9 .right_2_3 {
    height:  40% !important;
}
div#collage-9 .top_1_2_full>div {
    width:  100%;
    height: 100%;
}
#collage-9 .select_start>img {
    max-width: 49px;
}
.main_div [id*="collage-"] {
    /*max-width: 100%;*/
}
#loader_until_page_load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("loading.gif") no-repeat center center rgba(0,0,0,0.25)
}

.continue_btn, .continue_btn_svg{float:right;}

.gallery_images{padding:20px;}
.gallery_images img.imgSrc{padding:10px;}

/* 19-10-2018*/
.modal-body .tabs_nav {
    max-width: 165px;
}

.modal-body .tabs_nav .nav-tabs ,.modal-body .tabs_nav .nav-tabs li,.modal-body .tabs_nav .nav-tabs li a {
    width: 100%;
}
/* 19-10-2018*/

div#myModal {
    overflow-y: scroll;
}

.progress {
	display: block;
	text-align: center;
	width: 0;
	height: 3px;
	background: red;
	transition: width .3s;
}
.progress.hide {
	opacity: 0;
	transition: opacity 1.3s;
}
span#display {
    display: block;
    color: #000;
    position: absolute;
	text-align:center;
	width: 100%;
}

.canvas_parent {
    position: relative;
}

._design, .ont_design-popup-ont_design-layover, ont_design-popup-ont_design-shapes {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}

.canvas-container:hover+.ont_design-popup-ont_design-layover{
    background: none !important;
    background-size: cover;
}

.canvas-container:hover+._design+.ont_design-popup-ont_design-layover{
    background: none !important;
    background-size: cover;
}

/*.canvas-container:hover+._design+.ont_design-popup-ont_design-layover+.ont_design-popup-ont_design-shapes{
    background: none !important;
    background-size: cover;
}*/

.canvas-container:hover+._design:after{
 border: none;
}
.image-category .btn-primary {
    margin: 14px 0;
}
.single_image_container{
    float: left;
    background: #EEE;
    margin-right: 10px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition : 0.5s;
    -moz-transition: 0.5s;
}
.single_image_container:hover{
	background: #293370;
}
.single_image_container > p {
    margin: 0;
    text-align: center;
    height: 20px;
    line-height: 28px;
}
.single_image_container:hover p{
	color: #FFF;
}
/**@author:kishan(2018-11-12)**/
/*.heart-shape{
  position: relative;
  width: 300px;
  height: 300px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before,
.heart-shape:after{
  position: absolute;
  width: 300px;
  height: 300px;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(250,184,66, 1);
}
.heart-shape:before{
  bottom: 0px;
  left: -100px;
}
.heart-shape:after{
  top: -100px;
  right: 0px;
}*/