@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.sans{
    font-family: 'Open Sans', sans-serif;
}
.text-decoration-none{
    text-decoration: none;
}
.navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #757575;
}
.navigation ul li{
	float: left;
	margin:0;
}
.navigation ul li a{
	display: block;
	color: #ebebeb;
	text-align: center;
	text-decoration: none;
	padding:0px 6px;
	font-size: 12px;
}
.navigation ul li a:hover{
	color: #ffffff;
}
.adw{
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
}
.pkg-box{
    background-color: #ffffff;
    border: 1px #e2e0e0 solid;
}
.pkg-box:hover{
    box-shadow: 0 10px 20px rgba(211,211,211,.6), 0 3px 3px rgba(211,211,211,.6);
}
.letter1sps{
	letter-spacing: 1px;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.font10{
    font-size: 10px;
}
.font12{
    font-size: 12px;
}
.font14{
    font-size: 14px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.fw100{
    font-weight: 100;
}
.fw200{
    font-weight: 200;
}
.fw300{
    font-weight: 300;
}
.fw400{
    font-weight: 400;
}
.fw500{
    font-weight: 500;
}
.fw600{
    font-weight: 600;
}
.fw700{
    font-weight: 700;
}
.fw800{
    font-weight: 800;
}


.bg-white{
	background-color: #ffffff;
}
.bg-grey{
	background-color: #BDBDBD;
}
.bg-grey1{
	background-color: #757575;
}
.bg-grey3{
	background-color: #212121;
}
.bg-primary{
	background-color: #ff5722;
}
.bg-primary2{
	background-color: #ffccbc;
}
.bg-primary3{
	background-color: #e64a19;
}
.bg-accent{
	background-color: #00bcd4;
}
.bg-fika{
    background-color: #fcfcfc;
}

.text-white{
	color: #ffffff;
}
.text-grey{
	color: #BDBDBD;
}
.text-grey1{
	color: #757575;
}
.text-grey3{
	color: #212121;
}
.text-primary{
	color: #ff5722;
}
.text-primary2{
	color: #ffccbc;
}
.text-primary3{
	color: #e64a19;
}
.text-accent{
	color: #00bcd4;
}
.text-blue{color: #E55227; font-size:14px;}
.bannerbox{
    background: url(../images/03.jpg) repeat fixed;
    /*background-repeat: repeat !important;*/
    /*background: rgba(243,209,145,1);
    background: -moz-linear-gradient(left, rgba(243,209,145,1) 0%, rgba(222,136,96,1) 27%, rgba(222,136,96,1) 73%, rgba(243,209,145,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,209,145,1)), color-stop(27%, rgba(222,136,96,1)), color-stop(73%, rgba(222,136,96,1)), color-stop(100%, rgba(243,209,145,1)));
    background: -webkit-linear-gradient(left, rgba(243,209,145,1) 0%, rgba(222,136,96,1) 27%, rgba(222,136,96,1) 73%, rgba(243,209,145,1) 100%);
    background: -o-linear-gradient(left, rgba(243,209,145,1) 0%, rgba(222,136,96,1) 27%, rgba(222,136,96,1) 73%, rgba(243,209,145,1) 100%);
    background: -ms-linear-gradient(left, rgba(243,209,145,1) 0%, rgba(222,136,96,1) 27%, rgba(222,136,96,1) 73%, rgba(243,209,145,1) 100%);
    background: linear-gradient(to right, rgba(243,209,145,1) 0%, rgba(222,136,96,1) 27%, rgba(222,136,96,1) 73%, rgba(243,209,145,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d191', endColorstr='#f3d191', GradientType=1 );*/
}
.downbox{
    background: url(../images/04.jpg) fixed;
}
#mernav{
    text-align: center;
    margin: 0;
    padding: 0;
}
#meranav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#meranav ul li{
    display: inline-block; color: #757575; margin-top:10px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    position: relative;
}
#meranav ul li a{
    color: #757575;
    display: block;
    text-decoration: none;
    font-weight: 500;
    font-style: normal;
    padding: 10px 10px;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
}
#meranav ul li a:hover{
    color: #e64a19;
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}

.banner-text{ padding:5px 10px 20px 10px; background: rgba(0, 0, 0, 0.5);}
.banner-text .topboxtext{
	border:2px solid #ffffff; font-weight:bold; font-size:17px;
	padding: 10px 20px;
	color: #ffffff;
	letter-spacing: 2px;
}
.img-responsive{
	max-width: 100%;
	height: auto;
}
.meri-img{ }
.meri-img img{
    display: block;
    margin:0 auto; 
}
.merabtn{
    width: 90%;
    margin: 4% 5% 0 5%;
    background-color: #ffffff;
    color: #757575;
    border: 1px solid #ccc;
    border-radius: 2px;
}
.merabtn:hover{
    background-color: #e64a19;
    color: #ffffff;
    border-radius: 2px;
    border: 1px solid #e64a19;
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
}
.ctrl{
	clear: both;
}
.myhr{
    margin: 0;
    padding: 0;
    border-top: 1px solid #eee;
}
.grey70{
    color: #707070;
    font-size: 12px;
}
.cab-boy{
    border:1px solid #ddd;
    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.1);
}
.cab-boy .side-box{
    border-left: 1px solid #ddd;
    font-size: 12px;
}
.letter1sps{
    letter-spacing: 1px;
}
.letter2sps{
    letter-spacing: 2px;
}
/*  F O R M  C S S  */

#topform{
    background-color: rgba(255,255,255,.9);
    padding: 05px 20px 10px 20px;
}
#topform input[type=text] {
    width: 100%;
    padding: 12px 20px 12px 10px;
    margin: 5px 0;
    background-color: transparent;
    border: 1px solid #bababa;
    border-radius: 0;
}
#topform input[type=text]:focus{
    border: 1px solid #a5a5a5;
}
#topform input[type=tel] {
    width: 100%;
    padding: 12px 20px 12px 10px;
    margin: 5px 0;
    background-color: transparent;
    border: 1px solid #bababa;
    border-radius: 0;
}
#topform input[type=tel]:focus{
    border: 1px solid #a5a5a5;
}
#topform input[type=email] {
    width: 100%;
    padding: 12px 20px 12px 10px;
    margin: 5px 0;
    background-color: transparent;
    border: 1px solid #bababa;
    border-radius: 0;
}
#topform input[type=email]:focus{
    border: 1px solid #a5a5a5;
}
#topform input[type=date] {
    width: 100%;
    padding: 10px 20px 10px 10px;
    margin: 5px 0;
    background-color: transparent;
    border: 1px solid #bababa;
    border-radius: 0;
}
#topform input[type=date]:focus{
    border: 1px solid #a5a5a5;
}
#topform textarea{
    width: 100%;
    padding: 12px 20px 12px 10px;
    margin: 5px 0;
    background-color: transparent;
    border: 1px solid #bababa;
    border-radius: 0;
}
#topform textarea:focus{
    border: 1px solid #a5a5a5;
}
.ratebox{
    background-color: #f2f2f2;
    border-top:1px solid #e2e0e0;
    border-bottom:1px solid #e2e0e0;
}