/* Common Styles ============================================================*/

#preload{

	width:100%;
	height: 100%;
	position: absolute;
	z-index: 1000000;
	background-color: white;
}

.preload {
	width:100px;
	height: 100px;
	left:45%;
	top:45%;
	position: absolute;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.ui-loader {
	display: none;
}

a:focus, *:active {
    outline:none;
}

body {
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

::selection {
	background: #1b1f24;
	color: #fff;
	}

::-moz-selection {
	background: #1b1f24;
	color: #fff;
}

h1 {
	color: #424755;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 40px;
	margin-top:40px;
	margin-bottom: 15px;
}

h2 {
	color: #424755;
	text-align: center;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

h3 {
	color: #424755;
	text-align: center;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

h4 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

h6 {
	color: #FFFFFF;
	text-transform: capitalize;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 40px;
	margin-top:40px;
	margin-bottom: 15px;
}




/*Slider Style starts here ============================================================*/

.carousel {
	background-image: url(../images/slider/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.carousel-control.left {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0px, rgba(255, 255, 255, 0) 100%);
}

.carousel-control.right {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.5) 100%);
}

.web_slider {
	position: absolute;
	max-width: 100%;
	top:68%;
	z-index: 0;
	left: 0;
	right: 0;
}

.web_slider p {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #cc314b;
	text-shadow:1px 1px 2px #5d0d1b;
	line-height: 45px;
}

.soft_slider {
	position: absolute;
	max-width: 100%;
	top:60%;
	z-index: 0;
	left: 0;
	right: 0;
}

.soft_slider p {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #15a654;
	text-shadow:1px 1px 2px #0c6934;
	line-height: 45px;
}

.arc_slider {
	position: absolute;
	max-width: 100%;
	top:60%;
	z-index: 0;
	left: 0;
	right: 0;
}

.arc_slider p {
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	color: #c6483b;
	text-shadow:1px 1px 2px #5d0d1b;
	line-height: 45px;
}



.smaller_font {
	font-weight: 300 !important;
	font-size: 18px !important;
	text-transform: none !important;
}

.slider_line {
	height: 2px;
	background-color: #fff;
	width: 150px;
	margin: 0 auto;
}

.slider_circle_image_1 {
	background-image: url(../images/logo/artemis-logo.png);
	background-repeat: no-repeat;
	height: 155px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 36%;
	width: 450px;
	z-index: 0;
}


.carousel-control {
	font-weight: bold;
	top: 43%;
	width: 59px;
	height: 59px;
	border: none;
	padding-top: 0;
	color: #fff;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 50px;
	height: 30px;
	margin-left: -15px;
	margin-top: -33px;
	width: 30px;
}

.carousel-indicators li, .carousel-indicators .active {
	border-radius: 50%;
	height: 15px;
	width: 15px;
	margin-left: 6px;
	margin-right: 6px;
	background-color: #293a4a;
	border: none;
}

.carousel-indicators .active {
	background-color: #cc314b; 
	margin-bottom: 1px;
}

/* Main Menu ============================================================*/

.nav-outer {
	background-color: #edf0f1;
}

.navbar {
 	border-radius: 0;
 	border:none;
 	margin-bottom: 0px!important;
}

.navbar-default  {
	background-color: #edf0f1;
 	border: none;
}

.navbar-header {
	border: none;
	padding: 0;
}

.navbar-default .navbar-collapse {
	border-top: none!important;
	padding: 0!important;
	box-shadow: none;
}

.logo img {
	height: 56px;
	width: 209px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.navbar-nav {
	list-style-type: none;
	text-align: center;
	border: none;
}

.navbar-nav li a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	text-decoration: none;
	font-size: 14px;
	color: #e74c3c;
	padding: 22px 22px 22px;
}

.navbar-nav li a:hover, .navbar-nav li a.linkhover{
	text-decoration: none;
	font-size: 14px;
	background-color: #1f85da!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #1f85da;
    color: #fff;
}

.navbar-toggle .icon-bar {
	background-color: #d8322b;
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 2px;
	width: 20px;
	margin: 0 auto;
}

.navbar-toggle {
	background-color: #1b1f24;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 15px 0;
	right: 15px;
	width: 40px;
	height: 40px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #d8322b;
}

.navbar-default .navbar-toggle:hover {
	background-color: #1b1f24;
}

.navbar-default .navbar-toggle:focus {
	background-color: #1b1f24;
}


/* What we Do ============================================================*/

.whatwedo_outer {
	background-color: #e74c3c;
	text-align:center;
	color:#FFFFFF;
}

.whatwedo {
	margin-top:100px;
}

.mytext
{
	text-transform: none;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

/* About us ============================================================*/

.services_outer {
	background-color: #04e4ad;
}

.bubble {
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top:50%;
	z-index: 0;
	background-color: rgba(255, 255, 255, 0.6);
}

.bubble_outer_one, .bubble_outer_two, .bubble_outer_three {
	height: 150px;
	width: 150px;
	margin: 20px auto 0;
	border-radius: 50%;
	position: relative;
	background-color: #333;
}

/* Services ICONS =======*/

.bubble_container i {
	display: block;
	font-size: 5.5em;
	height: 100%;
	margin: 0 auto;
	padding: 23%;
	text-align: center;
	width: 100%;
}

.services_outer article {
	margin-bottom: 70px;
}

.about_us_image {
	margin-bottom: 50px;
}

.about_us_image img {
	margin: 0 auto;
	display: block;
}

.about_line {
	border-bottom: 2px solid #d93f30;
	width: 20%;
	margin: 25px auto;
}

.services_line {
	border-bottom: 2px solid #d1850c;
	width: 20%;
	margin: 25px auto;
}

.product_line {
	border-bottom: 2px solid #a8173b;
	width: 20%;
	margin: 25px auto;
}

.portfolio_line {
	border-bottom: 2px solid #1bbd9d;
	width: 20%;
	margin: 25px auto;
}

.about_line_2 {
	border-bottom: 2px solid #e1e1e1;
	margin: 40px auto;
	width: 20%;
}

/* ABOUT US SKILL BAR =======*/

.progress {
    background-color: #000;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}

.progress-bar-success{
	background-color: #d8322b;
	text-align: left;
}

.sr-only {
	display: block;
	margin: 10px;
	overflow: visible;
	position: relative;
}

#about {
	background-color: #23282b;
	padding-top: 30px;
	}

.about-text {
	text-align: center;
	color: #FFFFFF;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 0 30px;
}

.about_us_icon {
	display: block;
	float: left;
	width: 10%;
}

.about_us_icon .icon-stack i:first-child {
	font-size: 2.5em;
	color: #1b1f24;
}

.about_us_icon .icon-stack i:last-child {
	font-size: 1.2em;
	text-align: center;
	margin: 0 auto;
}

.article_text {
	width: 90%;
	float: right;
}

.about_us h2, .about_us h4, .about_us p {
	text-align: left;
	padding: 0;
	margin-bottom: 3px;
}

.article_text p {
	text-align: left;
	padding: 0;
	margin-bottom: 20px;
}

.about_us h3 {
	margin-top: 0;
	margin-bottom: 7px;
	text-align: left;
}

.about_us article {
	margin-bottom: 20px;
	display: inline-block;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #1b1f24;
}

.about_arrow {
	background-image: url(../images/about_arrow.png);
	height: 25px;
	position: absolute;
	left: 2px;
	top: 60%;
	width: 13px;
	display:none;
}

.about_us article:hover {
	background-color: #1b1f24;
	transition: 0.7s;
}

.about_us article:hover .article_text p, .about_us article:hover .article_text h3 {
	color: #fff;
}

/* Parallax overlay and text =======================================*/

.paraword {
	width: 70%;
	margin: 90px auto 0;
}

.paraword h4{
	border-left: 7px solid #e74c3c;
	border-right: 7px solid #e74c3c;
	padding: 20px;
	text-transform: none;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.paraword p {
	color: #fff;
	width: 250px;
	padding: 10px;
	margin: 0 auto;
}

.overlay {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #000;
	opacity: 0.7;
}

.overlay_2 {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #d8322b;
	opacity: 0.7;
}

.overlay_3 {
	height: 300px;
	width:100%;
	position: absolute;
	background-color: #aa9a79;
	opacity: 0.7;
}

/* Our Work ============================================================*/

.our_work_outer {
	background-color: #f39c12;
	height: 850px;
}

.our_work_image /*PARALLAX DIV*/{
	background: url(../images/paralaks1a.jpg) no-repeat fixed center center transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 300px;
	position: relative;
}

.our_work_image_mob /*NOT PARALLAX DIV*/ {
	height: 300px;
	position: relative;
	background: url(../images/paralaks1a_tab.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.work_animate, .testimonial_animate, .team_animate /*class for large device*/{
	height: 100%;
	height: 16px;
	left:0;
	text-align: center;
	top:60px;
}

.work_animate_mob, .testimonial_animate_mob, .team_animate_mob /*class for small device*/{
	position: absolute;
	width: 100%;
	height: 16px;
	left:0;
	text-align: center;
	top:90px;
}

.work_animate i, .testimonial_animate i, .team_animate i /*icons for large device*/{
	font-size: 20px;
	color: #000;
}

.work_animate_mob i, .testimonial_animate_mob i, .team_animate_mob i /*icons for small device*/{
	font-size: 20px;
	color: white;
}

.team_animate i, .team_animate_mob i {
	margin: 3px;
}

/* GALLERY =======*/
/* GALLERY FOR LARGE DEVICES =======*/

.gallery {
	text-align: center;
	overflow: hidden;
	max-width: 960px;
	margin: 0px auto;
}
.gallery ul {
	max-width: 930px;
	overflow: hidden;
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}

.gallery ul li {
	float: left;
	margin: 5px;
	width:219px;
	height: 145px;
}

.gallery ul li a {
	text-decoration: none;
}

.gallery ul li a:hover{
	cursor: default;
}

.img_container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: red;
}

.gallery_hover, .gallery_hover_mob {
	width: 100%;
	height: 100%;
	background-color: #1b1f24;
	opacity: 0.95;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
}

.circle {
	background-color: #1f85da;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin: 0 auto;
	margin-top: 50px;
}

.mag {
	background-image: url(../images/mag_glas_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	padding-top: 50px;
	display: none;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
}

.mag:hover {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	cursor: pointer;
}

.big-images {
	border:1px solid #f39c12;
	position: absolute;
	background-color: #f39c12;
	display: none;
	z-index: 10;
}

.big-images img {
	display: block;
	margin: 0 auto;
	float: left;
}

.img_caption {
	float: left;
	background-color: #f39c12;
	max-width: 200px;
	padding: 10px 0;
	border-left: 0px solid #f1f1f1;
}

.img_caption p:nth-of-type(1){
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.img_caption p:nth-of-type(2){
	text-align: left;
}

.close_img {
	width: 40px;
	height: 40px;
	margin-right: 15px;
	margin-top: 15px;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	background-color: #1f85da;
	text-align: center;
	-webkit-transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-ms-transition:all 0.6s ease-in-out;
	-o-transition:all 0.6s ease-in-out;
}

.close_img:hover {
	background-color: #d8322b;
	color: #1b1f24;
}

.close_img i {
	font-size: 1em;
}

/* GALLERY FOR SMALL DEVICES =======*/

.gallery_holder_mob {
	max-width: 219px;
	margin: 0 auto;
}

.gallery_mob {
	overflow: hidden;
	width: 219px;
	position: relative;
}

.gallery_mob li {
	width: 219px;
	margin: 0 auto;
	float: left;
	list-style-type: none;
}

.gallery_mob ul {
	position: relative;
	padding: 0;
	margin: 0;
}

.gallery_mob ul li .img_container {
	margin-bottom: 20px;
	min-width: 219px;
}

.controls_mob {
	max-width: 459px;
	margin: 0 auto;
}

#gallery_mob_left, #gallery_mob_right {
	width: 50%;
	height: 305px;
	opacity: 0.95;
	margin-top: 0px;
	position: absolute;
	z-index: 100;
	overflow: hidden;
	float: left;
}

#gallery_mob_left:hover, #gallery_mob_right:hover{
	cursor:pointer;
}

#gallery_mob_right {
	left:50%;
}

.controls_mob_left, .controls_mob_right {
	background-color: #1b1f24;
	color: #a6a686;
	float: left;
	height: 70px;
	text-align: center;
	width: 50%;
	font-size: 45px;
}

#controls_mob_left, #controls_mob_right {
	cursor: pointer;
	color: #a6a686;
}

/* Our Products ============================================================*/

.testimonials_outer {
	background-color: #d1204c;
}

.testimonials_outer h3, .our_work_outer h3 {
	margin: 20px 0;
}

.testimonials_image /*PARALLAX DIV*/ {
	background: url(../images/paralaks3b.jpg) no-repeat fixed center center transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 300px;
	position: relative;
}

.testimonials_image_mob /*NOT PARALLAX DIV*/ {
	height: 300px;
	position: relative;
	background-color: blue;
	background: url(../images/paralaks3b_tab.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.client_image {
	height: 100px;
	width: 100%;
	margin: 20px auto 20px;
}

.client_image img {
	margin: 0 auto;
	display: block;
}

.holder_slider {
	max-width: 960px;
	min-width:150px;	
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	background-color: #d01f4b;
}

.slider {
	width: 100%;
	max-width: 960px;
	min-width:150px;
}

.slider li {
	width: 20%;
	background-color: #d1204c;
	display:block;
	float: left; 
	list-style-type: none;
}

.slider ul {
	width: 500%;
	position: relative;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

.slider cite {
	text-align: center;
	font-size: 18px;
	display: block;
	color: #ffffff;
	padding: 10px;
	margin-top: 54px;
}

.slider p {
	font-size: 20px;
	color: #ffffff;
}

.see_more {
	display: block;
	width: 170px;
	margin: 0 auto;
}

.see_more_button {
	cursor: pointer;
	padding: 5px;
	background-color: #fff;
	border: 2px solid #1b1f24;
	border-radius: 3px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.see_more_button:hover {
	background-color: #1b1f24;
	color: #fff;
}

/* Our clients =========================================================*/

#client_logo {
	background-color: #f1f1f1;
}

.holder_slider_partners {
	max-width: 1030px;
	min-width:150px;
	height: 136px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

.slider_partners {
	width: 100%;
	max-width: 960px;
	min-width:150px;
}

.slider_partners ul {
	width: 500%;
	position: relative;
	margin: 0;
	padding: 0;
	left:0;
	top:0;
}

.slider_partners li {
	width: 210px;
	display:block;
	float: left; 
	list-style-type: none;
}

.client_logo_partners {
	height: 151px;
	width: 100%;
	margin: 20px auto;
}

.client_logo_partners img {
	margin: 0 auto;
	display: block;
	max-width: 200px;
}

.slider_partners_arrow {
	position: absolute;
	width: 30px;
	height: 30px;
}

.slider_partners_arrow i{
	position: absolute;
	font-size: 2.5em;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.slider_partners_arrow i:hover{
	color: #d8322b;
}

.logo_next{
	right: 0;
	top: 70px;
	z-index: 999;
}

.logo_prev{
	left: 0;
	top: 70px;
	z-index: 999;
}

/* Our Team ============================================================*/

.our_team_outer {
	background-color: #fff;
}

.our_team_image /*PARALLAX DIV*/ {
	background: url(../images/paralaks2a.jpg) no-repeat fixed center center transparent;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
	height: 300px;
	position: relative;
}

.our_team_image_mob /*NOT PARALLAX DIV*/{
	height: 300px;
	position: relative;
	background: url(../images/paralaks2a_tab.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

.team_img {
	width:200px;
	height:200px;
	position: relative;
	margin: 20px auto;
}

.team_img img{
	display: block;
	width:100%;
	height: 100%;
	margin: 0px auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid white;
}

.team_border {
	width: 100%;
	height: 100%;
	border-radius:50%;
	position: absolute;
	border-right: 5px solid #1f85da;
	border-bottom: 5px solid #535353;
	border-left: 5px solid white;
	border-top: 5px solid white;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
}

.team_border:hover {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

.team_name {
	text-align: center;
	margin-top: 20px;
	color: #fff;
}

.team_name h4 {
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: none;
}

.team_name p:nth-of-type(1) {
	color: #b0b0b0;
}

.team_icons {
	text-align: center;
	margin: 10px auto 30px;
	height: 100%;
	width: 100%;
}

.team_icons .icon-stack {
	color: #1b1f24;
}

.icon-stack:hover {
	color: #d8322b;
}

.icon-stack a:hover {
	text-decoration: none;
}

/* Pricing Tables ============================================================*/

.pricing_outer {
	background-color: #f1f1f1;
}

.table_1 {
	background-color: #e1e1e1;
	border-radius: 10px;
	height: 100%;
	width: 100%;
	margin: 20px auto;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.table_1:hover {
	background-color: #f1f1f1;
	box-shadow: 3px 3px 5px #d5d5d5;
	margin-top: 2px;
}

.table_1 ul {
	margin: 0;
	padding: 0;
}

.table_1 ul li {
	text-decoration: none;
	list-style-type: none;
	border-bottom: 2px solid #fff;
	padding: 10px;
	text-align: center;
}

.table_1 ul li:first-child {
	border: none;
}

.table_1 ul li:last-child {
	border: none;
}

.table_1 ul li:nth-of-type(1) {
	background-color: #1b1f24;
	border-radius: 10px 10px 0 0;
}

.table_1 ul li:nth-of-type(2) {
	background-image: url(../images/price_arrow.png);
	background-repeat: no-repeat;
	background-position: center 0;
}

.table_1 h3 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.price {
	font-size: 30px;
	font-weight: 700;
	background-color: white;
}

.table_1 ul li button {
	margin: 0 auto;
	float: none;
	padding: 0;
}

/* Location Map ============================================================*/

.gmap_outer {
	background-color: #424755;
	height: 380px;
	margin-top:-20px;
}

#map-canvas {
	margin: 0;
	padding: 0;
	height: 100%;
}

#map-canvas img {
	max-width: none;
}

.gmnoprint span {
	display: none;
}

/* Contact ============================================================*/

.contact_outer {
	background-color: #fff;
}

.error {
	border:1px solid red;
}

input {
	width: 100%;
	height: 40px;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 30px;
	border: none;
	background-color: #FFFFFF;
	color: #575757;
	padding: 0 5px;
	border: 1px solid #D1D1D1;
}

.feedback {
	float: right;
	height: 25px;
	padding:5px;
	font-size: 14px;
	text-align: right;
	line-height: 20px;
}

textarea {
	width: 100%;
	margin-left: 10px;
	margin-bottom: 30px;
	border: none;
	background-color: #ffffff;
	color: #575757;
	padding: 5px;
	border: 1px solid #D1D1D1;
	height: 125px;
}

button {
	font-family: 'Open Sans', sans-serif;
	height: 48px;
	width: 110px;
	float: right;
	text-align: center;
	background-color: #1f85da;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin-left: 10px;
	letter-spacing: 1px;
}

.button {
	font-family: 'Open Sans', sans-serif;
	height: 48px;
	width: 110px;
	float: right;
	text-align: center;
	background-color: #1f85da;
	border: none;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	margin-left: 10px;
	letter-spacing: 1px;
}

form {
	margin: 0;
}

address p {
	text-align: center;
	line-height: 20px;
	padding: 0;
	font-size: 20px;
	font-weight: 700;
}

address {
	padding: 30px 0;
}

.up_arrow {
	height: 50px;
	width: 100px;
	background-color: #1b1f24;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	margin: 35px auto 0;
}

.up_arrow i {
	display: block;
	font-size: 50px;
	text-align: center;
	text-decoration: none;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}

.up_arrow i:hover {
	color: #d8322b;
}

.up_arrow a:hover {
	text-decoration: none;
}

/* Footer ============================================================*/

#logo_foot {
	height: 30px;
	width: 123px;
	margin: 20px 15px;
}

.company {
	float: right;
}

.company p {
	padding: 0;
	font-size: 12px;
	text-align: right;
	margin-top: 30px;
	color: #fff;
}

.footer_outer {
	background-color: #1f85da;
	padding-bottom: 20px;
	height:500px;
}

/*======= FOOTER SOCIAL ICONS =======*/

.social {
	width: 300px;
	position: relative;
	margin:0 55px;
}

#social p {
	text-align: left;
	margin: 20px 0 0 15px;
	padding: 0;
	color: #fff;
}

#social ul {
	padding: 0;
}

#social ul li {
	list-style-type: none;
	float: left;
	margin: 10px 0 0 10px;
}

#social ul li a{
	background-position: top;
	transition: .3s;
}

#social ul li a:hover{
	background-position: bottom;
	transition: .3s;
}

#face {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/face_spr.png);
	background-repeat: no-repeat;
}

#twit {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/twit_spr.png);
	background-repeat: no-repeat;
}

#gogp {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/gogp_spr.png);
	background-repeat: no-repeat;
}

#link {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/link_spr.png);
	background-repeat: no-repeat;
}

#deva {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/deva_spr.png);
	background-repeat: no-repeat;
}

#pint {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../images/pint_spr.png);
	background-repeat: no-repeat;
}

/* Media Queries ============================================================*/

 /*Large desktop */
@media (max-width: 1200px) { 

.holder_slider_partners {
	max-width: 870px;
	height: 136px;
}

.slider_partners li {
	width: 230px;
}


 }
     
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

.navbar ul {
	float: right!important;
	background-color: #d8322b!important;
}

.navbar-nav li a {
	padding: 29px 8px 26px !important;
	letter-spacing: 0px;
}

.gallery {
	margin: 0 auto;
}

.gallery ul {
	list-style-type: none;
	text-align: center!important;
}
.social{
	margin: 0px!important;

}

.holder_slider_partners {
	max-width: 670px;
	height: 136px;
}

.slider_partners li {
	width: 220px;
}

 }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

.nav-outer .container {
	padding: 0px!important;
}

.logo img {
	margin-top: 20px !important;
}

.navbar-collapse {
	margin-top: 10px;
}

.navbar ul {
	width: 100%!important;
	float:right!important;
	margin: 0 auto!important;
}

.navbar ul li {
	border-bottom:2px solid #d8322b!important;
}

.navbar ul li a {
	padding: 10px 0!important;
}

.team_item {
	height: 100%;
	width: 70% !important;
	background-color: #6a7181;
	margin: 0 auto !important;
	margin-top: 20px!important;
}

.team_img {
	margin: 0 auto 20px;
	max-width: 100%;
}

.team_item img {
	max-width: 100%;
}

.team_item h4, h5{
	color: #99cc66;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin-left: 5px;
	text-align: center;
}

.gallery_holder_mob {
	max-width: 459px!important;
	height: 304px!important;
	margin: 0 auto;
}

.gallery_mob {
	overflow: hidden;
	width: 459px!important;
	height: 304px!important;
	position: relative;
}
.gallery_mob li {
	margin-right: 10px;
	width: 459px!important;
	height: 304px!important;
}

.img_container {
	width: 459px!important;
	height: 304px!important;
}

.img_container img {
	width: 459px!important;
}

textarea, input{
	width: 95% !important;
}

.social {
	width: 300px;
	position: relative;
	margin:0!important;
}

.company p{
	margin-top: -60px !important;
}

.about_us_2 h2 {
	margin-top: 10px !important;
}

.holder_slider_partners {
	max-width: 560px;
	height: 136px;
}

.slider_partners li {
	width: 260px;
}


 }
     
/* Landscape phones and down */
@media (max-width: 480px) { 

h1 {
	font-size: 40px;
	margin-top:50px;
	margin-bottom: 50px;
}

.nav-outer .container {
	padding: 0px!important;
}

.about_us_2 h2 {
	margin-top: 10px !important;
}

.gallery_holder_mob {
	max-width: 270px!important;
	height: 180px!important;
	margin: 0 auto;
}

.gallery_hover_mob {
	display: none;
}

.gallery_mob {
	max-width: 270px!important;
	height: 180px!important;
	position: relative;
}

.gallery_mob .img_container {
	width: 270px!important;
	height: 180px!important;
}

.gallery_mob li {
	width: 270px!important;
}

.gallery_mob .img_container img {
	width: 270px!important
}

.controls_mob {
	max-width: 270px !important;
}

.team_item {
	margin-top: 20px !important;
}

.gmap_outer {
	height: 250px!important;
}

.company p{
	text-align: left !important;
	margin: 20px 0 0 15px !important;
}

.holder_slider_partners {
	max-width: 240px;
	height: 136px;
}

.slider_partners li {
	width: 240px;
}

 }

/* Media Queries End ============================================================*/

.blue-color
{
color:#1f85da;
}

.row-left
{
float:left;
width:30%;
}

.row-right
{
float:left;
width:70%;
}

.row-left-contact
{
float:left;
width:50%;
}

.row-right-contact
{
float:left;
width:50%;
}


/* Connect =================================*/

/*
CONNECT
*/
.connect {
    background: #1f85da;
}
.social-icons {
    margin-top: 48px;
    margin-bottom: 0;
}
.social-icon {
    display: inline-block;
    width: 150px;
    height: 150px;
    font-size: 72px;
    line-height: 150px;
    background: #fff;
    color: #1f85da;
    border-radius: 100%;
    margin: 6px;
    transition: .5s;
	text-decoration:none;
}
.social-icon:hover {
    background: #fff;
    color: #1f85da;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	text-decoration:none;
}
.social-icon:focus {
    background: #fff;
    color: #1f85da;
	text-decoration:none;
}