body
{
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p,a
{
	padding:0;
	margin:0;
        font-family: 'Open Sans', sans-serif;
}
	
a:hover
{
	text-decoration:none;
}

a:visited
{
	text-decoration:none;
}

img
{
	
	padding:0;
	margin:0;
}

#header
{
	margin-top:20px;
}

.logo
{
	margin:0 auto;
	text-align:center;
	width:180px;
}

/* ---------- NAVIGATION ---------------- */
#navigation
{
	background:#00a2ff;
	width:100%;
	height:50px;
	border-radius:0px 0px 0px 0px;
	border:0px solid white;
	z-index:100;
}

#navigation a
{
	color:white;
}

#navigation ul li
{
	background:#00a2ff;
	transition:.4s;
}

#navigation ul li:hover
{
	background:#61c5ff;
	border-bottom:2px solid #f4341b;
}

#navigation ul li:hover #glyph
{
	color:#003d60;
}

#active
{
	background:#00395a;
}

#orange_red
{
	color:red;
}

/* ------- END OF NAVIGATION STYLES --------------- */

textarea, input { outline: none; }

.search_table
{
	width:100%;
}

.search
{
	width:100%;
	border:1.3px solid #00a2ff;
	border-radius:5px 0px 0px 5px;
	height:40px;
	padding:0px 5px 0px 15px;
}	

.search:focus
{
	border:0px solid white;
	background:#f3f3f3;
	border:1.3px solid #00a2ff;
}

button{ outline:none; }

.search_btn
{
	padding:10px 15px 10px 15px;
	background:#f4341b;
	border:0px solid white;
	border-radius:0px 5px 5px 0px;
	color:white;
	margin-left:-2px;
}

.search_btn:hover
{
	background:#d31800;
}

.search_btn:active
{
	padding:10px 13px 10px 15px;
}

.icon
{
	width:32px;
	opacity:.7;
}

.icon:hover
{
	opacity:1;
}

.banner
{
	margin-top:20px;
	height:auto;
	width:100%;
	background-image:url("../images/banner.jpg"); 
        overflow:hidden;
}


/* ---------- Slider Styles ----------------- */
#slider
{
	padding:30px 0px 30px 0px;
}

.slide
{
	max-width:100%;
}

#slider_text
{
	margin-top:30px;
     position:relative;
}

.slider_text
{
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:white;
	font-size:60px;
	text-align:left;
}

.slider_text_small
{
	font-family:Calibri;
	color:white;
	font-size:1.5em;
}

.btn_large
{
	margin-top:20px;
	padding:8px 40px 8px 40px;
	border:0px solid white;
	border-radius:5px 5px 5px 5px;
	color:white;
	font-size:20px;
	font-weight:100;
	font-family:Calibri;
	margin-right:10px;
}

.orangered
{
	background:#f4341b;
	border-bottom:5px solid #a02b1c;
}

.orangered:active
{
	padding:7px 40px 8px 40px;
	border-bottom:4px solid #a02b1c;
}

.golden
{
	background:#fdbe15;
	color:black;
	border-bottom:5px solid #ab841b;
}	

.golden:active
{
	padding:7px 40px 8px 40px;
	border-bottom:4px solid #ab841b;
}

#tag_line
{
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	font-size:50px;
	text-align:center;
	margin-top:60px;
}

#tag_text
{
	padding:10px;
	margin-left:10px;
	font-size:16px;
	text-align:justify;
}


	#star
	{
        max-width:100%;
    }
#quotes
{
	opacity:.4;
	width:120px;
	margin-right:20px;
}

.section_features
{
	width:100%;
	height:auto;
	padding:40px 0px 40px 0px;
	background:#eeeeee;
}

#computer1
{
	max-width:100%;
	margin-bottom:30px;
}

.section_box
{
	height:200px;
	width:98%;
	margin-left:5px;
	margin-bottom:20px;
	transition:.3s;
}

.section_icon
{
	background:#00a2ff;
	padding:10px;
	margin-right:10px;
	transition:.3s;
}

.section_heading
{
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	padding-top:10px;
	transition:.3s;
}

.section_content
{
	color:#5e5e5e;
}

.view_more a
{
	color:#00a2ff;
}

.section_box:hover > .view_more a
{
	color:#f4341b;
}

.section_box:hover > .section_icon
{
	background:#f4341b;
}

.section_box:hover > .section_heading
{
	color:#f4341b;
}

.recent_projects
{
	padding:120px 0px 100px 0px;
}

.heading
{
	font-family: 'Raleway', sans-serif;
	font-weight:800;
}




/******* PROJECT BOX *************/
.project_box
{
	width:250px;
	height:390px;
	background:#e3e3e3;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	border:1px solid #e3e3e3;
}

.project_box_pic
{
	width:100%;
	height:45%;
	overflow:hidden;
}

.project_box_pic img
{
	width:100%;
	height:100%;
}

.project_overlay
{
	height:45%;
	width:100%;
	background:#f4351b;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
	transition:.3s;
}

.project_box_content
{
	padding:10px;
}

.project_box_content p
{
	font-size:13px;
	margin-top:5px;
	color:#5e5e5e;
}

.project_box_btn
{
	height:50px;
	width:100%;
	background:#00a2ff;
	position:absolute;
	bottom:0px;
	transition:.3s;
}

.project_box_btn h3
{
	padding:10px;
	color:white;
}

.project_box_btn_icon
{
	width:50px;
	height:50px;
	margin-top:-46px;
	background:white;
	opacity:.4;
	float:right;
	text-align:center;
	padding:10px;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	font-weight:800;
}


.project_box:hover .project_box_btn
{
	background:#f4351b;
}

.project_box:hover .project_overlay
{
	opacity:.6;
}

.project_box:hover .project_box_content h3
{
	color:#f4351b;
}

.our_team
{
	padding-top:100px;
	padding-bottom:100px;
	background: rgba(0,150,237,1);
	background: -moz-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,150,237,1)), color-stop(100%, rgba(83,192,255,1)));
	background: -webkit-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -o-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ed', endColorstr='#53c0ff', GradientType=0 );
	
}


.team_container
{
	height:auto;
	overflow:hidden;
	width:100%;
	border:1px solid #e3e3e3;
	transition:2s;
	cursor:pointer;
	padding:5px;
	text-align:center;
	margin-bottom:15px;
}


.team_member
{
	margin:10px;
	width:60%;
	border:1px solid #e3e3e3;
	padding:10px;
	border-radius:250px;
}

.member_data 
{
	color:white;
	cursor:default;
}

hr
{
	padding:0px;
	margin:5px;
}

.slim
{
	font-family: 'Raleway', sans-serif;
	font-weight:200;
}

.seed
{
	background:#ffffff;
	color:#005B8F;
	padding:5px 10px 5px 10px;
	margin:0px 2px 5px 5px;
	border-radius:15px;
	float:left;
}

.seed:hover
{
	background:#e3e3e3;
}

.motoweb_associates
{
	padding:120px 0px 0px 0px;
}

.associates
{
	padding:25px 0px 25px 0px;
	width:100%;
	height:auto;
}

.associate_logo
{
	max-width:100%;
	margin-top:20px;
	opacity:.8;
	 transition:.4s;
}

.associate_logo:hover
{
	opacity:1;
}

/*--------------------------Footer-----------------------*/
.footer
{
margin-top:50px;
background:#113548 url(../images/map-footer.jpg) no-repeat center;
border-top:3px solid #f4351b;
}

.footer_heading
{

font-family: 'Raleway', sans-serif;
font-weight:200;
color:#fff;
padding:40px 15px 20px 15px;
text-transform:uppercase;
}
.footer_content
{
color:#fff;
padding:10px 15px 10px 15px;
}
.footer_img
{
width:30px;
}
.footer_contact
{
color:#fff;
text-align:left;
padding:10px 15px 10px 15px;
font-weight:600;
font-size:15px;
}

#address_footer {
  margin-left:16px;
}

.footer li
{
padding:15px 10px 10px 10px;
text-align:center;
}
.footer li a
{
color:white;
font-size:1.3em;
}
.footer .col-md-12
{
background:#07171f;
padding:15px;
}
.copy_content
{
color:#5f6061;
text-transform:uppercase;
text-align:center;
}
.copy_content span
{
color:rgb(0, 174, 239);
}

.footer_facebook
{
	width:300px;
}


/* --------- Work Page Styles --------*/
#work_container_main
{
	margin-top:-50px;
}

.bold_para
{
	font-size:16px;
}

.work_boxes
{
	margin-top:100px;
}

#work_box
{
	border:1px solid #e3e3e3;
	height:500px;
	padding:10px;
	overflow:hidden;
}

#work_box:hover
{
	
	background:#00a2ff;
	color:white;
}

#work_box2
{
	border-top:1px solid #e3e3e3;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	height:500px;
	padding:10px;
	
	overflow:hidden;
}

#work_box2:hover
{
	color:white;
	background:#00a2ff;
}

.list li
{
	font-size:16px;
}

.development_stack
{
	margin-top:30px;
	max-width:100%;
	border:1.5px dotted grey;
}

#projects_row
{
	padding:100px 0px 50px 0px;
}

/* Modal Styles */
.modal-header
{
	background:#00a2ff;
	color:white;
}

.modal-body .seed
{
	
	background:#00a2ff;
	color:#ffffff;
	padding:5px 10px 5px 10px;
	margin:0px 5px 5px 5px;
	border-radius:15px;
	float:left;
}

.modal-footer button
{
	margin-top:0px;
}

/*** Contact Us Page ***/
.motoweb-forms
{
	margin-top:30px;
}


.control-label
{
	background:#f4341b;
	color:white;
	padding:5px 10px 8px 10px;
	display:inline-block;
	text-align:center;
	opacity:.9;
	border-bottom:3px solid #a02b1c;
	border-radius:5px;
}

.form-control
{
	border:1.3px solid #00a2ff;
	border-radius:5px;
	height:40px;
}


.contact-container
{
	margin-top:30px;
	padding:20px 20px 5px 20px;
	color:white;
	height:auto;
	background: rgba(0,150,237,1);
	background: -moz-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,150,237,1)), color-stop(100%, rgba(83,192,255,1)));
	background: -webkit-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -o-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	background: linear-gradient(to bottom, rgba(0,150,237,1) 0%, rgba(83,192,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0096ed', endColorstr='#53c0ff', GradientType=0 );
	
}

.contact-sub
{
	margin-top:20px;
}

.contact-container span
{
	position:relative;
	top:5px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:1.4em;
	text-align:left;
}

.contact-logo
{
	width:40px;
}

.icon-dark
{
	width:32px;
}

/* Learn Page Styles */
.learn-container
{
	margin-top:60px;
	height:auto;
	width:100%;
	background:#e3e3e3;
	padding:0px 0px 0px 30px;
}

.learn-template
{
	max-width:100%;
}

#grid-master
{
	margin-top:50px;
	margin-bottom:50px;
}

.grid
{
	margin-top:50px;
	height:auto;
	padding:20px;
	text-align:justify;
}


.learn-icons
{
	padding:10px;
}

.learn-full-width
{
	width:100%;
	height:500px;
	background:url('../images/learning-online.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	margin-top:70px;
	color:white;
	overflow:hidden;
}

.our-products
{
	margin-top:130px;
}

.product
{
	margin-top:70px;
	text-align:justify;
	padding:10px;
	border-bottom:1px solid #d6d6d6;
}

.device
{
	max-width:100%;
	margin:0 auto;
	text-align:center;
}

.product-heading
{
	color:#0181e9;
}

.button-flat
{
	padding:10px 25px 10px 25px;
	margin-top:10px;
	background:#0181e9;
	color:white;
	border:0px solid white;
}
.industrail_trg 
{
	padding:80px 0px 100px 0px;
	background-color:#f3f3f3;
	
}

.industrail_trg .course-dtl 
{
	border:1px solid #dedede; 
	border-radius:5px;
	background-color:#fff;
	min-height:440px;
	position:relative;
	cursor:pointer;
	margin-bottom:40px;
}
.industrail_trg .course-dtl:hover
{
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.27);
	transition:0.3s ease;
}

.industrail_trg .course-dtl .course-content
{
	padding:20px 30px;
}
.industrail_trg .course-dtl .course-content p 
{
	margin:10px 0px 30px 0px;
	text-align:justify;
}
.industrail_trg .course-dtl .course-content .btn_large
{
	position:absolute;
	bottom:20px;
	left:30px;
}
#ipad
	 {
		 width:385px;
	 }
	 
	#fb-wrapper
	{
		position:absolute;
		top:61px;
		left:25px;
		width:480px;
		height:450px;
		overflow:hidden;
	}
	
		#twitter-wrapper
	{
		
		position:absolute;
		top:105px; 
		left:35px;
	}
	#twitter-widget-0
	{
		/*min-width:253px !important;*/
		width:83% !important;
		height:410px; !important;
	}
	@media screen and (max-width:536px)
	{
		#ipad
		{
		 width:285px;
		}
		
		#fb-wrapper
		{
		position:absolute;
		top:45px;
		left:19px;
		width:250px;
		height:325px;
		overflow:hidden;
		}
		#twitter-wrapper
		{
			position:absolute;
			top: 108px;
		}
		#twitter-widget-0
		{
			width: 83% !important;
			height: 410px;
		}
		
	}
	@media screen and (max-width:380px)
		{
			.iphone
			{
			width:280px;
			}
		#twitter-wrapper
		{
			position:absolute;
			top: 95px;
			left:33px;
		}
		#twitter-widget-0
		{
			width: 87% !important;
			height: 360px;
		}
		}
	.embed-responsive-item
	{
		width:60% !important;
		height:61% !important;
	  top: 10% !important;
    left: 20% !important;
	}

/* --------- Media Queries ------------- */
@media screen and (max-width : 480px) {

    .slider_text
	{
        font-size:40px;
    }
	
	.footer_facebook
	{
		width:240px;
	}
	
	#tag_line
	{
	font-size:35px;
	}

	.project_box
	{
		width:100%;
	}
	
	.project_box_pic
	{
	width:100%;
	height:45%;
	}

	.learn-container
	{	
	padding:0px 0px 0px 10px;
	}
}

@media screen and (min-width:400px) and (max-width:480px)
{
	
	.project_box_pic
	{
	width:100%;
	height:60%;
	}

	.project_overlay
	{
	height:60%;
	}
}

@media screen and (min-width:480px) and (max-width:574px)
{
	.project_box
	{
	width:100%;
	}

.project_box_pic
	{
	width:100%;
	height:60%;
	}

	.project_overlay
	{
	height:60%;
	}

	
}

@media screen and (min-width: 575px ) and (max-width: 767px)
{
	.project_box
	{
	width:48%;
	margin-right:10px;
	float:left;
	height:350px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	}
	
	
}

@media screen and (min-width:768px)
{
	.project_box
	{
	width:100%;
	margin-right:10px;
	float:left;
	height:350px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	}

}

@media screen and (min-width:575px) and (max-width:990px)
{
	.associate_logo
	{
	max-width:50%;
	}
}