@import "grid.css";

@import "font-awesome.css";

@import "superfish.css";



@import url(//fonts.googleapis.com/css?family=Open+Sans:400);

@import url(//fonts.googleapis.com/css?family=Open+Sans:300);

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic);

@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic);

@import url(//fonts.googleapis.com/css?family=Open+Sans:700);

@import url(//fonts.googleapis.com/css?family=Open+Sans:600);

@import url(//fonts.googleapis.com/css?family=Sanchez:400italic,400);

html {

    width: 100%;



}

a[href^="tel:"] {

 color: inherit;

 text-decoration: none;

}



* {

    -webkit-text-size-adjust: none;

}

.btn-primary :hover{ background-color:#000}

body {

    position: relative;

    background-color: #ee445f;

    padding-top: 5px;

    color: #fff;

    font: 300 14px/24px 'Open Sans', sans-serif;

}





#menu li {

	list-style:none;

	float:left;

	padding:15px;

	

	font-family:"Segoe UI";

		

}

#menu li a {

	color:#ffffff;

	text-decoration:none;

	

	

}

#menu li:hover{

	color: #000000;

	text-decoration:none;

	background: #c42424;

	height:18px;

}

#menu li:hover ul li {

	color: #FFFFFF;

	background-color: #c42424;

	padding:10px;

	width:auto;

	height:30px;

	margin-left:-15px;



}

#menu li ul {

	z-index:5000000;

	position:absolute;

	display:none;

		margin-top:1px;



}

#menu li ul li:hover {

background: #990000;

}

#menu li:hover ul {

	display:block;

}

#menu ul {

	float:right;

} 

 #menu li ul li{

	 float:none;}

 









strong {

    font-weight: 700;

}



address {

    font-style: normal;

}



p {

    margin-bottom: 24px;

}



.p1 {

    margin-bottom: 16px;

}



.p2 {

    margin-bottom: 17px;

}



input {

    border-radius: 0 !important;

    outline: none !important;

}





img {

    max-width: 100%;

}







/****Heads****/





h1, h2, h3, h4, h5, h6 {

    color: #fff;

    font-weight: bold;

	

}



h2 {

    font-size: 200px;

    color: #ee445f;

    text-transform: uppercase;

    line-height: 200px;

    margin-bottom: 27px;

}



h3 {

	font-size: 36px;

	line-height: 30px;

	font-style: normal;

	margin-bottom: 15px;

	margin-top: 10px;

}



.page1 h3 {

    padding-top: 0;

}



h4 {

    padding-top: 20px;

    font-size: 18px;

    line-height: 30px;

    margin-bottom: 12px;

}



/****Lists****/





ul {

    padding: 0;

    margin: 0;

  

}



ul.list {

    margin-bottom: 1px;

}



ul.list li {

    position: relative;

    font-style: italic;

    padding-left: 15px;

    font-weight: normal;

  

}



ul.list>li:after {

    font-style: normal;

    content: '';

    font-family: 'FontAwesome';

    color: #ee445f;

    display: block;

    position: absolute;

    left: 0;

    top: 1px;

}



ul.list li+li {

    margin-top: 6px;

}



/****Links****/









a {

    text-decoration: none;

    color: inherit;

    outline: none;

    transition: 0.5s ease;

    -o-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

}



a:hover {

    color: #ee445f;

}



a.btn {

    color: #ee445f;

    margin-top: 11px;

    display: inline-block;

    font: italic 14px/30px 'Sanchez', serif;

}



a.btn:hover {

    color: #d5d5d5;

}



/****classes****/



.mb0 {

    margin-bottom: 0px !important;

}

.m0 {

    margin: 0 !important;

}

.pad0 {

    padding: 0 !important;

}



.pad1 {

}





.img_inner {

    max-width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 23px;

    margin-top: 7px;

    border-radius: 2px;

}







.fleft {

    float: left;

    width: auto !important;

    margin-right: 28px;

    margin-bottom: 0px;

    margin-top: 8px;

}





.oh {

    overflow: hidden;

}

.fright {

    float: right !important;

}

.upp {

    text-transform: uppercase;

}



.alright {

    text-align: right;

}

.center {

    text-align: center;

}

.wrapper, .extra_wrapper {

    overflow: hidden;

}

.clear {

    float: none !important;

    clear: both;

}



.oh {

    overflow: hidden;

}



.nowrap {

    white-space: nowrap;

}

/*header*/



header {

    display: block;

    border-top: 1px solid #973a4f;

    position: relative;

}



#stuck_container:after {

    position: absolute;

    height: 1px;

    background-color: #2c424e;

    bottom: 0;

    right: 0;

    left: 0;

    content: '';

}



.page1 #stuck_container:after {

    display: none;

}



.slider{

height:auto;

}





.slider_1{

height:350px;

}



header h1 {

    margin-left: 11px;

    position: relative;

    text-align: center;

    float: left;

	

}





header h1 a {

    display: inline-block;

    overflow: hidden;

    width: 351px;

    height: 80px;

    font-size: 0;

    line-height: 0;

    

    text-indent: -999px;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

header h1 a img {

    display: block;

}





.main {

    background-color: #152b38;

}







.page1_block {

    padding-bottom: 76px;

    font-size: 18px;

    text-align: center;

}



.page1_block h2 {

    text-transform: none;

    padding-top: 47px;

    color: #fff;

    font-size: 72px;

    line-height: 75px;

    margin-bottom: 19px;

}



.page1_block .count {

    position: relative;

    margin-top: 49px;

    font-size: 48px;

    font-weight: normal;

    width: 164px;

    line-height: 151px;

    margin-bottom: 20px;

    height: 164px;

    border-radius: 500px;

    background-color: #314550;

    border: 3px solid #4e656e;

    border-left-color: #ee445f;

}



.page1_block .count>span{

    overflow: hidden;

    position: absolute;

    left: -3px;

    top: -3px;

    bottom: -3px;

    width: 50%;

}



.page1_block .count>span>span {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 164px;

    border-radius: 500px;

    height: 164px;

    border: 3px solid #ee445f;

}



.banners {

    padding-top: 35px;

    background: url(../images/banner_img.jpg) center bottom no-repeat;

}



.page1 .banner {

}



.bann {

	margin-bottom: 49px;

	text-align: center;

	background-color: #ee445f;

	border-bottom: 10px solid #e03651;

	height:auto;

	padding-top: 31px;

	padding-right: 42px;

	padding-bottom: 26px;

	padding-left: 42px;
	}

.bann1 {

	margin-bottom: 49px;

	text-align: center;

	background-color: #ee445f;

	border-bottom: 10px solid #e03651;

	height: auto;

	padding-top: 31px;

	padding-right: 42px;

	padding-bottom: 5px;

	padding-left: 42px;

}



.bann2 {

	margin-bottom: 49px;

	text-align: center;

	background-color: #ee445f;

	border-bottom: 10px solid #e03651;

	height: auto;

	padding-top: 31px;

	padding-right: 42px;

	padding-bottom: 5px;

	padding-left: 42px;

}





.bann .title {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 17px;

}



.banners1 {

    border-bottom: 1px solid #959b9e;

    padding-bottom: 64px;

    padding-top: 57px;

    text-align: center;

    background: url(../images/banner1_img.jpg) center bottom no-repeat;

}



.banners1 h3 {

    color: #000;

    margin-bottom: 48px;

    text-transform: uppercase;

}



.box {

    padding: 30px 42px 36px;

    color: #111111;

    background-color: #f3f3f3;

    border: 1px solid #fff;

    border-radius: 6px;

    box-shadow:  0px 1px 1px rgba(0,0,0,0.18)

}



.box .title {

    margin-bottom: 13px;

    font-size: 24px;

    line-height: 30px;

}



.box .title  span {

    padding-top: 5px;

    display: block;

    color: #000;

    font-style: italic;

    font-size: 18px;

    font-family: 'Sanchez', serif;

}



/**Content**/



.dis{

height:300px;

width:200px;

background:#ee445f;

margin:30px;

 border-bottom: 10px  solid #e93d59;

 float:left;

 

 

 



}





.content {

    padding-bottom: 51px;

}



.page1 .content {

    padding-bottom: 49px;

}



.st1 {

    margin-bottom: 22px;

    font: italic 18px/30px 'Sanchez', serif;

}



a.bt1 {

    margin-top: 15px;

}



.add1 {

    padding-bottom: 3px;

    padding-top: 6px;

}



.add1 a {

    font-style: italic;

}



.add1 span {

    display: inline-block;

    min-width: 70px;

}



.socials {

    margin-top: -2px;

    overflow: hidden;

}



.socials a {

    display: block;

    float: left;

    font-size: 30px;

    line-height: 45px;

}



.socials a+a {

    margin-left: 26px;

}



.news {

    font-weight: 600;

    overflow: hidden;

}



.news +.news {

    margin-top: 12px;

}



.news time {

    padding-left: 2px;

    padding-top: 8px;

    display: block;

    font-weight: 300;

    font-style: italic;

    margin-bottom: 7px;

}



.news img {

    margin-top: 18px;

    border-radius: 3px;

    float: left;

    margin-right: 20px;

}



.text1 {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 16px;

}



.clear.cl1 {

    height: 29px;

}



a.bt2 {

    margin-top: 12px;

}





.icon {

    text-align: center;

    margin-top: 8px;

    float: left;

    font-size: 40px;

    line-height: 22px;

    width: 64px;

    height: 64px;

    background-color: #314550;

    color: #fff;

    border: 3px solid #4e656e;

    border-radius: 500px;

    line-height: 66px;

    float: left;

    margin-right: 30px;

}



.tx1 {

    padding-bottom: 1px;

}



.cl2 {

    height: 30px;

}



.bn1 {

    margin-top: 54px;

}



.bn1 h3 {

    padding-bottom: 7px;

    padding-top: 21px;

    color: #000;

}



.bn1 .bann {

    margin-bottom: 60px;

    border-radius: 3px 3px 0 0;

    padding-top: 0;

    padding-left: 0;

    padding-right: 0;

    padding-bottom: 27px;

    border-bottom-width: 7px;

}



.bn1 .bann .maxheight {

    padding-left: 12px;

    padding-right: 12px;

}



.bn1 img {

    margin: 0 -42px 31px;

    border-radius: 3px;

}



.pb1 {

    padding-bottom: 1px;

}



.gallery {

    overflow: hidden;

    padding-top: 7px;

}



.box1 {

    text-align: center;

    color: #000;

    background: #f3f3f3;

    border-radius: 3px;

}



.box1  img {

    position: relative;

    z-index: 2;

    border-radius: 3px;

}



.box1 a.gal {

    display: block;

    position: relative;

    margin-bottom: 33px;

}



.box1 a.gal span {

    transition: 0.5s ease;

    -o-transition: 0.5s ease;

    -webkit-transition: 0.5s ease;

    display: block;

    position: absolute;

    z-index: 10;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: url(../images/magnify.png) -100px center no-repeat;

}



.box1 a.gal:hover span {

    background-position: center center;

} 



.box1 .box_bot {

    padding: 0 30px 32px;

}



.box1 .box_bot .title {

    font-size: 24px;

    line-height: 30px;

    margin-bottom: 16px;

}



.gallery .clear {

    height: 61px;

}



.blog {

    padding-right: 14px;

    overflow: hidden;

}



.blog+.blog {

    padding-top: 54px;

    margin-top: 51px;

    border-top: 1px solid #4e656e;

}



.blog .col1 {

    float: right;

}



.blog a.btn {

    padding-top: 1px;

}



.blog .fleft {

    margin-right: 31px;

}



.blog  .links {

    margin-bottom: 14px;

    overflow: hidden;

    margin-top: -1px;

}



.blog p {

    margin-bottom: 16px;

}



ul.list.l1 {

    margin-top: -1px;

}



ul.list+h3 {

    border-top: 1px solid #4e656e;    

    margin-top: 55px;

    padding-top: 58px;

}



.lnk .text1 {

    margin-bottom: 14px;

    margin-top: -1px;

}



.lnk p {

    margin-bottom: 16px;

}



.lnk p+.text1 {

    padding-bottom: 1px;

    padding-top: 13px;

}



.prv .text1 {

    padding-top: 1px;

}





.prv p+.text1 {

    padding-top: 5px;

}

/**Map**/



.col1 {

    color: #ee445f;

}



.col1 a:hover, a.col1:hover {

    color: #d5d5d5;

}



.col2 {

    color: #d5d5d5;

}



.map {

    overflow: hidden;

    position: relative;

}

 

.map figure {

    border-bottom: 1px solid #4e656e;

    padding-top: 7px;

    padding-bottom: 57px;

    position: relative;

    display: block;

    width: 100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}





.map figure iframe {

    width: 100%;

    height: 393px;

    max-width: 100%;

    border-radius: 6px;

}

.map address {

    line-height: 24px;

    padding-top: 0px;

    float: left;

    display: block;

}



.map address dt {

    margin-bottom: 16px;

}



.map address+address {

    padding-top: 28px;

}



 address dd span {

    min-width: 142px;

    display: inline-block;

    text-align: left;

}



.map address dd span.col1 {

    min-width: 0;

}



/**Footer**/



footer {

    display: block;

    padding: 16px 0 20px;

    font-style: italic;

}



footer a:hover {

    color: #fff;

    text-decoration: underline;

}



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 40px;

    left: 51%;

    margin-left: 640px;

    overflow: hidden;

    width: 51px;

    height: 51px;

    border: none;

    text-indent: -999px;

    z-index: 20;

    background: url(../images/totop.png) no-repeat left 0;

    transition: 0s ease;

    -o-transition: 0s ease;

    -webkit-transition: 0s ease;

}

#toTop:hover {

    outline: none;

    background-position: right 0;

}

.as{
width:750px	
	}



/*==================================RESPONSIVE LAYOUTS===============================================*/

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

    .as{
width:750px	
	}

    .extra_wrapper {

        overflow: visible;

    }  



    .page1_block .count {

        width: 134px;

        line-height: 151px;

        height: 134px;

        line-height: 130px;

    }





    .page1_block .count>span>span {

        width: 134px;

        height: 134px;

    }



    .caption {

        width: 940px;

        margin-left: -470px;

    }



    .caption p {

        display: none;

    }



    h2 {

        padding-top: 40px;

    }



}



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



.map address dd span {

    min-width: 0;

}



#owl {

    padding-left: 80px;

    padding-right: 80px;

}



header h1 a {

    width: 300px;

}



h2 {

    font-size: 120px;

    padding-top: 30px;

}



.caption {

        width: 940px;

        margin-left: -470px;

}





.map address+address {

    float: left;

}



 .map figure,  

 .map figure iframe,  

 #form input,  

 #form textarea,  

 #form .success {

    width: 100% !important;

    float: none !important;

}

 #form .success {

     -moz-box-sizing: border-box;

     -webkit-box-sizing: border-box;

     -o-box-sizing: border-box;

     box-sizing: border-box;

}

 .map figure {

 height: auto !important;

}





.map figure {

	margin-bottom: 15px;

}



.nowrap {

    white-space: normal;

}



.add1 span {

    min-width: 0;

}



.socials a + a {

    margin-left: 14px;

}





 .page1_block .count {

        width: 102px;

        height: 102px;

        line-height: 100px;

    }





    .page1_block .count>span>span {

        width: 102px;

        height: 102px;

    }



    .camera_prev, 

    .camera_next     {

        margin-top: -20px;

    }



    .blog .fleft {

        width: 100% !important;

        margin-right: 0;

        float: none;

        margin-bottom: 25px;

    }

}



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

.lnk .text1{

    padding-top: 13px;

}



.gallery .clear {

    height: 0;

}



.box1 {

    margin-bottom: 30px;

}



.box1 img {

    width: 100%;

}



.caption {

    display: none;

}



.page1_block h2 {

    font-size: 48px;

}



.bn1 img {

    width: 100%;

}



.camera_prev {

    left: 20px;



}



a.bt2 {

    margin-bottom: 30px;

}



.camera_next     {

    right: 20px;

}



.banners,

.banners1 {

    -webkit-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -ms-background-size: auto 100%;

    -o-background-size: auto 100%;

    background-size: auto 100%;

}



.box {

    margin-bottom: 30px;

}



#owl1 .item {

    padding-right: 0;

}



#owl1 .item img {

    width: 100%;

}



.count {

    margin-left: auto !important;

    margin-right: auto !important;

}



.fright {

    float: none !important;

}

.map address {

    float: none;

    margin-left: 0 !important;

 }



.map address +address {

    margin-top: 30px;

}





header h1 {

	display: block;

	width: auto;

    margin-left: 0;

    position: relative;

	height: auto;

}



.img_inner {

width: 100% !important;

float: none !important;

margin-right: 0 !important;

margin-bottom: 20px !important;

}



h1 a {

	max-width: 90%;

}





.img_inner img {

	width: 100%;

}





 header h1 {

 margin-bottom: 70px;

 float: none;

 left: 0;

 text-align: center;

}

 header h1 a {

 	width: auto;

 	display: inline-block;

 height: auto;

}

 header h1 a img {

}



 .map {

 	padding-right: 0px !important;

 }



 .map figure iframe {

 width: 100%;

 height: 300px;

}

 .map address {

 	margin-right: 0;

}





 .content .noresize {

 width: auto !important;

 float: left !important;

 margin-right: 20px !important;

 margin-top: 4px !important;

}



 .img_inner {

 margin-top: 30px;

}



.none {

    clear: both;

}



h3 {

    font-size: 28px;

}



}





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

	.as{
width:279px	
	}
    
	#owl {

        padding-left: 37px;

        padding-right: 37px;

    }

}

table,tr,td{

	border:#000 solid 2px;

	padding:5px;}