/*-----------------------------------------------------------------------------------
	02. General Css 
-------------------------------------------------------------------------------------*/
h3.az-post-title { font-family: 'Raleway',! sans-serif !important; font-size:28px; line-height:34px; }
h3.az-post-title a { font-weight:normal; }
.az-hero-title { font-family: 'Raleway',! sans-serif !important; }
.no-pad { padding:0; }
.no-float { float:none; }
/*common css*/
* { margin:0; padding:0; box-sizing:border-box; }
a, img { outline:none; border:none; }
img { max-width:100%; height:auto; vertical-align:top; }
*:focus { outline:none; }
input::-moz-focus-inner, a::-moz-focus-inner, button::-moz-focus-inner {
border: 0;
}

::-webkit-selection {
color:#fff;
background:#000;
}
::-moz-selection {
color:#fff;
background:#000;
}
::selection { color:#fff; background:#000; }
img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input, textarea { -webkit-appearance:none; padding:10px 0; }
input[type="text"] { -webkit-border-radius:0; }
html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% !important; }
html, body { min-height:100%; }
body { background:#fff; color:#808080; font: normal 16px/1.5 'Raleway',! sans-serif !important }
a { text-decoration:none; color:inherit; transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -ms-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -o-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -webkit-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; }
body input[type="submit"] { transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -ms-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -o-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; -webkit-transition:color 0.5s ease, border-color 0.5s ease, background-color 0.5s ease; }
.clear { clear:both; height:0; font-size:0; }
.left { float:left }
.right { float:right }
.center { text-align:center; }
.justify { text-align:justify; text-align-last:center; -moz-text-align-last:center; -webkit-text-align-last:center; }
h1, h2, h3, h4, h5, h6 { font-weight:normal!important; line-height:1.1; font-family: 'Raleway',! sans-serif !important; color:#000000; }
h3 { font-size:28px; line-height:34px; }
img { max-width:100%; height:auto; vertical-align:top; }
p a { text-decoration:none; color:inherit; font-family: 'Raleway',! sans-serif !important; font-weight:normal!important }
p a:hover { text-decoration:underline; }
p strong { font-weight:normal; font-family: 'Raleway',! sans-serif !important; color:#353535; font-weight:normal!important; }
h4 strong { font-family: 'Raleway',! sans-serif !important; font-weight:normal; }
p:empty, p.empty { display:none; }
p a:hover { text-decoration:underline; }
p:last-child { padding-bottom:0; }
.dark-block * { color:#fff; }
.light-block * { color:#000000; }
body input[type="submit"]:after { display:none; }
body input[type="submit"] { min-width:100px; text-align:left; background:#000 url(../images/btn-arrow.png) no-repeat 85% 16px; background-size:12px 23px; transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; border-radius: 40px; border: 1px solid #000; font-family: "MuseoSans-700"; font-weight:normal; font-size: 12px; height: 45px; line-height: 45px; min-width: 164px; padding: 0 50px 0 20px; }
body input[type="submit"]:hover { background-position:90% 15px; transition: all 0.5s ease!important; -ms-transition: all 0.5s ease!important; -webkit-transition: all 0.5s ease!important; background-color:#000; }
/**Intro**/
.loader { position: fixed; left: 0; width:100%; top: 0; height: 100%; z-index: 99; background: #fff; display:none!important; }
.loader .center-logo { position: absolute; width: 105px; height: 90px; background-image:url(../images/logo-sprite.png); left:50%; top:50%; margin:-45px 0 0 -53px; -moz-animation: play 2s steps(50) infinite; -ms-animation: play 2s steps(50) infinite; -o-animation: play 2s steps(50) infinite; animation: play 2s steps(50) infinite; -webkit-animation:  play 2s steps(50) infinite; }
.section p, .section h2, .section .actions .btn { opacity:0; }
/*.section.leavingSection p, .section.leavingSection  h2, .section.leavingSection   .actions .btn {
    opacity: 0!important; transition:all 1.5s ease 0s!important;-ms-transition:all 1.5s ease 0s!important;-webkit-transition:all 1.5s ease 0s!important;
}

*/
.inner .back-btn { display:block; opacity:1; visibility:visible; transform:translate3d(0, 0, 0) rotate(-90deg); -ms-transform:translate3d(0, 0, 0) rotate(-90deg); -transform:translate3d(0, 0, 0) rotate(-90deg); top:75px; opacity:0; }
.pageLoaded.inner .back-btn { opacity:1; top:95px;/* transition:all 0.8s ease 1s; -ms-transition:all 0.8s ease 1s; -webkit-transition:all 0.8s ease 1s;*/ }

@-moz-keyframes play { 0 {
background-position:    0px;
}
 100% {
background-position: -5250px;
}
}
 @-ms-keyframes play { 0 {
background-position:    0px;
}
 100% {
background-position: -5250px;
}
}
 @keyframes play { 0 {
background-position:    0px;
}
 100% {
background-position: -5250px;
}
}
 @-webkit-keyframes play { 0 {
background-position:    0px;
}
 100% {
background-position: -5250px;
}
}
/*-----------------------------------------------------------------------------------
	03. Blog Listing Css 
-------------------------------------------------------------------------------------*/
.az-post-entry-content p.az-post-excerpt { font-size:16px; line-height:24px; color: #808080; }
.az-post-entry-content p.az-post-read-more a { color:#000; }
.az-post-entry-meta-attributes .subtitle,.az-post-entry-meta-attributes .subtitle a{font-family: 'Raleway',! sans-serif !important!important;font-weight:normal!important;}
.az-back-to-top { position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; background: #000; border-radius: 50%; z-index: 20; opacity: 0; visibility: hidden; -webkit-transition: background .25s ease-in-out 0s, opacity .25s ease-in-out 1ms, visibility .25s ease-in-out 1ms; transition: background .25s ease-in-out 0s, opacity .25s ease-in-out 1ms, visibility .25s ease-in-out 1ms; }
.az-back-to-top:before { content: ""; position: absolute; width: 12px; height: 12px; background: url(../images/up-arrow.png) no-repeat 0 0; background-size: 12px 25px; left: 50%; top: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); /* -webkit-transform: translate(-50%, -50%); */ transition: margin 0.3s ease; -ms-transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease; }
.no-touch .az-back-to-top:hover:before { margin-top: -3px; }
a:active, a:focus, a:hover { color: #000; text-decoration: none; }
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span a { color: #808080; ; }
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span a:hover { color: #000; }
/**HEADER**/
.logo { position:fixed; left:30px; top:30px; z-index:99; transform:translateY(-100px); -ms-transform:translateY(-100px); -webkit-transform:translateY(-100px); transition:transform 0.8s ease; -ms-transition:transform 0.8 ease; -webkit-transition:transform 0.8s ease; }
body.pageLoaded .logo { transform:translateY(0px); -ms-transform:translateY(0px); -webkit-transform:translateY(0px); }
.logo a { display:block; width:64px; height:65px; background:url(../images/logo.png) no-repeat 0 0; background-size:64px 130px; }
body.light .logo a { /*background-position: bottom left;*/ }
body[class*="darkLogo-"] .logo a { background-position: 0 0; }
#nav { width:100%; height:100%; position:fixed; z-index:999999; background:#fff; display:block; left:-100%; transition:left 0.5s ease-in-out; -ms-transition:left 0.5 ease-in-out; -webkit-transition:left 0.5s ease-in-out; }
#nav.show { left:0; }
#nav .left-col { background:#fff; width:70px; position:absolute; left:-100%; height:100%; padding-top:30px; text-align:center; transition:left 0.8s ease 0s; -ms-transition:left 0.8 ease 0s; -webkit-transition:left 0.8s ease 0s; }
#nav.show .left-col { left:0; }
.nav-close { display:inline-block; width:40px; height:40px; background:#000; position:relative; border-radius:50%; vertical-align:top; transform: translate3d(0, 0, 0) rotate(-90deg); -ms-transform: translate3d(0, 0, 0) rotate(-90deg); -webkit-transform: translate3d(0, 0, 0) rotate(-90deg); margin-bottom:22px; }
.nav-close:after { content:""; position:absolute; width:12px; height:12px; background:url(../images/up-arrow.png) no-repeat 0 0; background-size:12px 25px; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transition:margin 0.3s ease; -ms-transition:margin 0.3s ease; -webkit-transition:margin 0.3s ease; margin-top:0px; will-change:margin; }
.nav-close:hover:after { margin-top:-3px; }
.home-btn { display:inline-block; width:40px; height:40px; border:1px solid #000; position:relative; border-radius:50%; }
.home-btn:after { content:""; position:absolute; width:16px; height:16px; background:url(../images/home-icon.png) no-repeat 0 0; background-size:16px 32px; left:11px; top:11px;/* transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); */ }
.home-btn:hover { background-color:#000; }
.home-btn:hover:after { background-position: bottom left; }
#nav .left-col .bottom-links { position:absolute; bottom:30px; left:0; width:100%; text-align:center; transition:left 0.8s ease 0s; -ms-transition:left 0.8 ease 0s; -webkit-transition:left 0.8s ease 0s; }
.social-links { margin-bottom:10px; }
.social-links li { list-style:none; margin-bottom:20px; }
.social-links li a { width:22px; display:inline-block; font-size:0; line-height:0; vertical-align:top; background:url(../images/social-link.png) no-repeat 0 0; background-size:22px 57px; transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transform: translate3d(0, 0, 0) scale(1); -ms-transform:translate3d(0, 0, 0) scale(1); -webkit-transform:translate3d(0, 0, 0) scale(1); will-chnage: transform; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.social-links li a:hover { transform: translate3d(0, 0, 0) scale(1.1); -ms-transform:translate3d(0, 0, 0) scale(1.1); -webkit-transform:translate3d(0, 0, 0) scale(1.1); }
.social-links li.fb a { height:16px; background-position: 0 0; }
.social-links li.insta a { height:17px; background-position: 0 -19px; }
.social-links li.twit a { height:18px; background-position: 0 -39px; }
.back-btn { position:fixed; left:30px; top:95px; z-index:99; opacity:0; transition: top 0.5s ease; -ms-transition: top 0.5s ease; -webkit-transition: top 0.5s ease; visibility:hidden; }
.back-btn.show { opacity:1; visibility:visible; }
.back-btn a { display:inline-block; width:40px; height:40px; background:#000; position:relative; border-radius:50%; vertical-align:top; }
.back-btn a:after { content:""; position:absolute; width:12px; height:12px; background:url(../images/up-arrow.png) no-repeat 0 0; background-size:12px 25px; left:50%; top:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transition: margin 0.3s ease; -ms-transition: margin 0.3s ease; -webkit-transition: margin 0.3s ease; }
.back-btn a:hover:after { margin-top:-3px; }
body.dark .back-btn a { background-color:#fff; }
body.dark .back-btn a:after { background-position: bottom left; }
body[class*="darkback-"] .back-btn a { background-color:#fff!important; }
body[class*="darkback-"] .back-btn a:after { background-position: bottom left!important; }
.blog-link { font-size:14px; font-family: 'MuseoSans-700'; line-height:1; color:#000; }
.blog-link a { display:inline-block; position:relative; }
.blog-link a:after { content:""; position:absolute; left:0; width:100%; bottom:-4px; height:2px; background:#000; transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); }
.blog-link a:hover:after { transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); }
.main-nav { position:absolute; left:70px; top:0; right:0; height:100%; display:table; table-layout:fixed; width:100%; width:calc(100% - 70px); backface-visibility:hidden; }
.main-nav .col { display:table-cell; vertical-align:middle; position:relative; overflow:hidden; backface-visibility:hidden; }
.main-nav .col .col-inner { /*padding-top:5vh; padding-bottom:5vh;*/ max-height:90%; max-height:calc(100vh - 10vh); position:relative; left:-100%; transition:left 0.5s ease-in-out 0.4s; -ms-transition:left 0.5s ease-in-out 0.4s; -webkit-transition:left 0.5s ease-in-out 0.4s; }
.main-nav .col:nth-child(2) .col-inner { transition-delay:0.5s; -ms-transition-delay:0.5s; -webkit-transition-delay:0.5s; }
.main-nav .col:nth-child(3) .col-inner { transition-delay:0.6s; -ms-transition-delay:0.6s; -webkit-transition-delay:0.6s; }
.main-nav .col:nth-child(4) .col-inner { transition-delay:0.7s; -ms-transition-delay:0.7s; -webkit-transition-delay:0.7s }
.main-nav .col.parent h3 { top:0; padding-top:0; transition:top 0.5s ease; -ms-transition:top 0.5s ease; -webkit-transition:top 0.5s ease; position:relative; }
.main-nav .col.parent h3 svg { display:none; }
#nav.show .main-nav .col .col-inner { left:0; }
.main-nav .col:before { content:""; position:absolute; left:0; z-index:-1; width:100%; height:0; background:#f5f5f5; top:0; transition:height 0.5s ease; -ms-transition:height 0.5s ease; -webkit-transition:height 0.5s ease; }
.animatable .main-nav .col:hover:before { height:100vh; }
.main-nav .col h3 { font-size:34px; line-height:1; padding-bottom:0; }
.main-nav .col h3 span { display:block; padding-top:20px; font-size:16px; font-family:'museo_sans300'; }
.main-nav .col:nth-child(1) { width:25%; }
.main-nav .col:nth-child(1) .col-inner { padding-left:23.88%; }
.main-nav .col:nth-child(2) { width:25%; }
.main-nav .col:nth-child(2) .col-inner { padding-left:8.9%; }
.main-nav .col:nth-child(3) { width:27.5%; }
.main-nav .col:nth-child(3) .col-inner { padding-left:8.7%; }
.main-nav .col:nth-child(4) { width:24.25%; }
.main-nav .col:nth-child(4) .col-inner { padding-left:15.4%; }
.sub-menu { list-style:none; display:block; height:0; overflow:hidden; }
.sub-menu li { font-size:18px; margin-bottom:28px; font-family: 'MuseoSans-700'; }
.main-nav a { color:#000; }
.main-nav h3 a { display:inline-block; }
.main-nav .col .btn-wrap { overflow:hidden; height:0; display:block; }
.main-nav .col .btn { vertical-align:top; min-width:118px; top:50px; overflow:hidden; transition:top 0.5s ease 0.2s; -ms-transition:top 0.5s ease 0.2s; -webkit-transition:top 0.5s ease 0.2s; }
.sub-menu li { overflow:hidden; }
.sub-menu li a { display:block; position:relative; top:100px; transition:top 0.5s ease 0.1s; -ms-transition:top 0.5s ease 0.1s; -webkit-transition:top 0.5s ease 0.1s; padding-right:55px; }
.sub-menu li a:after { content:""; width:12px; height:11px; position:absolute; top:50%; margin-top:-5px; right:55px; opacity:0; background:url(../images/btn-arrow.png) no-repeat bottom left; background-size:12px 23px; z-index:2; transition: right 0.5s ease, opacity 0.5s ease; -ms-transition: right 0.5s ease, opacity 0.5s ease; -webkit-transition: right 0.5s ease, opacity 0.5s ease; }
.sub-menu li a:hover:after { right:50px; opacity:1; }
 @media only screen and (min-width:1021px) {
.main-nav .col:hover.parent h3 { padding-top:100px; top:-100px; margin-bottom:-63px; }
.main-nav .col:hover .sub-menu { display:block; height:auto; padding-top:73px; }
.main-nav .col:hover .btn { display:inline-block; top:0; }
.main-nav .col:hover .btn-wrap { height:45px; }
.main-nav .col:hover .sub-menu li a { top:0; }
}
/*-----------------------------------------------------------------------------------
	04. Blog Detail Css 
-------------------------------------------------------------------------------------*/
.blog-wrapper .content-static { width:100%; max-width:790px; margin:auto; padding-left:30px; padding-right:30px; }
.blog-wrapper .form-element { width:100%; max-width:790px; margin:auto; padding-left:30px; padding-right:30px; }
.blog-wrapper .content-static p { line-height:24px; color: #808080; }
.blog-wrapper .content-media { width:100%; max-width:1000px; margin:auto; text-align:center; padding-top: 50px; padding-bottom: 30px; padding-left:30px; padding-right:30px; }
.az-media-gallery.az-module-container.az-carousel-container.owl-carousel { margin: 50px 0; }
.az-media-gallery figure { height:317px; overflow:hidden; }
.az-module-grid figure { height:375px; overflow:hidden; }
.az-carousel-container.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; width: 100%; max-width: none; }
.custom-item-link { display: block; position: relative; }
figcaption.fig-title { position: absolute; bottom: 30px; width: 100%; text-align: center; color: #fff; }
.owl-carousel .owl-item figcaption { font-weight:normal!important; font-family: 'MuseoSans-700'; padding:0 10px; }
blockquote { border-color:#000; }
.comment-header-inner, .az-respond-cont,.header-container, .wrap-hero-header .az-hero-container .az-hero-content .az-hero-box { margin: auto; max-width: 790px; padding-left: 30px; padding-right: 30px; width: 100%; }
/*.blog .single-clms { width:100%!important; margin-left:0!important; }*/
.az-single-post-meta-area { font-family: 'MuseoSans-700'; }
.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel[data-skin-nav="dark"] .owl-controls .owl-next, .owl-carousel[data-skin-nav="dark"] .owl-controls .owl-prev { width:40px; height:40px; background:#000; border-radius:50%; margin-top:-20px; }
.owl-carousel .owl-controls .owl-nav i { width:12px; height:23px; background:url(../images/btn-arrow.png) no-repeat bottom left; background-size:12px 23px; font-size:0; content:""; margin:-6px 0 0 -6px!important; }
.owl-carousel .owl-controls .owl-nav i:before { content:""; }
.owl-carousel .owl-controls .owl-nav .owl-next { right:10px; }
.owl-carousel .owl-controls .owl-nav .owl-prev { left:10px; }
.owl-carousel .owl-controls .owl-nav .owl-prev i { transform:translate3d(0, 0, 0) rotate(-180deg); margin:-18px 0 0 -6px!important; }
.blog-wrapper .content-media:empty { display:none; }
/*.wrap-hero-header .az-hero-container .az-hero-content.az-h-t-center { text-align:left; }*/
input[type="text"], textarea { border:none; border-bottom:1px solid #000!important; font-size:16px;font-family: 'museo_sans300'; }
textarea { height:50px; overflow:auto; }
.az-pagination .az-pagination-number ul li a.active, .az-pagination .az-pagination-number ul li a.current, .az-pagination .az-pagination-number ul li a:hover, .az-pagination .az-pagination-number ul li span.active, .az-pagination .az-pagination-number ul li span.current { color:#000; border-bottom:1px soldi #000; }
/**RESPONSIVE**/
/*@media only screen and (max-width:1500px) {
h1, .h1 { font-size:88px; line-height:1.182; }
h2, .h2 { font-size:44px; }
}*/
.content-media iframe,.content-media image{ width:100%;}
.az-single-post-meta-area .subtitle{ font-weight:normal!important;font-family: 'museo_sans300'!important; }
.comment-respond .respond-field label,.comment-respond .respond-comment  label{ display:none;}
.wrap-hero-header .az-hero-wrapper:after{  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;}
.owl-carousel .owl-item figure{ position:relative; }
.owl-carousel .owl-item figure:after{ content:""; position:absolute; left:0;top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.2); transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.owl-carousel .owl-item figcaption {z-index:3;}
.owl-carousel .owl-item figure:hover:after{ opacity:0;}
h3.az-post-title a:hover,.az-post-entry-content p.az-post-read-more a:hover{ color:#808080;}
.content-static  iframe{width:940px;margin-left:-105px;max-width:none;min-height:530px;margin-top:30px ; margin-bottom: 30px;}
.cptch_block .cptch_input{font-size:16px!important;}.az-single-post-meta-area span::before{ position:static; margin-right:15px; margin-left:-15px;}
.az-single-post-meta-area span:first-child::before{ display:none;}
.az-single-post-meta-area span:last-child::before{ /* display:inline-block; */ opacity:1;}
.az-single-post-meta-area span {font-family: 'Raleway',! sans-serif !important!important;}
.az-single-post-meta-area span a{ font-weight:normal;}
.az-normal-pagination a{font-family: 'Raleway',! sans-serif !important!important; font-weight:normal!important;}
.az-single-post-meta-area span a{color:#808080;}
.az-single-post-meta-area span a:hover{ color:#000;}

/*----------------------Social Icons on blog page for SUP-731 11092017--------------------------*/
.blog-wrapper { text-align: center;}
.blog-wrapper .shareArticle {display: inline-block;}
.blog-wrapper ul.share-icons {display: inline-block;}
.blog-wrapper ul.share-icons li {position: relative; list-style: none; display: inline-block; padding:0 17px; vertical-align: top;}
.blog-wrapper ul.share-icons li a { background: rgba(0, 0, 0, 0) url("../images/social-icons-sprite.png") no-repeat scroll 65px 43px; content: ""; height: 20px; left: 0; position: absolute; text-indent: -9999px; top: 2px; width: 20px; background-position: 0 0;}
.blog-wrapper ul.share-icons li.fb a { background-position: 0 0; transition: all 0.3s ease-in-out 0s;}
.blog-wrapper ul.share-icons li.twitter a { background-position: -22px 0; transition: all 0.3s ease-in-out 0s;}
.blog-wrapper ul.share-icons li.linkedin a { background-position: -44px 0; transition: all 0.3s ease-in-out 0s;}
.blog-wrapper ul.share-icons li.fb:hover a { background-position: 0 -22px;}
.blog-wrapper ul.share-icons li.twitter:hover a { background-position: -22px -22px;}
.blog-wrapper ul.share-icons li.linkedin:hover a { background-position: -44px -22px;}
.shareArticle {color: #000000; font-family: "museo_sans500",Arial,Helvetica,sans-serif;}
@media only screen and (max-width:400px) {
    .blog-wrapper .shareArticle {display: block;}
    .blog-wrapper ul.share-icons {display: block;}
}
/*----------------------Social Icons on blog page for SUP-731 11092017--------------------------*/
@media only screen and (max-width:1150px) {
.content-static  iframe{width:100%;margin-left:-0;max-width:100%;min-height:10px;}	
	}
@media only screen and (max-width:1150px) {
.blog-wrapper .content-media iframe{max-width: 790px;}		
	}	

@media only screen and (max-width:1365px) {
/*h1, .h1 { font-size:80px; }
h2, .h2 { font-size:40px; }*/
.project-banner h2 { font-size:40px; }
h4, .h4 { font-size:18px; }
.main-nav .col h3 { font-size:28px; }
.sub-menu li a { padding-right:30px; }
.sub-menu li a:after { right:0; }
.sub-menu li a:hover:after { right:10px; }
}
 @media only screen and (min-width:1021px) {
.main-nav .col { height:100vh; }
}
 @media only screen and (max-width:1020px) {
body { font-size:16px; }
.landing-top.seo .left-section p { font-size:16px; }
h1, h2, h3, h4, h5, h6{ margin:20px 0 10px;}
h1, .h1 { font-size: 40px; line-height:1.2; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 26px; }
.logo { left:15px; top:25px; }
.logo a { width:25px; height:21px; background-size:25px 42px; }
.back-btn { top:71px; left:15px; }
.pageLoaded.inner .back-btn { top:71px; }
.back-btn a, .nav-close, .home-btn, .form-panel .panel-close { width:27px; height:27px; }
body.home { overflow:visible!important; }
#nav .left-col { width:55px; }
.main-nav .col { display:block; width:100%!important; padding:3vh 0; }
.main-nav .col::before { display:none; }
.main-nav { top:50%; height:auto; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width: calc(100% - 55px); max-height:90%; left:55px; display:block; }
#nav .main-nav .col .col-inner { padding-left:25px!important; padding-right:25px!important; }
.main-nav .col h3 span { font-size:13px; padding-top:15px; }
.home-btn::after { width:11px; height:11px; background-size:11px 22px;/* margin-left:-1px; margin-top:-1px;*/ top:7px; left:7px; }
.main-nav .col h3 { padding-bottom:0; }
.main-nav .col .col-inner { max-height:none; }
.sub-menu li a { padding-right:25px; }
.sub-menu li a::after { right:0!important; opacity:1; }
body.navOpen { overflow:hidden!important; }
body.showSubNav .main-nav .col.hideCol { display:none; }
body.showSubNav .col.activeCol .btn-wrap { height:45px; }
body.showSubNav .col.activeCol .btn-wrap .btn { top:0; }
body.showSubNav .col.activeCol .sub-menu { height: auto; padding-top: 30px; }
body.showSubNav .col.activeCol h3 { padding-top: 40px; top: -40px; margin-bottom: -10px; }
body.showSubNav .col.activeCol .sub-menu li a { top:0; }
body.showSubNav #nav, body.showSubNav #nav .left-col { background:#f5f5f5; }
body.showSubNav #nav .left-col .bottom-links { left:-100%; }
.wrapper { padding:0 25px 0 55px; }
.az-back-to-top { right:5px; bottom:10px; width:28px; height:28px; }
.comment-header-inner, .az-respond-cont, .wrap-hero-header .az-hero-container .az-hero-content, .container, .container-fluid { max-width:none; padding:0 25px 0 55px!important; }
.az-main-wrapper .az-hero-container .az-hero-content .az-hero-box.az-hero-box-center .container, .wrap-hero-header .az-hero-container .az-hero-content .az-hero-box { padding:0!important; }
#az-header.h-classic .az-menu-trigger { display:none!important; }
.az-padding-top-75 { padding-top:40px; }
.az-padding-bottom-75 { padding-bottom:40px; }
.az-comment-area .comment-header, .az-comment-area .az-respond-form { padding:30px 0; }
.blog-wrapper .content-media { padding-top:30px; }
.blog-wrapper .content-media, .blog-wrapper .content-static { padding-left:0; padding-right:0; }
.az-media-gallery.az-module-container.az-carousel-container.owl-carousel { margin:20px 0; }
.blog-wrapper .content-media { padding-top:20px; padding-bottom:20px; }
.blog-wrapper .content-media+.content-static p:first-child { padding-top:0; }
.az-blog.az-minimal-blog .az-blog-post-item .az-post-entry-featured-image, .az-blog.az-standard-blog .az-blog-post-item .az-post-entry-featured-image { margin-bottom:15px; }
.az-blog.az-minimal-blog .az-blog-post-item, .az-blog.az-standard-blog .az-blog-post-item { margin-top:20px; padding-top:20px; }
body input[type="submit"]{ background-position:90% 16px;}
.wrap-hero-header .az-hero-container .az-hero-content .az-hero-title{font-size:40px!important;}
.content-static p a[href*="tumblr"], h2 b{ max-width:100%; padding-right:5px; word-break:break-all;}


}
 @media only screen and (max-width:767px) {
.wrap-hero-header .az-hero-container .az-hero-content .az-hero-title{font-size:26px!important;}	 
.blog-wrapper .content-static p img{margin-left:0!important; margin-right:0!important}
	 }

/*11Aug*/
#az-footer.f-minimal .az-footer-bottom-area {
    /*padding-bottom:30px;
    padding-top:30px;*/ 
}