/* ROTATE ANIMATION FOR PORTRAIT */
.overlay-phone {
	display: none;
	position: fixed;
	top: 0;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	z-index: 999999999;
}
.iconContainer {
	width: 90%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.iconContainer p {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0;
	font-size: 18px;
	opacity: 0;
}
.phone {
	position: relative;
	left: 50%;
	margin-left: -38px;
	width: 0;
	height: 0;
	border: 0 solid #36ABD1;
	background: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}
.phone i {
	text-align: center;
	width: 100%;
	line-height: 80px;
	font-size: 40px;
	color: #36ABD1;
	opacity: 0;
}
.overlay-phone .phone {
-webkit-animation: sizeIncrease .5s forwards ease,  borderIncrease .5s .5s forwards ease,  rotateRight .7s 1s forwards ease;
		animation: sizeIncrease .5s forwards ease,  borderIncrease .5s .5s forwards ease,  rotateRight .7s 1s forwards ease;
}
.overlay-phone .phone i {
-webkit-animation: fadeIn .5s .8s forwards ease;
		animation: fadeIn .5s .8s forwards ease;
}

.overlay-phone .iconContainer p {
-webkit-animation: fadeIn .5s 1.3s forwards ease;
		animation: fadeIn .5s 1.3s forwards ease;
}
@-webkit-keyframes sizeIncrease {
  0% {
    width: 0;
    height: 10px;
  }
  50% {
    width: 75px;
    height: 10px;
  }
  100% {
    width: 75px;
    height: 120px;
  }
}
@keyframes sizeIncrease {
  0% {
    width: 0;
    height: 10px;
  }
  50% {
    width: 75px;
    height: 10px;
  }
  100% {
    width: 75px;
    height: 120px;
  }
}
/* Add borders */
@-webkit-keyframes borderIncrease {
  100% {
    border-width: 20px 10px;
  }
}
@keyframes borderIncrease {
  100% {
    border-width: 20px 10px;
  }
}
/* fade-in  */
@-webkit-keyframes fadeIn {
  100% {
    color: #fff;
    opacity: 1;
  }
}
@keyframes fadeIn {
  100% {
    color: #36ABD1;
    opacity: 1;
  }
}
/* Rotate device */
@-webkit-keyframes rotateRight {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
@keyframes rotateRight {
  100% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}



@media (max-width: 1799px){}

@media (min-width: 960px) {
	#logo {}
	#menu-wrapper {
		float: right;
		padding-top: 40px;
	}
	#header .flogin {
		padding-bottom: 30px;
		padding-top: 40px;	
	}
	#header .login-wrp {
		position: relative;
	}
	.menu > li {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.main-menu-wrp {align-items: center;}
	#login-form {
		position: absolute;
		right: 0;
		top: 74px;
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transition: transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
		-webkit-transition: transform 1000ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	#login-form.open {
		transform: translateX(0px);
		-moz-transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
	.img-text-wrap{
		position: absolute;
		bottom: 20%;
		left: 0;
		max-width: 960px;
	}
	.footer-links li{
		float: left;
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px solid currentcolor;
		line-height: 1;
	}
	.footer-links li:last-child{
		padding: 0;
		margin: 0;
		border: none;
	}
	.sub-nav-outer {
		background-color: #ffffff;
		position: absolute;
		top: 100%;
		opacity: 0;
		visibility: hidden;
		padding: 0px 30px 10px 30px;
		margin-left: -30px;
		transition: all .6s cubic-bezier(.645,.045,.355,1);
		-webkit-transition: all .6s cubic-bezier(.645,.045,.355,1);
		min-width: 380px;
		box-shadow: 0px 5px 10px -7px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0px 5px 10px -7px rgba(0,0,0,0.5);
	}
	.menu>li:hover .sub-nav-outer{
		opacity: 1;
		visibility: visible;
	}
	.menu .sub-nav {
		padding-top: 5px;
	}
	.menu .sub-nav li {
		margin: 0;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #D6D6D6;
	}
	.menu .sub-nav li:last-child {border: none;}
}
@media (min-width: 960px) and (max-width: 1799px){
	body {
		font-size: 16px;
	}
	h1,h2 {font-size: 30px;}
	h3, h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 18px;}

	.menu li a, #header .flogin a {font-size: 16px;}
	#logo {width: 300px; padding-top: 60px;}
	.img-text-wrap h3 {font-size: 18px;}
	.img-text-wrap .header-logo {height: 120px; width: 120px; top: -80px;}
	
	.qs-tabs-block .qs-form-title, .qs-tabs-block .qs-form-num, .qs-tabs-block .special-color, .qs-cat-description-inner {font-size: 14px;}
	
	.footer-top .col-left p {font-size: 18px;}
	.footer-top .footer-header-wrap h3 {font-size: 24px;}
	.footer-top {padding-right: 40px;}
	.qs-content-wrap {margin-left: 0; margin-right: 0;}
	.qs-category-single .two-col-container .col-left {padding-right: 70px;}
	.user-info-header {margin-top: -11px;}
	.qs-reminder {top: 36px;}
	.accrdn-main .accrdn-descr {font-size: 14px;}
	.accrdn-main .accrdn-descr h3 {font-size: 18px;}
}
@media (min-width: 960px) and (max-width: 1899px){
	.buttons-wrap .button {min-width: 230px; padding: 10px; margin-right: 10px;}
}
@media (min-width: 960px) and (max-width: 1399px){
	h1,h2 {font-size: 26px;}
	.menu li {padding-right: 20px;}
	.menu li a, #header .flogin a {font-size: 14px;}
	#header .flogin a {padding-left: 20px; padding-right: 20px; min-width: 220px;}
	#login-form {
		padding: 20px;
		top: 72px;
	}
	.header-wrap {padding-left: 25px; padding-bottom: 50px;}
	.two-col-container .col-left {padding-right: 25px;}
	.two-col-container .col-right {padding-left: 25px;}
	.img-text-container {padding-left: 25px; padding-bottom: 25px;}
	.search-form .col-1 {
		width: calc(100% - 110px);
		width: -webkit-calc(100% - 110px);
		width: -moz-calc(100% - 110px);
	}
	.search-form .col-3 {margin-top: 10px;}
	#footer {padding-left: 25px; padding-bottom: 25px;}
	.user-info-header {margin-top: -7px;}
	/*.qs-reminder {top: 31px;}*/
}
@media (min-width: 960px) and (max-width: 1299px){
	#logo {width: 260px;}
	.buttons-wrap .button {min-width: 150px; font-size: 13px;}
}
@media (min-width: 960px) and (max-width: 1199px){
	body {font-size: 14px;}
	h3, h4 {font-size: 18px;}
	h6 {font-size: 16px;}
	#header .login-wrp {position: absolute; top: 118px; right: 0; padding: 0;}
	#header .login-wrp .flogin {
		padding: 0;
	}
	#login-form {top: 31px;}
	.qs-cat-title .cat-subtitle {font-size: 12px;}
	.qs-cat-title {
		width: calc(100% - 75px);
		width: -moz-calc(100% - 75px);
		width: -webkit-calc(100% - 75px);
	}
	.qs-cat-num {width: 40px; font-size: 38px;}
	.qs-cat-header::before {width: 40px;}
	.qs-cat-header::after {left: 40px;}
	.qs-cat-arrow {width: 20px;}
	.qs-cat-description-inner {padding-left: 45px;}
	.qs-tabs-header {font-size: 13px;}
	.user-info-header {margin-top: -10px;}
	.qs-reminder {top: 31px;}
}

@media (min-width: 960px) and (max-width: 1199px){}
@media (min-width: 960px) and (max-width: 980px){}

@media (max-width: 1599px){
	.qs-field input[type="text"] {width: 150px;}
	.container, #main-content .container {width: 90%;}
	.section {padding-top: 100px; padding-bottom: 100px;}
	.qs-tabs-block .qs-form-status {
		font-size: 11px;
		width: 195px;
	}
	.qs-tabs-block .qs-form-title, .qs-tabs-block .qs-form-num, .qs-tabs-block .special-color, .qs-cat-description-inner {
		font-size: 12px;
	}
	.qs-tabs-block .qs-form-num {width: 40px;}
	.qs-tabs-block .qs-form-title {
		width: calc(100% - 230px);
		width: -moz-calc(100% - 230px);
		width: -webkit-calc(100% - 230px);
	}
	.qs-form-accordion .qs-form-acc-header .qs-form-title::before {width: 12px; top: 6px;}
	.qs-tabs-block .qs-form-status span.links {padding: 0px 2px;}
	.qs-tabs-block .qs-form-status span.status span, .status-info span.s-img {width: 12px; height: 12px; margin-left: 4px;}
	#form-F10 .qs-pages:first-child .qs-type-checkbox:nth-child(2) .checkbox:nth-child(2) {margin-left: 200px;}
	.qs-forms-pages-wrap .td {padding: 10px;}
	.qs-forms-pages-wrap .qs-fields {margin-left: -10px; margin-right: -10px;}
	.qs-forms-pages-wrap .qs-field, .qs-forms-pages-wrap .table {padding-left: 10px; padding-right: 10px;}
	.parsley-errors-list {font-size: 11px;}
	.qs-forms-pages-wrap .qs-field.qs-type-textarea textarea {width: 300px;}
	button.ui-datepicker-trigger {width: 15px;}
	.qs-forms-pages-wrap .table.column-6 .td:first-child {width: 7%;}
	.qs-forms-pages-wrap .table.column-6 .td:nth-child(3) {width: 19%;}
	#form-F10 .qs-pages:first-child .qs-field:nth-child(4) {margin-left: 275px;}
	#main-content .tx-filemanager {font-size: 14px;}
	.tx-filemanager .glyphicon.glyphicon-folder-close {
		width: 17px;
		height: 14px;
	}
	.tx-filemanager .glyphicon {margin-right: 10px;}
	.tx-filemanager .glyphicon.glyphicon-file {width: 12px; height: 17px;}
	.tx-filemanager .col-sm-8 {padding-left: 15px; padding-right: 15px;}
	
	.frame-space-before-extra-large {margin-top: 100px;}
	.frame-space-after-extra-large {margin-bottom: 100px;}
	.frame-space-before-large {margin-top: 100px;}
	.frame-space-after-large {margin-bottom: 100px;}
	.frame-space-before-medium {margin-top: 60px;}
	.frame-space-after-medium {margin-bottom: 60px;}
	
	.menu > li.nav_23 {padding-right: 30px;}
	.qs-category-single {margin-top: 100px;}
	
}
@media (max-width: 1023px){
	.overlay-phone {display: block;}
}
@media (max-width: 959px){
	body {
		font-size: 12px;
	}
	h1,h2 {font-size: 14px;}
	h3, h4, h5 {font-size: 14px;}
	p, pre {margin-bottom: 15px;}
	/*ul li, ol li {margin-bottom: 15px;}*/
	header#header {
		height: 55px;
	}
	#logo {width: 135px; padding-top: 5px;}
	.header-wrap {padding: 15px 15px 8px 15px; position: relative; align-items: center;}
	.menu-btn {
		position: absolute;
		right: 15px;
		top: 25px;
		height: 20px;
		width: 25px;
		cursor: pointer;
		z-index: 10;
		transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		-moz-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		-webkit-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}
	.menu-btn .menuIcon{
		width: 100%;
		display: block;
		height: 3px;
		background-color: #36ABD1;
		margin-bottom: 3px;
		
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.menu-btn .menuIcon.icon1{}
	.menu-btn .menuIcon.icon2{}
	.menu-btn .menuIcon.icon3{
		margin-top: -18px;
	}
	/*.menu-menu-btn.open .menuIcon.icon3 {margin-top: -6px;}
	.menu-btn .menuIcon.icon4{}
	.menu-btn.open .menuIcon.icon1, .menu-btn.open .menuIcon.icon4{
		opacity: 0;
	}
	.menu-btn.open .menuIcon.icon2{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-btn.open .menuIcon.icon3{
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}*/
	.menu li {float: none; padding-right: 0; margin-bottom: 10px;}
	.menu li a {font-size: 16px;}
	.main-menu {
		position: fixed;
		right: 0;
		top: 0;
		height: 100%;
		width: 300px;
		background-color: #fff;
		padding: 60px 20px 20px 20px;
		transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		-moz-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		-webkit-transition: all 0.7s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
		transform: translateX(300px);
		-moz-transform: translateX(300px);
		-webkit-transform: translateX(300px);
		z-index: 9;
	}
	.main-menu-wrp {
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		padding-left: 0;
	}
	#header .login-wrp {margin-top: auto; padding-top: 20px;}
	.nav-open .main-menu {
		transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		
		box-shadow: 20px 0 25px 10px rgba(0,0,0,0.5);
		-moz-box-shadow: 20px 0 25px 10px rgba(0,0,0,0.5);
		-webkit-box-shadow: 20px 0 25px 10px rgba(0,0,0,0.5);
	}
	.nav-open .menu-btn{
		transform: translateX(-240px);
		-moz-transform: translateX(-240px);
		-webkit-transform: translateX(-240px);
	}
	body.nav-open {height: 100%; overflow-y: hidden;}
	#menu-wrapper:after {
		content: '';
		background-color: rgba(255,255,255,0.4);
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		transition: all 0.5s ease 0s;
	}
	body.nav-open #menu-wrapper:after {opacity: 1; visibility: visible;}
	
	.container {width: 100%; padding-left: 20px; padding-right: 20px;}
	#main-content {margin-top: 55px;}
	#main-content .container {width: 100%;}
	.container .frame-layout-1 h2 {margin-bottom: 15px; padding-bottom: 15px;}
	.container .frame-layout-1 h2::after {width: 50px;}
	.section {padding-top: 25px; padding-bottom: 25px;}
	.frame-space-before-large {margin-top: 25px;}
	.frame-space-after-large {margin-bottom: 25px;}
	.img-text-container {width: 100%; padding-left: 0; height: auto; padding-bottom: 0;}
	.img-wrap {height: 230px;}
	.img-text-wrap {position: relative; margin-right: 30px; max-width: 420px; margin-top: -20px;}
	.img-text-wrap .header-logo {width: 80px; height: 80px; top: -45px; right: -5px;}
	.img-text-wrap h2 {font-size: 17px;}
	.img-text-wrap h2, .img-text-wrap h3 {padding: 10px 15px;}
	.img-text-wrap h3 {margin-right: 20px; font-size: 10px;}
	
	.three-col-container .row, .two-col-container {display: block;}
	.two-col-container.w-40-60 .col-right, .two-col-container.w-60-40 .col-left,
	.two-col-container.w-40-60 .col-left, .two-col-container.w-60-40 .col-right,
	.two-col-container.w-50-50 .col-left, .two-col-container.w-50-50 .col-right	{width: 100%;}
	.two-col-container .col-left {padding-right: 0; margin-bottom: 50px;}
	.two-col-container .col-right {padding-left: 0;}
	.two-col-container .col-left.divider-right::after {display: none;}
	
	#footer {padding-left: 0; margin-top: 60px;}
	.footer-top h2 {font-size: 16px;}
	.footer-top {padding: 40px 20px 40px 20px;}
	.footer-top .footer-header-wrap h3 {font-size: 16px;}
	.footer-top .col-left p {font-size: 14px;}
	.footer-bottom {padding: 20px 5px; text-align: center; display: block;}
	.footer-bottom .copyright-text {}
	.footer-bottom .footer-links {padding-bottom: 10px;}
	.footer-top .footer-header-wrap .two-col-container .col-left {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		width: calc(100% + 20px);
		width: -moz-calc(100% + 20px);
		width: -webkit-calc(100% + 20px);
	}
	#footer .two-col-container .col-right {width: 100%; padding: 0;}
	.three-col-container .col-cont {width: 100%; margin-bottom: 25px;}
	.three-col-container .col-cont:last-child {margin-bottom: 0;}
	.back-to-top {width: 50px; height: 50px; top: -28px; right: 20px;}
	.footer-cont-wrap .three-col-container .ce-left .ce-gallery, .footer-cont-wrap .three-col-container .ce-column {float: none;}
	.footer-cont-wrap .three-col-container .ce-gallery figure {display: block;}
	.footer-cont-wrap .three-col-container .ce-gallery figure img {width: auto;}
	.footer-small-icon {width: 10px; height: 10px; top: 0px; margin: 0px 2px;}
	#login-form.after-login {display: none;}
	.sub-nav-outer {display: none; margin: 10px 0px 10px 20px;}
	.menu>li.active .sub-nav-outer {display: block;}
}
@media (max-width: 767px){
	.search-form {display: block;}
	.search-form .col-1, .search-form .col-2 {width: 100%; margin-bottom: 6px; max-width: 360px;}
}
@media (min-width: 768px) and (max-width: 959px){
	.img-wrap {height: 400px;}
}
@media (max-width: 330px){
	.footer-bottom .copyright-text {font-size: 11px;}
}