/* Global */

@font-face {
    font-family: 'Sunset Beach';
    src: url('SunsetBeach.woff2') format('woff2'),
        url('SunsetBeach.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.shop{
	font-family: 'Sunset Beach';
	font-size:42px;

}
.shop a:link,.shop a:visited{
	color:black!important;
	text-decoration:none!important;
}
.no-shadow{
	box-shadow: 0 0px 0px 0px white!important;
}
@media screen and (min-width: 992px) {
	.products .grid_3{
		margin: 0 20px 0px 0!important;
	}
	.products{
		margin-bottom:0!important;
	}
	.shop{
		margin:0px 0 40px 0;
	}
}
@media screen and (max-width: 992px) {
	.shop{
		margin:60px 0 40px 0;
	}
}


body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'CF Din', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #7e7e7e;
    background-color: #ffffff;
    overflow-x: hidden;
}
img {
	max-width: 100%;
}
a:link {
	color: #b92706;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #f68f67;
	text-decoration: none;
}

.fright{float:right;
}
.fleft{float:left;
}


.overflow_hidden {overflow:hidden;}

/* Navigation */

.menu {
	
	top:0px;
	width:100%;
	height:74px;
	background-color:#143853;
	z-index:9999;
	

}
.top-logo {
    margin-top:40px;
}
.logo {
    max-width: 380px;
}
.logo-text {
    margin:10px 0 0 0;
    color: #008497;
    font-size: 20px;
    font-weight: 300;
    text-align:center;
}
.slogan {
    margin: 40px 0 10px 0;
    text-transform: none;
    font-size: 32px;
    color: #095272;
    line-height: 42px;
    font-weight: 300;
    letter-spacing: -1px;
}
.slogan-2 {
    margin: 40px 0 10px 0;
    text-transform: none;
    font-size: 22px;
    color: #095272;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.download-file {
    margin: 10px 0 10px 0;
    text-transform: none;
    font-size: 22px;
    color: #095272;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.download-file a{
    color:inherit;
}
    .download-file a:hover {
        text-decoration:none;
    }
.contacts {
    margin: 10px 0 10px 0;
    text-transform: none;
    font-size: 22px;
    color: #3994ab;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: -0.7px;
}
.phone {
    position: absolute;
    right: 150px;
    top: 0px;
    color: #095272;
    font-weight:500;
    font-size: 26px;
}
.image-phone {
    width:30px;
    vertical-align:middle;
    margin-bottom:3px;
}
.book-frame {
    position: relative;
    z-index: 999999;
    max-width: 1200px;
    margin: 0 auto;
}
.books {
    position: absolute;
    right: 0px;
    z-index: 999999;
    bottom: 11px;
}
.contact-frame {
    position:relative;
    max-width:1200px;
    margin:0 auto;
    z-index:9999;
}
.top-header {
    width: 100%;
    height: 50px;
    background: url(../images/top.jpg);
    background-color: black;
}
.footer-logo-new {
    max-width:300px;
}
.one-edge-shadow {
    box-shadow: 0 5px 12px -6px black;
    position: relative;
    z-index: 999;
}
.shadow{
	/*
	content:url(../images/shadow.png);
	width:100%;
	height:74px;
	position: absolute;
	bottom:-70px;
	*/
	
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.75);
	
}
#logo {
	margin-bottom:0;
	margin-left:-3px;
}
#logo img.logo_small {display:none;}
.logo_big{
	max-height:90px;
	margin-top:10px;
}
#nav {
	text-align: right;
}
.navigation{
	float: right;
	list-style: none;
	margin: 0;
}
ul.navigation {
	margin:0;
	padding:0;
}
.navigation li{
	float: left;
	/* width:84px; */
	text-align:center;
    padding: 30px 20px 45px 20px;
	text-transform:none;
	background:url(../images/menu_bg_h.png) no-repeat 0 -101px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:17px;
	color:#a5a5a5;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.navigation li:hover,
.navigation .active {
	cursor:pointer;
	background:url(../images/menu_bg_h.png) no-repeat 0 0;
	color: #fff;
	text-shadow:1px 2px 0 rgba(0,0,0,0.28);
}




/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:0;
	max-width:100%;
	overflow:hidden;
}
h1 {
    margin: 0 0 10px 0;
    text-transform: none;
    text-align: center;
    font-family: 'CF Din', sans-serif;
    font-size: 28px;
    line-height: 86px;
    color: #ffffff;
    font-weight: 400;
}

h2 {
	margin:0 0 33px 0;
	text-transform:none;
	text-align:center;
	font-family:Arial;
	font-size: 14px;
	line-height: 20px;
	color:#3e3e3e;
	font-weight: 400;
}
img.icon_img {margin-bottom:19px;
}
h4 {
	margin:20px 0 10px 0;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:22px;
	line-height:22px;
	color:#D2AE99;
}


/* ____________________________________ Slide 1 ____________________________________ */ 
.effects {
	position:relative;
}
.effect_2 {
	background:url(../images/effect_1.png) repeat left top;
	position:relative;
	z-index:999 !important;
}
.padding_slide1 {padding:144px 0 77px 0;
}

#slide1 {
    background-color: #ffffff;
    /*background-image:url(../images/slide1_bg.jpg);*/
    background-image: url(../images/slide.jpg)!important;
    text-align: center;
    background-position: top center !important;
    background-size: cover !important;
    width: 100%;
    height:600px;
}
.filtr_bg {
	background:url(../images/filtr_bg.png) repeat left top;
	padding:27px 6px 15px 17px;
	margin-bottom:150px;
}
#slide1 h1 {
	margin:0;
	padding:0;
	border:none;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-size: 69px;
	line-height: 81px;
	color:#343434;
	font-weight: 400;
}
#slide1 h2 {
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-size: 53px;
	color: #343434;
	line-height: 81px;
	padding:0;
	margin:0;
	font-weight: 400;
}
.bord_in_red {
	margin:10px 15px 0 13px;
	height:1px;
	background:#b92706;
}
#slide1 p {
	text-transform:uppercase;
	font-size: 14px;
	color: #343434;
	line-height: 20px;
	padding:19px 0 0 0;
	font-weight: 600;
}
#slide1 a.button {
    background-image: url(../images/arrow_down.png);
    display: block;
    height: 117px;
	margin:0 auto;
    width: 117px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:23px;
	line-height:110px;
	color:#fff;
	text-shadow:1px 2px 0 rgba(0,0,0,0.28);
}
a.button:hover {cursor:pointer;text-decoration:none;
}

/* ____________________________________ Slide 2 ____________________________________ */ 

#slide2{
	background:url(../images/main_bg.jpg) repeat left top;
	padding:40px 0 0px 0;
}
#slide2 .grid_8 img {
	margin-bottom:15px;
}
img.about_img {
	float:left;
	margin:0 20px 10px 0;
}



/* ____________________________________ Slide 3 ____________________________________ */ 

#slide3{
	background-image:url(../images/slide3_bg.jpg);
	background-size: cover !important;
	width:100%;
	background-position:0 0 !important;
	text-align:center;
}
.padding_slide3 {
	padding:106px 0 23px 0;
}
#slide3 p {
	padding:0;
	margin:0;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-size: 56px;
	line-height: 52px;
	color:#fff;
	font-weight: 400;
}



/* ____________________________________ Slide 4 ____________________________________ */

#slide4{
	background:#ffffff;
	/*background:url(../images/main_bg.jpg) repeat left top; */
	padding:30px 0 0 0;
}

/* _________________ PORTFOLIO ________________ */
.gallery-list li.grid_3 {
	width:235px !important;
	/* width:320px !important;*/
}
.gallery-list img {
    width: 100%;
}
#slide4 h3{
	width:100%;
	text-align:center;
}

#slide4 ul{
	margin-top:0px;
	margin-bottom:-9px;
	padding:0;
	list-style-type:none;
}

/* ________________ //PORTFOLIO _______________ */


/* ____________________________________ Slide 5 ____________________________________ */ 
.padding_slide5 {
	padding:74px 0 0 0;
}
#slide5{background:#fff;
}
#slide5 .effect_2 {
	position:absolute;
	left:0;
	top:74px;
	right:0;
	width:100%;
	height:725px;
}
#slide5 .grid_12 {margin-bottom:0 !important;
}
#slide5 .bord_top {
	width:100%;
	height:74px;
	margin-top:-74px;
	background:url(../images/main_bg.jpg) repeat left top;
}

/* ___________________________________ //Slide 5 ___________________________________ */ 

/* ____________________________________ Slide 6 ____________________________________ */

#slide6{
	background-color:#fff;
	padding:0px 0 90px 0;
}

.events_cont h4 {
	margin:0 0 9px 0;
}
.events_cont span {
	display:block;
	padding:0 0 6px 0;
	font-size:12px;
	color:#a0a0a0;
}
.events_cont a:hover {text-decoration:none;}
.events_cont:hover h4 {
	color:#b92706;
}

/* ____________________________________ //Slide 6 ____________________________________ */


/* ____________________________________ Slide 7 ____________________________________ */ 
.padding_slide7 {
	padding:290px 0 148px;
}
#slide7{
	background-image:url(../images/slide7_bg.jpg);
	background-position:0 0 !important;
	text-align:center;
	background-size: cover !important;
	width:100%;
}

#slide7 span {
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 80px;
    color: #fff;
    font-weight: 300;
}
/* ___________________________________ //Slide 7 ___________________________________ */ 


/* ____________________________________ Slide 8 ____________________________________ */

#slide8{
	background-color:#fff;
	padding:90px 0 90px;
}

/* ________________ team_block _________________ */
.team_block {
	text-align:center;
	border-bottom:3px solid #c8c8c8;
}
.team_block h4 {
	margin:24px 0 10px;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:20px;
	line-height:26px;
	color:#3e3e3e;
}
.team_block p {
	margin:0 0 10px 0;
	padding:0 0 16px 0;
	border-bottom:1px solid #c8c8c8;
	font-size:16px;
	color:#c8c8c8;
}
ul.team_soc {
	margin:10px 0 12px 0;
	padding:0;
}
.team_soc li {display:inline-block;}
.team_soc li a {
	display:inline-block;
	margin-right:2px;
	width:28px;
	height:28px;
}
a.soc1 {
	background:url(../images/team_soc_icons.png) no-repeat 0 0 #c8c8c8;
}
a.soc2 {
	background:url(../images/team_soc_icons.png) no-repeat -30px 0 #c8c8c8;
}
a.soc3 {
	background:url(../images/team_soc_icons.png) no-repeat -62px 0 #c8c8c8;
}
a.soc4 {
	background:url(../images/team_soc_icons.png) no-repeat -89px 0 #c8c8c8;
}

a.soc1:hover {
	background:url(../images/team_soc_icons.png) no-repeat 0 0 #3e3e3e;
}
a.soc2:hover {
	background:url(../images/team_soc_icons.png) no-repeat -30px 0 #3e3e3e;
}
a.soc3:hover {
	background:url(../images/team_soc_icons.png) no-repeat -62px 0 #3e3e3e;
}
a.soc4:hover {
	background:url(../images/team_soc_icons.png) no-repeat -89px 0 #3e3e3e;
}

.team_block:hover h4 {
	color:#b92706;
}
.team_block:hover {
	border-bottom:3px solid #b92706;
}
/* _______________ //team_block ________________ */

/* ____________________________________ //Slide 8 ____________________________________ */


/* ____________________________________ Slide 9 ____________________________________ */ 
.padding_slide9 {
	padding:136px 0 109px;
}
#slide9{
	background-image:url(../images/slide9_bg.jpg);
	background-position:0 0 !important;
	text-align:center;
	background-size: cover !important;
	width:100%;
}

#slide9 p {
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 61px;
	line-height: 60px;
	color:#b92706;
	font-weight: 400;
}

/* ____________________________________ Slide 10 ____________________________________ */

#slide10{
	background:url(../images/main_bg.jpg) repeat left top;
	padding:90px 0 0 0;
}

/* ______________ CONTACT_FORM ______________ */
.contact_form {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGNkUwREZFOUVGMTExRTc4QUJBRDgzMkRFNUNGRkJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGNkUwREZGOUVGMTExRTc4QUJBRDgzMkRFNUNGRkJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY2RTBERkM5RUYxMTFFNzhBQkFEODMyREU1Q0ZGQkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY2RTBERkQ5RUYxMTFFNzhBQkFEODMyREU1Q0ZGQkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YKZ4LAAAAD0lEQVR42mIQsQhOAwgwAAIJAQaU+0/1AAAAAElFTkSuQmCC);*/
    background-color: #F2F2F2;
    padding: 2% 80px 2% 2%;
    max-width: 340px;
    position: absolute;
    top: 140px;
    right: 0;
    -webkit-box-shadow: 3px 4px 14px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 14px -3px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 14px -3px rgba(0,0,0,0.75);
    border-bottom-right-radius: 5%;
    border-top-right-radius: 5%;
    overflow:hidden;
}
.contact-full-line {
    position: absolute;
    top: 0;
    right: 26px;
    width: 30px;
    background-color: #003F5F;
    height: 800px;
}
.contact-privacy {
    font-weight:100;
}
.contact-privacy input {
    margin-right:3px;
    padding-top:5px;
}
.contact-text {
    color: #003F5F;
    margin: 0 0 20px 0;
    font-size: 22px;
    font-weight: 100;
}
.contact_form input[type="text"],
.contact_form textarea {
    width: 96%;
    margin: 0 0 19px 0px;
    /* margin:0 0 19px 20px; */
    padding: 11px 2% 9px 2%;
    background: #fff;
    font-family: Arial;
    font-weight: 400;
    border: 1px solid #3E97A7;
    color: #8b8a8a;
}
.contact_form input[type="text"]:first-child {margin-left:0 !important;}
.contact_form textarea {
    resize: none;
    margin-left: 0;
    width: 96%;
    height: auto;
    min-height: 95px;
    border-color: #3E97A7;
}
.contact-no-margin {
    margin:0!important;
    border-bottom:0px!important;
}
.contact_btn {
    border: 0px;
    text-transform: none;
    padding: 14px 8px 12px 8px;
    font-size: 16px;
    line-height: 20px;
    background-color: #32849A;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 9px 22px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 9px 22px -6px rgba(0,0,0,0.75);
    box-shadow: 2px 9px 22px -6px rgba(0,0,0,0.75);
}
.send_btn {
	background:url(../images/contact_btn_h.jpg) repeat-x left top;
	border:0px solid #a51e00;
}
.contact_btn:hover,
.send_btn:hover {
	/*padding:9px 5px 7px 5px;*/
}
.contact-buttons{
	text-align:right;
}
#note .notification_ok {
	margin-top:20px;
	padding:7px 10px;
	text-align:center;
	text-transform:none;
	background:#3e3e3e;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#fff;
}
#note .notification_error {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#f00;
	
	position:absolute;
	top:65%;
	left:3%;
	background-color:white;
	border:1px solid red;
	width:90%;
	padding:10px 10px 10px 10px;
}
/* _____________ //CONTACT_FORM _____________ */

/* ____________ CONTACT_DETAILS _____________ */
.contact_det_block {margin-top:-5px;
}

ul.foot_block_intouch {
	margin:0;
	padding:2px 0 0 0;
}

.foot_block_intouch li {padding-bottom:8px !important;}
.foot_block_intouch li p, .foot_block_intouch a {
	color:#ffffff;
	line-height:21px;
	font-size:14px;
	padding:0 0 0 34px;
	margin:0;
}
.foot_block_intouch li a:hover {color:#ffffff;text-decoration:none;}

.foot_block_intouch li.touch_phone p {
	background:url(../images/contact_icon.png) no-repeat 0 0;
}
.foot_block_intouch li.touch_clock p {
	background:url(../images/contact_icon.png) no-repeat 0 -98px;
}
.foot_block_intouch li.touch_mail a {
	background:url(../images/contact_icon.png) no-repeat 0 -190px;
}
.foot_block_intouch li.touch_site a {
	background:url(../images/contact_icon.png) no-repeat 0 -294px;
	display:block;
	height:20px;
}

.foot_block_intouch li.touch_mail a:hover {
}
.foot_block_intouch li.touch_site a:hover {
}
.foot_block_intouch li.touch_adress a:hover {
}

.foot_block_intouch li.touch_adress a {
	background:url(../images/contact_icon.png) no-repeat 0 -425px;
}

/* ___________ //CONTACT_DETAILS ____________ */
#map_block {
	margin:66px 0 0 0;
}

/* ___________________________________ //Slide 10 ___________________________________ */ 


/* ____________________________________ FOOTER ____________________________________ */
#footer {
    background: #095272;
    padding: 67px 0 23px;
}
.copyright {
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	color:#ffffff;
    text-align:center;
}
.copyright span{
    margin:0 3px 0 3px;
}
.copyright a {
	color:#fff;
}
.copyright a:hover {text-decoration:none;
}

/* _____________ BACK_TOP ___________ */
#back_top {
	float:right;
}
#back_top a.button {
	display:block;
	text-transform:none;
	padding-right:28px;
	background:url(../images/back_top_bg.png) no-repeat top right;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	height:19px;
	color:#ffffff;
}
#back_top a.button:hover {text-decoration:none;}
/* ____________ //BACK_TOP __________ */

/* ___________________________________ //FOOTER ___________________________________ */


/*  new */
.footer-line-w{
	border-bottom:2px solid white;
	height:2px;
	width:100%;
	margin-bottom:30px;
}
.footer-contacts{
	margin-bottom:30px!important;
	margin-top:20px!important;
	position:relative;
}
.logo-footer{
	padding-top:36px;
}
.logo-slide{
	padding-top:166px;
}
.fa{
	color:#ffffff;
	font-size:18px!important;
	margin-right:16px;
}
.fa-location{
	margin-right:13px;
	margin-left:3px;
}
.l-content-1{
	background-color:#143853!important;
	background-image:none!important;
	color:#ffffff;
	text-align:center;
}

.l-content-2 h3{

}
.l-content-2{
	margin-bottom:20px!important;
}
.l-text-12{
	text-align:left;
	position:relative;
}
h3 {
    color: #008497;
    font-size: 20px;
    font-weight: 300;
}
h3 b{
    font-weight: 400;
}
/* line h1 */
h1 {
    overflow: hidden;
    text-align: center;
    color: #008497;
    letter-spacing:0px;
    font-weight:300;
}
/*h1:before,
h1:after {
    background-color: #ffffff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}*/
.l-content-2 h1:after,.l-content-2 h1:before{
    background-color: #000;
	height: 2px;		
}
h1:before {
    right: 1.5em;
    margin-left: -50%;
}
h1:after {
    left: 1.5em;
    margin-right: -50%;
}
/* end line h1 */
	.l-text2-mobile{display:none;}
.mobile-only{display:none;}
a#CybotCookiebotDialogBodyLevelButtonAccept, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #32849A!important;
    border: 1px solid #32849A!important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #32849A!important;
    border: 1px solid #32849A!important;
}
@media screen and (max-width : 6000px) {	
	#slide7{
		background-position:0 -100px !important;
	}
}

@media screen and (max-width : 1300px) {	
	#slide7{
		background-position:0 -50px !important;
	}
}
@media screen and (max-width : 1300px) {	
	#slide7{
		background-position:0 0 !important;
	}
}

@media screen and (max-width : 479px) {	
	.logo-slide{
		padding-top:6px;
	}
	.l-text2-mobile{display:block;}
	.l-text2{display:none;}
	#slide2 h1:before,
	#slide2 h1:after {
		height: 0px;
	}
	.footer-contacts{
		width:320px!important;
	}
	.container-mobile {
		width: 320px!important;
	}
	.mobile-only{display:block;}
	.no-mobile{display:none;}


}
@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .contact_form {
        top: 380px;
    }
    h1 {
        line-height: 36px !important;
        font-size: 28px !important;
    }

    h3 {
        margin-left: 0 !important;
        font-size: 24px !important;
        line-height:29px!important;
    }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        margin: 0 20px 0px 0!important;
    }
}
    @media screen and (max-width : 767px) and (min-width : 400px) {
        .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .container {
            /*width: 90% !important;*/
        }
    }

@media screen and (max-width : 767px) {
    /*new*/


    .books img {
        max-width: 160px;
    }

    .logo {
        margin-top: 40px;
        text-align: center;
        max-width: 100%;
    }

        .logo img {
            max-width: 380px;
        }

    .phone {
        right: 0px;
        top: 0px;
        font-weight: 500;
        font-size: 26px;
    }

    .slogan br, .slogan-2 br {
        display: none;
    }

    h1 {
        line-height: 36px !important;
        font-size: 28px !important;
    }

    h3 {
        margin-left: 0 !important;
        font-size: 24px !important;
    }

    .download-file {
        text-align: center;
    }

    #slide1 {
        height: 680px;
    }

    #slide1 {
        overflow: hidden;
    }

    .contact_form {
        left: 100px;
        top: 460px;
        width: 280px;
    }

    .top-header {
    }

    .gallery-list {
        margin-left: 0px !important;
    }

    a.hover_img {
        width: 100% !important;
        height: auto !important;
    }
    .contact_form {
        top: 520px;
    }
}

    @media screen and (max-width : 482px) {
        .logo img {
            max-width: 90%;
        }

        .logo {
            width: 100%;
        }

        .contact_form {
            left: 10px;
            top: 580px;
            max-width: 300px;
            z-index: 99999;
        }

        #slide1 {
            height: 700px;
        }

        .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
            margin: 0 20px 20px 0 !important;
        }

        .contact-full-line {
            width: 10px;
        }
        .slogan, .slogan-2 {
            margin: 30px 0 0px 0;
        }
    }