#content #catwrapp .cat_img iframe {width: 300px!important; height: auto!important;} /*** отличие от первой версии ***/
*,body{margin:0;padding:0}body,html{height:100%}a:hover,a:link,a:visited{color:#0081f9}#htopmenu ul,#logo a,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}#htopmenu ul,#menu,#menu li,#menu ul.menu>li>a>span,#menu2,#menu2 ul.menu>li>a>span,#wrapp{position:relative}#htopmenu,#htopmenu ul li,#search{display:inline-block}#content,#footer,#htopmenu,#logo,#mainbody{overflow:hidden}@font-face{font-family:PTSansNarrowBold;src:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/fonts/ptn77f.eot);src:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/fonts/ptn77f.eot) format('embedded-opentype'),url(../fonts/ptn77f.woff) format('woff'),url(../fonts/ptn77f.ttf) format('truetype'),url(https://stylingsoft.com/templates/archicad-autocad_v1.1/fonts/ptn77f.svg#PTSansNarrowBold) format('svg')}a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6{margin:0 0 5px}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:'PT Sans',sans-serif;font-size:14px;line-height:18px}#content .contentheading.cattitle a,#lessons .moduletable h3,#mainmodules .moduletable h2 a,.art10video_title,.articlebody .art10inst,.phtext .phtitle,.reveal-modal .art10inst,h1,h2,h3,h4,h5,h6{font-family:PTSansNarrowBold}h1,h2,h3,h4,h5,h6{color:#111}h1{font-size:40px;line-height:44px}h2{font-size:36px;line-height:40px}h3,h4,h5,h6{font-size:32px;line-height:36px}a:link{text-decoration:underline}a:hover{text-decoration:none}img{border:0}a{outline:0}p{padding:5px 0}.clr{clear:both}#wrapp{width:100%;min-width:320px;margin:0 auto;min-height:100%;height:auto!important;height:100%;background:url(../images/wrapp_bg.jpg) center}#header{width:auto;background:url(../images/header_bg.jpg) top center repeat-x #ddd;background-size:cover;padding:0 0 20px}#htopblock{background:url(../images/htopblock_bg.png) top center repeat-x;height:auto;width:100%;padding:6px 0 0}#htopmenu{width:auto;height:24px;padding:0 0 0 13%;float:left;background:#fff}#htopmenu ul{background:url(../images/htopblock_bg.png) right center repeat-y;right:-10px;padding:0 13px 0 0}#htopmenu ul li{text-align:center;margin:0 13px}#htopmenu ul li a{font-size:14px;line-height:28px;color:#111;text-transform:uppercase;text-decoration:none}#htopmenu ul li#current a,#htopmenu ul li.active a{text-decoration:underline}#search{float:right;margin:0 13% 0 0;width:230px;padding:0 0 0 8px;background:url(../images/htopblock_bg.png);height:24px}#search #mod_search_searchword{width:140px;height:24px;background:url(../images/search_inp_bg.png) no-repeat;float:left;border:0;font-size:14px;color:#a3a3a3;font-style:italic;padding:0 7px}#search #mod_search_searchword:focus{color:#111;font-style:normal}#search .button{width:76px;height:24px;background:url(../images/search_btn_bg.jpg) no-repeat;float:right;cursor:pointer;border:0;font-size:14px;color:#fff;font-weight:700;text-shadow:1px 1px 0 #9c6113;text-transform:uppercase}#logo{height:65px;background:url(../images/logo_bg.png) center no-repeat;text-align:center;margin:5px 0 0}#logo a{width:311px;height:29px;background:url(../images/logo.png) center no-repeat;text-decoration:none;margin:18px auto 0}#menu,#menu2{width:100%;text-align:center;height:40px;background:#fff;margin:15px 0 0;z-index:6}#menu{margin:60px 0 0}#menu2{z-index:5}#menu2>div,#menu>div{width:100%;margin:0 auto;text-align:center}#menu ul.menu,#menu2 ul.menu{height:40px;margin:0 auto;text-align:center}#menu ul.menu>li,#menu2 ul.menu>li{display:inline-block;border-right:1px #d5d5d5 solid;position:relative;height:40px;z-index:100}#menu ul.menu>li:last-child,#menu2 ul.menu>li:last-child{border:0}#menu ul.menu>li>a,#menu ul.menu>li>span,#menu2 ul.menu>li>a,#menu2 ul.menu>li>span{font-size:13px;line-height:40px;color:#111;text-decoration:none;text-transform:uppercase;height:40px;padding:0 5px;display:block;font-weight:700}#menu ul.menu>li>ul>li>a{font-weight:700}#menu ul.menu>li#current,#menu ul.menu>li.active,#menu ul.menu>li:hover,#menu2 ul.menu>li#current,#menu2 ul.menu>li.active,#menu2 ul.menu>li:hover{background:url(../images/menu_lia_hover_bg.jpg) repeat-x}#menu ul.menu>li#current>a,#menu ul.menu>li#current>span,#menu ul.menu>li.active>a,#menu ul.menu>li.active>span,#menu ul.menu>li:hover>a,#menu ul.menu>li:hover>span,#menu2 ul.menu>li#current>a,#menu2 ul.menu>li#current>span,#menu2 ul.menu>li.active>a,#menu2 ul.menu>li.active>span,#menu2 ul.menu>li:hover>a,#menu2 ul.menu>li:hover>span{color:#fff;text-shadow:1px 1px 1px #fff,0 0 1px #ccc,2px 2px 1px #000}#menu ul.menu>li ul,#menu2 ul.menu>li ul{display:none}#menu ul.menu>li:hover>ul,#menu2 ul.menu>li:hover>ul{top:40px;left:auto;text-align:left;padding:2px;background:url(../images/menu_ulul_bg.png);width:auto}#menu ul.menu>li>ul li:hover>ul,#menu2 ul.menu>li>ul li:hover>ul{top:-2px;left:100%;position:absolute;display:block;padding:2px;background:url(../images/menu_ulul_bg.png);width:auto}#content #articlewrapp,#content #catwrapp,#main{position:relative}#menu ul.menu>li:last-child ul,#menu2 ul.menu>li:last-child ul{right:0!important}#menu ul.menu>li:last-child ul ul,#menu2 ul.menu>li:last-child ul ul{left:auto!important;right:100%!important}#menu ul.menu ul li,#menu2 ul.menu ul li{background:#fff;padding:7px 13px;border-top:1px #d8d8d8 solid}#menu ul.menu ul li:first-child,#menu2 ul.menu ul li:first-child{border:0}#menu ul.menu ul li a,#menu2 ul.menu ul li a{font-size:14px;line-height:16px;color:#111;text-transform:uppercase;text-decoration:none;display:block;white-space:nowrap}#menu ul.menu li#current>a,#menu ul.menu li.active>a,#menu ul.menu ul li a:hover,#menu2 ul.menu li#current>a,#menu2 ul.menu li.active>a,#menu2 ul.menu ul li a:hover,a#up{text-decoration:underline}#menu_m,.menutoggler,a#up{display:none;text-align:center}#menu_m{width:100%;margin:15px 0 0}#menu_m li{display:inline-block;margin:7px 15px;background:#fff}#menu_m li a{color:#000;text-decoration:none;padding:10px 13px;font-size:16px;line-height:18px;display:block;background:#fff}.menutoggler{margin:20px 0 0;padding:10px 0;background:url(../images/logo_bg.png) center no-repeat;background-size:cover;cursor:pointer}.menutoggler span{text-transform:uppercase;color:#000;font-size:20px;font-weight:700;line-height:30px;padding:0 0 0 35px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/menutoggler.png) left center no-repeat}#main{width:100%;background:url(../images/htopblock_bg.png) top center repeat-x;margin:0 auto 50px}a#up{bottom:45px;color:#f78368;font-size:18px;line-height:32px;padding:0 0 0 35px;opacity:.9;position:fixed;right:30px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/up_bg.png) left center no-repeat;z-index:100}a#up:hover{text-decoration:none}#mainbody{width:100%;margin:0 auto;padding:15px 0 0;background:url(../images/htopblock_bg.png) center top repeat-x #f5f5f5;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;-webkit-box-shadow:0 10px 15px 1px #ccc;box-shadow:0 10px 15px 1px #ccc}#pathway{padding:0 30px 10px}#pathway,#pathway a{font-size:13px;color:#111}#pathway .sep{display:inline-block;width:8px;height:9px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/pathway_sep_bg.jpg) no-repeat;margin:0 3px}#content,#footer,#footer_inner,#lessons,.art10port table,.art10port table tr,.catitem .contentpaneopen,.pagenav{width:100%}#pathway .sep img{display:none}#content{background:#fff;padding:10px 30px 20px;color:#111;-webkit-box-sizing:border-box;box-sizing:border-box}#content ul{list-style:disc;margin-left:15px}#content ol{list-style:decimal;margin-left:20px}#content #articlewrapp .socblock,#content #catwrapp .socblock{position:absolute;top:14px;right:0}#content .articlebody{margin:0;width:100%;overflow:hidden}#content .articlebody>h1,#content .contentheading a{margin:0 0 20px;display:block}#content #catwrapp .componentheading{margin:0 0 20px;padding:0 240px 0 0}#content .componentheading,#content .componentheading a,#content .contentheading,#content .contentheading a{text-decoration:none;color:#111;font-family:PTSansNarrowBold;font-size:40px;line-height:44px;margin:0 0 20px}#content #catwrapp .catitem{clear:both;border-bottom:1px #e1e1e1 solid;padding:0 0 25px;margin:0 0 25px;position:relative}#content #catwrapp .cat_img{display:inline-block;float:left;margin:0 15px 0 0}#content #catwrapp .cat_img>img,#content #catwrapp .catthumb{width:300px;border:2px solid #ff8e74!important;height:auto}#content .contentheading.cattitle a{font-size:21px;line-height:23px;color:#111;text-decoration:underline;margin:0 0 5px}#content .contentheading.cattitle a:hover{text-decoration:none}#content #catwrapp .readon{background:url(../images/search_btn_bg.jpg) center repeat-x;display:inline-block;height:24px;line-height:26px;text-decoration:none;padding:0 15px;color:#FFF;font-size:14px;font-weight:700;text-shadow:1px 1px 0 #9C6113;text-transform:uppercase;margin:20px 0 0;position:absolute;bottom:0px;right:0}.articlebody img{max-width:100%!important;height:auto}.pagenav{text-align:center;margin:15px 0 0}.art10links{margin:20px 0;position:relative}.padd240{padding:0 330px 0 0}.art10links img{margin-right:20px!important}.art10links a{padding:0 0 0 23px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/art10_dnl_bg.png) left center no-repeat;line-height:28px;font-size:16px;color:#006cff}.art10links.smallli a{line-height:22px}.art10links .portlink{position:absolute;top:15px;right:30px;padding:0 0 30px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/art10_port_bg.jpg) center bottom no-repeat}
.articlebody .art10inst,.reveal-modal .art10inst{display:block;font-size:25px;margin:25px 0;color:#111}.articlebody .art10inst:hover{color:#006cff}.art10port{margin:20px 0;background:#f5f5f5;padding:15px}.art10port .art10port_title{font-size:17px;font-weight:700;font-style:italic;margin:0 0 10px}.art10port table{margin:15px 0 0}.art10port table tr td{padding:0 0 0 5%}.art10port table tr td a{display:inline-block;line-height:16px;background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/art10_dnl_bg.png) left center no-repeat;padding:0 0 0 23px;position:relative;left:-23px}.art10video_title{font-size:25px;line-height:28px;margin:25px 0 5px;color:#111}.pagination{display:block;margin:40px 0 0}.pagination a,.pagination span{font-weight:400;margin:0 3px;font-size:17px;line-height:17px;color:#111;text-decoration:none;padding:2px 4px 0}.pagination span{color:#fff;background:#ffa024}#content .pagination+br{display:none}#mainmodules{padding:20px 0 0}#mainmodules .moduletable{margin-bottom:25px;clear:both;padding-bottom:20px;border-bottom:1px #dedede solid}#mainmodules .moduletable p{padding:0}#mainmodules .moduletable p img{margin:0 10px 0 0!important}#mainmodules .moduletable h2{margin-bottom:5px}#mainmodules .moduletable h2 a{font-size:30px;line-height:32px;color:#111;text-decoration:none}#mainmodules .moduletable p>a{display:block;text-align:right;color:#006cff;text-decoration:underline;margin:15px 0 0;text-transform:capitalize}#counters,.modal_num span,.modal_num.mod2,.pager.pagenav>li{display:inline-block}#footer_inner{border-top:7px #f78368 solid;background:url(../images/footer_bg.jpg) center top no-repeat;background-size:cover}#footer{margin:0 auto;font-size:14px;line-height:18px;color:#111;padding:40px 0 20px;position:relative}#lessons{margin:15px 0}#lessons .moduletable{width:50%;float:left}#lessons .moduletable h3{font-size:16px;line-height:18px;margin:0 0 4px}#lessons .moduletable ul{margin:0;padding:0 0 0 15px}#lessons .moduletable ul li{background:url(https://stylingsoft.com/templates/archicad-autocad_v1.1/images/less_li_bg.jpg) left center no-repeat;list-style:none;padding:0 0 0 12px;line-height:21px}.phtext{background:#f5f5f5;padding:15px;margin:15px 0;color:#111}.phtext .phtitle{font-size:20px;margin:0 0 15px}.phtext ol li{margin:0 0 10px}#counters{float:right}#counters .counter{width:88px;height:31px;float:right;margin:0 0 0 5px}.google{padding:5px 0 10px}.mget{width:229px;position:absolute;top:105px;right:15px}.mget a{padding:0;background:0 none}.modal_num{text-align:left;margin:0 0 10px}.modal_num.mod2{margin:5px 10px 5px 0}.modal_num span{font-size:20px;line-height:32px;width:30px;height:30px;border-radius:50%;border:1px solid #000;text-align:center}.modalimg{width:350px;height:auto;float:left;margin:0 15px 10px 0}.reveal-modal .art10inst{font-size:28px;text-align:center}.reveal-modal img{max-width:100%}
a.triangle-link {background: none; position: relative;}
a.triangle-link:before {position: absolute; left: 0; top: 4px; content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #00eeff transparent transparent transparent; line-height: 0px; _border-color: #00eeff #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
p:empty {display: none;}
#content .pager {margin: 20px 0 0 0;}
.pager:after {clear: both;}
.pager .previous {float: left; margin: 0 10px 0 0;}
.pager .next {float: right; margin: 0 0 0 10px;}

.mainmodule {}
.mainmodule-title {text-align: center;}
#mainmodules .moduletable h2 {margin: 0 0 25px 0;}
.mainmodule-inner {}
.mainmodule-row {width: 16%; float: left; overflow: hidden; position: relative; background: #fff; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.mainmodule-row:first-child {margin: 0 0 0 2%;}
.mainmodule-row a {display: block; text-decoration: none; height: 100%; overflow: hidden; position: relative; z-index: 1;}
.mainmodule-row a > img {display: block; width: 100%; height: auto; margin: 0!important;}
.mainmodule-row a > span {position: absolute; color: #fff; font-size: 16px; line-height: 20px; text-shadow: 0 0 1px #000; top: 50%; margin: -10px 0 0 0; width: 100%; text-align: center; z-index: 2; text-shadow: 1px 1px 0 #000; -webkit-transition: all .2s ease-out 0; -o-transition: all .2s ease-out 0; transition: all .2s ease-out 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: rotate(360deg); transform: rotate(360deg);}

.mainmodule-row a::after {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " "; background: #ff870a; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .4s ease-out 0; -o-transition: all .4s ease-out 0; transition: all .4s ease-out 0;}
.mainmodule-row:hover a::after {filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; border-radius: 50%;}

.mainmodule-row a:hover img { border-radius: 50%;}

.mainmodule-row a:hover span {font-size: 20px; line-height: 24px; text-shadow: 1px 1px 0 #333; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg);}

#articlewrapp p > iframe {top: 0; left: 0; width: 100%;}

/* youtube click loader */
.youtube {background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; display: block; overflow: hidden; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; cursor: pointer; width: 100%!important;}
.youtube .play {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center; background-size: 64px 64px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; top: 0;}
.youtube .play:hover {opacity: 1; filter: alpha(opacity=100);}
/* youtube click loader */
.youtube-table {width: 100%!important;}
.youtube-table td {width: 48%; padding: 0 2% 0 0; vertical-align: bottom;}
.youtube-table td:last-child {padding: 0 0 0 2%;}
.youtube-table td .art10video_title {vertical-align: top;}