/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
    ========================================================  */
/*=======================================
    GENERAL STYLES
==================================================*/
/* body {
           font-family: 'Ruluko', sans-serif;     /* original font */
/*    font-size:14px;
} */
/*   ALAN   */
body{
	font-family: 'Dosis', sans-serif;
}
/*p{
	font-family: 'Montserrat', sans-serif;
}*/
a{
	font-family: 'Dosis', sans-serif;
	text-decoration: none;
}
a.nocolor {
	color:red;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Dosis', sans-serif;
}
.nav a {
    color:#000; /* !important;*/
}
.navbar-header a {
    color:#010101; /*!important;*/
    padding-right:100px;
}
.text-center {
    text-align:center;
}
.space-pad {
	 padding-top:35px; /*added alan*/
   /* padding-bottom:5px; 50*/
}
.for-full-back {  
     /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
  /* IE 5-7 */
  filter: alpha(opacity=90);
  /* Netscape */
 -moz-opacity: 0.9;
  /* Safari 1.x */
 -khtml-opacity: 0.9; 
  /* Good browsers */
  opacity: 0.9;
} 
section {
    padding-top:10px;   /* 30 */
    padding-bottom:30px; /* 120 */
}
/*=======================================
    COLOR CODES
==================================================*/
.color-white {
	background-color: #f8f8f8 !important; /* background-color:#fff !important */
}
.color-dark {
   background-color:#696969!important;
}

.color-light {
   background-color:#B2BAC2!important;
}
.color-yahoo {
	background-color: #f5f5f5 !important;
}
/*.color-medium {
	background-color: #f4f4f2 !important;*/
}
.main-color-red {
    color: #DF0000;
}
/*=======================================
    HEADER STYLES
==================================================*/
.head-main {
    /*font-size:120px !important;
    font-weight:900!important; */
    color:#010101!important;
    padding:200px 20px 20px 20px;
	font-size: 40px; !important;
	text-transform: lowercase;
	letter-spacing: 12px; 
}
.head-sub-main {
    font-size:40px !important;
    font-weight:600!important;
    color:#fff!important;
    padding:5px 20px 30px 20px;
}
.head-last {  
    padding:5px 20px 200px 20px;
}
/*=======================================
    NAVIGATION STYLES
==================================================*/
nav {
	position: absolute;
	width: 100%;
   background: #000; 
    z-index:99;
text-transform: uppercase;
}
.fixed {
	position: fixed; 
	top: 0; 
	min-height: 50px; 
	z-index: 99;
}
.navbar-inverse {
background-color: #efefef; 
/*border-color: #D30707;*/
}
/*=======================================
    WORDS /ABOUT STYLES
==================================================*/
.about-div {
	width: 100%;
min-height: 100px;
background-color: rgba(209, 209, 209, 0.24);
box-shadow: none;
border: 0;
padding: 50px 20px 30px 20px;
margin-bottom:20px;
}
#Parallax-one {
	background-image: url(../img/bwdesk.jpg);
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	background-attachment: fixed;
	min-height: 250px;
}
.for-parallax-one {   
    color:#fff;
    padding:40px 20px 40px 20px;
    font-size:25px;
}
/* Work */
.work_title{}
.work_title h1, .contact_title h1{
	font-size: 25px;
	color: #000;
	letter-spacing: 5px;
	padding-top: 20px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.work_title img, .contact_title img{
	margin-bottom: 30px;
}
.work_title p, .contact_title p{
	font-size: 14px;
	color: #000;
	margin-bottom: 40px;
}
.last_padding {
	padding-right: 0px;
}
.pad_top {
	padding-top: 2px;
}
.left h2{
	margin-top: 60px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.left p{
	margin-bottom: 60px;
	font-size: 14px;
	color: #000;
}
.baton{
	margin-top: 65px;
}
/*  ABOUT SECTION */
.about_us_c{
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 21px;
	font-weight: bolder;
	text-align:center;
}
.about_us_p{
	font-size: 16px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 21px;
	font-weight: bolder;
}
.about_title h2{
	font-size: 25px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 20px;
	letter-spacing: 6px;
	margin-bottom: 21px;
}
.about_title img{
	margin-bottom: 70px;
}
/*Services*/
.services{
	padding-top: 40px;
}
.services .container{
	border-bottom: 1px solid #ddd;
}
.single_service{
	padding-bottom: 40px;
}
.single_service i{
	font-size: 25px;
	color: #C00;
}
.single_service h2{
	color: #000000;
	font-size: 25px;
	text-transform: uppercase;
}
.single_service p{
	color: #404040;
	font-size: 14px;
}
/* SNGLE COUNT  */
.fun_facts .section_overlay{
background: rgba(71,71,71,.8);
padding-bottom: 30px;
}
.single_count{
padding-top: 50px;	
}
.single_count i{
	color: #f74d65;
	font-size: 24px;
}
.single_count h3{
font-family: 'Dosis', sans-serif;
color: #fff;
font-size: 40px;
font-weight: bold;
margin-bottom: 0px;	
}
.single_count p{
font-family: 'Dosis', sans-serif;
color: #fff;
font-size: 14px;
text-transform: uppercase;
position: relative;	
}
.single_count p:before{
content: "";
position: absolute;
width: 16px;
height: 1px;
left: 0;
bottom: -4px;
background: #ef4251;
}

/*  SINGLE IMAGE */
.single_image{
	margin-right: 3px;
	position: relative;
	transition: all 1s;
	border:medium;
	/*padding:2px;  /* alan  */
}
.single_image img{
	width: 100%;
}
.single_image:hover div.image_overlay{
	opacity: 1; 
}
.image_overlay{
position: absolute;
width: 100%;
height: 100%;
background: rgba(247,77,101,.0);
left: 0;
top: 0;
opacity: .7; /*  original opacity: 0 */
transition: all 1s;
}
.image_overlay span{
	position: absolute;
	top: 10px;
	right: 15px;
	color: #eee;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold; /* font-weight: bold;	original: bolder */
}
.image_overlay h2{
	position: absolute;
	bottom: 28px;
	left: 20px;
	font-size: 20px;
	color: #c00;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: bolder;
}
.image_overlay h4{
	position: absolute;
	bottom: 11px;
	left: 20px;
	color: #c00;
	font-size: 14px;
	text-transform: lowercase;
	font-weight: bolder;
	font-style: italic;
}
.no_padding{
	padding-left: 0px;
	padding-right: 0px;
}
/*=======================================
    PRICING STYLES
==================================================*/
.plan {
    background: #eef1f3;
    padding: 0 0 15px 0;
    margin: 30px 0px;
    list-style: none;
    text-align: center;  
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
}
.plan:hover {
          -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
.plan li {
    padding: 15px 0px;
    color: #434749;
    border-top: 1px dashed #000;
}
.plan li.plan-head {
   padding: 15px 0px;
background-color: #585858;
color: #FFFFFF;
line-height: 20px;
font-size: 20px;
font-weight: 600;
border: none;
   }
.plan li.main-price {
   padding: 25px 0px;
background-color: #BEBEBE;
color: #DF0000;
border: none;
font-weight: 900;
font-size: 30px;
}
#Parallax-two {
	/* [disabled]background-image: url(../img/IMG_1526.JPG); */
	padding: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: cover;
	background-attachment: fixed;
	min-height: 300px;
}
.for-parallax-two {    
    color:#fff;
    padding:40px 20px 40px 20px;
    font-size:25px;
}
/*=======================================
    CONTACT STYLES
==================================================*/
.social-links
 a{
    text-align: center;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px solid #909090;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 

#social-icon a {
    color:#000!important;
    margin-right: 10px;
}
.contact-cls {
	font-size: 18px;
	line-height: 35px;
/*	font-weight: bolder;*/
		
}
/*=======================================
    FOOTER STYLES
==================================================*/
#footer {
	background-color: #f1f1f1;
	color: #000;
	/*  padding: 40px 50px 20px 50px; */
	text-align:center;
	 /*  text-align:right; */
}
/* BTN by Alan  */
.btn{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	/*border: 1px solid;
	border-radius: 4px;*/
	color: #C00;
}
.btn:hover {
	color:#fff;
}
/* End btn  */

?
/* modal css */

body, .modal-open .page-container, .modal-open .page-container .navbar-fixed-top, .modal-open .modal-container {
    overflow-y: scroll;
}
@media (max-width: 979px) {
    .modal-open .page-container .navbar-fixed-top {
        overflow-y: visible;
    }
}
#map-canvas {
    height: 400px;
}
/* End modal css */