/*
Theme Name: Camp Stone 2018
Theme URI: http://dancollinsdesign.com
Description: The 2018 Camp Stone Website
Author: Nicholas Rhodes | Daniel Collins Design
Version: 1
*/


/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1, h2, h3{margin: 0; padding: 0; font-weight: normal; font-size: 1em}

img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

a{color: #dd6227; text-decoration: none}
a:hover {color: #17478f; text-decoration: underline;}
a:hover, input#searchsubmit:hover{cursor: pointer;}


p{
margin: 0 0 20px 0;
}

.imageright {
text-align: right;
}

img{max-width: 100%; height: auto}


input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.clear{clear: both}

/*End of Reset*/
html, body{padding: 0; margin: 0;}
body{font-size: 16px; line-height: 1.3em; background-color: #fff; overflow-x: hidden; font-family: 'effra', sans-serif; font-weight: 100}
.wrap, .owl-nav{width: 92%; max-width: 1170px; margin: 0 auto; padding: 0 4%; position: relative; clear: both;}

ul.strip{margin: 0; padding: 0; list-style-type: none;}


#mobile{display: none; z-index: 999; width: 50px; height: 50px; position: absolute; right: 4%; top: 25px; background: transparent url('images/mobile-sprite.png') 10px 10px no-repeat;}
#mobile.active{background-position: 10px -65px}
.mobile-only{display: none}


#hero{width: 100%; position: relative; z-index: 999; -webkit-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 14px -1px rgba(0,0,0,0.75);}
#hero .nav-bar{padding: 0; height: 115px; position: fixed; width: 100%; background-color: #fff; box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.75);}
#hero .logo{width: 320px; float: left; padding: 10px 0}
#hero a.regular-logo img{max-width: 320px; float: left}
#hero .badge{max-width: 52px; margin: 10px 0 0 30px;}
#hero .wrap{position: relative; overflow: visible; z-index: 10; background-color: #fff; height: 100%; padding: 0px 20px; width: 96%}

#hero ul#primary-nav{float: right; margin-top: 35px; text-align: right;}
#hero ul#primary-nav li{display: inline-block; position: relative; margin-left: 2px; text-align: center;}
#hero ul#primary-nav li:first-child{margin-left: 0}
#hero ul#primary-nav a{position: relative; z-index: 100;  overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 45px; font-weight: 900; font-size: 1.05em; padding: 0 6px; color: #17478f;}

#hero ul#primary-nav a:hover{text-decoration: none; color: #dd6227}
#hero ul#primary-nav li.parent a{background-color: #dd6227; color: #fff; padding: 11px 15px; border: 1px solid #dd6227}
#hero ul#primary-nav li.parent a:hover{background-color: #17478f; color: #fff; border: 1px solid #17478f}

#hero ul#primary-nav li.fifty a{color: #dd6227; padding: 0 15px; border: 1px solid #dd6227}
#hero ul#primary-nav li.fifty a:hover{color: #17478f; padding: 0 15px; border: 1px solid #17478f}

#hero ul#primary-nav li.number a{font-size: 1.09em; padding-right: 15px;}


@media only screen and (max-width: 1250px){
	#hero ul#primary-nav a{font-size: .9em; padding: 0 5px}
    
    #hero ul#primary-nav li.number a{font-size: 1em; padding-bottom: 1px;}

}
@media only screen and (max-width: 1090px){
	#hero a.regular-logo img{max-width: 240px; }
	#hero .logo {width: 245px;}
	#hero .nav-bar {height: 95px;}
    #hero ul#primary-nav {margin-top: 25px;}
	#hero ul#primary-nav a{font-size: .85em; padding: 0 5px}
    
    #hero ul#primary-nav li.number a{font-size: .9em;}

}

@media only screen and (min-width: 961px){
	#hero ul#primary-nav{display: block !important}
}
@media only screen and (max-width: 960px){
	#hero .wrap{position: static}
	#hero ul#primary-nav{position: absolute; z-index: 800; padding-top: 100px; top: -25px; left: 0; width: 100%; background-color: #17478f; display: none; padding-bottom: 120px;}
	#hero ul#primary-nav li{display: block;}
	#hero ul#primary-nav li a{color: #fff; padding: 0px 0}
	#mobile{display: block}
  #hero .logo{width: 100%; float: none; text-align: center}
  #hero a.regular-logo img{float: left}
	#hero .logo{z-index: 900; position: relative;}
    
    #hero ul#primary-nav li.parent a {margin-top: 18px;}
#hero ul#primary-nav li.fifty a:hover{color: #fff; padding: 0 15px; border: 1px solid #fff}
#hero ul#primary-nav li.parent a:hover{background-color: #fff; color: #dd6227; border: 1px solid #fff}
    
    
    #hero ul#primary-nav li.number a{padding-right: 0px;}
    
#hero ul#primary-nav li {
    margin-top: 15px;
}    

    
}

@media only screen and (max-width: 520px){
  #hero .logo{text-align: left}	
}
@media only screen and (max-width: 420px){	
	#hero .badge{display: none}
}

.btn{color: #fff; font-size: 1em; margin: 30px 0 0 0; text-transform: uppercase; font-weight: 700; background: url('images/link-border.png') top left no-repeat; display: block; text-align: center; line-height: 70px; width: 270px; height: 70px;}


.hero{position: relative; clear: both;padding-top: 95px;}
.hero div.background{position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; height: 740px;}
.hero .content{height: 740px; width: 92%; overflow: hidden; padding: 0 4%;}
.hero .content h1{text-align: center; color: #fff;}
.hero .content h1 .text-1{display: block; font-size: 2.5em; line-height: 1em; font-weight: 700; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.hero .content h1 .text-2{display: block; font-size: 8.438em; line-height: 1em; font-weight: 700; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.hero .content h1 .text-3{font-family: 'Tinos', serif; display: block; font-size: 3.3em; line-height: 1em; font-weight: 400; padding-top: 20px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);letter-spacing: 2px;}
.hero .c-wrap{display: table; width: 100%; height: 100%;}
.hero .c-wrap h1{display: table-cell; vertical-align: middle; height: 600px;}

@media only screen and (max-width: 1060px){
	.hero .c-wrap h1{height: 440px;}	
}

@media only screen and (max-width: 1020px){
	.hero .content h1 .text-1{font-size: 2em;}
  .hero .content h1 .text-2{font-size: 7.438em;}
  .hero .content h1 .text-3{font-size: 2.625em;}
}


@media only screen and (max-width: 720px){
	.hero .content h1 .text-1{font-size: 1em;}
  .hero .content h1 .text-2{font-size: 3.438em; margin: 10px 0;}
  .hero .content h1 .text-3{font-size: 1.625em;}
	.hero div.background, .hero .content{height: 540px;}
  .hero .c-wrap h1{height: 300px;}
}

@media only screen and (max-width: 620px){
	.hero div.background, .hero .content{height: 290px;}
}

.sessions{margin-top: -200px; position: relative; overflow: hidden;}
.sessions .background:first-child{position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 50%;}
.sessions .background:nth-child(2){position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 50%;}
.sessions .session{float: left; width: 46%; z-index: 3; position: relative; padding: 20px 0; color: #fff; height: 160px;}
.sessions .session:nth-child(2){float: right}
.sessions .content{overflow: hidden}
.sessions h2{font-size: 1.875em; font-weight: 700; float: left; margin-right: 30px; line-height: 1.5em}
.sessions .content div{font-size: 1.25em; float: right; width: 65%;}

.countdown{text-align: center; padding: 5px 0; overflow: hidden;}
.cd{width: 90px; display: inline-block; margin: 0 9px 10px 9px;}
.cd .number{font-size: 1.875em; font-weight: bold; background-color: rgba(255,255,255,.2); width: 90px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px;}
.cd .label{text-align: center; text-transform: uppercase; font-weight: bold; font-size: .875em; padding-top: 5px;}

@media screen and (max-width: 1245px){
	.sessions .session div.content div{font-size: 1em}
	.sessions h2{font-size: 1.5em}
}

@media only screen and (max-width: 1060px){
	.sessions{margin-top: -260px}
	.sessions .session{height: 220px;}
	.cd{margin: 0 0 10px 0}
}

@media only screen and (max-width: 970px){
	.sessions h2{float: none}
	.sessions .content div{float: none; width: 100%;}
}

@media only screen and (max-width: 880px){
	.cd{width: 80px;}
	.cd .number{font-size: 1.5em; width: 100%;}	
}

@media only screen and (max-width: 820px){
	.cd{width: 60px;}
	.cd .number{font-size: 1.3em; width: 100%;}	
}

@media only screen and (max-width: 620px){
  .sessions .session{float: none; width: 100%; position: relative; height: auto; margin-bottom: 20px;}
  .sessions .session:nth-child(2){float: none; margin-bottom: 0}
	.sessions{margin: 0; padding: 0;}
  .sessions .background:first-child{position: absolute; z-index: 2; top: 0; left: 0; bottom: auto; right: 0%; height: 243px; opacity: 1 !important}
  .sessions .background:nth-child(2){position: absolute; z-index: 2; top: 243px; right: 0; bottom: 0; left: 0; opacity: 1 !important}
}



.intro{background: #17478f url('images/intro.png') top right no-repeat; color: #fa9d26; padding: 60px 0;}
.intro .content{font-size: 1.5em; max-width: 970px; margin: 0 auto; line-height: 1.3em;text-align: justify;}
.intro h2{line-height: 1em; font-size: .708em; letter-spacing: 5px; margin: 0 auto; width: 100%; max-width: 500px; text-align: center; text-transform: uppercase; color: #fff; border-bottom: 1px solid #2e62b0; padding-bottom: 20px; margin-bottom: 50px;}

.t{display: table; width: 100%;}
.td{display: table-cell; vertical-align: middle;}

.cta-buttons{overflow: hidden; padding: 65px 0}
.cta-buttons .button{float: left; width: 31%; background-color: #dd6227; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.5);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.5);}
.cta-buttons .button a{color: #fff; display: block; font-size: 1.875em; font-weight: 700}
.cta-buttons .button a .td{height: 150px;}
.cta-buttons .button a .td:first-child{width: 40%; text-align: center;}
.cta-buttons .button a .td:nth-child(2){width: 60%; line-height: 1em; padding-right: 20px;}
.cta-buttons .button:nth-child(2){margin: 0 3%}
.cta-buttons .button:nth-child(4){margin: 40px 0px 0px 17%}
.cta-buttons .button:nth-child(5){margin: 40px 3% 0px 3%}
.cta-buttons .button a:hover{text-decoration: none;}
.cta-buttons .button:hover{background-color: #17478f}

@media only screen and (max-width: 1020px){
	.cta-buttons .button a{font-size: 1.5em}
}

@media only screen and (max-width: 760px){
	.cta-buttons .button a{font-size: 1.875em}
	.cta-buttons .button, .cta-buttons .button:nth-child(2), .cta-buttons .button:nth-child(4), .cta-buttons .button:nth-child(5){float: none; clear: both; margin: 0 auto; width: 380px; max-width: 92%}
	.cta-buttons .button:nth-child(2){margin-top: 30px; margin-bottom: 30px;}
	.cta-buttons .button:nth-child(4){margin-top: 30px; margin-bottom: 0px;}
	.cta-buttons .button:nth-child(5){margin-top: 30px; margin-bottom: 0px;}
    .intro .content{text-align: left;}
    
}


@media only screen and (max-width: 420px){
	.cta-buttons .button a{font-size: 1.3em}
	.cta-buttons .button img{max-width: 50px;}
}

.full-image{background-size: cover;}
.full-image .content{height: 540px;}
.full-image .content .td{height: 540px; text-align: center}


footer{position: relative; padding: 50px 0px 40px 0px; border-bottom: 25px solid #dd6227; color: #fa9d26; overflow: hidden; clear: both; background: #17478f url('images/footer-background.png') top center no-repeat; background-size: cover;}
footer .wrap{position: relative; z-index: 90; text-align: center;}
footer .logo{float: left; width: 27%;}
footer .logo2{float: left; width: 18%; text-align: center;}
footer .logo img{max-width: 255px;}
footer .contact-info{ font-size: 1.063em; width: 22%; margin-right: 3%; float: left;}
footer .contact-info h3{font-size: 1em; text-transform: uppercase; color: #fff; letter-spacing: 3px; margin-bottom: 15px; font-weight: 700;}

footer .social h3{font-size: 1em; font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: 3px; margin-bottom: 15px;}
footer .social a{font-size: 2.188em; color: #fa9d26;}
footer .social a:hover{color: #dd6227;}
footer .social li{display: inline-block; margin-right: 25px; text-align: center;}
footer .social li:last-child{margin-right: 0}
footer .social .text{display: block; font-size: .365em; margin-top: 10px;}

footer .contact {
  clear: both;
  padding-top: 20px;
  font-size: 1.35em;
  text-align: center;
  background-color: rgba(255,255,255,0.2);
  border-radius: 5px;
  padding-bottom: 1px;
  margin-top: 20px;
}

footer .affiliations {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 1px;
    margin-top: 40px;
    border-top: 1px solid #fa9d26;
}

footer .security {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 1px;
    margin-top: 10px;
    border-top: 1px solid #fa9d26;
}

footer .contact a{color: #fa9d26; text-decoration: underline}
footer .contact a:hover{color: #fff;}
	
@media only screen and (max-width: 1060px){
    footer .social, footer .contact, footer .contact-info, footer .logo, footer .logo2{clear: both; width: 100%; margin: 0 0 30px 0; padding: 0}
    footer .logo2 {width: 100%; text-align: left;}
    
    footer .affiliations {  margin-top: 40px;}
    footer .security {  margin-top: 40px;}
}

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


.cta{clear: both; position: relative; overflow: hidden;}
.cta-wrap{color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.cta-wrap .wrap{position: static; max-width: 970px; min-height: 445px;}
.cta-wrap .content{width: 40%; height: 100%; position: absolute; left: 60%;  }
.cta-wrap h2{font-size: 1.875em; font-weight: 700; line-height: 1.3em; color: #dd6227}
.cta-wrap .description{font-size: 1.25em; line-height: 1.3em; color: #17478f}
.cta-wrap .btn{font-weight: 900; color: #17478f; border: 1px solid #17478f; width: 170px; line-height: 50px; height: auto; border-radius: 5px;}

.cta-wrap .image{position: absolute; top: 0; left: 0; bottom: 0; width: 50%; background-size: cover; line-height: 0; }
.cta-wrap .image img{visibility: hidden}
.cta-wrap.cta-left .image{left: auto; right: 0}
.cta-wrap.cta-left .content{left: 0;}

.cta-wrap .t{display: table; height: 100%; max-width: 470px; position: absolute; top: 0; left: 0; bottom: 0}
.cta-wrap.cta-left .t{position: absolute; right: 0; left: auto;}
.cta-wrap .td{display: table-cell; vertical-align: middle;}
.cta-wrap.cta-right .content{right: 4%}
.cta-wrap.cta-left .content .td{padding-left: 4%}
.cta-wrap.cta-left .content .td{padding-right: 4%}

@media screen and (max-width: 860px){
	.cta-wrap .description{font-size: 1.125em !important }
  .cta-wrap .content{width: 40%; height: 100%; position: absolute; left: 55%;  }
}


@media screen and (max-width: 640px){
	.cta-wrap .t, .cta-wrap .td, .cta-wrap.cta-left .t, .cta-wrap.cta-left .td{margin: 0 auto; padding: 0 !important; position: relative; display: block; max-width: 100%; height: auto; top: auto; left: auto; bottom: auto}
	.cta-wrap .image{position: relative; top: auto; left: -4%; bottom: auto; width: 110%; max-width: 110%;}
  .cta-wrap .content{width: 92%; height: auto; position: relative; left: auto;  padding: 30px 4%; right: 0 !important}
	.cta-wrap.cta-left .mobile-only{display: block; left: -5%;}
	.cta-wrap.cta-left .image:nth-child(3){display: none}
    
}

.basic-content{background-color: #f2eee2; margin: 0; padding: 95px 0px 35px 0px}
.basic-content-home{background-color: #f2eee2; margin: 0; padding: 0px 0px 0px 0px}

.basic-content .content{font-size: 16px !important; max-width: 970px; margin: 0 auto;padding-top: 60px;}

.basic-content-home .content{font-size: 16px !important; max-width: 970px; margin: 0 auto;padding-top: 0px;}

.basic-content h2{font-size: 2.5em; color: #dd6227;  font-weight: 700; line-height: 1em; padding-bottom: 20px;}
.basic-content h3{font-size: 1.875em; color: #5f5f5f; font-weight: 700; margin: 5px 0 15px 0; line-height: 1em;}
.basic-content h4{font-size: 1em; color: #dd6227; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; margin: 25px 0 15px 0; text-align: center;}
.basic-content h5{font-size: 1.5em; color: #17478f; font-weight: 700; margin: 15px 0 5px 0; line-height: 1em;}

.basic-content p{font-size: 1.3em; color: #5f5f5f; line-height: 1.4em; font-weight: 300}


.basic-content-home h2{font-size: 2.5em; color: #dd6227;  font-weight: 700; line-height: 1em; padding-bottom: 20px;}
.basic-content-home h3{font-size: 1.875em; color: #5f5f5f; font-weight: 700; margin: 5px 0 15px 0; line-height: 1em;}
.basic-content-home h4{font-size: 1em; color: #dd6227; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; margin: 25px 0 15px 0; text-align: center;}
.basic-content-home h5{font-size: 1.5em; color: #17478f; font-weight: 700; margin: 15px 0 5px 0; line-height: 1em;}

.basic-content-home p{font-size: 1.3em; color: #5f5f5f; line-height: 1.4em; font-weight: 300}




#main-news-list, .single article{background-color: #f2eee2; padding: 140px 0px 30px 0px}
#main-news-list .wrap, .single article .wrap{max-width: 970px; padding-top: 15px;}
#main-news-list h2 a, .single article h1{font-size: 2.5375em; font-weight: bold; color: #dd6227; line-height: 1em; min-height: 110px}
#main-news-list h2 a:hover{color: #006496; text-decoration: none;}

#main-news-list h2 a span, .single article span{display: inline-block; margin-right: 25px;}
#main-news-list .excerpt, .single article .content{font-size: 1.5em; color: #5f5f5f; line-height: 1.3em; font-weight: 300; padding: 30px 0}

.single article h1{min-height: auto; padding-bottom: 30px}

.meta{font-size: .838em; background-color: #f9f7f1; text-transform: uppercase; overflow: hidden; padding: 20px; border-bottom: 1px solid #fa9d26; border-top: 1px solid #fa9d26;}
#main-news-list article{padding: 0px 0; margin-bottom: 50px;}
.meta div{display: inline-block; color: #fa9d26; margin-right: 10px;}
.meta .read-more{margin-right: 40px;}
.meta .middot{position: relative; font-size: 2em; line-height: 0em; top: 5px;}
.meta .read-more a{font-weight: 700; text-transform: uppercase; color: #dd6227}
.meta a:hover h2, .meta a:hover .read-more{color: #006496}

@media only screen and (max-width: 720px){
	#main-news-list .excerpt{font-size: 1.2em}
	#main-news-list h2{font-size: 1em;}
}

@media only screen and (max-width: 540px){
	#main-news-list .image{display: none}
	#main-news-list .details{display: block; width: 100%; min-height: 200px;}
}

#news-load-more{cursor: pointer; text-align: center; width: 200px; margin: 0 auto; margin-top: 00px; color: #dd6227; font-weight: 700; font-size: .938em; text-transform: uppercase; padding-bottom: 30px;}
#news-load-more span{display: block; border-radius: 1000px; border: 1px solid #dd6227; width: 80px; height: 80px; line-height: 80px; font-size: 1.875em; margin: 0 auto; margin-bottom: 15px;}
#news-load-more:hover, #news-load-more:hover span{color: #17478f; border-color: #17478f}

.page-title{height: 205px; position: relative; background-size: cover; top: 95px;}
.page-title .wrap{position: relative; height: 100%;}
.page-title h1, .single .page-title .wrap div{position: absolute; font-size: 1.063em; color: #fff; text-transform: uppercase; line-height: 70px; letter-spacing: 5px; font-weight: 900; bottom: 0; z-index: 10;}
.page-title .background{background-image: linear-gradient(to right,rgba(221,98,39,.5), rgba(221,98,39,.0)); position: absolute; bottom: 0; height: 250px; width: 50%;}

@media only screen and (min-width: 1400px){
	.page-title .background{width: 100%; background-size: auto;}
}

@media only screen and (max-width: 720px){
	.page-title .background{width: 50%}	
}

@media only screen and (max-width: 520px){
    .page-title {height: 130px;}    

}

@media only screen and (max-width: 420px){
	.page-title .background{width: 80%}	
}

.owl-dots{position: absolute; bottom: 225px; width: 100%; text-align: center;}
.owl-dots .owl-dot span{background-color: #fa9d26 !important}
.owl-dots .active span, .owl-dots .owl-dot:hover span{background-color: #fff !important}

.owl-nav{z-index: 10; width: 100%; position: absolute; top: 0; padding-top: 250px;}
.owl-prev{z-index: 10;  position: relative; display: block; width: 100px; height: 100px; float: right; text-align: right;}
.owl-next{z-index: 10; position: relative; text-align: left; width: 100px; height: 100px;}
.owl-next:hover, .owl-prev:hover{color: #17478f; cursor: pointer}
.owl-buttons{position: absolute; height: 100px; top: 0px; left: 0; width: 100%; z-index: 900; font-size: 4.375em; color: #fff; padding-top: 365px;}

@media only screen and (max-width: 1060px){
	.owl-buttons{padding-top: 265px}	
	.owl-dots{bottom: 300px;}
}

@media only screen and (max-width: 720px){
	.owl-buttons{padding-top: 210px; font-size: 2.375em}
	.owl-dots{bottom: 280px;}
}


@media only screen and (max-width: 620px){
	.owl-dots{bottom: 20px;}
}
@media only screen and (max-width: 430px){
	.owl-prev {visibility: hidden;}
	.owl-next {visibility: hidden;}
	.owl-dots {visibility: hidden;}
}