/*
Theme Name: fastr
Theme URI: http://themes.kanishkkunal.in/fastr
Author: Kanishk Kunal
Author URI: http://kanishkkunal.in
Description: Clean and minimalistic content-oriented responsive theme for faster sites suitable for your personal blog. With its modern look and attention to crisp typography, Fastr lets your readers focus on the content. Fastr uses absolutely no javascript and has a very minimal CSS for its layout and responsiveness.
Version: 1.2.0.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fastr
Domain Path: /languages/
Tags: black, gray, white, one-column, fluid-layout, rtl-language-support, responsive-layout

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.

fastr is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

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/
*/

/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
    
    
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}


body,
button,
input,
select,
textarea {
	color: #303538;
	font-family: "proxima-nova-soft";
	font-size: 20px;
	line-height: 1.6em;
}


body {
	background-color: #bad5e8;
padding-top: 10px;
}

.container {
    width: 85%;
    max-width: 700px;
    margin: auto;
}

.logo {

margin: 36px auto;
width: 70%;

}

.logo img {
width: 100%;
max-width: 695px;
height: auto;

}


a {

color: #BAD5E8;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #BAD5E8;

}

a:hover {

color: #fff;
text-decoration: none;
padding-bottom: 2px;
border-bottom: 1px solid #fff;

}

.foot-right a {

color: #fff;
border-bottom: 1px solid #fff;

}

.part2 {

background-color: #fff;
position: relative;
padding: 20px 3% 30px;
float: left;
margin: 50px auto 0px auto;
width: 94%;
}

#part3 {

position: relative;
padding: 50px 4% 0px;
background-color: #0054a3;
float: left;
margin: -10px auto 0px auto;
width: 92%;

}

#part31 {

position: relative;
padding: 50px 4% 0px;
background-color: #0054a3;
float: left;
margin: 0 auto;
width: 92%;

}

#part32 {

position: relative;
padding: 50px 4% 18px;
background-color: #1570b7;
float: left;
margin: 0 auto;
width: 92%;

}

.part4 {

position: relative;
padding: 70px 4% 30px;
background-color: #1570b8;
float: left;
margin: -10px auto 0px auto;
width: 92%;

}


#part42 {

position: relative;
padding: 70px 4% 30px;
background-color: #fff;
float: left;
margin: -10px auto 0px auto;
width: 92%;

}

#part42 .left-content {

color: #1570b8;

}

#part42 .left-content .col2 {

width: 60%;
float: right;

}

.btn { 
   
    position: absolute;         
    right: 1px;
left: 20px;
z-index: 2545456;
margin: 0 auto;
    border-radius: 4px; 
    height: 39px; 
cursor: pointer;
    width:52px;  
}
#lines:before { 
    border-bottom: 12px double #fff;
    border-top: 4px solid #fff;    
    content:"";
cursor: pointer;
    height: 4px; 
    position: absolute;   
 
    top: 9px; 
    width:32px; 
}

#lines { 


}

.right-image {

margin-left: -170px;
}

.menu-r-drop {

background-color: #bad5e8;
text-align: center;
font-weight: 600;
font-size: 15px;
text-decoration: none!important;
font-family: proxima-nova-soft, sans-serif;

position: relative;
right: 2px;
top: 62px;
z-index:3;
display: none;
color: #fff;
height: auto;
padding-bottom: 44px;
width: 100%;
}

.menu-r-drop li {
color: #fff;
font-family: proxima-nova-soft, sans-serif;
list-style-type: none!important;

}

.menu-r-drop li a {

text-decoration: none!important;
color: #fff;
font-weight: 600;
font-family: proxima-nova-soft, sans-serif;

list-style-type: none!important;

}

.my-contain {

width: 100%;
max-width: 904px;
margin: 0 auto;
position: relative;
}

.left-content {

color: #fff;
margin: 0 auto;
width: 90%;
}

.left-title {

font-size: 30px;
padding-bottom: 20px;
line-height: 60px;
}

.left-body {

width: 42%;
font-size: 18px;
line-height: 27px;
float: left;

}

.right-body {

width: 62%;
font-size: 18px;
line-height: 27px;
float: right;

}


.swap-image {

float: none;
margin: 0 auto;
text-align: center;
}



a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

.swap-image img {

width: 50%;
height: auto;
margin: 0 auto;
margin-bottom: 5px;
}

.left-image img {

width: 54%;
float: right;

}

.right-image img {

width: 43%;
float: left;

}



.detail-shot img, .detail-shot-small img {

width: 100%;
height: auto;
}

.detail-shot, .detail-shot-small {
padding-bottom: 0px;
}

.col1 {

width: 33%;
padding-right: 5%;
border-right: 1px solid #fff;
float: left;
margin-right: 5%;

}

.col2 {

width: 52%;
float: left;

}



.item {

font-size: 15px;
float: left;
font-weight: 500;
line-height: 23px;
margin-bottom: 30px;
}

.foot {

padding: 40px 5% 60px 5%;
width: 90%;
float: left;
position: relative;
font-size: 12px;
color: #fff;
background-color: #bad5e8;
}

.foot-left {
float: left;
}

.foot-center {

width: 30%;
text-align: center;
line-height: 17px;
margin: 0 auto -30px auto;
}

.foot-right {
float: right;
}

.foot-center img {

max-width: 90%;
margin: 0 auto;
text-align: center;
}

.item img {

margin-right: 20px;
float: left;
max-width: 87px;
max-height: 85.5px;
width:40%;
}


@media only screen and (min-width: 900px) and (max-width: 4000px) {

.swap-image {

display: none;

}

.detail-shot-small {

display: none;

}
}

@media only screen and (max-width: 900px) {

.left-image, .right-image {
display: none;
}



.detail-shot img {

display: none!important;

}

#part42 .left-content .col2 {

width: 82%;
float: none;

}

.foot {

width: 60%;
padding-left: 20%;
padding-right: 20%;
text-align: center;

}

.foot-left, .foot-right {

float: none;
}

.foot-center {

margin: 0 auto 30px;

}

.foot-center img {

max-width: 150px;
}

.left-body, .right-body {

width: 92%;
font-size: 18px;
line-height: 27px;
text-align: center;
margin: 0 auto 40px auto;
float: none;

}

#part42 .left-content {

margin-left: 0%;
}

.col1, .col2 {

width: 90%;
margin: 0 auto;

float: none;
border-right: 0px;
padding-right: 0%;
}

.item {
width: 100%;
font-size: 16px;
float: none;
min-height: 120px;
margin: 0 auto;
}



}

@media only screen and (max-width: 500px) {


.foot-center {

width: 70%;

}

.item {
width: 100%;
font-size: 10px;
}
}