/*
Theme name: Diveinstyle
Description: Custom Theme
*/

/******* Diveinstyle WordPress CSS *******/

/* Common elements styling */

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 
.searchfield { border: 1px solid  #000; margin-top: 10px;}
.searchsubmit { padding: 3px 10px; font-size: 22px; border-radius: 10px;}

.main-title.no-banner {position: static; color: #000;}
.single-image {text-align: center;}
.single-image img {width: 100%;}
/******* /Diveinstyle WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #000; font-family: 'PilcrowSoft', Arial, sans-serif; font-size: 18px; line-height: 1.35; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }
strong { font-weight: bold; }
small { font-size: 80%; }

h1 { font-size: 42px; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 26px; text-transform: uppercase; line-height: 0.9; padding: 6px 0 12px; border-bottom: 1px dashed #a0a0a0; margin-bottom: 15px; }
h3 { font-size: 22px; font-weight: bold; border-bottom: 1px dashed #a0a0a0; line-height: 1.6; padding-bottom: 1px; text-transform: uppercase; }
h4 { font-size: 16px; font-weight: normal; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; -webkit-appearance: none; box-sizing: border-box; border-radius: 0; box-shadow: none; border: 0; }

::-webkit-input-placeholder { color: #646464; }
::-moz-placeholder { color: #646464; }
:-moz-placeholder { color: #646464; }
:-ms-input-placeholder { color: #646464; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.mobile-only { display: none; visibility: hidden; }

.header.fixed .nav ul:after,
.clearfix:after { display: block; content: ' '; clear: both; width:100%; font-size: 0; line-height: 0; text-indent: -4000px; }

.fsr-container { overflow: hidden; background-repeat: no-repeat; background-size: cover; }
.fsr-image { position: absolute; }
.fsr-hidden { display: none; }

/* ------------------------------------------------------------ *\
	Sprites
\* ------------------------------------------------------------ */

.ico,
.slider .bx-controls-direction a { background-image: url(./images/sprite.png); background-repeat: no-repeat; }

/*  Icons  */

.ico { display: inline-block; vertical-align: middle; }

.ico-arrow-left { width: 16px; height: 24px; background-position: -86px -10px; }
.ico-arrow-right { width: 16px; height: 24px; background-position: -122px -10px; }
.ico-close { width: 30px; height: 29px; background-position: -216px -10px; }
.ico-plus { width: 23px; height: 23px; background-position: -185px -5px; }
.ico-arrow-black-left { width: 9px; height: 15px; background-position: -5px -5px; }
.ico-arrow-black-right { width: 9px; height: 15px; background-position: -24px -5px; }
a:hover .ico-arrow-black-left { background-position: -5px -30px; }
a:hover .ico-arrow-black-right { background-position: -24px -30px; }
.ico-burger { width: 19px; height: 19px; background-position: -79px -5px; }
.ico-facebook { width: 45px; height: 44px; background-position: -133px -5px; }
.ico-twitter { width: 45px; height: 44px; background-position: -215px -5px; }
.ico-youtube { width: 44px; height: 44px; background-position: -270px -5px; }
.ico-plus,
.ico-arrow-black-left,
.ico-arrow-black-right,
.ico-burger,
.ico-facebook,
.ico-twitter,
.ico-youtube {
	-webkit-background-size: 319px 54px; 
	        background-size: 319px 54px; 
}

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.btn-circle { display: inline-block; vertical-align: middle; width: 216px; height: 216px; padding-top: 80px; background: #ff8200; color: #fff; font-size: 22px; border-radius: 50%; box-sizing: border-box; text-align: center; text-transform: uppercase; line-height: 1.1; text-decoration: none; }
.btn-circle:hover { opacity: 0.9; text-decoration: none; }
.btn-circle small { font-size: 16px; }
.btn-circle span { display: block; }

.btn-circle-yellow { background: #ffcc00; }
.btn-circle-green { background: #7ec446; }
.btn-circle-pink { background: #ff4c97; }
.btn-circle-white { background: #fff; color: #000; }

.form-btn { width: 336px; height: 55px; background: #000; color: #fff; border-radius: 2px; padding-bottom: 6px; text-transform: uppercase; font-size: 16px; }
.form-btn:hover { background: #333; }

/* ------------------------------------------------------------ *\
	Form Ellements
\* ------------------------------------------------------------ */

.form-head { margin-bottom: 42px; }
.form-actions { text-align: right; margin-top: -2px; }

.form-row { overflow: hidden; margin-bottom: 25px; }
.form-col { float: left; width: 337px; }
.form-col + .form-col { margin-left: 40px; }

.field,
.textarea { width: 100%; font-size: 16px; border-radius: 2px; padding: 19px 18px 21px; text-transform: uppercase; box-shadow: inset 0 0 0 2px transparent; }
.textarea { height: 225px; }

.error .field,
.error .textarea { box-shadow: inset 0 0 0 2px #ee1d83; }

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { padding: 4px 0; }
.socials ul { list-style: none outside none; }
.socials li { float: left; }
.socials li + li { margin-left: 16px; }
.socials a { display: block; }
.socials a:hover { opacity: 0.7; }

/* ------------------------------------------------------------ *\
	Containers
\* ------------------------------------------------------------ */

.wrapper { background: #fff; }
.shell { max-width: 960px; padding: 0 10px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Navigations
\* ------------------------------------------------------------ */

/*  Main Navigation  */

.nav { float: right; margin-top: 5px; }
.nav ul { float: left; list-style: none outside none; }
.nav li { float: left; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.nav a { display: block; width: 126px; height: 90px; line-height: 80px; text-align: center; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; }
.nav a:hover { background: #000; text-decoration: none; }
.nav .nav-language a { width: 96px; }
.nav .nav-language span { display: inline-block; width: 50px; height: 50px; line-height: 50px; background: #fff; border-radius: 50%; font-size: 12px; color: #000; }
.nav .nav-toggle { display: none; }

/*  Footer Navigation  */

.footer-nav ul { list-style: none outside none; }
.footer-nav a { text-decoration: none; }
.footer-nav a:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/*  List Dashes  */

.list-dashes { list-style: none outside none; }
.list-dashes li { position: relative; padding-left: 8px; }
.list-dashes li:before { content: '-'; position: absolute; left: -1px; top: 0; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; height: 100px; background: rgba(0, 0, 0, 0.8); }
.header .gotop { display:none; color: #fff; font-size:16px; text-transform: uppercase;  float:right; line-height:60px; width:118px; margin-right:100px;   border-left: 1px solid rgba(255, 255, 255, 0.2);   border-right: 1px solid rgba(255, 255, 255, 0.2); text-align:center; text-decoration: none; }

.header.fixed .logo { display:none; }
.header.fixed .gotop { display:block; }
.header.fixed .nav-language { display:none; }
.header.fixed .nav { margin: 0; }
.header.fixed .nav a { line-height:50px; height:60px;  }
.header.fixed .nav ul { float:none; }
.header.fixed { height:60px; }

.header.fixed .nav { float:none; }
.header.fixed { }
.logo { float: left; margin: 21px 0 0 50px; }
.logo img { max-width: 100%; height: auto; }


/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { position: relative; overflow: hidden; }
.slider .slide-image { height: 960px; height: 100vh; }
.slider .slide-content { position: absolute; left: 150px; bottom: 256px; color: #fff; font-size: 26px; line-height: 1; }

.slider .slider-bar { position: absolute; left: 0; bottom: 0; width: 100%; }
.slider .slider-bar-progress { height: 6px; background: #fff; opacity: 0.4; }
.slider .bx-controls-direction { position: absolute; left: 0; width: 100%; top: 48.5%; }
.slider .bx-controls-direction a { position: absolute; width: 16px; height: 24px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider .bx-controls-direction a:hover { opacity: 0.5; }
.slider .bx-prev { left: 60px; background-position: -86px -10px; }
.slider .bx-next { right: 60px; background-position: -122px -10px; }
.slider .bx-pager { position: absolute; left: 0; bottom: 49px; width: 100%; text-align: center; }
.slider .bx-pager-item { display: inline-block; vertical-align: top; margin: 0 4px; }
.slider .bx-pager-link { display: block; width: 12px; height: 12px; background: #fff; border-radius: 50%; font-size: 0; line-height: 0; text-indent: -4000px; opacity: 0.5; }
.slider .bx-pager-link.active { opacity: 1; }

/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */

/*  Section  */

.section .section-head { text-align: center; margin-bottom: 70px; }
.section .section-title { margin-bottom: 21px; }

/*  Section About  */

.section-about { padding: 70px 0; }
.section-about .shell { overflow: hidden; }
.section-about .section-image { position: relative; float: left; padding: 76px 0 0; }
.section-about .section-image-caption { position: absolute; top: 235px; right: 6px; width: 216px; height: 216px; border-radius: 50%; background: #ff8200; color: #fff; font-size: 22px; line-height: 1.11; text-transform: uppercase; text-align: center; }
.section-about .section-image-caption small { display: block; font-size: 16px; }
.section-about .section-image-caption-inner { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -8px; }
.section-about .section-image-caption-inner {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.section-about .section-content { float: right; width: 555px; }
.section-about .section-title { margin-bottom: 36px; }
.section-about .section-entry { letter-spacing: -0.01em; }
.section-about .section-entry h3 { margin-bottom: 7px; }
.section-about .section-entry ul { margin-bottom: 40px; }
.section-about .section-entry p { margin-bottom: 24px; }

/*  Section Course  */

.section-course { background: #ddeaf5; padding: 85px 0 50px; }

/*  Section Services  */

.section-services { background: #ddeaf5; padding: 22px 0 162px; }

/*  Section Why Me  */

.section-why-me { padding: 120px 0 200px; }
.section-why-me .section-title { margin-bottom: 45px; }
.section-why-me .section-head { margin: 0 80px 58px; }

.section-why-me .section-body { letter-spacing: -0.02em; }
.section-why-me .section-body img { max-width: 100%; height: auto; }
.section-why-me .section-body p { margin-bottom: 22px; }
.section-why-me .aligncenter { text-align: center; }
.section-why-me .cols { overflow: hidden; margin-bottom: 46px; }
.section-why-me .col { float: left; min-height: 368px; border-width: 1px 0; border-style: dashed; border-color: #a0a0a0; padding: 27px 0 0; }
.section-why-me .col-1of2 { width: 46%; }
.section-why-me .col + .col { float: right; }

/*  Section Contacts  */

.section-contacts { background: #ddeaf5; padding: 153px 0; }
.section-contacts .section-body { max-width: 715px; }

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs-image { display: none; }
.tabs-body { background-position: 50% 0; }
.tabs-foot { background: #fff; padding: 34px 50px 26px 43px; overflow: hidden; }
.tabs-foot-entry { float: left; width: 560px; text-align: left; }
.tabs-foot-aside { float: right; width: 260px; margin-top: 15px; text-align: right; margin-bottom: 15px; }
.tabs-foot-entry h3 { margin-bottom: 5px; }
.tabs-foot-entry p { margin-bottom: 17px; }
.tabs-foot-entry .cols { overflow: hidden; }
.tabs-foot-entry .col { float: left; box-sizing: border-box; }
.tabs-foot-entry .col-1of2 { width: 51.5%; }
.tabs-foot-entry .col-1of2 + .col-1of2 { width: 48.5%; }
.tabs-foot-entry .cols h3 { text-transform: none; }

.tabs-groups { list-style: none outside none; }
.tabs-group { min-height: 320px; }
.tabs-group-label { position: relative; float: left; height: 320px; width: 46px; background: #ffcc00; font-size: 18px; text-transform: uppercase; }
.tabs-group-label span { position: absolute; left: 50%; top: 50%; line-height: 1; margin-left: -2px; white-space: nowrap; }
.tabs-group-label span {
	-webkit-transform: translate(-50%, -50%) rotate(-90deg); 
	    -ms-transform: translate(-50%, -50%) rotate(-90deg); 
	     -o-transform: translate(-50%, -50%) rotate(-90deg); 
	        transform: translate(-50%, -50%) rotate(-90deg); 
}
.tabs-group-label-green { background: #8ec446; }
.tabs-group-label-orange { background: #ff8200; }
.tabs-group-label-pink { background: #ff4c97; }
.tabs-group-label-transparent { visibility: hidden; }
.tabs-group-body { background: #fff; }

.tabs-group-nav { overflow: hidden; list-style: none outside none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.tabs-group-nav li { position: relative; float: left; width: 33.333%; height: 320px; box-sizing: border-box; }
.tabs-group-nav li + li { border-left: 1px solid rgba(255, 255, 255, 0.3); }
.tabs-group-nav li > a { position: relative; display: block; height: 320px; font-size: 25px; line-height: 1; color: #fff; text-transform: uppercase; overflow: hidden; }
.tabs-group-nav .current > a,
.tabs-group-nav li > a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.5); }
.tabs-group-nav li > a:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -14px; margin-bottom: -15px; border-width: 0 14px 14px; border-style: solid; border-color: #fff transparent; }
.tabs-group-nav .current > a:after { margin-bottom: 0; }
.tabs-group-nav li > a span { position: absolute; left: 0; right: 0; padding: 0 20px; top: 50%; text-align: center; margin-top: -12px; }
.tabs-group-nav li > a span {
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.tabs-group-actions { text-align: right; padding: 60px 50px 0 0; }

.tab { display: none; padding: 78px 50px 70px 60px; text-align: justify; }
.tab:after { content: ''; display: inline-block; vertical-align: top; width: 100%; }
.tab-content,
.tab-aside { display: inline-block; vertical-align: bottom; }
.tab-content { width: 560px; min-height: 425px; text-align: left; }
.tab-aside { width: 260px; text-align: right; margin-bottom: 15px; }
.tab-head { text-transform: uppercase; }
.tab-head span { display: block; line-height: 1; }
.tab-entry { letter-spacing: -0.02em; }
.tab-entry p { margin-bottom: 22px; }
.tab-entry h3 { font-size: 18px; margin-bottom: 2px; }
.tab-entry ul { margin-bottom: 22px; }

.tabs-alt .tab { padding-bottom: 23px; }
.tabs-alt .tab-content { min-height: 0; vertical-align: top; }
.tabs-alt .tab-aside { vertical-align: top; margin-bottom: 0; }

.tab-title-yellow { color: #ffcc00; }
.tab-title-green { color: #8ec446; }
.tab-title-orange { color: #ff8200; }
.tab-title-pink { color: #ff4c97; }
.tab-title-blue { color: #1c75bc; }

/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

.callout { position: relative; background: #000; color: #fff; overflow: hidden; }
.callout-image { position: absolute; left: 0; bottom: 0; }
.callout-content { position: relative; overflow: hidden; padding: 50px 0 0 250px; }
.callout-content h3 { border: 0; margin-bottom: 7px; }
.callout-entry { float: left; padding: 59px 0 96px; }
.callout-actions { overflow: hidden; text-align: right; padding-right: 50px; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding: 156px 0 50px; }
.main-head { position: relative; padding-bottom: 55px; border-bottom: 1px dashed #a0a0a0; }
.main-title { position: absolute; color: #fff; left: 0; top: 133px; width: 100%; text-align: center; text-indent: 110px; font-size: 60px; }

/*  Paging  */

.paging { font-size: 16px; font-weight: bold; padding: 28px 0 28px 324px; }
.paging span,
.paging ul { display: inline-block; vertical-align: middle; overflow: hidden; }
.paging ul { list-style: none outside none; }
.paging li { float: left; }
.paging li + li { margin-left: 2px; }
.paging span.page-numbers,
.paging a { display: block; width: 50px; height: 50px; line-height: 46px; text-decoration: none; background: #efefef; text-align: center; }
.paging .page-numbers.current,
.paging a:hover { background: #000; color: #fff; }
.paging span { margin-right: 12px; }
.paging span.page-numbers {margin-right: 0;}

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { padding: 8px 0 59px; border-bottom: 1px dashed #a0a0a0; }
.article-aside { float: left; width: 325px; padding-right: 30px; box-sizing: border-box; }
.article-content { overflow: hidden; padding-top: 12px; }
.article-date { font-family: Georgia, serif; font-size: 12px; }
.article-meta:after,
.article-date:after { content: '–'; display: block; font-size: 18px; font-family: 'PilcrowSoft', sans-serif; line-height: 1px; margin: 7px 0; }

.article-meta a { text-decoration: none;}
.article-meta a:hover { text-decoration: underline;}

.article-title { text-transform: none; font-size: 24px; border: 0; margin-bottom: 1px; line-height: 1.2; margin: -5px 0 -1px; }
.article-title a { text-decoration: none; }
.article-title a:hover { text-decoration: underline; }
.article-image { margin-bottom: 17px; }
.article-entry { font-size: 16px; line-height: 1.2; font-family: Georgia, serif; padding: 7px 0; }

/* ------------------------------------------------------------ *\
	Popup
\* ------------------------------------------------------------ */

.popup { position: fixed; z-index: 1000; background: #82e75e; width: 840px; max-width: 100%; left: 50%; top: 50%; color: #3c3c3c; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; }
.popup {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.popup.is-visible { visibility: visible; opacity: 1; }
.popup-close { position: absolute; right: 40px; top: 40px; }
.popup-close:hover { opacity: 0.5; }
.popup-inner { padding: 135px 70px; }
.popup h2 { font-size: 34px; font-weight: normal; border-color: #3c3c3c; }
.popup p { font-size: 22px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #1c75bc; color: #fff; padding: 56px 0; font-size: 16px; line-height: 1.65; }
.footer .cols { overflow: hidden; margin: 0 45px; }
.footer .col { float: left; }
.footer .col + .col { margin-left: 0.8%; }
.footer .col-size1 { width: 19.2%; }
.footer .col-size2 { width: 19.2%; }

.footer-section h4 { border-bottom: 1px solid #fff; padding-bottom: 7px; margin-bottom: 46px; line-height: 1.33; }

/* ------------------------------------------------------------ *\
	Transitions
\* ------------------------------------------------------------ */

.nav a,
.slider .bx-controls-direction a,
.slider .bx-pager-link,
.tabs-group-nav a,
.tabs-group-nav li > a:after,
.btn-circle,
.form-btn,
.socials a,
.paging a,
.popup,
.field,
.textarea {
	-webkit-transition: all 0.2s ease-out; 
	     -o-transition: all 0.2s ease-out; 
	        transition: all 0.2s ease-out; 
}

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.comment-container {margin-top: 40px; padding-top: 10px; border-top: 1px dashed #a0a0a0; }
.comments p { font-family: Georgia, serif; }
.comments h3 { padding-bottom: 20px; border: none ;}
.comments li { list-style: none outside none; }
.comments li.comment { padding: 0 0 0 30px; margin: 0 0 20px 30px; border-left: 2px solid #1c75bc; position: relative; }
.comments li .comment-author img { position: absolute; left: -26px; top: 20px; border-radius: 50%; }
.comments ul.children { padding-top: 20px; }
.comments .comment-reply { text-align: right; }
/*.comments form { max-width: 600px; margin: 0 auto; }*/
.comments form p { padding-bottom: 12px; }
.comments label { display: block; padding: 0 0 4px 0px; }
.comments input,
.comments textarea { padding: 5px 10px; border-radius: 6px; border: 1px solid #1c75bc; width: 100%; }
.comments textarea { resize: none; height: 120px; }
.comments input,
.comments textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box; 	
}
.comments p.form-submit { padding-top: 20px; }
.comments p.form-submit input { background: #1c75bc; color: #fff; cursor: pointer; }
.comments p.form-submit input {
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	        appearance: none;
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/*  Small Desktop  */

@media only screen and (max-width: 1279px) {
	
	.logo { width: 200px; margin: 30px 0 0 10px; }

	.nav a,
	.nav .nav-language a { width: auto; padding: 0 17px; }

	.slider .slide-image { height: 800px; }
	.slider .slide-content { bottom: 200px; }
}

/*  Tablet  */

@media only screen and (max-width: 1023px) {
	
	.nav a { font-size: 15px; }

	.section-about { padding-bottom: 0; }
	.section-about .section-content,
	.section-about .section-image { float: none; width: auto; }
	.section-about .section-image { height: 510px; overflow: hidden; }
	.section-about .section-image-caption { right: auto; left: 180px; }

	.section-why-me .col + .col,
	.section-why-me .col { float: none; width: auto; }
	.section-why-me .col + .col { border-top: 0; }

	.section-contacts .section-body { margin: 0 auto; }

	.tabs-group-nav li > a { font-size: 19px; }

	.callout-content { padding: 0 0 330px; }
	.callout-entry { padding: 30px; float: none; width: auto; }
	.callout-actions { position: absolute; bottom: 30px; left: 200px; }

	.tabs-foot-entry,
	.tabs-foot-aside { width: 100%; text-align: left; }

	.article-aside { display: none; }
	.article-image img { width: 100%; height: auto; }

	.paging { text-align: center; padding-left: 0; }

	.footer .cols { text-align: justify; }
	.footer .cols:after { content: ''; display: inline-block; vertical-align: top; width: 100%; }
	.footer .col { float: none; display: inline-block; vertical-align: top; width: 48%; margin-bottom: 30px; }
	.footer .col + .col { margin-left: 0; }
}

@media only screen and (max-width: 767px) {
	
	body { font-size: 12px; }
	h1 { font-size: 21px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }

	.mobile-hidden { display: none !important; visibility: hidden !important; }
	.mobile-only { display: block; visibility: visible; }

	.btn-circle { width: 165px; height: 165px; font-size: 16px; padding-top: 60px; }
	.btn-circle small { font-size: 12px; }

	.form-btn { width: 100%; font-size: 14px; height: 45px; line-height: 45px; }

	.header { height: 75px; }
	.logo { width: 164px; margin: 19px 0 0 20px; }	

	.header.fixed { height: 50px; z-index: 1000; }
	.header.fixed .logo { display: block; margin-top: 8px; }
	.header.fixed .gotop { display:none; }
	.header.fixed  .nav-toggle { top: 15px; }

	.field,
	.textarea { font-size: 14px; padding: 10px 12px; }

	.form-row { margin-bottom: 10px; }
	.form-col { float: none; width: auto; }
	.form-col + .form-col { margin: 10px 0 0; }

	.nav ul { position: absolute; z-index: 500; left: 0; top: 100%; background: red; width: 100%; padding-bottom: 60px; display: none; background: rgba(0, 0, 0, 0.8); }
	.nav li { border: 0; float: none; padding: 0 20px; }
	.nav a { font-size: 20px; height: 40px; line-height: 40px; padding: 0; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.3); }
	.nav li:first-child a { border: 0; }
	.nav .nav-language { display: none; }
	.nav .nav-toggle { display: block; position: absolute; right: 25px; top: 27px; cursor: pointer; }
	.nav .nav-toggle .ico { display: block; }

	.slider .slide-image { height: 480px; }
	.slider .slide-content { left: 0; bottom: 100px; font-size: 16px; padding: 0 30px; }
	.slider .slide-content br { display: none; }
	.slider .bx-pager { bottom: 30px; height: 6px; }
	.slider .bx-pager-item { margin: 0 2px; }
	.slider .bx-pager-link { width: 6px; height: 6px; }
	.slider .bx-controls-direction { display: none; }

	.section-about { padding-top: 40px; }
	.section-about .section-title,
	.section-about .section-entry ul,
	.section-about .section-entry p { margin-bottom: 20px; }
	.section-about .section-image { height: 325px; padding-top: 0; }
	.section-about .section-image img { max-width: 225px; height: auto; }
	.section-about .section-image-caption { left: 110px; top: 100px; width: 165px; height: 165px; font-size: 16px; }
	.section-about .section-image-caption small { font-size: 12px; }

	.section-course { padding: 50px 0; }
	.section-course .section-head { margin-bottom: 30px; }
	.section-course .section-head br { display: none; }

	.section-services { padding: 0 0 40px; }
	.section-services .section-head { margin-bottom: 30px; }

	.section-why-me { padding: 60px 0; }
	.section-why-me .section-head { margin: 0 0 30px; }
	.section-why-me .section-title { margin-bottom: 30px; }
	.section-why-me .col { min-height: 0; padding: 20px 0; }

	.section-contacts { padding: 100px 0 50px; }

	.tabs-body {
		background: #009df4;
		background: -moz-linear-gradient(top,  #009df4 0%, #009df4 20%, #0078dc 80%, #0078dc 100%) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009df4), color-stop(20%,#009df4), color-stop(80%,#0078dc), color-stop(100%,#0078dc)) !important;
		background: -webkit-linear-gradient(top,  #009df4 0%,#009df4 20%,#0078dc 80%,#0078dc 100%) !important;
		background: -o-linear-gradient(top,  #009df4 0%,#009df4 20%,#0078dc 80%,#0078dc 100%) !important;
		background: -ms-linear-gradient(top,  #009df4 0%,#009df4 20%,#0078dc 80%,#0078dc 100%) !important;
		background: linear-gradient(to bottom,  #009df4 0%,#009df4 20%,#0078dc 80%,#0078dc 100%) !important;
	}
	.tabs-group { min-height: 0; position: relative; background: transparent !important; }
	.tabs-group-label { position: absolute; height: 100%; width: 40px; font-size: 13px; }
	.tabs-group-label span { width: 320px; text-align: center; top: 120px; }
	.tabs-group-label span { 
		-webkit-transform: translate(-50%, 0) rotate(-90deg); 
		    -ms-transform: translate(-50%, 0) rotate(-90deg); 
		     -o-transform: translate(-50%, 0) rotate(-90deg); 
		        transform: translate(-50%, 0) rotate(-90deg); 
	}
	.tabs-group-nav { border: 0; }
	.tabs-group-nav li { float: none; width: auto; height: auto; }
	.tabs-group-label + .tabs-group-nav > li { padding-left: 40px; }
	.tabs-group-nav li + li { border: 0; }
	.tabs-group-nav li > a { height: 200px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 16px; text-decoration: none; }
	.tabs-group-nav li > a:after { border-width: 0 7px 7px; margin-left: -7px; }
	.tabs-group-nav .current > a,
	.tabs-group-nav li > a:hover { background-color: transparent; }
	.tabs-group-nav li > a span { display: block; position: static; text-align: left; padding: 25px; margin-top: 0; }
	.tabs-group-nav li > a span {
		-webkit-transform: none; 
		    -ms-transform: none; 
		     -o-transform: none; 
		        transform: none; 
	}
	.tabs-group-nav li > a span:after { content: ''; display: block; width: 23px; height: 23px; margin-top: 15px; background: url(./images/sprite.png) no-repeat -185px -5px; }
	.tabs-group-nav li > a span:after {
		-webkit-background-size: 319px 54px; 
		        background-size: 319px 54px; 
	}
	.tabs-group-nav .tab-mobile .tab { display: block; }
	.tabs-group-nav .tab-mobile { max-height: 0; overflow: hidden; background: #fff; }
	.tabs-group-nav .tab-mobile {
		-webkit-transition: max-height 0.3s ease-out; 
		     -o-transition: max-height 0.3s ease-out; 
		        transition: max-height 0.3s ease-out; 
	}
	.tabs-group-nav .current .tab-mobile { max-height: 1500px; }
	.tabs-group-body .tab { display: none !important; }

	.tabs-group-label + .tabs-group-nav .tab-mobile { margin-left: -40px; }
	.tab { position: relative; z-index: 100; padding: 40px 25px; }
	.tab-aside,
	.tab-content { width: auto; display: block; min-height: 0; }

	.tabs:not(.tabs-alt) .tabs-groups { border-top: 1px solid rgba(255, 255, 255, 0.3); }
	.tabs:not(.tabs-alt) .tabs-body:before,
	.tabs:not(.tabs-alt) .tabs-body:after { content: ''; display: block; height: 315px; -webkit-background-size: cover; background-size: cover; }
	.tabs:not(.tabs-alt) .tabs-body:before { background-image: url(./images/tabs-top.jpg); background-position: center bottom; }
	.tabs:not(.tabs-alt) .tabs-body:after { background-image: url(./images/tabs-bottom.jpg); background-position: center top; }
	.tabs-foot { padding: 40px 25px; }

	.tabs-group-actions { text-align: center; padding: 20px 0 15px; }
	.tabs-alt .tabs-body { background: url(./images/tabs-alt-mobile.jpg) center top !important; }

	.callout .callout-content { padding-bottom: 220px; }
	.callout .callout-image img { max-width: 200px; height: auto; }
	.callout .callout-actions { left: 130px; }

	.main { padding: 100px 0 0; }
	.main-head { padding-bottom: 40px; }
	.main-image { margin: 0 -10px; }
	.main-title { font-size: 30px; text-indent: 0; top: 75px; }

	.article { padding: 10px 0 30px; }
	.article-content { padding: 0; }
	.article-title { font-size: 21px; padding-bottom: 5px; }
	.article-date { font-size: 10px; }
	.article-date:after { margin: 4px 0; }
	.article-entry { font-size: 12px; }

	.paging { font-size: 13px; }
	.paging a { width: 40px; height: 40px; line-height: 40px; }

	.footer { padding: 40px 0 10px; }
	.footer .cols { margin: 0 10px; }
	.footer .col { width: auto; }
	.footer .copyright { text-align: center; padding: 0 10px; }

}

@media only screen and (min-width: 768px) {

	.nav ul { display: block !important; }

}