/*
Theme Name: MSR
Theme URI: https://wordpress.org/themes/twentyfifteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */
 
@import url("css/bootstrap.min.css");

.phonenodiv{
	background: url('images/phonenum-bg.png') no-repeat right top;
	height: 60px;
	padding: 5px 10px;
	text-align: right;
	font-size: 36px;
	color: #fff;
	font-family: 'Dosis';
}

.phonenodiv .glyphicon{
	font-size: 19px;
	padding: 5px;
	background: #e2db1b;
	border-radius: 5px;
	color: #C61C2C;
	top: -3px;
	right: 10px;
}

.logos {
    	background: #dfd712;
	text-align: center;
	letter-spacing: 60px;
	height: auto;
	vertical-align: middle;
	line-height: 110px;
	margin-bottom: 40px;
}

footer{
	font-family: open sans;
	font-size: 12px;
	padding-top: 15px;
}

footer p{
	font: 13px 'Dosis';
}

.footer{
	font: 22px 'Dosis';
}

.footer h2{
	font-weight: bold !important;
}

.footer a{
	text-transform: lowercase;	
	font: 22px Dosis;
	
}

.pull-right a{
	text-transform: capitalize;
	color: #902518;
	font-weight: normal;
	font: 13px 'Dosis';
}

.footerbox{
	background: url('images/menubg.jpg');
	background-repeat: repeat;
	padding: 20px 0px 30px;
	border-top: 2px solid #dfd712;
}

.footerbox ul{
	padding: 0;
}

.footerbox ul li{
	list-style: none;
}

.navigation li a{
	color: #727272;
	font-family: 'Dosis';
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 7px;	
	text-transform: capitalize;
}

.contactinfo{
	color: #727272;
	font-family: 'Dosis';
	font-size: 22px;
	margin-bottom: 7px;	
	text-transform: capitalize;
	line-height: 20px;
}

#back-top-wrapper {
	z-index:200;
	right:30px;
	bottom:30px;
}
#back-top-wrapper #back-top { margin:0; display: none;}
#back-top-wrapper #back-top a {
	width:50px;
	height:50px;
	border-radius:50%;
	text-align:center;
	background:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	opacity: .6;
}
#back-top-wrapper #back-top a:before {
	content: url('images/back-top-icon.png');
	width:100%;
	height:100%;
	background:#306090;
	position:absolute;
	top:0;
	left:0;
	border-radius:50%;
	z-index:-1;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	transition:all 0.3s ease 0s;
}
.ie8 #back-top-wrapper #back-top a:before { display:none; }
#back-top-wrapper #back-top a:after {
	content: url('images/nav-up.png');
	font:29px/46px FontAwesome;
	color:#306090;
	display:inline-block;
	position:relative;
	z-index:100;
	transition:all 0.3s ease 0s;
}
#back-top-wrapper #back-top a span { display:none; }

#back-top-wrapper #back-top a:hover {
	opacity: 1;
}

#back-top-wrapper{
	position: fixed;
	right: 47%;
	bottom: 20px;
	overflow: hidden;
	z-index: 99;
}

table.contactme, tr, tbody{
	display: block;
}

td{
	display: block;
}

.contactme{
	color: #707173;
	font: 13px Open Sans;	
	font-weight: bold;
	overflow: hidden;
}

.contactme tr{
	margin-bottom: 20px;
	line-height: 40px;
}

.contactme td span{
	color: #be1a33;
}

.contactme td {
	display: inline-block;
	font: 22px Dosis;
}

.contactme input[type="text"],
.contactme input[type="email"]{
	border-radius: 5px; 
	border: 1px solid #2d3134;
	background: #2d3134;
	padding: 0px 10px;
	height: 30px;
	line-height: 30px;
	color: #A3A3A3;
	width: 260px;
}

.contactme td:first-child{
	margin-right: 31px;
}

.contactme textarea.wpcf7-textarea{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #2d3134;
	background: #2d3134;
	padding: 0px 10px;
	line-height: 25px;
	color: #A3A3A3;
	height: 150px;
}

input[type=submit].wpcf7-form-control{
	padding: 7px 20px;
	border-radius: 5px;
	border: 1px solid #ae2e1f;
	background: #ae2e1f;
	color: #f7f8fa;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

input[type=submit].wpcf7-form-control:hover{
	opacity: .8;
}

div.wpcf7 img.ajax-loader{
	display: block;
}

.slide{
  width: 100% !important;
}

.slide img{
	margin-right: 38px;
}

h1.entry-title{
	border-bottom: 1px solid rgba(233, 233, 232, 0.4);
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}

a.readmore{
	font: 18px 'Dosis';	
}

.phonenodiv a{
	font-size: 36px;
	color: #fff;
	font-family: 'Dosis';
	font-weight: normal;
}

.gllr_single_image_text{
	display: none !important;
}

.gallery_box_single .gallery .gllr_image_block p{
	margin: 5px 10px 10px 0px !important;
}

#myCarousellogos.carousel .item{
	height: auto !important;
	background: #dfd712;
}

.fa-chevron-left{
	background: url('images/arrow5-prev.png') no-repeat center;	
	position: absolute;
	left: 40px;
	height: 40px;
	width: 20px;
	opacity: 1;
	top: 15px;
}

.fa-chevron-right{
	background: url('images/arrow5.png') no-repeat center;
	position: absolute;
	right: 40px;
	height: 40px;
	width: 20px;
	opacity: 1;
	top: 15px;
}

.thumbnail{
	padding: 0px;
	margin-bottom: 0px;
	line-height: 0;
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.carousel-control.left, .carousel-control.right{
	background-image: none;
}

#myCarousellogos .carousel-inner{
	margin-top: 25px !important;
}

#myCarousellogos .thumbnail>img{
	margin: 0 auto 13px;
	width: auto;
	height: 70px;
}

@media(max-width: 1200px){
	.fa-chevron-left, .fa-chevron-right{
		top: 15px;
	}

	.phonenodiv a{
		font-size: 27px;
	}	

	.navbar-inverse .navbar-nav>li>a{
		padding: 0px 7px;
	}

	.footerbox .marketing h2{
	  min-height: 33px;
	}

	.entry-content {
	  min-height: 150px !important;
	}
}


@media(max-width: 991px){
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-md-2 {
		width: 16.66666667%;
		float: left;
	}

	.phonenodiv a{
		font-size: 17px;
	}

	.navbar-inverse .navbar-nav>li>a{
		padding: 0px 7px;
	}

}


@media(max-width: 767px){
	.phonenodiv{
		display: none;
	}
}

@media(max-width: 760px){

	.col-md-offset-1{
		margin-left: 0;
	}
	
	.col-md-2 {
		width: 100%;
		float: none;
	}

	#myCarousellogos .thumbnail>img {
		margin: 0 auto 10px;
		width: 50%;
	}

	.fa-chevron-left, .fa-chevron-right{
		top: 40%;
	}
}