a{text-decoration: none;}
body{
	 background: url(../img/Welcome-Mahoot.jpg) no-repeat center center fixed;
   background-size: 100% 100%;
   height: 100%;
   position: absolute;
   width: 100%;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(236, 223, 222, 0.99);;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    rgba(236, 223, 222, 0.99);;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    rgba(236, 223, 222, 0.99);;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    rgba(236, 223, 222, 0.99);;
}
/***** Intro Page *****/
.move-page1{
	position: fixed;
	background: url(../img/M/index_bg.jpeg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	z-index: 10;
}


.enter{
	position: fixed;
	width: 5%;
	background: transparent;
	border: 1px solid gold;
	border-radius: 2px;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	margin: 32% 44%;
	-webkit-transition: .3s ease-in-out; /* .3second tool bekeshe move shodan ha */
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.enter a{
	padding: 15% 37% 15% 22%;
	color:gold;
}


.enter:hover{
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	font-size: 18px;
	border-radius: 3px;
}


/***** Nav Bar *****/
.navigator{
	direction: rtl;
	text-align: center;
}

.navigator ul li{
	list-style-type: none;
	display: inline-block;
	margin-left: 5px;
	margin-top: 17px;
}

.navigator ul li a{
	padding: 5px 10px 5px 10px;
/* background: orange; */
	font-family: cursive;
	font-size: 18px;
	color: rgba(236, 223, 222, 0.99);
	border-left: 1px dotted rgba(108, 108, 108, 0.61);
	-webkit-transition: .3s ease-in-out; /* .3second tool bekeshe move shodan ha */
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.navigator ul li a:hover{
	color: yellow;
}

.navigator ul li i{
	margin-left: 10px;
}


#search-submit{
	border: 1px solid gray;
	padding: 5px;
	background: url(../img/M/search.png);
	background-size: 20px 20px;
	background-position: 90%;
	background-repeat: no-repeat;
	margin-right: -30px;
	border: none;
}

#res-menu-show, #res-menu-hide{
	color: #fff;
	display: none;
	font-family: cursive;
}



/***** Page 1 *****/
.main{
	/*background: url(../img/1575961.jpg)no-repeat;*/
	background-size: 100%100%;
}

.nav-bg{
	width: 100%;
	background: black;
	margin-bottom: -15px;
	margin-top: -15px;
	height: 100px;
}


#search{
	padding: 6px;
	background: rgba(255, 255, 255, 0.24);
	border: black;
	border-radius: 2px;
	margin-right: 15px;
	margin-top: 15px;
	width: 130px;
	color: #fff;
	background-size: 20px 20px;
	background-position: 3%;
	background-repeat: no-repeat;
}

.pattern{
	width: 100%;
	height: 100px;
	/*background: url(../img/pattern/norwegian_rose.png);*/
}

.pattern img{
	width: 10%;
	height: 80%;
	margin-top: 1%;
	float: left;
	margin-left: 13%;
}

.navigator ul li a:hover>i{	
	-webkit-transition: all .9s ease;
	-moz-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	transition: all .9s ease;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

/***** Slider *****/
.fluid_container {
	margin: 0 auto;
	max-width: 1000px;
	width: 90%;
}


/***** Page 2 *****/
.products-sample{
	width: 100%;
	margin: 30 auto; 
}
#products-controls{
	text-align: center;
}
.products-sample h2{
	color: black;
    text-shadow: -2px 6px 6px rgb(162, 104, 104);
	text-align: center;
}

.image-div{
	display: inline-table;
    width: 30%;
    height: 45%;
    /* margin: 0px 15px 10px 15px; */
    margin-top: 3px;
    border-bottom: 1px solid rgba(228, 222, 222, 0.32);
}
.image-div:hover {
	/*background: rgba(136, 128, 128, 0.38);
	border: 1px solid gold;
	border-radius: 3px;*/
}

.image-div:hover > .cost{
	border: 1px solid gold;
}

.image-div:hover>.pic-info{
	color: black;
}

.main-pic{
	width: 100%;
    height: 260px;
       
    /* border: 1px solid red; */
    float: right;
    /* margin: 10px auto; */
    /* background: url(../img/index-img/4.jpg); */
    background-repeat: round;
    /* box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.88); */
}
.main-pic img{
	width: 100%;
	height: 100%;
	max-height: 250px;
}

.cost{
	/*width: 25%;
	height: auto;
	padding: 3px;
	margin-left: 10%;
	color: #fff;
	background: #000;*/
	width: 35%;
	float: right;
	text-align: center;
	border: 1px solid black;
	height: auto;
	padding: 5px;
	margin-right: 32%;
	margin-top: 40px;
	margin-bottom: 7px;
	color: #fff;
	background: #000;
}



.pic-info{
	width: 90%;
	height: auto;
	margin-top: 10px;
	font-size: 17px;
	font-weight: bold;
	color: white;
	text-shadow: 3px 3px 2px rgb(255, 255, 255);
	text-align: right;
}


/***** cost table *****/
iframe #ads{display: none;}

/***** Page 3 *****/
#page3-content{
	width: 100%;
	height: 90%;
	background: white;
   background-size: 100% 100%;
   margin-bottom: -20px;
   text-align: center;
   
/*	border: 1px solid red;*/
}

#page3-content h1{
	font-family: cursive;
    margin-top: 5%;
    font-size: 35px;
    color: #2283a2;
    text-shadow: -2px 6px 6px rgba(169, 97, 97, 0.73);
}
#page3-content h4{
	color: rgba(169, 187, 206, 0.78);
    font-size: 18px;
}
#page3-content img{
	width: 200px;
	margin-top: 95px;
}
#page3-content button{
	width: 300px;
	height: 40px;
	margin-top: 50px;
	background: none;
	border: 1px solid lightblue;
	border-radius: 5px;
	font-size: 16px;
	color: rgba(60, 75, 150, 0.85);
}
#page3-content button:hover{
	border:1px solid darkblue;
	color: darkblue;
}
#page3-content a{
	text-decoration: none;
	color: white;
}
#page4-content{
	width: 100%;
	height: 90%;
	background: url(../img/Second-Mahoot-Background.jpg) no-repeat center center fixed;
   background-size: 100% 100%;
   margin-bottom: -20px;
/*	border: 1px solid red;*/
}

#page5-content{
	width: 100%;
	height: 90%;
	background: url(../img/42566030_ml.jpg) no-repeat center center fixed;
   background-size: 100% 100%;
   margin-bottom: -20px;
/*	border: 1px solid red;*/
}

#cost-table{
	width: 30%;
	height: 100%;
	/*border: 1px solid green;*/
	float: right;
	margin-right: 5%;
	overflow: hidden;
}

#ads{display: none !important;}
#ads a{display: none !important;}


#cost-table p{
	text-align: center;
	font-weight: bold;
	font-family: cursive;
}

#cost-table tbody{
	direction: rtl;
}

#cost-table tbody tr td {padding: 10px}
#cost-table tbody tr:nth-child(odd){
	background: linear-gradient(to bottom, #d1d1d1 0%,#969696 52%,#d1d1d1 100%); /* W3C */
}
#cost-table tbody tr:nth-child(even){
	background: linear-gradient(to bottom, #b2b2b2 0%,#dbdbdb 50%,#d1d1d1 51%,#b2b2b2 100%); /* W3C */
}
#cost-table tbody tr:hover{background: linear-gradient(to bottom, #0c0c0c 1%,#d1d1d1 53%,#0c0c0c 100%); /* W3C */}
#cost-table a{display: none; overflow: hidden;}




#phone{
	direction: rtl;
	width: 50%;
	height: 103%;
	/*border: 1px solid blue;*/
	font-size: 17px;
	text-shadow: 3px 3px 2px rgb(131, 130, 128);
	overflow: hidden;
}

#phone table{
	margin: auto;
	font-size: 17px;
	font-weight: bold;
	float: right;
	margin: 45% 0% 0% 0%;
	padding: 10px;
	/*border: 1px solid red;*/
}

#phone #phoneNo{
	color: white;
} 

#phone table img{
	width: 40px;
	height: 40px;
	margin-top: -5px;
}

#image{
	width: 80%;
	height: 30%;
	margin: 10% auto;
/*	border: 1px solid black;*/
}

.page3-img{
	width: 24%;
	height: 80%;
}


.vertical-slider{
	float: left;
}

.vertical-img {
	width: 200px;
	height: 200px;
	float: left;
	margin: 10px 10px 10px 10px;
	box-shadow: 10px 5px 20px rgba(0, 0, 0, 1);
}



/***** footer *****/
#footer{
	width: 100%;
	height: 35%;
	background: rgba(0, 0, 0, 0.76);
}

#copy-right{
	width: 60%;
	margin: auto;
}

#copy-right p span a{
	color: gold;
}

#copy-right p span a:hover{
	cursor: text;
}


#copy-right p{
	direction: rtl;
	color: #fff;
	padding-top: 4%;
	font-size: 17px;
	text-align: center;
}

#copy-right span{
	color: gold;
}

#designer{
	direction: rtl;
	width: 40%;
	margin: auto;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

#designer a{
	color: lightblue;
	font-size: 12px;
}
#designer a:hover{color: gold;}

#social{
	width: 20%;
	height: 35%;
	float: left;
	margin-left: 10px;
	margin-top: -60px;
}

#social img{
	margin-right: 5px;
}

#table-search{
	direction: rtl;
	border: 1px solid #fff;	
	z-index: 1;
	width: 400px;
}

#table-search th{
	border: 1px solid #fff;
	color: #fff;
	font-family: cursive;
	font-size: 13px;
}

#table-search td{
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-family: cursive;
	font-size: 13px;
}

#search-img{
	width: 100px;
	height: 100px;
	margin: 0% 5%;

}



#search-result{
	width: 400px;
	/*border: 1px solid #fff;*/
	background: rgba(229, 48, 48, 0.64);
	margin: auto;
	position: relative;
	z-index: 40;
}

/**********/
/**********/
/**********/
/***** Responsive *****/
@media screen and  (max-width: 900px) { /* size browser age hade aksar 900 bashe background #fff mishe */
		
	.move-page1{
		position: fixed;
	}
		
	.nav-bg :hover{
		color: gold !important;
		border: none;
	}

	.fluid_container{
		overflow: hidden;
	}

	.image-div{
		width: 40%;
		margin: 0px 20px 10px 20px;
	}

	.welcome-cover, .enter-cover{display: none;}

	.enter {
		position: fixed;
	    width: 12%; 
		background: transparent;
		border-radius: 2px;
		padding: 10px;
		color: #fff;
		font-size: 18px;
		margin: 80% 44%;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.enter a{
		padding: 15% 25% 15% 22%;
		color:gold;
	}	

	.pattern img{
		width: 25%;
		height: 80%;
		margin-left: 4%;
	}

	.cost{width: 35%;}
	#img-3, #img-4{display: none;}
	#img-1, #img-2{width: 35%; height: 60%;}
	#social{display: none;}
	
}


/***** Responsive *****/
@media screen and  (max-width: 700px) {

	.move-page1{
		position: fixed;
	}

	.enter{
		margin: 100% 40%;
	}

	

	.enter a:hover{color: #fff;}

	.navigator ul li a{
		border: none;
		padding: 0% 20% 0% 20%;
	}

	.navigator ul li{
		display: block;
		padding: 10px;
		border-bottom: 1px solid rgba(145, 13, 14, 0.48);
		margin-right: 25%;
		text-align: right;
	}

	#search-section{margin-right: 35%;}

	#res-menu-show{
		margin-right: 40%;
		color: #fff;
		display: block;
	}

	#res-menu-hide{
		margin-right: 40%;
		color: #fff;
	}
	
	#res-menu-show:hover, #res-menu-hide:hover{
		cursor: pointer;
	}

	.navigator{
		margin-top: -455px;
	}

}


/**********/
/**********/
/**********/
/***** Second Responsive *****/
@media screen and  (max-width: 100px){
	
	.image-div{
		width: 80%;
		height: 70%;
		margin: 0px 20px 10px 20px;
		overflow: hidden;
	}
	#page3-content{
	width: 100%;
	height: 120%;
	background: white;
   background-size: 100% 100%;
   margin-bottom: -20px;
   text-align: center;
   
/*	border: 1px solid red;*/
}
	
	.enter{border: none;}

	.enter:hover{border: none;}

	.enter a{
		padding: 15% 37% 15% 22%;
		color:gold;
		font-size: 15px;
	}

	#phone{
		direction: rtl;
		width: 75%;
		height: 103%;
		overflow: hidden;
	}

	#cost-table{
		width: 0%;
		height: 100%;
		/*overflow: inherit;*/
	}

	#designer{margin-top: -15px;}

	.navigator ul li a{
		border: none;
		padding: 2% 12% 2% 25%;
	}

	.navigator ul li{
	    display: block;
	    width: 250px;
	    height: 13px;
	    padding: 20px;
	    border-bottom: 1px solid rgba(145, 13, 14, 0.48);
	    margin-right: 5%;
	    text-align: right;
	}

	.navigator ul #search-section{display: none;}

	.navigator {
		margin-top: -425px;
	}

	#res-menu-show, #res-menu-hide{
		margin-right: 35%;
	}
/*---------------------------my Style----------------------*/
#slider{
	width: 100%;
	height: 595px;

}
#footer a{
	color: white;
}
 header{
            background-color: #eee;
        }

        .portfolio-item{
            max-width: 400px;
            margin: 0 auto;
        }

        .portfolio-caption {
            max-width: 400px;
            margin: 0 auto;
            background-color: #fff;
            text-align: center;
            padding: 20px;
            margin-bottom: 20px;
        }
        
        .slider_mt{
           margin-top: 15px;
        }

        .mb_zero{
            margin-bottom: 0;
        }

        .active th{
            font-size: 10px;
        }

        .panel-primary{
            border: none;
        }

        .loged_in{
            color: #fec12b;
            font-size: 15px;
        }

        span.add{
            position: relative;
                top: -3px;
        }

        .pName{
            font-size: 14px;
        }

        header{background: #fff;}
        .jumbotron{background: #fff;}

        .my_badge{
            background: #fff;
            color: blue;
            position: absolute;
            top: 5px;
            left: 27px;
            padding: 3px;
            width: 18px;        
        }


        #register .modal-dialog {
            overflow-y: initial !important;
        }

        #register .modal-body{
          height: 500px;
          overflow-y: auto;
        }

        ::-webkit-scrollbar {
            width: 12px;
        }
        ::-webkit-scrollbar-track {
            background-color: #eaeaea;
            border-left: 1px solid #ccc;
        }
        ::-webkit-scrollbar-thumb {
            background-color: #ccc;
        }
        ::-webkit-scrollbar-thumb:hover {
          background-color: #aaa;
        }

       .section1{
       	background: red;
       }