@charset "UTF-8"; /* Add support of "main" element for IE11 */ main { unicode-bidi: isolate; display: block; } /*** CKEditor CSS ***/ textarea.cke_source { font-size:larger; } /********************/ /*** Main MENU ***/ /********************/ #topHeader { display:none!important; } body { padding-top: 78px; } footer .footer-above { height: 0px; } footer .footer-below { background: #fff; } footer .footer-below .copyright { text-align: center; min-height: 40px; height:auto; padding: 10px; font-size: 14px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; color: #777; } #mainContent-inner{ padding: 0px; height:80px!important; } .navbar-brand img { width: 200px; margin-top: -8px; } @media (max-width: 767px) { .navbar-brand img { width: 64px; height:64px; margin: -4px 0px 0px 10px; } } /********************/ header {background: #fff;border-bottom: 1px solid #d3d3d3!important;} em,small { letter-spacing:0; } body,li,p { line-height:1.5em; } .DNNEmptyPane { display:none!important; } .paneOutline { border:1px dashed #ccc; } a,a img,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video { border:0; } .TB_Wrapper,.TB_Wrapper *,.dnnActionMenu,.dnnActionMenu *,.dnnActionMenu :after,.dnnActionMenu :before,.dnn_mact,.dnn_mact *,.dnn_mact :after,.dnn_mact :before,[id*=ControlPanel],[id*=ControlPanel] *,[id*=ControlPanel] :after { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } class*=RadAjaxPanel] *,[class*=Digital] * { font-size:12px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } html,li,p{ font-size:16px; } ol.list-unstyled, ol.list-unstyled>li, ul.list-unstyled, ul.list-unstyled>li{ list-style:none; margin:0; } ul.row{ margin-left:-15px; margin-right:-15px; } ol,ul{ list-style:none; } ul li{ list-style-type:disc } ul li li{ list-style-type:circle } ol li{ list-style-type:decimal; list-style-position:inside } .nav li{ list-style:none!important } a{ outline:0!important } ul#myTab {padding:0; margin:0} .popover{ z-index:999 } .mark,mark{ padding:0; background-color:transparent } .bs-callout-danger,.bs-callout-info,.bs-callout-primary,.bs-callout-success,.bs-callout-warning{display:block;padding:15px 30px 15px 15px}body{background:#f0f0f0;color:#333;font-size:13px}.CommandButton,.Head,.Normal,.NormalBold,.NormalDisabled,.NormalRed,.NormalTextBox,.SubHead,.SubSubHead,a:hover,a:link,a:visited,body,h1,h2,h3,h4,h5,h6,input,table,td,th{font-family: "Open Sans", Roboto, Helvetica, sans-serif;}.SubHead{color:#000}Body #Form{height:100%}embed,img,object{max-width:100%}[class*=map] img,[class*=Map] img,[id*=map] img,[id*=Map] img,table img{max-width:none!important}img{height:auto}em{font-style:italic}strong{color:#333;font-weight:700}small{font-size:12px}a:active,a:link,a:visited{text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 20px}ol li>ol li{list-style-type:lower-latin}.bs-callout-primary{margin:20px 0;border-left:5px solid #337ab7;background-color:#dbe9f5}.bs-callout-primary h1,.bs-callout-primary h2,.bs-callout-primary h3,.bs-callout-primary h4,.bs-callout-primary h5,.bs-callout-primary h6{margin-top:0;color:#337ab7}.bs-callout-primary p:last-child{margin-bottom:0}.bs-callout-primary .highlight,.bs-callout-primary code{background-color:#fff}.bs-callout-danger{margin:20px 0;border-left:5px solid #d9534f;background-color:#f4cecd}.bs-callout-danger h1,.bs-callout-danger h2,.bs-callout-danger h3,.bs-callout-danger h4,.bs-callout-danger h5,.bs-callout-danger h6{margin-top:0;color:#d9534f}.bs-callout-danger p:last-child{margin-bottom:0}.bs-callout-danger .highlight,.bs-callout-danger code{background-color:#fff}.bs-callout-warning{margin:20px 0;border-left:5px solid #f0ad4e;background-color:#fceedb}.bs-callout-warning h1,.bs-callout-warning h2,.bs-callout-warning h3,.bs-callout-warning h4,.bs-callout-warning h5,.bs-callout-warning h6{margin-top:0;color:#f0ad4e}.bs-callout-warning p:last-child{margin-bottom:0}.bs-callout-warning .highlight,.bs-callout-warning code{background-color:#fff}.bs-callout-info{margin:20px 0;border-left:5px solid #5bc0de;background-color:#daf1f8}.bs-callout-info h1,.bs-callout-info h2,.bs-callout-info h3,.bs-callout-info h4,.bs-callout-info h5,.bs-callout-info h6{margin-top:0;color:#5bc0de}.bs-callout-info p:last-child{margin-bottom:0}.bs-callout-info .highlight,.bs-callout-info code{background-color:#fff}.bs-callout-success{margin:20px 0;border-left:5px solid #5cb85c;background-color:#c7e6c7}.bs-callout-success h1,.bs-callout-success h2,.bs-callout-success h3,.bs-callout-success h4,.bs-callout-success h5,.bs-callout-success h6{margin-top:0;color:#5cb85c}.bs-callout-success p:last-child{margin-bottom:0}.bs-callout-success .highlight,.bs-callout-success code{background-color:#fff}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'),url(https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'),url(https://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')} h1,h2,h3,h4,h5,h6{color:#020202;line-height:1.3em;margin:0 0 10px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}@media screen and (min-width:500px){html{font-size:14px}}@media screen and (min-width:570px){html{font-size:15px}}@media screen and (min-width:620px){html{font-size:16px}}@media screen and (min-width:680px){html{font-size:17px}}@media screen and (min-width:720px){html{font-size:18px}}@media screen and (min-width:800px){html{font-size:19px}}@media screen and (min-width:860px){html{font-size:20px}}@media screen and (min-width:920px){html{font-size:21px}}@media screen and (min-width:1000px){html{font-size:22px}}.buttons-wrapper{text-align:center}a.cta-button-primary,button.cta-button-primary{background:#7ca0c0;border:1px solid #7ca0c0;color:#fff;transition:background-color 300ms ease-out 0s}a.cta-button,a.cta-button-primary,button.cta-button,button.cta-button-primary{text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;font-family: "Open Sans", Roboto, Helvetica, sans-serif;position:relative;display:inline-block;font-size:18px;font-weight:700;line-height:normal;margin:0 5px 5px 0;min-width:200px;padding:10px 0;-webkit-transition:background-color 300ms ease-out 0s;-o-transition:background-color 300ms ease-out 0s}a.cta-button-primary:hover,button.cta-button-primary:hover{background:#91afca;border-color:#91afca}a.cta-button,button.cta-button{background:0 0;border:1px solid #7ca0c0;color:#7ca0c0;transition:background-color 300ms ease-out 0s}a.cta-button:hover,button.cta-button:hover{color:#fff;background:#7ca0c0;border-color:#91afca}.search{position:relative;min-width:35px;width:0;height:34px;float:right;overflow:hidden;-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s}.search.search-open{width:25%}.search.small-screens.search-open{width:100%}.search.small-screens.search-open .searchInputContainer input{padding:0 124px 0 20px}.searchInputContainer{display:block!important}.searchInputContainer input{top:0;right:0;border:0;outline:0;background:#dcddd8;width:auto;height:34px;margin:0;padding:0 52px 0 20px;font-size:15px}.searchInputContainer input::-webkit-input-placeholder{color:#818181}.searchInputContainer input:-moz-placeholder{color:#818181}.searchInputContainer input::-moz-placeholder{color:#818181}.searchInputContainer input:-ms-input-placeholder{color:#818181}.searchInputContainer a.dnnSearchBoxClearText{right:45px!important}.searchInputContainer a.dnnSearchBoxClearText.dnnShow{bottom:2px}#search-action,.SearchButton,.search-toggle-icon{background:url(images/search.png) center center no-repeat #c3c1c1;width:35px;height:34px;display:block;position:absolute;top:0;font-family: "Open Sans", Roboto, Helvetica, sans-serif;font-size:22px;right:0;padding:0;margin:0;outline:0;line-height:50px;text-align:center;cursor:pointer;color:#dcddd8;text-indent:-9999px}#search-top{clear:both;width:100%;background:#7CA0C0;padding:0;margin:0;height:0;overflow:hidden;transition:all .1s ease-in-out}#search-top.active{height:auto;padding:15px 0}#search-top span{display:inline!important}#search-top input{background:#fff;border:none;font-size:1.2em;height:46px;margin:0 0 0 15px;width:70%}#search-top a.SearchButton{background:url(images/search.png) center center no-repeat #e0dfdf;height:46px;position:relative;display:inline-block;text-indent:-9999px;width:60px;padding:0;top:5px}#search-action{display:none;float:right;height:34px;margin:0;padding:6px 12px}#login{padding-right:10px}@media only screen and (max-width:768px){#search-action{display:block}#login{padding-right:21px}}#login .loginGroup,#login .loginGroup *,#login .registerGroup,#login .registerGroup *{display:block}#login .loginGroup,#login .registerGroup{float:right;padding:0;margin:0}#login .loginGroup a,#login .registerGroup a{display:block;position:relative;height:34px;min-width:12px;padding:7px 15px 0;color:#fff;font-size:11px;vertical-align:middle}#login .loginGroup a:hover,#login .registerGroup a:hover{background:#d7d7d7;color:#333;text-decoration:none}#login .loginGroup a:active,#login .registerGroup a:active{color:#333}#login .loginGroup a strong,#login .registerGroup a strong{display:block;position:absolute;left:0;top:0;width:100%;overflow:hidden;font-size:11px;text-indent:-9999px}#login .registerGroup li{float:left;line-height:1.2em}#login .registerGroup li:first-child:hover{border-left:#222}#login .registerGroup .buttonGroup{margin-right:0}#login .registerGroup .userProfileImg a{min-width:25px;min-height:32px;padding:0;background:0 0}#login .registerGroup a span{display:inline-block;position:absolute;right:2px;top:-9px;min-width:7px;margin-right:3px;background:#3b96b6;text-align:center;font-size:11px;color:#fff;-webkit-text-shadow:0 1px 0 #333;text-shadow:0 1px 0 #333}#login .registerGroup a img{height:32px;width:32px;background:#333}#login .userNotifications{border-left:1px solid #ccc;border-right:1px solid #ccc}#login .userNotifications strong{height:100%;background:url(images/notification_icon.png) center center no-repeat}#login .userMessages strong{height:100%;background:url(images/message_icon.png) center center no-repeat}#login .userMessages a,#login .userNotifications a{padding:0 18px}#login .userMessages a span,#login .userNotifications a span{display:inline-block;margin-top:9px;margin-right:0;background-color:transparent;font-size:10px}#topHeader{background:#383838;-moz-box-shadow:1px 50px 100px 0 #cacaca;-webkit-box-shadow:1px 50px 100px 0 #cacaca;box-shadow:1px 50px 100px 0 #cacaca;min-width:25px;min-height:35px;padding:0} @media only screen and (max-width:767px) { .main-navigation{height:auto;width:100%} nav{display:none} a.mobile-nav-btn{display:block;float:right;width:50px;height:46px;margin-top:15px;text-align:center;color:#383838}a.mobile-nav-btn:hover{text-decoration:none} /*#navbar-top-wrapper{clear:both;position:relative}*/ #navbar{ float:none!important } } @media only screen and (min-width:768px){ #navbar{float:right} } #breadcrumb{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border-bottom:1px solid; border-color:#ccc; background-color:#fafafa;/*transparent;*/ padding:5px 0; margin:0; display:block} #breadcrumb a{margin-left:10px;font-weight:600;font-size:11px;color:#626262} #breadcrumb a:first-child{font-family: "Open Sans", Roboto, Helvetica, sans-serif;font-size:11px!important;font-weight:400;color:#7b7d82;margin:0;-webkit-font-smoothing: antialiased;} #breadcrumb img, #breadcrumb span{margin-left:10px} main{background:#f0f0f0;border:1px solid #ececec;border-top:none;margin-top:0px;margin-bottom:0px;min-height:350px} main.no-bg{background:0 0} .dnnpane>[class*=col-md], .dnnpane>[class^=col-md]{padding:0 15px} .image-wrapper{position:relative} .image-wrapper img{display:block;max-width:100%} .image-wrapper .overlay{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center} .grid,.grid figure,.grid figure img{position:relative}.image-wrapper .overlay h2{color:#fff;font-weight:700;margin-top:8%;-webkit-text-shadow:0 2px 2px rgba(0,0,0,.1);text-shadow:0 2px 2px rgba(0,0,0,.1);text-transform:uppercase}.content-intro{padding-top:30px;font-size:26px;line-height:30px}.content-intro p{font-size:22px}.grid{clear:both;margin:0 auto;max-width:1000px;list-style:none;text-align:center}.grid figure{float:left;overflow:hidden;margin:10px 0;max-height:360px;width:100%;height:auto;background:#3085a3;text-align:center;cursor:pointer}.grid figure img{display:block;min-height:100%;max-width:100%;opacity:.8;width:100%}.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption .grid figure figcaption::after,.grid figure figcaption::before{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}figure.hover-effect{background:#333}figure.hover-effect h2,figure.hover-effect img{-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}figure.hover-effect img{-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}figure.hover-effect h2{font-size:30px;color:#7ca0c0;-webkit-text-shadow:0 2px 2px rgba(0,0,0,.4);-moz-text-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 2px 2px rgba(0,0,0,.4)}figure.hover-effect h2>span{color:#fff;font-weight:700}figure.hover-effect h2,figure.hover-effect p{position:absolute;bottom:0;left:0;padding:5px;text-align:center;width:100%}figure.hover-effect p{text-transform:none;font-size:24px;opacity:0;padding:15px;-moz-transition:opacity .35s,-webkit-transform .35s;-webkit-transition:opacity .35s,-webkit-transform .35s;-o-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}figure.hover-effect:hover h2,figure.hover-effect:hover img{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}figure.hover-effect:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.content-block-news,.content-block-reg{margin-bottom:20px}.content-block-news .article-layout .item{display:block;float:left;position:relative}.content-block-news .article-layout .item .item-image{display:block;position:relative;width:100%;overflow:hidden;background:-webkit-linear-gradient(bottom right,#c55f1e 0,#66d6ff 100%);background:-o-linear-gradient(bottom right,#c55f1e 0,#66d6ff 100%);background:linear-gradient(to top left,#c55f1e 0,#66d6ff 100%)}.content-block-news .article-layout .item .item-image img{max-width:100%;width:100%;height:auto;opacity:.7;filter:alpha(opacity=70);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.content-block-news .article-layout .item .item-image .item-header{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;color:#fff;background:rgba(0,0,0,.1);-webkit-text-shadow:0 1px 0 rgba(0,0,0,.4);-moz-text-shadow:0 1px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 rgba(0,0,0,.4);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.content-block-news .article-layout .item .item-image .item-header strong{color:#fff;display:block;position:absolute;bottom:15px;left:15px;right:15px;font-size:16px;line-height:130%;font-weight:500;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.content-block-news .article-layout .item .item-image .item-header .item-meta{display:block;color:#fff;padding:10px 0 17px;font-size:11px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:15px;right:15px;bottom:-40px;border-top:1px solid rgba(255,255,255,.3);opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.content-block-news .article-layout .item .item-image .item-header .item-meta i.fa{padding-right:7px}.content-block-news .article-layout .item .item-image .item-header .item-meta span{display:block;color:#fff}.content-block-news .article-layout .item .item-image .item-header .item-category{display:block;font-size:18px;font-weight:lighter;left:15px;position:absolute;right:15px;text-transform:none;top:15px}.content-block-news .article-layout .item .item-image .item-header .item-category span{border:1px solid #fff;color:#000;font-size:24px;display:inline-block;padding:6px 10px 5px;line-height:100%;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.content-block-news .article-layout .item .item-content{display:block;background:#f4f4f4;width:100%;font-size:14px;line-height:150%;color:#737373;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.content-block-news .article-layout .item .item-content .item-text{display:block;padding:15px}.content-block-news .article-layout .item .item-content .item-footer-more{display:block;padding:15px 0;margin:0 15px;text-align:center;font-size:14px;text-transform:uppercase;border-top:1px solid rgba(0,0,0,.06);letter-spacing:.3px;color:#737373}.content-block-news .article-layout .item:hover .item-header .item-meta{bottom:0;opacity:1}.content-block-news .article-layout .item:hover .item-header .item-category span{background:#7ca0c0;border-color:transparent!important;color:#fff}.content-block-news .article-layout .item:hover .item-image img{opacity:1}.content-block-news .article-layout .item:hover .item-image .item-header{background:rgba(81,81,81,.7)}.content-block-news .article-layout .item:hover .item-image .item-header strong{bottom:50px}.content-block-news .article-layout .item:hover .item-content{background:#fff;-webkit-box-shadow:0 3px 0 rgba(0,0,0,.03);-moz-box-shadow:0 3px 0 rgba(0,0,0,.03);box-shadow:0 3px 0 rgba(0,0,0,.03)}.content-block-news .article-layout .item:hover .item-content .item-footer-more{color:inherit;font-weight:700;letter-spacing:0;padding-right:1px}.content-block-news .item a:hover .item-content{background:rgba(37,38,41,.8)}.content-block-news .article-layout:after{display:block;clear:both;content:''}.contact-form .form-control{border:1px solid #e3e3e3;border-radius:0;-webkit-box-shadow:initial;-moz-box-shadow:initial;box-shadow:initial;height:50px;padding:12px 15px 15px}.contact-form::-webkit-input-placeholder{color:#e3e3e3}.contact-form:-moz-placeholder{color:#e3e3e3} .contact-form::-moz-placeholder{color:#e3e3e3}.contact-form:-ms-input-placeholder{color:#e3e3e3} .latest-articles{display:block} .latest-articles .item{display:block;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:20px;margin-bottom:20px}.latest-articles .item-header{display:block;float:left;width:60px} .latest-articles .item-header a{position:relative;display:block} .latest-articles .item-header span{display:block;width:100%;padding:0;margin:0} .latest-articles .item-header img{border:2px solid #fff} .latest-articles .item-content{display:block;margin-left:85px}.latest-articles .item-content p{font-size:15px;margin-bottom:15px}.latest-articles .item-content>strong{display:block;font-weight:600;line-height:11px;margin-bottom:5px}.latest-articles .item-content a{color:#d3d3d3;font-weight:700;font-size:14px}.latest-articles .publish-date{color:#d3d3d3;font-weight:400}.latest-articles .publish-date span{font-size:12px;font-weight:400;text-transform:uppercase} .contactus ul{margin-left:0} .contactus ul li{color:#fff;font-size:15px;font-weight:100;margin-bottom:5px;list-style:none} .contactus ul li img{margin-right:5px} .contactus a:link{color:#fff;text-decoration:none} .contactus a:active, .contactus a:hover{text-decoration:underline} .btn-social{background:url(/Portals/0/Images/social-sprite.png);display:inline-block;height:34px;width:34px} .btn-social.facebook{background-position:0} .btn-social.twitter{background-position:-40px} .btn-social.googleplus{background-position:-80px} .btn-social.linkedin{background-position:-120px} .container-content{padding:10px 15px 15px} .heading_wrapper{padding-left:0;padding-right:0} .DNNContainer_Title_h2 h2 .TitleH2,.DNNContainer_Title_h3 h3 .TitleH3,.DNNContainer_Title_h4 h4 .TitleH4{display:block;margin-bottom:5px} .DNNContainer_Title_h2 h2 .TitleH2.centered,.DNNContainer_Title_h3 h3 .TitleH3.centered,.DNNContainer_Title_h4 h4 .TitleH4.centered{text-align:center} .DNNContainer_Boxed h2 .TitleBoxed{display:block;margin-bottom:5px;padding:5px;border:1px solid #7b7878} .lms_heading_1,.lms_heading_2,.lms_heading_3,.lms_heading_4,.lms_heading_5,.lms_heading_6{text-align:center} .lms_heading_1 .lms_heading_title,.lms_heading_2 .lms_heading_title,.lms_heading_3 .lms_heading_title,.lms_heading_5 .lms_heading_title,.lms_heading_6 .lms_heading_title{border-bottom:1px solid #7b7878;font-weight:400;margin-bottom:17px;margin-top:17px;padding:0 32px 28px;position:relative} .lms_heading_1 .lms_heading_title:after{content:"";position:absolute;top:100%;margin:-10px 0 0 -5px;left:50%;width:10px;height:20px;background:#fff;border-left:2px solid #7b7878;border-right:2px solid #7b7878;-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)} .lms_heading_4 .lms_heading_title{margin-bottom:17px;margin-top:17px;padding:0 30px 10px} .subtle-line{display:block;border:none;color:#fff;height:1px;width:100%;background:-webkit-radial-gradient(#7b7878 1%,#bbb 30%,#ccc 40%,#fff 70%);background:-o-radial-gradient(#7b7878 1%,#bbb 30%,#ccc 40%,#fff 70%);background:-moz-radial-gradient(#7b7878 1%,#bbb 30%,#ccc 40%,#fff 70%);background:radial-gradient(#7b7878 1%,#bbb 30%,#ccc 40%,#fff 70%);margin-bottom:32px} .hexagon{background-color:#fff;border-left:3px solid #7b7878;border-right:3px solid #7b7878;height:20px;margin:10.39px auto;position:relative;top:-27px;width:36px;z-index:10} .hexagon::after,.hexagon::before{background-color:inherit;content:"";height:25.46px;left:2.27px;position:absolute;-webkit-transform:scaleY(.5774) rotate(-45deg);-moz-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);-o-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg);width:25.46px;z-index:1} .open_rectangle,.rectangle{margin:10px auto;z-index:10} .dots-wrapper,.open_rectangle,.rectangle{position:relative;background-color:#fff;width:36px} .hexagon::before{border-right:4.24px solid #7b7878;border-top:4.24px solid #7b7878;top:-12.73px} .hexagon::after{border-bottom:4.24px solid #7b7878;border-left:4.24px solid #7b7878;bottom:-12.73px}.open_rectangle{border-left:2px solid #7b7878;border-right:2px solid #7b7878;height:20px;top:-27px} .rectangle{border:2px solid #7b7878;height:13px;top:-24px;border-radius:10px} .dots-wrapper{height:10px;margin:10.39px auto;top:-23px} .dots{width:10px;height:10px;border-radius:50px;line-height:100px;background:#7b7878;float:left;margin:0 2px 0 0} .valid-404 h1{font-size:10em;-webkit-text-shadow:0 0 7px rgba(0,0,0,.75);text-shadow:0 0 7px rgba(0,0,0,.75)} .valid-404 h2{font-size:33px} .valid-404 h1,.valid-404 h2,.valid-404 p{text-align:center} .bs-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block} /***************************************************************************************************************************************************************************************************************/ /*** Contacts section CSS ***/ #index-customers > ul > li { /*border:1px solid #333;*/ height:100px; } #index-customers .peugeot { background: url('/Portals/0/Images/Peugeot_logo_h96.png') no-repeat center center; height:120px; } #index-customers .citroen { background: url('/Portals/0/Images/Citroen-Logo_h96.png') no-repeat center center; height:120px; } #index-customers .softserve { background: url('/Portals/0/Images/SOFTSERVE_w150.png') no-repeat center center; } #index-customers .masterkey { background: url('/Portals/0/Images/masterkey_logo_ukr.png') no-repeat center center; } #index-customers .imsa { background: url('/Portals/0/Images/imsa_logo_h60.png') no-repeat center center; } #index-customers .caparol { background: url('/Portals/0/Images/caparol_logo_h75.png') no-repeat center center; } #index-customers .avangard { background: url('/Portals/0/Images/logo_avangard_color_w300.png') no-repeat center center; } #index-customers .ip-securities { background: url('/Portals/0/Images/logo_IPSecurities_color_w300_transp.png') no-repeat center center; } #index-customers .lardi { background: url('/Portals/0/Images/LARDI_color_h75px.png') no-repeat center center; } #index-customers .admx { background: url('/Portals/0/Images/img.admx.logo.header_w250.png') no-repeat center center; /*height:120px;*/ } #index-customers .arx { background: url('/Portals/0/Images/arx_logo.png') no-repeat center center; } #index-customers .infopulse { background: url('/Portals/0/Images/logo_infopulse_w249.png') no-repeat center center; } #index-customers .kompas { background: url('/Portals/0/Images/kompas_w250px.png') no-repeat center center; } #index-customers .trade-master { background: url('/Portals/0/Images/trade_master_logo.png') no-repeat center center; } #index-customers .zeo { background: url('/Portals/0/Images/ZeoLogo_w75_h72.png') no-repeat center center; } /**********************************************************************************************************************************************************************************************************/ h1, h2, h3, h4, h5, h6, p, div, span { font-weight: 400!important; } .copyright-wrapper > .terms-priv { display: none; } .container main { display: none; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main div, #main-corp h1, #main-corp h2, #main-corp h3, #main-corp h4, #main-corp h5, #main-corp h6, #main-corp p, #main-corp div { font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } /***** MAIN PAGE *****/ /*** Menu height = 80px, Footer height = 40px, Different devices dimentions http://www.websitedimensions.com/ ***/ /* Slide MIN-HEIGHT 480px = { 768px - 168px browser - 120px Slide menu+footer } */ /* Slide MIN-HEIGHT 520px = { 768px - 168px browser - 80px Slide's menu } */ #banner-red, #banner-green { position: relative; /*height: 520px;*/ height: 90vh; height: calc(100vh - 79px); min-height: 520px; color: #ffffff; background-color: #ffffff; } #banner-red, #banner-green { background-color: #f0f0f0; } .banner-red_bg { max-width: 420px; height: 90vh; height: calc(100vh - 79px); background: url('./Images/BG_Red.png') no-repeat left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner-red_bg .banner-cont { top:42%; } #banner-red .col-lg-8.banner-cont-wrap { padding-bottom: 60px; } .banner-green_bg { max-width: 420px; height: 90vh; height: calc(100vh - 79px); background: url('./Images/BG_Green.png') no-repeat left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner-green_bg .banner-cont { top:42%; } .banner_sign { margin: 0px 0px 0px 50%; } #main .banner_title { font-size: 28px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; letter-spacing: 1px; font-weight: 400; margin: 10% 20px 0px 50%; max-width: 200px; color:#fff; } #main #banner-red p.banner_title, #main #banner-green p.banner_title { font-family: "Open Sans", Roboto, Helvetica, sans-serif; } .banner-items-list { padding-right: 60px; } .banner-item { margin-top: 2%; padding: 0px; } .banner-item .banner-icon { height: 60px; } .banner-item h5 { font-size:22px; color:#888; font-weight:400; letter-spacing: 1px; margin-top:10px; } .banner-item p { font-size:15px; color:#444; } .try-free-link a, .details-link a, .review-link a { display: inline-block; padding: 15px 50px; margin-top: 80px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; background-color: #f5d312; border: 3px solid #f5d312; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #444!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } .price-shadow .try-free-link a, .price-shadow .details-link a { color: #606060!important; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { padding-right: 0px; position: fixed; bottom: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #banner-red .try-free-link a, #banner-green .try-free-link a { margin-top: 0px; } #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 60px; } #banner-red .resolve-link a:hover { background-color: #f5bd14; border: 3px solid #f5bd14; } .details-link a, .review-link a { background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } .try-free-link a:hover { background-color: #f5bd14; border: 3px solid #f5bd14; } .details-link a:hover, .review-link a:hover { background-color: #006666; border: 3px solid #006666; } #banner-doc { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding:0px 40px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 50%, #fff 50%, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #banner-doc .banner-cont-wrap { padding-bottom: 80px; } #banner-doc .banner-image { margin-left: -40px; width: 548px; height: 448px; min-height:448px; background: url(./Images/main_devices_1280.png) no-repeat left top; } #banner-doc .banner-item { width: 100px; margin-top: 0px; padding:0px; } #banner-doc .banner-item.banner-item-left { margin-left: 80px; } #banner-doc .banner-item.ellipsis { width: 30px; } #banner-doc .banner-item .banner-icon{ width: 100px; height: 60px; padding:0px; } #banner-doc .banner-item.ellipsis .banner-icon{ width: 30px; height: 60px; padding: 12px 0px 0px; } #banner-doc .banner-doc-image { padding:2% 0px 0px 0px; } #banner-doc .banner-text { padding: 30px 60px 10% 60px; } #banner-doc .try-free-link a { margin-top: 0px; } .banner-title { padding-left:40px; } #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size:44px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; } #banner-doc .banner-text p { margin: 20px 0px 0px 0px; font-size:16px; line-height: 32px; color: #444; } #banner-doc .banner-item h6 { margin-top: 10px; font-size:18px; color:#444; font-weight:400; } #banner-profit .banner-item h6 { margin: 40px 0px 5% 0px; font-size:16px; color:#444; font-weight:400; padding: 0px 15px; } #banner-profit { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding:40px 40px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #banner-profit .banner-cont-wrap { padding-top:80px; padding-bottom: 120px; } #banner-profit .banner-cont { height: 250px; } #banner-profit .banner-item { margin-top: 0px; padding:0px; width: 20%; } #banner-profit .banner-item .banner-icon { width: 60%; min-width:135px; height:135px; padding: 0px; margin-left: 20%; margin-right: 20%; } #banner-profit .banner-icon img { width: 135px; height: 135px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25); } #banner-profit .try-free-link a { margin-top: 0px; } #profit-calc-section { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding:40px 40px; background-color:#f0f0f0; /* For browsers that do not support gradients */ } #banner-clients { height: 90vh; height: calc(100vh - 120px);/*calc(100vh - 79px);*/ min-height: 480px;/*520px;*/ padding:40px 40px; background-color:#fff; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 905%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* Standard syntax */ } #banner-clients .banner-cont-wrap { padding-top:80px; padding-bottom: 80px; } #index-customers .banner-item { height:90px; max-width: 200px; margin-left: auto; margin-right: auto; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } #banner-clients .try-free-link a, #banner-clients .details-link a { margin-top: 0px; } #banner-clients .details-link { padding-right: 0px; position: fixed; bottom: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #banner-clients .details-link a { margin-top: 15px; margin-bottom: 0px; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #banner-offer { /*height: 520px;*/ height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding: 30px 40px 0px 40px; background: url('./Images/bg_green_1280x722.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; } #banner-offer .banner-cont-wrap { padding-bottom: 120px; } #banner-offer .banner-title h2 { margin-bottom: 0px; color:#fff; } #banner-offer .banner-link { margin-top: 20px; cursor:pointer; padding-right: 60px; } #banner-offer .banner-link p { text-decoration: underline; } #banner-offer .banner-link > a, #banner-offer .banner-link > a:visited { font-size:14px; letter-spacing: 1px; text-decoration: underline!important; color:#fff!important; } #offer-main { margin: 0px auto; } .banner-offer-main { color:#fff; padding:0px; margin-left: auto; margin-right: auto; } .banner-offer-main .term { margin-top:20px; font-size:14px; letter-spacing: 0.5px; } .banner-offer-main .offer-title-number { line-height: 136px; font-size: 136px; margin-top: -20px; } .banner-offer-main .offer-title-text{ line-height: 60px; font-size: 40px; letter-spacing: 0.5px; } .banner-offer-main .banner-row { letter-spacing:0.25px; } .banner-offer-main .banner-right-block { padding: 0px; border-left: 2px solid #56d6c6; } .banner-offer-main .banner-right-block .banner-row { padding: 0px; font-size: 16px; margin: 0px 0px 18px 20px; font-weight: 400; letter-spacing: 0.5px; } .banner-offer-main .banner-right-block .banner-row:last-child { margin-bottom: 0px; } .banner-offer-main .banner-right-block .banner-row img{ width: auto; height: 32px; } .banner-offer-main .try-free-link a { margin-top: 10px; } #banner-offer .try-free-link a { margin-top: 0px; } #banner-price { padding: 30px 60px 120px 60px; background-color:#fff; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #banner-price .banner-link { margin-top: 20px; cursor:pointer; padding-right: 60px; } #banner-price .banner-link p{ text-decoration: underline; } #banner-price .banner-link > a, #banner-price .banner-link > a:visited { font-size:14px; letter-spacing: 1px; text-decoration: underline!important; color:#444!important; } #banner-price > .row > p { padding-left: 40px; } #banner-price table { margin-top: 20px; } #banner-price table td{ padding:16px 10px; font-size: 15px; color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; vertical-align: middle; } #price-table table { border-spacing: 0; border-collapse: separate; border: 1px solid transparent; } #price-table table tr th { border-top:1px solid #ddd; border-bottom:1px solid transparent; border-left: 1px solid #ddd; border-right:1px solid transparent; } #price-table table tr td { border-top:1px solid transparent; border-bottom:1px solid #ddd; border-left: 1px solid #ddd; border-right:1px solid transparent; } #price-table table tr td:last-child, #price-table table tr th:last-child { border-right:1px solid #ddd; } #price-table .details-link a{ margin: 6px auto 0px; padding: 10px 10px; letter-spacing: 0.5px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; font-size: 14px; } #price-table thead th.bg-green-ao { vertical-align: middle; font-size: 16px; font-weight:400; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; color:#fff; background: url('./Images/BG_Green.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #price-table thead th { width: 120px; } #price-table thead th.col-ols { width:130px; min-width:130px; } #price-table thead th:first-child { width: auto; } #price-table thead th:last-child { width: 150px; } #price-table .price-row td { color:#006666; font-size: 16px; font-weight:400; padding:8px 0px; background-color: #f9f9f9; border-bottom:1px solid transparent; } #price-table .ols-links-row td { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px; background-color: #f9f9f9; } #price-table .buy-online-link { display:inline-block; } #price-table .buy-online-link a { white-space: nowrap; display: inline-block; margin-top: -10px; margin-left:0px; margin-right:0px; padding:10px 15px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; font-weight: 400; background-color: #f5d312; border: 3px solid #f5d312; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 15px; color: #444!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #price-table .buy-online-link a:hover { background-color: #f5bd14; border: 3px solid #f5bd14; } #price-table .buy-online-link a .bag-icon-banner { margin-top:-5px; } #price-table th{ position: sticky; top: 80px; } .visible-1200 { display:block!important; } .visible-768 { display: none!important; } .visible-320 { display: none!important; } .visible-1200-inline { display:inline-block!important; } .visible-1200-less { display:none!important; } @media (min-width:320px) and (max-width:1199px) { #price-table .buy-online-link a { margin-top: 10px; margin-right: -5px; margin-bottom: -10px; } #price-table thead th.col-ols { width:120px; min-width:120px; } #price-table table tr th { border-top:1px solid transparent; border-bottom:1px solid transparent; border-left: 1px solid transparent; border-right:1px solid transparent; } #price-table table tr td { border-top:1px solid transparent; border-bottom:1px solid transparent; border-left: 1px solid transparent; border-right:1px solid transparent; } #price-table table tr td:last-child, #price-table table tr th:last-child { border-right:1px solid transparent; } #price-table .price-details table.table { border-bottom: 1px solid #f0f0f0; } } @media (min-width:320px) and (max-width:1599px) { .visible-1600-inline { display:none!important; } } @media (min-width:1600px) { .visible-1600-inline { display:inline-block!important; } #price-table thead th.col-ols { width:160px; min-width:160px; } } /***********************************************************************************************************************************************************************************************************/ body { position:relative; } section { height:100vh; } .dotted-scrollspy { background: none; } .dotted-scrollspy li a:focus, .dotted-scrollspy li a:hover { background:none; } .dotted-scrollspy li a span { width:14px; height:14px; background-color: rgba(0,0,0,.2); } .dotted-scrollspy li.active a span { background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 102, 102, 1); border:1px solid rgba(0, 102, 102, 0.5); } .scroll-next { position: absolute;/*fixed;*/ right: 8px; bottom: 45px; cursor: pointer; z-index: 1040; } .scroll-next img { width: 60px; height: 60px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5); } .scroll-next img:active { border:1px solid rgba(0, 102, 102, 0); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.75); } .animated.dur-2s { animation-duration: 2s!important; -webkit-animation-duration: 2s!important; } .animated.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .animated.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; } .animated.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .animated.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; } /***************************************************************************/ .carousel-ast .carousel-inner, .carousel-ast .carousel, .carousel-ast .item, .carousel-ast .container, .carousel-ast .fill { height:100%; width:100%; background-position:center center; background-size:cover; } .carousel-ast .slide-wrapper{display:inline;} .carousel-ast .slide-wrapper .container{padding:0px;} /*------------------------------ vertical bootstrap slider----------------------------*/ .carousel-ast .carousel-inner> .item.next , .carousel-ast .carousel-inner > .item.active.right{ transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.prev , .carousel-ast .carousel-inner > .item.active.left{ transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.next.left , .carousel-ast .carousel-inner > .item.prev.right , .carousel-ast .carousel-inner > .item.active{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0); -o-transform:translateY(0); top:0; left:0; } /*---------- vertical carousel indicators --------------*/ .carousel-ast .carousel .carousel-indicators{ position:fixed; top:55%; margin:0px; height:250px; right:30px; left:auto; width:auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .carousel-ast .carousel .carousel-indicators li{ display:block; margin:0px 0px 20px 0px; border:1px solid transparent; font-size: 14px; width: 14px; max-width: 14px; height: 14px; background-color: rgba(0,0,0,.2); } .carousel-ast .carousel .carousel-indicators li.active{ background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 102, 102, 0); } #main-corp.carousel-ast .carousel .carousel-indicators li.active{ background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 0, 0, 0); } @media (min-width: 768px) and (max-width: 1199px) { /*------------------------------ horizontal bootstrap slider----------------------------*/ .carousel-ast .carousel-inner> .item.next , .carousel-ast .carousel-inner > .item.active.right{ transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.prev , .carousel-ast .carousel-inner > .item.active.left{ transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.next.left , .carousel-ast .carousel-inner > .item.prev.right , .carousel-ast .carousel-inner > .item.active{ transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); top:0; left:0; } /*---------------------------------------------*/ .carousel-ast .carousel .carousel-indicators{ position:absolute; width:auto; height:20px; bottom:90px; top:auto; right:50%; left:auto; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } .carousel-ast .carousel .carousel-indicators li{ display:inline-block; margin:0px 10px 0px 10px; border:1px solid transparent; font-size: 14px; width: 14px; max-width: 14px; height: 14px; background-color: rgba(0,0,0,.2); } } @media(max-width:767px) { /*------------------------------ horizontal bootstrap slider----------------------------*/ .carousel-ast .carousel-inner> .item.next , .carousel-ast .carousel-inner > .item.active.right{ transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.prev , .carousel-ast .carousel-inner > .item.active.left{ transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); top: 0; left:0; } .carousel-ast .carousel-inner > .item.next.left , .carousel-ast .carousel-inner > .item.prev.right , .carousel-ast .carousel-inner > .item.active{ transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); top:0; left:0; } /*---------------------------------------------*/ .carousel-ast .carousel .carousel-indicators{ position:absolute; width:100%; height:20px; bottom:120px; top:auto; right:50%; left:auto; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } .carousel-ast #vertical-slider-corp.carousel .carousel-indicators{ position:absolute; width:100%; height:20px; bottom:80px; top:auto; right:50%; left:auto; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } .carousel-ast .carousel .carousel-indicators li{ display:inline-block; margin:0px 10px 0px 10px; border:1px solid transparent; font-size: 14px; width: 14px; max-width: 14px; height: 14px; background-color: rgba(0,0,0,.2); } } /***************************************************************************/ /***** CORPORATION MAIN PAGE *****/ #main-corp { margin:0px; min-width:320px; } #main-corp .scroll-next img { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); } #main-corp .scroll-next img:active { border:1px solid rgba(255, 255, 255, 1); box-shadow: 0 0 15px 0 rgba(255, 255, 255, 1); } #main-corp .banner-title { padding-left: 0px; } #corp-intro { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding: 0px 40px 0px 40px; background: url('./Images/corp_1200_1_bg_all.png') no-repeat center left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-intro .banner-cont-wrap { padding-bottom: 140px; } #corp-intro .banner-title { padding-left: 40%; } #corp-intro .banner-title h2, #corp-intro .banner-title h1 { color:#444; font-size:40px; letter-spacing:1px; font-weight:400; margin-bottom: 40px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #corp-intro .banner-title p { color:#444; font-size:20px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #corp-intro .details-link { padding-right: 0px; position: fixed; top:65%; left: 39%; } #corp-intro .details-link a{ margin-top: 0px; display: inline-block; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #corp-why { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding: 20px 100px 0px 100px; background: url('./Images/corp_1200_2_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-why .banner-title h2 { color:#444; font-size:40px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; text-align: center; } #corp-why .solution-item { padding: 0px 10px; } #corp-why .solution-title { color:#444; font-size:20px; letter-spacing:1px; font-weight:400; margin: 15px 0px 10px 0px; text-align:center; } #corp-why .solution-title img { width:20px; height:auto; } #corp-why .div-table { padding: 0px; background-color:#fff; border:1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5); } #corp-why .table { margin-bottom: 0px; } #corp-why table tr > td > img { width:15px; height:auto; margin-top: -4px; } #corp-why table tr > td { font-size:12px; padding: 6px 0px 6px 10px; border:1px solid transparent; } #corp-why .div-table .td-icon { text-align: center; } #corp-why .div-table .td-text { text-align: left; width:48%; } #corp-why .details-link { padding-right: 0px; position: fixed; /*position: absolute;*/ bottom: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-why .details-link a { margin-top: 15px; margin-bottom: 0px; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #corp-profit { height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding: 20px 40px 0px 40px; background: url('./Images/corp_1200_3_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-profit .banner-title { padding-left: 0px; padding-bottom: 15px; } #corp-profit .banner-title h2 { color:#444; font-size:40px; letter-spacing:1px; font-weight:400; margin-bottom: 0px; text-align:center; } #corp-profit .banner-items-list { /*padding-left:0px;*/ } #corp-profit .banner-item { margin-top: 5px; padding: 0px 10px; } #corp-profit .banner-item .banner-icon { height: 61px; } #corp-profit .banner-item h5 { font-size: 20px; color: #888; font-weight: 400; letter-spacing: 1px; margin-top: 5px; margin-bottom: 5px; } #corp-profit .banner-item p { font-size: 13px; color: #444; } #corp-profit .details-link { padding-right: 0px; position: fixed; bottom: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-profit .details-link a { margin-top: 0px; margin-bottom: 0px; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #corp-how { /*height: 520px;*/ height: 90vh; height: calc(100vh - 79px); min-height: 520px; padding: 20px 100px 0px 100px; background: url('./Images/corp_1200_3_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-how .banner-title { padding-left: 0px; } #corp-how .banner-title h2 { color:#555; font-size:40px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; text-align:center; } #corp-how img { height: 80vh; height: calc(100vh - 260px); max-height: 474px; } #corp-how .how-img { margin-top:20px; text-align:center; } #corp-how .details-link { padding-right: 0px; position: fixed; bottom: 15px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-how .details-link a { margin-top: 0px; margin-bottom: 0px; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #corp-clients { height: 90vh; height: calc(100vh - 79px); min-height: 620px;/*520px;*/ padding: 20px 40px 0px 40px; background: url('./Images/corp_1200_3_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-clients .banner-title { padding-left: 0px; padding-bottom: 10px; } #corp-clients .banner-title h2 { color:#444; font-size:40px; letter-spacing:1px; font-weight:400; margin-bottom: 0px; text-align:center; } #corp-clients #index-customers.banner-logo-list { /*padding: 0px 7.5vw; */ padding:0px 20px 0px 0px; } #corp-clients #index-customers .logo-item { height: 80px; /*width: 20%;*/ width: 16.6%; } #corp-clients #index-customers .peugeot { background: url('/Portals/0/Images/logo_mono_peogeot.png') no-repeat center center; } #corp-clients #index-customers .citroen { background: url('/Portals/0/Images/logo_mono_citroen.png') no-repeat center center; } #corp-clients #index-customers .softserve { background: url('/Portals/0/Images/SOFTSERVE_w125.png') no-repeat center center; } #corp-clients #index-customers .masterkey { background: url('/Portals/0/Images/logo_mono_mk.png') no-repeat center center; margin-left: 0px; } #corp-clients #index-customers .imsa { background: url('/Portals/0/Images/logo-imsa_ok.png') no-repeat center center; } #corp-clients #index-customers .caparol { background: url('/Portals/0/Images/logo_mono_caparol.png') no-repeat center center; } #corp-clients #index-customers .avangard { background: url('/Portals/0/Images/logo_avangard_grey_w125.png') no-repeat center center; margin-left: 0%; } #corp-clients #index-customers .ip-securities { background: url('/Portals/0/Images/logo_IPSecurities_grey_w150.png') no-repeat center center; } #corp-clients #index-customers .lardi { background: url('/Portals/0/Images/LARDI_grey_h50px.png') no-repeat center center; } #corp-clients #index-customers .admx { background: url('/Portals/0/Images/logo_network_mono_w125px.png') no-repeat center center; } #corp-clients #index-customers .arx { background: url('/Portals/0/Images/arx_logo_mono.png') no-repeat center center; /*width:120px; */ } #corp-clients #index-customers .infopulse { background: url('/Portals/0/Images/logo_infopulse_grey_w125.png') no-repeat center center; } #corp-clients #index-customers .kompas { background: url('/Portals/0/Images/kompas_w125px.png') no-repeat center center; } #corp-clients #index-customers .trade-master { background: url('/Portals/0/Images/trade_master_logo_w150_mono.png') no-repeat center center; } #corp-clients #index-customers .zeo { background: url('/Portals/0/Images/ZeoLogo_w75_h72_mono_lt.png') no-repeat center center; } #corp-clients .banner-items-list { padding: 0px 5vw; } #corp-clients .banner-items-list .banner-item { width: 20%; margin:0px; padding: 20px 10px; } #corp-clients .banner-item p { font-size: 13px; margin: 20px 0 20px; } #corp-clients .details-link { padding-right: 0px; position: fixed; bottom: 40px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-clients .details-link a { margin-top: 0px; margin-bottom: 0px; padding: 15px 50px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; font-size: 16px; color: #fff!important; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #main-corp #contacts { height: 85vh; height: calc(100vh - 120px); min-height: 480px; padding: 20px 100px 0px 100px; background: url('./Images/corp_1200_3_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-feed { height: 100vh; height: calc(100vh - 79px); min-height: 740px; padding: 20px 100px 0px 100px; background: url('./Images/corp_1200_3_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-feed .banner-title { padding-left: 0px; padding-bottom: 0px; } #main-corp #contacts .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2 { color:#444; font-size:30px; letter-spacing:1px; font-weight:400; margin-bottom: 0px; text-align:center; } #main-corp #contacts p, #main-corp #contacts p a { color:#444; } #corp-feed p { color:#444; font-size:14px; } #corp-feed #btnSaveInfo { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #corp-feed #btnSaveInfo:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } /********************************************/ /********************************************/ /*** Medium devices (tablets, 768px and up)***/ /********************************************/ @media (min-width: 768px) and (max-width: 1199px) { .visible-1200 { display:none!important; } .visible-768 { display: block!important; } .visible-320 { display: none!important; } .visible-1200-inline { display:none!important; } .visible-1200-less { display: block!important; } .collapsing { -webkit-animation: fadein 2s ease-in; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s ease-in; /* Firefox < 16 */ -ms-animation: fadein 2s ease-in; /* Internet Explorer */ -o-animation: fadein 2s ease-in; /* Opera < 12.1 */ animation: fadein 2s ease-in; } /*********************************************/ .banner-cont-wrap { display: flex; /* establish flex container */ -webkit-flex-direction: column; /* stack flex items vertically */ -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* center items vertically, in this case */ -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:80vh; padding-bottom: 10vh; } .banner-cont { display: block; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .banner-red_bg.banner-cont-wrap , .banner-green_bg.banner-cont-wrap { padding-bottom: 0px; } .banner-red_bg .banner-cont, .banner-green_bg .banner-cont { top: -40px; padding-top: 0px; } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { height: calc(100% - 250px); } #banner-doc .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #banner-doc .banner-cont { } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 10vh; } .banner_sign { margin: 0px 0px 0px 0px; } #banner-profit .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 15vh; } #banner-profit .banner-cont { height: auto; } #profit-calc-section .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 15vh; } #profit-calc-section .banner-cont { height: auto; } #banner-clients .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 20vh; width: 100%; } #banner-clients .banner-cont { width: 100vw; display: block; } #banner-clients #index-customers { width:100vw; margin-left:0vw; padding-left:60px; padding-right:60px; } #banner-clients #index-customers .banner-item { margin-top: 3vh; } #banner-offer .banner-cont-wrap { padding-top: 0px; padding-bottom: 20vh; width: 100%; } #banner-offer .banner-cont { } #corp-intro .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #corp-intro .banner-cont { } #corp-intro .details-link { top:75%; } #corp-profit .banner-title h2 { font-size: 40px; margin-bottom: 0px; } #corp-profit .banner-cont-wrap { margin-top:0px; padding-top: 0px; padding-bottom: 30vh; height: 90vh; } /*********************************************/ #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { font-size: 40px; } /* ipad portrait (768 px) http://www.websitedimensions.com/ */ /* Web site safe area = screen resolution minus browser interface and vertical scrollbar. */ /* width = 750 px height = 920 px */ #banner-red, #banner-green { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; } .banner-red_bg { max-width: 1199px; height:250px; background: url(./Images/bg_red_768.png) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner-green_bg { max-width: 1199px; height:250px; background: url(./Images/bg_green_768.png) no-repeat center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner_sign { margin: 0px; position: relative; top: 142px; text-align: center; } .banner_sign img { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } #main .banner_title { font-size: 24px; font-weight:400; margin: 0px auto; max-width: 700px; position: relative; top: -50px; text-align: center; } #main .banner-red_bg .banner_title, #main .banner-green_bg .banner_title { font-size: 30px; line-height: 40px; } .banner-items-list { padding: 0px 20px 4vh 20px; } #banner-doc .banner-items-list { padding: 20px 20px; } .banner-items-list-2 { padding: 0px 18%; } .banner-item { margin-top: 20px; padding: 0px 5vw; } .banner-item h5 { font-size: 20px; color: #888; font-weight: 400; letter-spacing: 1px; margin-top: 10px; } #banner-red .banner-item h5 { margin-top: 0px; } .banner-item p { font-size: 16px; color: #444; } .try-free-link a, .resolve-link a, .details-link a, .review-link a { margin-top: 40px; margin-bottom: 40px; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 15px; position:absolute; } #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-doc .try-free-link a, #banner-profit .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a{ margin-top: 0px; margin-bottom: 0px; } .dotted-scrollspy.horizontal { top: auto; right: 50% !important; bottom: 10px !important; transform: translateX(50%); } .dotted-scrollspy.horizontal ul { margin-left: 0px; } .dotted-scrollspy.horizontal ul li { display:inline-block!important; padding:8px; } .dotted-scrollspy.horizontal .nav > li > a { padding:0px; } #banner-doc { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; background-color: #fff; background: #fff; } #banner-doc .bg-gray { background-color:#f0f0f0; padding-top:5vh; } #banner-doc .banner-text { padding: 30px 20px 30px 40px; } #banner-doc .banner-text p { margin: 40px 0px 0px 0px; font-size: 16px; line-height: 26px; color: #444; } #banner-doc .banner-doc-image { padding: 40px 0px; width: 354px; } #banner-doc .banner-image { margin-left: 0px; height: 380px; min-height:380px; width: 354px; background: url(./Images/main_devices_768.png) no-repeat left top; } #banner-doc .banner-items-list-wrap { } #banner-doc .banner-items-list { width: 740px; height: 120px; margin: 5vh auto 0px auto; } #banner-doc .banner-item { width: 110px; margin: 0px; display: inline-block; float: left; } #banner-doc .banner-item.ellipsis { width: 30px; margin:0px; } #banner-doc .banner-item .banner-icon { width: 110px; } #banner-profit { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 40px 40px 0px 40px; } #banner-profit .banner-title { padding-left: 40px; } #banner-profit .banner-title h2 { margin-bottom: 10px; } #banner-profit .banner-item { margin-top: 0px; padding:20px 15px; width: 33%; } #banner-profit .banner-item h6 { margin: 4vh 0px 2vh 0px; font-size: 16px; color: #444; font-weight: 400; padding: 0px 15px; } #banner-profit .banner-item-2 { width: 50%; padding:0px 15px; } #banner-profit .banner-item .banner-icon { min-width:135px; height:135px; padding: 0px; } #profit-calc-section .banner-title { padding-left: 40px; } #profit-calc-section .banner-title h2 { margin-bottom: 10px; } #banner-clients { position: relative; height: 880px; height: calc(100vh - 120px); min-height: 880px; padding: 40px 40px 0px 40px; } #banner-clients .banner-title h2 { margin-bottom: 0px; } #banner-offer { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 40px 0px 0px 0px; } #banner-offer .banner-title { padding-left: 40px; } #banner-offer .banner-title h2 { margin-bottom:10px; padding-left: 40px; } #banner-offer .banner-link { padding-right: 100px; } .banner-offer-main .offer-title-number { margin-top: 0px; } .banner-offer-main .offer-title-text { margin-top: 10px; line-height: 60px; font-size: 40px; } .banner-offer-main .term { margin-top: 20px; margin-bottom: 20px; } #banner-offer .separator-h { border-top: 1px solid #56d6c6; width: 80%; margin: 2vh 10% 4vh 10%; } .banner-offer-main .banner-right-block { border-left: none; } .banner-offer-main .banner-right-block .banner-row { padding-right: 40px; margin: 0px 0px 40px 0px; } .banner-offer-main .banner-left-block .banner-row { padding-left: 40px; margin: 0px 0px 40px 0px; font-size: 16px; } .banner-offer-main .banner-left-block .banner-row img{ width: auto; height: 32px; } .banner-offer-main .try-free-link a { margin-top: 10px; margin-bottom:10px; } #offer-plus { margin: 0px auto; } .banner-offer-plus { padding: 15px 40px; margin-top: 40px; margin-left: auto; margin-right: auto; width: 623px; height:202px; background: url('./Images/prop-plus_bg_hor.png') no-repeat left top; } .banner-offer-plus .offer-title-number { padding-top: 0px; line-height: 80px; font-size: 80px; width:50%; text-align: left; } .banner-offer-plus .offer-title-text{ width:60%; text-align: left; line-height: 26px; font-size: 16px; margin-top: 15px; padding-left: 0px; padding-right: 0px; } .banner-offer-plus .details-link a{ margin-top: -64px; margin-left: 340px; } #banner-price .banner-link { padding-right: 100px; } #banner-price .lic-item { margin: 20px 40px; padding: 20px 30px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #banner-price .lic-item .lic-title { color: #444; font-size:18px; font-weight: 400; margin: 10px 0px 30px 0px; } #banner-price .lic-item .price-details h5 { color: #999!important; margin:0px -30px!important; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-left: 30px; padding-right: 30px; } #banner-price .lic-item .price-details h5 .glyphicon-menu-up, #banner-price .lic-item .price-details h5 .glyphicon-menu-down{ color: #ccc; } #banner-price .lic-item .price-value { display:inline-block; width: 180px; color: #009999; font-weight: 400; padding-top: 20px; margin: 0px -30px 10px -30px; padding-left: 30px; padding-right: 30px; } #price-table .details-link a { margin-top:20px; padding: 10px 20px; } #banner-price .details.collapse .table>tbody>tr>td { border-top:1px solid transparent; } #banner-price .details.collapse .table>tbody>tr>td:first-child { width:30px; padding-top:10px; } #banner-price .details.collapse .table>tbody>tr>td:first-child img { width: 15px; } #banner-price table { margin-top: 0px; margin-left: -30px; margin-right: -30px; margin-bottom: 0px; max-width: calc(100% + 60px); width: calc(100% + 60px); } #banner-price .details.collapse .table>tbody>tr>td:first-child { width: 30px; padding-left: 5vw; padding-top: 10px; } /***** MAIN CORPORATION PAGE *****/ #corp-intro .details-link, #corp-why .details-link, #corp-profit .details-link, #main-corp #contacts .details-link, #corp-clients .details-link, #corp-how .details-link, #corp-feed .details-link { position: absolute; bottom: 15px; } #corp-intro .details-link a, #corp-why .details-link a, #corp-profit .details-link a, #main-corp #contacts .details-link a, #corp-clients .details-link a, #corp-feed .details-link a{ margin-top: 0px; margin-bottom: 0px; } #corp-intro { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 0px 40px 40px 40px; background: url('./Images/bg_corp_1_768-1200_h1366.png') no-repeat top center; } #corp-intro .banner-title { padding: 380px 40px 20px 40px; text-align: center; } #corp-intro .banner-title h2, #corp-intro .banner-title h1 { margin-top: 5%; margin-bottom:5%; margin-left:0px; } #corp-intro .banner-title p { font-size: 22px; } #corp-intro .banner-button { padding-left: 0px; text-align: center; } #corp-intro .details-link { top: auto; left: auto; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-why { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 20px 60px 0px 60px; background: url('./Images/corp_768_2_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-why .banner-title { padding-bottom: 0%; } #corp-why .banner-title h2 { font-size:28px; text-align: center; margin-bottom: 0px; } #corp-why .solution-item { width: 100%; margin: 0px; } #corp-why .solution-title { font-size:20px; margin: 10px 0px 0px; text-align:left; padding-left:0px; } #corp-why .solution-title img { width:20px; height:auto; margin-right:16px; margin-top: -5px; } #corp-why .solution-title .image { width:32px; padding:0px 0px 0px 8px; } #corp-why .div-table { margin-top:10px; padding-right: 8px; } #corp-why table tr > td { font-size: 14px; padding: 0px 0px 8px 12px; border: 1px solid transparent; } #corp-why table tr:first-child > td { font-size: 14px; padding-top: 12px; border: 1px solid transparent; } #corp-why table tr > td > img { width: 16px; height: auto; margin-top: -4px; } #corp-profit { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 20px 30px 0px 30px; background: url('./Images/corp_768_2_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-profit .banner-title { padding-left: 0px; padding-bottom: 5%; } #corp-profit .banner-title h2 { font-size:28px; } #corp-profit .banner-item { padding: 0px 10px; } #corp-profit .banner-item h5 { font-size: 20px; color: #888; font-weight: 400; letter-spacing: 1px; margin-top: 0px; } #corp-profit .banner-item p { font-size: 14px; color: #444; margin-bottom:0px; } #corp-profit .banner-item .banner-icon { height: 68px; } #corp-profit .banner-items-list.banner-items-list-2 { padding: 0px 19%; } #corp-how { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 20px 60px 0px 60px; background: url('./Images/corp_768_2_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-how .banner-title { padding-bottom: 5%; } #corp-how .banner-title h2 { font-size:28px; } #corp-clients { position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 20px 60px 0px 60px; background: url('./Images/corp_768_2_bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-clients .banner-title { padding-left: 0px; padding-bottom: 5%; } #corp-clients .banner-title h2 { font-size:28px; } #corp-clients #index-customers.banner-logo-list { margin-bottom: 5%; /*padding: 0px 5vw;*/ padding: 0px; } #corp-clients .banner-items-list.banner-items-list-2 { padding: 0px 19%; } #corp-clients .banner-items-list { padding: 0px 20px 5% 20px; } #corp-clients .banner-items-list .banner-item { padding: 0px 15px; width: 33%; } #corp-clients .banner-items-list-2 .banner-item { width: 50%; } #corp-clients #index-customers .ip-securities { /*width: 23%;*/ } #corp-clients #index-customers .imsa { width: 17%; } #corp-clients .details-link a { margin-top: 40px; margin-bottom: 0px; } #corp-clients .banner-item p { font-size: 16px; margin: 10px 0 20px; } #corp-feed{ position: relative; height: 920px; height: calc(100vh - 79px); min-height: 920px; padding: 20px 60px 0px 60px; background: url(./Images/corp_768_2_bg.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-feed .banner-title { padding-left: 0px; padding-bottom: 5%; } #main-corp #contacts { position: relative; height: 880px; height: calc(100vh - 120px); min-height: 880px; padding: 20px 60px 0px 60px; background: url(./Images/corp_768_2_bg.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #main-corp #contacts .banner-title { padding-left: 0px; padding-bottom: 10%; } #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2 { font-size: 28px; } #main-corp #contacts p.p-text-md { margin-left: -30px; margin-right: -15px; } #main-corp #contacts .border-line { margin-top: 3%; margin-bottom: 3%; } } @media (min-width: 768px) and (max-width: 991px) { #corp-clients .banner-title { padding-left: 0px; padding-bottom: 3vh; } #corp-clients .banner-items-list { padding: 0px 20px 10px 20px; } #corp-clients #index-customers .logo-item { width: 25%!important; } #banner-clients { min-height: 1080px!important; } } /*******************************************/ @media (max-width: 767px) { #banner-doc { padding:20px; } #banner-doc .banner-image { margin-left: 0px; height:448px; background: url('./Images/devices_full.png') no-repeat left top; } #banner-doc .banner-text { padding:0px; } .try-free-link a, .resolve-link a { margin: 30px 10px 10px 10px; } } /*******************************************/ /*******************************************/ /* Small and Extra small devices (landscape phones, 576px and up, portrait phones, less than 576px)*/ /*******************************************/ /*******************************************/ @media (max-width: 767px) { .visible-1200 { display:none!important; } .visible-768 { display: none!important; } .visible-320 { display: block!important; } .visible-1200-inline { display:none!important; } .visible-1200-less { display: block!important; } .collapsing { -webkit-animation: fadein 2s ease-in; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s ease-in; /* Firefox < 16 */ -ms-animation: fadein 2s ease-in; /* Internet Explorer */ -o-animation: fadein 2s ease-in; /* Opera < 12.1 */ animation: fadein 2s ease-in; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } #banner-red, #banner-green { height: auto; margin: 0px -15px; padding-bottom: 120px; min-width: 320px; } #banner-green .try-free-link { padding: 0px; bottom: 15px; } .banner-red_bg { max-width: 768px; min-width: 320px; height:250px; padding:0px; background: url('./Images/bg_red_768.png') no-repeat left top; } .banner-cont{ position: relative; left: 0; top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .banner-red_bg .banner-cont { height: 250px; top:0px; } .banner_sign { margin: 0px; position: relative; top: 152px; text-align: center; } .banner_sign img { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } #main .banner_title { font-size: 24px; line-height: 30px; font-weight:400; margin: 0px auto; padding: 0px 20px; max-width: 300px; position: relative; top: -60px; text-align: center; } .banner-green_bg { max-width: 768px; min-width: 320px; height:250px; background: url('./Images/bg_green_768.png') no-repeat center top; } .banner-green_bg .banner-cont { height: 250px; top:0px; } .banner-items-list { padding: 0px; } .banner-item { margin-top: 40px; padding: 0px; } .banner-item h5 { font-size: 22px; } #corp-profit .banner-item h5 { margin-top: 20px; margin-bottom: 10px; } #banner-red .banner-item p, #banner-green .banner-item p { font-size: 16px; } #banner-red .resolve-link { min-width: 240px; bottom: 15px; position: absolute; } .try-free-link a, #banner-red .resolve-link a, .details-link a { padding: 15px 30px; min-width: 280px; } .review-link a, #corp-clients .details-link a { padding: 15px 30px; min-width: 240px; } .dotted-scrollspy.horizontal { top: auto; right: 50% !important; bottom: 50px !important; transform: translateX(50%); width: 300px; text-align: center; } .dotted-scrollspy.horizontal ul { margin-left: 0px; } .dotted-scrollspy.horizontal ul li { display:inline-block!important; padding:8px; } .dotted-scrollspy.horizontal .nav > li > a { padding:0px; } .banner-title { padding-left: 20px; } #customer-review-page .banner-title { padding-left: 0px; } #banner-doc { padding: 40px 60px 200px 60px; height: auto; margin: 0px -15px; min-width: 320px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 calc(100% - 610px), #fff calc(100% - 610px), #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 calc(100% - 610px), #fff calc(100% - 610px), #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 calc(100% - 610px), #fff calc(100% - 610px), #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 calc(100% - 610px), #fff calc(100% - 610px), #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #banner-doc .banner-cont { height: auto; } #banner-doc .banner-image { height: 200px; min-height: 200px; width: auto; background: url(./Images/devices_full.png) no-repeat center top; } #banner-doc .banner-text h2, #banner-doc .banner-text h1 { font-size: 36px; margin-top: 10px; margin-right:-15px; } #banner-doc .banner-text p { margin: 30px 0px 40px 0px; } #banner-doc .banner-item { width: 100%; margin-left: -15px; margin-top: 20px; padding-left: 40px; } #banner-doc .banner-item h6 { font-size: 16px; text-align: left; margin-left: 80px; } #banner-doc .banner-item .banner-icon { width: 44px; } #banner-doc .try-free-link { padding: 0px; bottom: 15px; } #banner-profit { padding: 40px 5% 40px 5%; height: auto; margin: 0px; min-width: 320px; } #banner-profit .banner-title h2 { font-size: 36px; margin-top: 0px; margin-bottom: 20px; } #banner-profit .banner-cont { height: auto; } #banner-profit .banner-cont-wrap { padding-top: 0px; } #banner-profit .banner-items-list { margin-bottom:40px; } #banner-profit .banner-item { margin-top: 40px; padding:0px 10%; width: 100%; } #banner-profit .banner-item .banner-icon { width:80px; min-width: 80px; height:80px; padding: 0px; margin-left: 0px; margin-right: 0px; float: left; } #banner-profit .banner-item .banner-icon img { width: 80px; height: 80px; position: relative; top: 0px; } #banner-profit .banner-item div { display: inline-block; } #banner-profit .banner-item h6 { width: calc(100% - 120px); height: 80px; padding: 16px 0px 0px; font-size: 16px; line-height: 24px; margin: 0px 0px 0px 30px; max-width: 260px; display: inline-block; text-align: left; } #banner-profit .try-free-link, #banner-doc .try-free-link, #banner-red .try-free-link, #banner-green .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 15px; position: absolute; } #banner-profit .try-free-link a, #banner-doc .try-free-link a, #banner-red .try-free-link, #banner-green .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-top: 0px; width: 340px; min-width:340px; padding: 15px 30px; } #profit-calc-section { padding: 40px 5% 40px 5%; height: auto; margin: 0px; min-width: 320px; } #profit-calc-section .banner-title h2 { font-size: 36px; margin-top: 0px; margin-bottom: 20px; } #profit-calc-section .banner-cont { height: auto; } #profit-calc-section .banner-cont-wrap { padding-top: 0px; } #banner-clients { padding: 40px 40px 60px 40px; height: auto; margin: 0px -15px; min-width: 320px; } #banner-clients .banner-cont-wrap { padding-top: 0px; } #banner-clients .try-free-link, #banner-clients .details-link { padding: 0px 30px; bottom: 20px; } #banner-clients .banner-title { padding-left: 0px; } #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { font-size: 36px; margin-top: 0px; } #index-customers { margin-bottom: 60px; } #banner-offer { padding: 80px 60px 60px 60px; height: auto; margin: 0px -15px; min-width: 320px; } #banner-offer .banner-title { padding-left: 0px; margin-top:20px; top: -40px; } #banner-offer .banner-link { top: -140px; padding-right: 0px; } .banner-offer-main .offer-title-number { line-height: 120px; font-size: 100px; margin-top: 0px; } .banner-offer-main .offer-title-text { line-height: 40px; font-size: 32px; letter-spacing: 0.5px; } .banner-offer-main .term { margin-top: 20px; margin-bottom:40px; font-size: 14px; } #banner-offer .separator-h { border-top: 1px solid #56d6c6; width: 80%; margin: 0px 10% 40px 10%; } .banner-offer-main .banner-row { padding: 0px; font-size: 16px; margin: 20px 0px 40px 0px; } .banner-offer-main .banner-row img{ width: auto; height: 32px; margin-bottom: 20px; } #banner-offer .try-free-link { padding: 0px 10px; bottom: 15px; } /***********************/ #offer-main { margin: 0px auto; } #offer-plus { margin: 0px auto; } .banner-offer-plus { padding: 15px 40px; margin-top: 40px; margin-left: auto; margin-right: auto; width: 623px; height:202px; background: url('./Images/prop-plus_bg_hor.png') no-repeat left top; } .banner-offer-plus .offer-title-number { padding-top: 0px; line-height: 80px; font-size: 80px; width:50%; text-align: left; } .banner-offer-plus .offer-title-text{ width:60%; text-align: left; line-height: 26px; font-size: 16px; margin-top: 15px; padding-left: 0px; padding-right: 0px; } .banner-offer-plus .details-link a{ margin-top: -64px; margin-left: 340px; } #banner-price { padding: 80px 20px 160px 20px; height: auto; margin: 0px -15px; min-width: 320px; } #banner-price .banner-title { margin-top:20px; top: -40px; } #banner-price .banner-title h2, #banner-price .banner-title h1 { font-size: 36px; margin-top: 0px; padding-left:20px; } #banner-price .banner-title > p { margin-left: 20px; margin-bottom:0px!important; } #banner-price .banner-link { margin-top: -120px; padding-right: 40px; top: -20px; } #banner-price > .row > p { padding-left: 40px; margin-top: -40px; } #banner-price .lic-list { margin-left: -25px; margin-right: -25px; } #banner-price .lic-item { margin: 20px 0px; padding: 20px 30px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #banner-price .lic-item .lic-title { color: #444; font-size:18px; font-weight: 400; margin: 10px 0px 30px 0px; } #banner-price table { margin-top: 0px; margin-left: -30px; margin-right: -30px; margin-bottom: 0px; max-width: calc(100% + 60px); width: calc(100% + 60px); } #banner-price .lic-item .price-details h5 { font-weight: 400; color: #999!important; margin: 0px -30px!important; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; width: 100vw; padding-left: 30px; padding-right: 30px; } #banner-price .lic-item .price-details h5 .glyphicon-menu-up, #banner-price .lic-item .price-details h5 .glyphicon-menu-down{ color: #ccc; } #banner-price .lic-item .price-value { display:inline-block; color: #009999; font-weight: 400; padding-top: 20px; margin: 0px -30px 10px -30px; padding-left: 30px; padding-right: 30px; } #price-table .details-link a { margin-top:20px; padding: 10px 30px; min-width: 120px; } #banner-price .details.collapse .table>tbody>tr>td { border-top:1px solid transparent; } #banner-price .details.collapse .table>tbody>tr>td.text-left { padding-right: 30px; } #banner-price .details.collapse .table>tbody>tr>td:first-child { width:30px; padding-left: 5vw; padding-top:10px; } #banner-price .details.collapse .table>tbody>tr>td:first-child img { width:15px; } /***** MAIN CORPORATION PAGE *****/ #main-corp { /* margin-top:79px;*/ } #corp-intro { position: relative; height: 800px; height: calc(100vh - 79px); min-height: 800px; padding: 0px 30px 30px 30px; background: url('./Images/corp_768_1_bg.png') no-repeat top center; } #corp-intro .banner-title { margin: 380px 0px 0px 0px; padding: 0px 40px 20px 40px; text-align: center; } #corp-intro .banner-title h2, #corp-intro .banner-title h1, #corp-why .banner-title h2, #corp-profit .banner-title h2, #corp-clients .banner-title h2, #corp-how .banner-title h2 { font-size: 28px; margin-top: 0px; margin-bottom:20px; margin-left:0px; } #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2 { font-size: 24px; } #corp-intro .banner-title p { line-height: 30px; font-size: 20px; margin-bottom: 5vh; } #corp-intro .details-link, #corp-why .details-link, #corp-feed .details-link, #corp-profit .details-link, #corp-clients .details-link, #corp-how .details-link { position: absolute; bottom: 15px; } #corp-intro .details-link { top: auto; left: auto; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); } #corp-intro .details-link a, #corp-why .details-link a, #corp-feed .details-link a, #corp-profit .details-link a, #corp-clients .details-link a , #corp-how .details-link a { padding: 10px 15px; } #corp-intro .banner-button { padding-left: 0px; text-align: center; } #corp-why { height:auto; padding: 30px 30px 140px 30px; background: url('./Images/corp_768_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-why .banner-title { padding-left: 0px; } #corp-why .banner-title h2 { font-size: 28px; padding: 0px 20px; text-align: center; margin-bottom:20px; } #corp-why .solution-item { width: 100%; margin: 0px; } #corp-why .solution-title { padding-left:0px; font-size:16px; margin: 10px 0px 5px 0px; text-align:left; } #corp-why .solution-title .image { width: 40px; padding: 0px 10px 0px 0px; } #corp-why .solution-title .text { padding: 3px 0px 0px 0px; } #corp-why .solution-title img { width: 18px; height: auto; margin-right: 6px; } #corp-why .div-table { margin-top: 10px; margin-left: -15px; margin-right: -15px; } #corp-why table tr > td { font-size: 14px; padding: 6px 0px 6px 12px; border: 1px solid transparent; } #corp-why table tr > td:first-child { padding-left: 20px; } #corp-why table tr > td:last-child { padding-right: 20px; } #corp-why .div-table .td-text { width:calc(100% - 28px); } #corp-profit { height:auto; padding: 80px 20px 100px 20px; background: url('./Images/corp_320_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-profit .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-profit .banner-title h2 { font-size:28px; } #corp-profit .banner-item { margin-top: 40px; padding: 0px 20%; } #corp-profit .banner-item h5 { font-size: 22px; } #corp-profit .banner-item p{ font-size:16px; } #corp-how { height: 680px; height: calc(100vh - 79px); min-height: 680px; padding: 80px 20px 100px 20px; background: url('./Images/corp_320_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-how .banner-title { padding-left: 0px; } #corp-how .banner-title h2 { font-size:28px; } #corp-how .details-link a { margin-top: 40px; margin-bottom: 0px; } #corp-how .how-img { margin: 30px 10px 20px 10px; } #corp-how img { height: auto; max-height: 474px; } #corp-clients { height:auto; padding: 80px 20px 100px 20px; background: url('./Images/corp_320_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-clients .banner-title { padding-left: 0px; } #corp-clients .banner-title h2 { font-size:28px; margin-bottom:0px; } #corp-clients #index-customers .logo-item { height: 100px; width: 100%; } #corp-clients #index-customers .softserve { width: 100%; } #corp-clients #index-customers .masterkey { width: 100%; } #corp-clients #index-customers .avangard { width: 100%; margin-left: 0%; } #corp-clients .banner-items-list .banner-item { width: 100%; margin-top: 40px; padding: 0px 20%; } #corp-clients .banner-item p { font-size:16px; } #corp-clients .details-link a { margin-top: 20px; margin-bottom: 0px; } #corp-feed { height: 1040px; height: calc(100vh - 79px); min-height: 1040px; padding: 80px 20px 40px 20px; background: url('./Images/corp_320_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-feed > .row > p { padding: 0px 30px; } #main-corp #contacts { height: 680px; height: calc(100vh - 120px); min-height: 680px; padding: 80px 20px 40px 20px; background: url('./Images/corp_320_2_bg.png') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2 { font-size: 28px; padding: 0px 20px; margin-bottom:40px; } #main-corp #contacts p { color: #444; font-size: 16px; } #main-corp #contacts .two-rows p { margin-top:12px; margin-bottom: 0px; } #main-corp #contacts .one-row p { margin-top:24px; margin-bottom: 0px; } #main-corp #contacts .border-line { width: 90%; margin-left: 5%; } #corp-profit, #corp-how, #corp-clients, #corp-feed, #main-corp #contacts { padding: 30px 30px 140px 30px; } } /************************************************************/ @media (min-width: 469px) and (max-width: 767px) { #main-corp #contacts .banner-title h2 { font-size: 28px; line-height: 32px; padding: 0px 20px; margin-bottom:20px; } } /************************************************************/ @media (max-width: 468px) { #corp-intro { height: 820px; height: calc(100vh - 79px); min-height: 820px; padding: 0px 30px 120px 30px; background: url('./Images/corp_768_1_bg.png') no-repeat top center; } #corp-intro .banner-cont-wrap { padding-bottom: 0px; } #corp-intro .banner-title { margin: 380px 0px 0px 0px; padding: 0px; text-align: center; } #corp-intro .banner-title h2, #corp-intro .banner-title h1 { font-size: 28px; line-height: 36px; margin-bottom:20px; margin-left:10px; margin-right: 10px; } #corp-intro .details-link a { margin-bottom: 0px; } #corp-why { height:auto; padding: 30px 30px 120px 30px; } #corp-why .banner-title h2 { font-size: 24px; padding: 0px 20px; text-align: center; margin-bottom:20px; } #corp-why .solution-item { width: 100%; margin: 0px; } #corp-why .solution-title { padding-left:0px; font-size:16px; } #corp-why .solution-title img { width: 16px; height: auto; margin-right: 8px; } #corp-why .div-table { margin-top: 10px; } #corp-why table tr > td { font-size: 14px; } #corp-profit, #corp-how, #corp-clients, #corp-feed, #main-corp #contacts { height:auto; padding: 30px 30px 140px 30px; } #corp-feed { height: 1040px; height: calc(100vh - 79px); min-height: 1040px; } #main-corp #contacts { height: 620px; height: calc(100vh - 140px); min-height: 620px; } #corp-profit .banner-item { margin-top: 40px; padding: 0px 10%; } #corp-profit .banner-items-list { padding: 0px 20px; } #corp-profit .banner-item h5 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; } #corp-why .details-link a, #corp-profit .details-link a, #corp-how .details-link a, #corp-clients .details-link a { padding: 10px 15px; } #corp-feed #btnSaveInfo { margin-top: 40px; padding: 15px 50px; } #corp-clients .banner-title { padding-bottom: 0px; } #corp-clients .banner-items-list { padding: 0px 20px; } #corp-clients .banner-items-list .banner-item { width: 100%; margin-top: 40px; padding: 0px 10%; } #corp-clients .banner-title h2, #corp-profit .banner-title h2, #corp-how .banner-title h2, #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2{ font-size:28px; margin-bottom:20px; } #corp-feed .banner-title h2, #main-corp #contacts .banner-title h2{ font-size:20px; } #corp-how .how-img { margin: 10% 10px 20px 10px; } #corp-how { height: 480px; height: calc(100vh - 79px); min-height: 480px; padding: 30px 30px 140px 30px; } #corp-feed p { margin: 0px; padding: 20px; } #main-corp #contacts img { height: 100%; width: 100%; max-height: 60px; max-width: 60px; min-width: 60px; min-height: 60px; } #main-corp #contacts p { color: #444; margin: 10px 0px; font-size: 15px; } #main-corp #contacts .two-rows p { margin-top:9px; margin-bottom: 0px; } #main-corp #contacts .one-row p { margin-top:18px; margin-bottom: 0px; } #banner-doc .banner-title h2, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { font-size: 30px; } #banner-profit .try-free-link, #banner-doc .try-free-link, #banner-red .try-free-link, #banner-green .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { position: absolute; bottom: 15px; } #banner-profit .try-free-link a, #banner-doc .try-free-link a, #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-top: 0px; width: 240px; min-width:240px; padding: 10px 20px; } #banner-profit .banner-items-list { margin-bottom:40px; } #banner-profit .banner-title h2, #profit-calc-section .banner-title h2 { margin-bottom: 0px; } #banner-profit .banner-item { margin-top: 40px; padding: 0px 10%; width: 100%; } #banner-profit .banner-item .banner-icon { width:64px; min-width: 64px; height:64px; padding: 0px; margin-left: 0px; margin-right: 0px; float: left; } #banner-profit .banner-item .banner-icon img { width: 64px; height: 64px; position: relative; top: 0px; } #banner-profit .banner-item div { display: inline-block; } #banner-profit .banner-item h6 { height: 64px; padding: 2px 0px 0px; font-size: 14px; line-height: 20px; margin: 0px 0px 0px 5%; width: calc(90% - 64px); max-width: 230px; display: inline-block; text-align: left; } #banner-price .details.collapse .table>tbody>tr>td:first-child { width:30px; padding-left: 8vw; padding-top:10px; } } /***********************************************************************************************************/ /*** AO-Plugin Page styles ***/ #plugin .container main { display: none; } #plugin #first-section .years-banner { background: url('./Images/files.png') no-repeat center center; width: 67%; display: table-cell; } #plugin #first-section .year-list { color: #C2C5CB; font-size: 20px; font-weight: 400; text-align: center; padding-top: 10px; padding-bottom: 10px; width: 33%; display: table-cell; } #plugin #first-section .years-banner-wrap { display: table; width: 100%; border-color: #C2C5CB; border-width: 3px; border-style: dashed; -ms-border-radius: 10px; border-radius: 10px; } #plugin h2, #plugin h1 { color: #009999; font-size: 44px; letter-spacing: 1px; font-weight: 400; } #plugin #first-section .right-block-padder { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #plugin img { max-width: 100%; max-height: 100%; } #plugin .v-spacer { margin: 15px; } #plugin .bg-white { background-color: white; } #plugin .color-white { color: white; } #plugin .color-black { color: black; } #plugin .color-gray { color: gray; } #plugin a { color: #009999; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } #plugin .underline { text-decoration: underline; } #plugin h1, #plugin h2, #plugin h3, #plugin h4, #plugin h5, #plugin p { color: #009999; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } #plugin .colored-text { color: #009999; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } #plugin ul li { list-style-type: disc; } #plugin .m-t-n { margin-top: 0; } #plugin .m-b-n { margin-bottom: 0; } #plugin .m-n { margin: 0; } #plugin #fourth-section .document-banner { background: url('./Images/document.png') no-repeat center center; height: 325px; } #plugin #fourth-section .document-icon-banner { background: url('./Images/file-w.png') no-repeat center center; height: 63px; } #plugin #sixth-section .pdf-icon-banner { background: url('./Images/file-pdf.png') no-repeat center center; height: 63px; } /*#plugin #seventh-section*/ .bag-icon-banner { background-image: url('./Images/bag.png'); background-position: center center; height: 25px; width: 20px; display: inline-block; vertical-align: middle; } .btn-text-v { display: inline-block; vertical-align: middle; } #plugin .p-5-p { padding-right: 5%; padding-left: 5%; } #plugin .m-5-p { margin-right: 5%; margin-left: 5%; } #plugin .p-1-p { padding-right: 1%; padding-left: 1%; } #plugin .m-1-p { margin-right: 1%; margin-left: 1%; } #plugin .p-n { padding: 0; } #plugin .b-r-5 { -ms-border-radius: 5px; border-radius: 5px; } #plugin .b-r-5-t { -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; } #plugin #seventh-section .bg-header { background: url('./Images/BG_Green.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #plugin #seventh-section .price-shadow { box-shadow: 0 0 10px rgba(0,0,0,0.5); } #plugin .side-block-padder { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #plugin .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #plugin .right-side-glyph-icon { float: right; margin-top: 2px; margin-right: -6px; cursor: pointer; } #plugin .price-shadow .right-side-glyph-icon { margin-right: 0px; } #plugin .text-price-div { min-height: 650px; } #plugin div.min320-width { min-width: 320px !important; } /*Circle styles*/ /* Main Container - this controls the size of the circle */ #plugin .circle_container { width: 70px; height: 70px; margin: -35px auto 0; padding: 0; } /* Circle Main draws the actual circle */ #plugin .circle_main { width: 100%; height: 100%; -ms-border-radius: 50%; border-radius: 50%; border: 2px solid white; /* can alter thickness and colour of circle on this line */ margin: 0; padding: 0; box-shadow: 0px 1px 1px 1px #F0F0F0; } /* Circle Text Container - constrains text area to within the circle */ #plugin .circle_text_container { /* area constraints */ width: 70%; height: 70%; max-width: 70%; max-height: 70%; margin: 0; padding: 0; /* some position nudging to center the text area */ position: relative; left: 15%; top: 15%; /* preserve 3d prevents blurring sometimes caused by the text centering in the next class */ -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; /*border : 1px solid green;*/ } /* Circle Text - the appearance of the text within the circle plus vertical centering */ #plugin .circle_text { /* change font/size/etc here */ /*font: 11px "Tahoma", Arial, Serif;*/ text-align: center; /* vertical centering technique */ position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #plugin h1.circle_text_num, #plugin h2.circle_text_num { font-weight: 900; margin: 0; padding: 0; } #plugin h5.circle_text_rik { font-weight: 700; margin: 0; padding: 0; } #plugin #seventh-section .bg-white h2.lic-value, #plugin #seventh-section .bg-white h2.circle_text_num { text-align: center; margin-bottom: 0px; } /***************************************************/ /************ Contacts & FeedBack sections *********/ /***************************************************/ #contacts div.min320-width { min-width: 320px !important; } #contacts .v-spacer { margin: 10px; } #contacts .v-spacer-20 { margin: 20px; } #main-corp #contacts .v-spacer-20 { margin: 0px 20px; } #contacts .bg-white { background-color: white; } #contacts .color-white { color: white; } #contacts .color-black { color: black; } #contacts .color-gray { color: gray; } #contacts a { color: #009999; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; } #contacts a.underline-on-hover:hover { text-decoration: underline; } #contacts .underline { text-decoration: underline; } #contacts .p-5-p { padding-right: 4%; padding-left: 4%; } #contacts .col-lg-1-5 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 12.499999995%; } #contacts .col-sm-1-5 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 12.499999995%; } #contacts img { height: 100%; width: 100%; max-height: 70px; max-width: 70px; min-width: 70px; min-height: 70px; } #contacts .mail-icon-banner { background: url('./Images/mail-sh.png') no-repeat center center; height: 94px; } #contacts .map-icon-banner { background: url('./Images/map-sh.png') no-repeat center center; height: 94px; } #contacts .phone-icon-banner { background: url('./Images/phone-sh.png') no-repeat center center; height: 94px; } #contacts .facebook-icon-banner { background: url('./Images/face-b.png') no-repeat center center; height: 43px; width: 43px; } #contacts .facebook-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts .youtube-icon-banner { background: url('./Images/you-t.png') no-repeat center center; height: 43px; width: 43px; } #contacts .youtube-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts .telegram-icon-banner { background: url('./Images/telegram-icon_circle.png') no-repeat center center; height: 43px; width: 43px; } #contacts .telegram-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts .arrow-lg-icon-banner { background: url('./Images/arrow-left.png') no-repeat center center; height: 17px; width: 93px; vert-align: top; vertical-align: top; display: inline-block; margin-right: 16px; } #contacts .arrow-sm-md-icon-banner { background: url('./Images/arrow-top-left.png') no-repeat center center; height: 91px; width: 17px; vert-align: top; vertical-align: top; display: inline-block; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; } #contacts .arrow-xs-icon-banner { background: url('./Images/arrow-top-right.png') no-repeat center center; height: 72px; width: 21px; vert-align: top; vertical-align: top; display: inline-block; margin-left: 15px; margin-top: 30px; } #contacts .border-line { border-bottom-color: #e7e7e7; /*#c2c5cb;*/ border-bottom-style: solid; border-bottom-width: 2px; } #contacts .facebook-i-lg { vertical-align: top; display: inline-block; margin-left: 0px; margin-right: 33px; } #contacts .youtube-i-lg { vertical-align: top; display: inline-block; margin-right: 33px; } #contacts .telegram-i-lg { vertical-align: top; display: inline-block; margin-right: 55px; } #contacts .p-text-lg { margin-top: 5px; margin-bottom: 0; margin-left:16px; display: inline-block; } #contacts .facebook-i-md { vertical-align: top; display: inline-block; margin-left: 16px; margin-right: 16px; } #contacts .youtube-i-md { vertical-align: top; display: inline-block; margin-right: 16px; } #contacts .telegram-i-md { vertical-align: top; display: inline-block; margin-right: 16px; } #contacts .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #contacts .facebook-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts .youtube-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts .telegram-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #contacts .font-bold { font-weight: bold; } /*Необходим для корректной работы qTip*/ html body { position: static; } #corp-feed .msg-div { margin-left: 22%; } @media (min-width: 768px) and (max-width: 1199px) { #corp-feed .msg-div { margin-left: 14%; } } @media (max-width: 767px) { #corp-feed .msg-div { margin-left: 0px; } } #corp-feed .form-control { display: block; width: calc(100% - 68px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid transparent; border-radius: 8px; -webkit-box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #corp-feed textarea.form-control { height: auto; } #corp-feed .fa-wrapper { position: relative; } #corp-feed .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #corp-feed .form-control-and-fa-icon-lg { padding-left: 48px; } #corp-feed textarea.fa-textare-width { /*width: calc(100% + 85px);*/ width: calc(100%); } #corp-feed .v-sum-lg { padding-left: 20px; } #corp-feed i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #corp-feed i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #corp-feed i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #corp-feed i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #corp-feed .field-validation-error { margin-left: 24px; } #corp-feed .alert.alert-success { /*width: calc(100% + 35px);*/ width: 100%; margin-left: 35px; font-size: 16px; line-height: 28px; color:#006666; background-color: #fff; border: 1px solid #009999; border-radius: 8px; } #corp-feed .alert.alert-success .close{ color:#006666; } #corp-feed .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#006666; } @media (max-width: 767px) { #corp-feed div.xs-style-custom { width: 80%; margin-left: auto; margin-right: auto; } #corp-feed .v-sum-lg { padding-left: 0; } #corp-feed .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #corp-feed .alert.alert-success strong{ font-size: 14px; line-height: 22px; } } /*#corp-feed .input-validation-error { background-color: #FFF !important; border-color: #D25A43; }*/ /************************************************************************************/ /************************ AO-Plugin Page ********************************************/ /************************************************************************************/ #plugin .down-b { background: url('/Portals/0/Images/down-b.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #plugin .down-w { background: url('/Portals/0/Images/down-w-n.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #plugin .text-info { margin-top:20px; } #plugin #first-section .text-info a, #plugin #second-section .text-info a, #plugin #third-section .text-info a, #plugin #fifth-section .text-info a, #plugin #sixth-section .text-info a, #plugin #seventh-section .text-info a { text-decoration:underline; color:#888; } #plugin #first-section{ padding: 40px 80px 80px 0px; } #plugin #second-section, #plugin #third-section, #plugin #fourth-section, #plugin #fifth-section, #plugin #sixth-section, #plugin #seventh-section { padding: 40px 80px 40px 80px; } #plugin #fourth-section, #plugin #sixth-section { padding-top: 80px; padding-bottom: 60px; } #plugin #seventh-section { padding: 40px 60px 40px 60px; } #plugin #first-section h2, #plugin #first-section h1, #plugin #seventh-section h2 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; font-weight: 400; margin-bottom: 40px; } #plugin #first-section a, #plugin #second-section a, #plugin #third-section a, #plugin #fifth-section a, #plugin #sixth-section a, #plugin #seventh-section a { color: #00bbbb; } #plugin #first-section div.right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #plugin #first-section .years-banner-wrap { max-width: 286px; margin: 0px auto; } #plugin #first-section div.year-list { line-height: 24px; } #plugin .try-free-link a { margin-top: 0px; } #plugin #first-section .color-black { color: #444; font-size: 18px; line-height: 36px; font-weight: 400; } #plugin #second-section h3 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 36px; font-weight: 400; padding-top:6px; letter-spacing:0.5px; } #plugin #second-section .col-lg-5 { padding-right: 10%; } #plugin #second-section h5 { font-family: "Open Sans", Roboto, Helvetica, sans-serif !important; color: #00bbbb; font-size: 24px; line-height: 40px; font-weight: 400; letter-spacing:0.5px; } #plugin #second-section ul { list-style: none; margin-left: -40px; } #plugin #second-section ul li { list-style-type: none; padding-top: 12px; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #plugin #second-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #plugin #third-section .color-black, #plugin #fifth-section .color-black, #plugin #seventh-section .color-black { color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #plugin #fourth-section h4, #plugin #sixth-section h4 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 28px; font-weight: 400; } #plugin #fourth-section .col-lg-4.item-left { margin-left:17%; } #plugin #fourth-section .v-spacer { margin: 6px 15px; } #plugin #seventh-section div.bg-header { background: url(./Images/BG_Green.png) no-repeat right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #plugin #seventh-section .circle_main { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); } #plugin #seventh-section .colored-text h1, #plugin #seventh-section .colored-text h2, #plugin #seventh-section .colored-text h5 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #plugin #seventh-section .bg-white h1.lic-value, #plugin #seventh-section .bg-white h2.lic-value { font-size:32px; font-weight:700; color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #plugin #seventh-section .colored-text h2.circle_text_num { margin:0px; padding:0px; font-size: 2rem; } #plugin #seventh-section .colored-text h5.circle_text_rik { font-weight: 700; margin: -6px 0px 0px 0px; padding: 0; } #plugin #seventh-section .price-shadow h5.color-gray { cursor: pointer; } #plugin #seventh-section .color-gray { color: #888; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #plugin #seventh-section .text-price-div p { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #plugin #seventh-section .text-price-div p.color-black { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #plugin #seventh-section .text-price-div { min-height: 620px; } #plugin div.circle_text_container { margin: -4px 0 0 -1px; } #plugin #seventh-section div.price-shadow { box-shadow: 0 0 10px rgba(0,0,0,0.25); } #plugin #seventh-section p.color-white.h6 { font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing:0.5px; } @media (min-width: 768px) and (max-width: 1199px) { #plugin .details-link a { padding: 15px 30px; } #plugin #first-section, #plugin #second-section, #plugin #third-section, #plugin #fourth-section, #plugin #fifth-section, #plugin #sixth-section, #plugin #seventh-section { padding: 20px 40px 20px 40px; } #plugin #first-section { padding-left: 0px; } #plugin #fourth-section, #plugin #sixth-section { padding-top: 80px; padding-bottom: 0px; } #plugin #first-section h2, #plugin #first-section h1, #plugin #seventh-section h2 { text-align: left; font-size: 36px; margin-bottom: 20px; } #plugin #second-section h3 { font-size: 28px; } #plugin #second-section .col-lg-5 { padding-right: 15px; } #plugin #second-section h5 { font-size: 20px; line-height: 32px; } #plugin #second-section ul { margin-left: 30px; } #plugin #second-section ul li { font-size: 16px; } #plugin .try-free-link a { margin-top: 20px; margin-bottom: 20px; padding: 15px 30px; } #plugin #seventh-section .try-free-link a { margin-top: 0px; } #plugin #first-section .color-black { font-size: 16px; line-height: 32px; } #plugin #first-section.row.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #plugin #fourth-section h4, #plugin #sixth-section h4 { font-size: 28px; font-weight: 400; letter-spacing:0.5px; } #plugin #seventh-section .text-price-div { min-height: auto; } #plugin #second-section .v-spacer, #plugin #seventh-section .v-spacer { margin: 0px 15px; } #plugin #fourth-section .col-lg-4.item-left { margin-left:0%; } } @media (max-width: 767px) { #plugin { padding: 0px; overflow-x:hidden; } #plugin .min320-width.row { margin-left:0px; margin-right:0px; } #plugin #first-section, #plugin #second-section, #plugin #third-section, #plugin #fourth-section, #plugin #fifth-section, #plugin #sixth-section, #plugin #seventh-section { padding: 0px 5% 0px 5%; } #plugin #second-section, #plugin #fifth-section { padding-top: 40px; padding-bottom: 40px; } #plugin #third-section { padding-top: 0px; padding-bottom: 40px; } #plugin #fourth-section, #plugin #sixth-section { padding-top: 40px; padding-bottom: 60px; } #plugin #seventh-section { padding-top:20px; padding-bottom:40px; } #plugin #first-section h2, #plugin #first-section h1, #plugin #seventh-section h2, #plugin #second-section h3 { font-size: 36px; text-align: left; margin-bottom: 20px; } #plugin #second-section h5 { font-size: 20px; } #plugin #second-section .v-spacer, #plugin #fifth-section .v-spacer, #plugin #sixth-section .v-spacer, #plugin #seventh-section .v-spacer{ margin: 0px 15px; } #plugin #fifth-section .v-spacer { display:none; } #plugin #first-section div.right-block-padder { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #plugin #first-section h2, #plugin #first-section h1 { margin-top: 40px; } #plugin #first-section .color-black { font-size: 16px; } #plugin .try-free-link { text-align: center; } #plugin .try-free-link a { margin-top: 20px; margin-bottom: 40px; } #plugin #second-section ul { margin-left: 30px; } #plugin #second-section ul li { font-size: 16px; } #plugin #second-section h5 { font-size: 20px; line-height: 30px; } #plugin #seventh-section .text-price-div { min-height: auto; } #plugin #fourth-section h4, #plugin #sixth-section h4 { font-size: 24px; } #plugin .details-link, #plugin .try-free-link{ margin-left: -15px; margin-right: -15px; } #plugin .details-link a, #plugin .try-free-link a { padding: 15px 30px; min-width: 260px; } #plugin .document-icon-banner { margin-top: 50px; } #plugin .document-icon-banner, #plugin .pdf-icon-banner, #plugin .msi-icon-banner, #plugin .zip-icon-banner, #plugin .exe-icon-banner { margin-top:50px; } #plugin #seventh-section div.price-shadow { margin-left: -8%; margin-right: -8%; } } /************************************************************************************/ /************************ AO-Client Page ********************************************/ /************************************************************************************/ #client .down-b { background: url('/Portals/0/Images/down-b.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #client .down-w { background: url('/Portals/0/Images/down-w-n.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #client #first-section a, #client #second-section a, #client #third-section a, #client #fifth-section a, #client #seventh-section a, #client #ninth-section a{ color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client .text-info { margin-top:20px; } #client #first-section .text-info a, #client #second-section .text-info a, #client #third-section .text-info a, #client #fifth-section .text-info a, #client #seventh-section .text-info a, #client #ninth-section .text-info a { text-decoration:underline; color:#888; } #client #first-section{ padding: 40px 80px 40px 0px; } #client #second-section, #client #third-section, #client #fourth-section, #client #fifth-section, #client #sixth-section, #client #seventh-section, #client #eighth-section, #client #ninth-section { padding: 40px 80px 40px 80px; } #client #first-section h2, #client #first-section h1, #client #second-section h3 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client .try-free-link a { margin-top: 0px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #first-section div.right-block-padder { padding-top: 0px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #client #first-section .color-black { color: #444; font-size: 18px; line-height: 36px; font-weight: 400; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #second-section h3 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 36px; font-weight: 400; padding-top:6px; letter-spacing:0.5px; } #client #second-section .col-lg-5 { padding-right: 10%; } #client #second-section h5 { font-family: "Open Sans", Roboto, Helvetica, sans-serif !important; color: #00bbbb; font-size: 24px; font-weight: 400; letter-spacing:0.5px; } #client #second-section ul, #client #ninth-section ul { list-style: none; } #client #ninth-section ul { margin-left: 30px; } #client #second-section ul { margin-left: -40px; } #client #second-section ul li, #client #ninth-section ul li { font-family: "Open Sans", Roboto, Helvetica, sans-serif; list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 16px; font-weight: 400; } #client #second-section ul li:before, #client #ninth-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #client #third-section .color-black, #client #fifth-section .color-black, #client #seventh-section .color-black, #client #eighth-section .color-black, #client #ninth-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #client #eighth-section p.color-black { margin-bottom:40px; } #client #fourth-section { padding-top: 80px; padding-bottom: 80px; } #client #fourth-section h4, #client #sixth-section h4 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 28px; font-weight: 400; } #client #fourth-section .v-spacer { margin: 6px 15px; } #client #seventh-section h2 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; font-weight: 400; margin-bottom: 40px; } #client #eighth-section h2{ color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; font-weight: 400; margin-bottom: 0px; } #client #seventh-section div.bg-header { background: url(./Images/BG_Green.png) no-repeat right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #client #seventh-section .circle_main { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25); } #client #seventh-section .colored-text h1, #client #seventh-section .colored-text h2, #client #seventh-section .colored-text h5 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #seventh-section .bg-white h1.lic-value, #client #seventh-section .bg-white h2.lic-value { font-size:32px; font-weight:700; color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #seventh-section .colored-text h2.circle_text_num { margin:0px; padding:0px; font-size: 2rem; } #client #seventh-section .colored-text h5.circle_text_rik { font-weight: 700; margin: -6px 0px 0px 0px; padding: 0; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #seventh-section .price-shadow h5.color-gray { cursor: pointer; } #client #seventh-section .color-gray { color: #888; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #seventh-section .text-price-div p { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; line-height: 32px; font-weight: 400; } #client #seventh-section .text-price-div p.color-black { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #seventh-section .text-price-div { min-height: 620px; } #client #first-section .col-lg-offset-1 { margin-left: 0; } #client #second-section .col-lg-offset-1, #client #third-section .col-lg-offset-1, #client #fourth-section .col-lg-offset-1 { margin-left: 0px; padding-right: 40px; } #client div.circle_text_container { margin: -4px 0 0 -1px; } #client #seventh-section div.price-shadow { box-shadow: 0 0 10px rgba(0,0,0,0.25); } #client h4.dwnld-descrption-height { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 20px; font-weight: 400; } #client #eighth-section .col-lg-4.left-item { margin-left: 16.667%; margin-right: 0%; } #client h4.dwnld-descrption-height { min-height: 100px; } #client #seventh-section p.color-white.h6 { font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing:0.5px; } #client .price-shadow .right-side-glyph-icon { margin-right: 0px; } @media (min-width: 768px) and (max-width: 1199px) { #client .details-link a { padding: 15px 30px; } #client #first-section{ padding: 0px 40px 40px 40px; } #client #second-section, #client #third-section, #client #fourth-section, #client #fifth-section, #client #sixth-section, #client #seventh-section, #client #eighth-section, #client #ninth-section { padding-left: 40px; padding-right: 40px; } #client #second-section, #client #third-section { padding-top: 20px; padding-bottom:20px; } #client #fourth-section { padding-top: 40px; padding-bottom:0px; } #client #fifth-section { padding-top: 40px; padding-bottom:40px; } #client #sixth-section { padding-top: 40px; padding-bottom:0px; } #client #eighth-section { padding-top: 0px; padding-bottom:0px; } #client #seventh-section { padding-top: 40px; padding-bottom:40px; } #client #second-section h3 { font-size: 28px; } #client #second-section .col-lg-5 { padding-right: 15px; } #client #second-section h5 { font-size: 20px; } #client #second-section ul { margin-left: 30px; } #client #second-section ul li { font-size: 16px; } #client #second-section ul li:before, #client #ninth-section ul li:before { margin-top: 10px; } #client .try-free-link a { margin-top: 20px; margin-bottom: 20px; padding: 15px 30px; } #client #first-section .color-black { font-size: 16px; } #client #first-section.row.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #client #fourth-section h4, #client #sixth-section h4 { font-size: 28px; font-weight: 400; letter-spacing:0.5px; } #client #sixth-section.row.min320-width .right-block-padder { padding-right: 10px; } #client #seventh-section .text-price-div { min-height: auto; } #client #second-section .v-spacer, #client #fifth-section .v-spacer, #client #seventh-section .v-spacer{ margin: 0px 15px; } #client #first-section h2, #client #first-section h1, #client #eighth-section h2, #client #seventh-section h2 { text-align:left; font-size: 36px; margin-bottom: 20px; } #client #eighth-section .col-lg-4.left-item { margin-left: 0%; margin-right: 0%; } #client h4.dwnld-descrption-height { min-height: 100px; } #client #seventh-section .bg-white h2.lic-value, #client #seventh-section .bg-white h2.circle_text_num { text-align: center; margin-bottom: 0px; } } @media (max-width: 767px) { #client { padding: 0px; overflow-x:hidden; } #client .min320-width.row { margin-left:0px; margin-right:0px; } #client #second-section .v-spacer, #client #fifth-section .v-spacer, #client #sixth-section .v-spacer, #client #seventh-section .v-spacer, #client #eighth-section .v-spacer { margin: 0px 15px; } #client #fifth-section .v-spacer { display:none; } #client #first-section, #client #second-section, #client #third-section, #client #fourth-section, #client #fifth-section, #client #sixth-section, #client #seventh-section, #client #eighth-section, #client #ninth-section { padding: 0px 5% 0px 5%; } #client #second-section, #client #third-section, #client #fourth-section { padding-top: 0px; padding-bottom: 40px; } #client #second-section, #client #fifth-section, #client #eighth-section { padding-top: 40px; padding-bottom: 40px; } #client #sixth-section, #client #seventh-section, #client #ninth-section { padding-bottom: 40px; } #client #seventh-section { padding-top:20px; } #client #first-section div.right-block-padder { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #client #first-section h2, #client #first-section h1, #client #seventh-section h2, #client #eighth-section h2, #client #second-section h3 { font-size: 36px; text-align:left; margin-bottom:20px; } #client #first-section h2, #client #first-section h1 { margin-top:40px; } #client #first-section .color-black { font-size: 16px; } #client .try-free-link { text-align: center; } #client .try-free-link a { margin-top: 20px; margin-bottom: 40px; } #client #second-section ul { margin-left: 30px; } #client #second-section ul li { font-size: 16px; } #client #second-section ul li:before, #client #ninth-section ul li:before { margin-top: 10px; } #client #second-section h5 { font-size: 20px; line-height: 30px; } #client #seventh-section .text-price-div { min-height: auto; } #client #fourth-section h4, #client #sixth-section h4 { font-size: 24px; } #client .details-link, #client .try-free-link{ margin-left: -15px; margin-right: -15px; } #client .details-link a, #client .try-free-link a { padding: 15px 30px; min-width: 260px; } #client #eighth-section .col-lg-4.left-item { margin-left: 0%; margin-right: 0%; } #client #seventh-section div.price-shadow { margin-left: -8%; margin-right: -8%; } #client #seventh-section .bg-white h2.lic-value, #client #seventh-section .bg-white h2.circle_text_num { text-align: center; margin-bottom: 0px; } #client .document-icon-banner, #client .pdf-icon-banner, #client .msi-icon-banner, #client .zip-icon-banner, #client .exe-icon-banner { margin-top:50px; } #client #eighth-section p.color-black { margin-bottom: 0px; } #client h4.dwnld-descrption-height { min-height: 60px; margin-top: 10px; margin-bottom:20px; } } /************************************************************************************/ /************************ AO-Document Page ******************************************/ /************************************************************************************/ #ao-document .down-b { background: url('/Portals/0/Images/down-b.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #ao-document .down-w { background: url('/Portals/0/Images/down-w-n.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #ao-document .text-info { margin-top:20px; } #ao-document #first-section .text-info a, #ao-document #second-section .text-info a, #ao-document #third-section .text-info a, #ao-document #fifth-section .text-info a, #ao-document #sixth-section .text-info a, #ao-document #seventh-section .text-info a, #ao-document #eighth-section .text-info a, #ao-document #ninth-section .text-info a { text-decoration:underline; color:#888; } #ao-document #first-section.min320-width { min-height: auto; padding: 0px 60px 0px 60px; } #ao-document #second-section.min320-width { min-height: auto; padding: 20px 60px 20px 60px; } #ao-document #third-section.min320-width, #ao-document #fourth-section.min320-width, #ao-document #sixth-section.min320-width { min-height: auto; padding: 40px 60px 40px 60px; } #ao-document #fifth-section.min320-width, #ao-document #seventh-section.min320-width, #ao-document #eighth-section.min320-width, #ao-document #ninth-section.min320-width { min-height: auto; padding: 40px 100px 40px 100px; } #ao-doc-img { min-height: 370px; min-width: 449px; } #ao-document #first-section .col-lg-offset-1 { margin-left: 0; } #ao-document #first-section.min320-width .right-block-padder { padding-top: 60px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; } #ao-document #first-section h2, #ao-document #first-section h1, #ao-document #eighth-section h2, #ao-document #ninth-section h2 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 44px; letter-spacing: 1px; font-weight: 400; } #ao-document #first-section .color-black, #ao-document #fifth-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 18px; line-height: 36px; font-weight: 400; } #ao-document #seventh-section .color-black, #ao-document #eighth-section .color-black, #ao-document #ninth-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #ao-document #second-section h3, #ao-document #fourth-section h3 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 32px; font-weight: 400; padding-top: 6px; letter-spacing: 0.5px; } #ao-document #second-section .col-lg-offset-1, #ao-document #third-section .col-lg-offset-1, #ao-document #fourth-section .col-lg-offset-1 { margin-left: 0px; padding-right: 40px; } #ao-document #second-section .col-lg-8, #ao-document #third-section .col-lg-8, #ao-document #fourth-section .col-lg-8 { padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 120px; } #ao-document #second-section h5 , #ao-document #third-section h5{ font-family: "Open Sans", Roboto, Helvetica, sans-serif !important; color: #00bbbb; font-size: 24px; font-weight: 400; } #ao-document #second-section a, #ao-document #seventh-section a, #ao-document #ninth-section a { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #ao-document #second-section ul, #ao-document #third-section ul, #ao-document #fourth-section ul, #ao-document #eighth-section ul { list-style: none; padding-left: 0px; } #ao-document #second-section ul li, #ao-document #third-section ul li, #ao-document #fourth-section ul li, #ao-document #eighth-section ul li { list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 16px; font-weight: 400; } #ao-document #second-section ul li:before, #ao-document #third-section ul li:before, #ao-document #fourth-section ul li:before, #ao-document #eighth-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #ao-document #sixth-section h4, #ao-document #ninth-section h4 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 28px; font-weight: 400; } #ao-document #ninth-section .pdf-icon-banner { margin-top: 60px; } @media (min-width: 768px) and (max-width: 1199px) { #ao-document .details-link a { padding: 15px 30px; } #ao-document #first-section.min320-width { padding: 0px 20px 0px 20px; } #ao-document #second-section.min320-width { padding: 20px 40px 20px 60px; } #ao-document #third-section.min320-width, #ao-document #fourth-section.min320-width, #ao-document #sixth-section.min320-width { padding: 20px 40px 20px 60px; } #ao-document #fifth-section.min320-width, #ao-document #seventh-section.min320-width, #ao-document #eighth-section.min320-width { padding: 40px 40px 40px 40px; } #ao-document #ninth-section.min320-width { padding: 40px 40px 0px 40px; } #ao-doc-img { min-height: auto; min-width: 360px; } #ao-document #first-section h2, #ao-document #first-section h1, #ao-document #eighth-section h2, #ao-document #ninth-section h2 { font-size: 36px; padding-bottom: 20px; } #ao-document #first-section.min320-width .right-block-padder { padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 40px; } #ao-document #first-section .color-black, #ao-document #fifth-section .color-black { font-size: 16px; } #ao-document #second-section h3 { font-size: 32px; } #ao-document #second-section h5 { font-size: 20px; margin-bottom: 40px; } #ao-document #second-section .v-spacer, #ao-document #eighth-section .v-spacer, #ao-document #seventh-section .v-spacer, #ao-document #ninth-section .v-spacer { margin: 0px 15px; } #ao-document #second-section ul li { font-size: 16px; line-height: 26px; } #ao-document #third-section ul li, #ao-document #fourth-section ul li, #ao-document #eighth-section ul li { font-size: 16px; line-height: 32px; } #ao-document #second-section h5, #ao-document #third-section h5 { margin-bottom:30px; } #ao-document #ninth-section .pdf-icon-banner { margin-top: 0px; } } @media (max-width: 767px) { #ao-document { padding: 0px; overflow-x:hidden; } #ao-document .min320-width.row { margin-left:0px; margin-right:0px; } #ao-document .v-spacer, #ao-document #eighth-section .v-spacer, #ao-document #seventh-section .v-spacer, #ao-document #ninth-section .v-spacer, #ao-document #third-section .v-spacer, #ao-document #fourth-section .v-spacer, #ao-document #fifth-section .v-spacer{ margin: 0px 15px; } #ao-document #first-section .v-spacer { margin: 10px 15px; } #ao-document #first-section.min320-width { min-height: auto; padding: 20px 30px 20px 30px; } #ao-document #third-section.min320-width, #ao-document #fourth-section.min320-width, #ao-document #sixth-section.min320-width { padding: 40px 30px 40px 30px; } #ao-document #fifth-section.min320-width, #ao-document #seventh-section.min320-width, #ao-document #eighth-section.min320-width { padding: 40px 20px 20px 20px; } #ao-document #ninth-section.min320-width { padding: 40px 20px 20px 20px; } #ao-document #second-section .col-lg-offset-1, #ao-document #third-section .col-lg-offset-1, #ao-document #fourth-section .col-lg-offset-1 { margin-left: 0px; padding-right: 0px; padding-left: 0px; } #ao-document #ao-doc-img { min-height: auto; min-width: 290px; } #ao-document #ao-doc-img { margin-bottom: 0; padding-bottom: 0; margin-left: -20px; } #ao-document #first-section h2, #ao-document #first-section h1, #ao-document #eighth-section h2, #ao-document #ninth-section h2 { font-size: 36px; text-align: left; margin-bottom: 20px; } #ao-document #first-section.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #ao-document #first-section .color-black, #ao-document #fifth-section .color-black { font-size: 16px; } #ao-document #second-section.min320-width { min-height: auto; padding: 20px 30px 40px 30px; } #ao-document #second-section h3, #ao-document #fourth-section h3 { font-size: 30px; font-weight: 400; } #ao-document #second-section h5, #ao-document #third-section h5 { font-size: 18px; line-height:28px; margin-bottom: 20px; font-weight: 400; } #ao-document #second-section ul li, #ao-document #third-section ul li, #ao-document #fourth-section ul li { font-size: 16px; line-height:32px; } #ao-document #second-section .v-spacer { margin: 0px 15px; } #ao-document #sixth-section h4, #ao-document #ninth-section h4 { font-size: 24px; } #ao-document .details-link{ margin-left: -15px; margin-right: -15px; } #ao-document .details-link a { padding: 15px 30px; min-width: 260px; } } /********************************************************************************************/ /********************************** HEIGHT ADAPTIVITY ***************************************/ /********************************************************************************************/ @media screen and ( min-width: 1200px ) and ( max-width: 1279px ) and ( max-height: 899px ){ #corp-why table tr > td { font-size:12px; } #main-corp .visible-short { display: table-row; } #corp-why table tr.visible-short > td > img { width: 20px; height: auto; margin-top: -4px; } #main-corp .visible-short.plus td{ color: #888; font-size:14px; } #main-corp .visible-short td { font-weight:400; color: #444; font-size:14px; border-bottom: 1px solid #eee; } #main-corp .visible-tall { display:none; } #main-corp .visible-tall td { font-weight:400; } #corp-why .details-link, #corp-profit .details-link, #main-corp #contacts .details-link, #corp-clients .details-link, #corp-feed .details-link, #corp-how .details-link { bottom: 5vh; } #corp-why .banner-title h2 { margin-bottom: 0px; margin-left: -15px; margin-right: -15px; } #corp-clients .banner-title, #corp-profit .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-clients .banner-title h2 { font-size: 40px; margin-bottom: 1vh;/*3vh;*/ } #corp-clients #index-customers.banner-logo-list { height: 20vh; /*margin-top: 2vh;*/ } #corp-clients .banner-title.banner-title-2 h2 { margin-top: 0px; margin-bottom: 0px;/*2vh;*/ } #corp-profit .banner-items-list { margin-top: 3vh; } #corp-profit .banner-item p { font-size: 13px; } #corp-clients .banner-item p { font-size: 14px; } #corp-feed .banner-title h2{ font-size: 28px; line-height: 32px; margin-bottom: 20px; } #main-corp #contacts .banner-title h2 { font-size: 28px; line-height: 32px; margin-bottom: 6vh; } #main-corp #contacts .cont-above{ height: 30vh; } #main-corp #contacts p { margin-bottom: 0px; } #contacts .v-spacer { margin: 0px; } #contacts .border-line { margin-top: 2vh; margin-bottom: 2vh; } #corp-how .banner-title h2 { font-size: 40px; line-height: 48px; margin-bottom: 3vh; } #corp-how .how-img { margin-top: 0px; } #corp-how img { height: 474px; height: calc(100vh - 260px); max-height: 474px; min-height: 340px; margin-left: 100px; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 5vh; } #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-doc .try-free-link a, #banner-profit .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-bottom: 0px; } #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { margin-bottom: 20px; } #banner-doc .banner-text { padding: 20px 60px 10vh 60px; } #banner-doc .banner-text p { max-width: 760px; } #banner-doc .banner-text p span.hidden-md{ display: none!important; } #banner-doc { background-color: #f0f0f0; background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); } #banner-profit .banner-items-list { margin-top: 0px; } /*********************************************/ .banner-cont-wrap { display: flex; /* establish flex container */ -webkit-flex-direction: column; /* stack flex items vertically */ -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* center items vertically, in this case */ -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:80vh; padding-bottom: 10vh; } .banner-cont { display: block; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #banner-doc .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #banner-doc .banner-cont { } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 5vh; } .banner-cont-wrap.banner-red_bg , .banner-cont-wrap.banner-green_bg { height: 100%; padding-bottom: 15vh; } .banner-red_bg .banner-cont, .banner-green_bg .banner-cont { top: auto; left: 15%; } .banner_sign { margin: 0px 0px 0px 0px; } #banner-profit .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 25vh; } #profit-calc-section .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 25vh; } #banner-clients .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; width: 100%; } #banner-clients .banner-cont { width: 100vw; display: block; } #banner-clients #index-customers { width:100vw; margin-left:0vw; padding-left:60px; padding-right:60px; } #banner-clients #index-customers .banner-item { margin-top: 5vh; } #banner-offer .banner-cont-wrap { padding-top: 0px; padding-bottom: 25vh; width: 100%; } #main .banner_title { max-width: 280px; width: 240px; margin: 5vh 0px 0px 0px; } #corp-intro .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #corp-intro .banner-cont { } #corp-intro .details-link { top:75%; } #corp-profit .banner-title h2 { font-size: 40px; margin-bottom: 0px; } #corp-profit .banner-cont-wrap { margin-top:0px; padding-top: 0px; padding-bottom: 30vh; height: 90vh; } /*********************************************/ .scroll-next { bottom: 5vh; } } @media screen and ( min-width: 1200px ) and ( max-width: 1279px ) and ( min-height: 900px ){ #corp-why table tr > td { font-size:13px; } #main-corp .visible-short { display: none; } #corp-why table tr.visible-short > td > img { width: 20px; height: auto; margin-top: -4px; } #main-corp .visible-short.plus td{ color: #888; font-size:14px; } #main-corp .visible-short td { font-weight:400; color: #444; font-size:14px; border-bottom: 1px solid #eee; } #main-corp .visible-tall { display:table-row; } #main-corp .visible-tall td { font-weight:400; } #corp-intro .banner-cont-wrap { width: 100vw; height: 52vh; padding-bottom:0px; } #corp-intro .banner-cont { width: 100vw; } #corp-profit .details-link, #corp-how .details-link, #corp-clients .details-link { bottom: 10vh; } #corp-clients .banner-title, #corp-profit .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-clients .banner-title h2 { font-size: 44px; line-height:52px; margin-bottom: 3vh; } #corp-clients #index-customers.banner-logo-list { height: 20vh; margin-top: 3vh; } #corp-clients .banner-title.banner-title-2 h2 { margin-top: 0px; margin-bottom: 2vh; } #corp-clients .banner-item p{ font-size: 14px; } #corp-profit .banner-item p { font-size: 14px; } #corp-profit .banner-title h2 { font-size: 44px; line-height: 52px; margin-bottom: 6vh; } #corp-profit .banner-items-list { margin-top: 3vh; } #corp-how img { height: 474px; height: calc(100vh - 260px); max-height: 474px; min-height: 340px; margin-left: 100px; } #corp-how .banner-title h2 { font-size: 44px; line-height: 52px; margin-bottom: 6vh; } #corp-feed .banner-title h2{ font-size: 32px; line-height: 36px; margin-bottom: 20px; } #main-corp #contacts .banner-title h2 { font-size: 32px; line-height: 36px; margin-bottom: 6vh; } #main-corp #contacts .cont-above{ height: 30vh; } #main-corp #contacts p { margin-bottom: 0px; } #contacts .v-spacer { margin: 0px; } #contacts .border-line { margin-top: 0vh; margin-bottom: 10vh; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 10vh; } #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-doc .try-free-link a, #banner-profit .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-bottom: 0px; } #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { margin-bottom: 20px; } #banner-doc .banner-text { padding: 20px 60px 10vh 60px; } #banner-doc .banner-text p { max-width: 760px; } #banner-doc { background-color: #f0f0f0; background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); } #banner-profit .banner-items-list { margin-top: 0px; } /*********************************************/ .banner-cont-wrap { display: flex; /* establish flex container */ -webkit-flex-direction: column; /* stack flex items vertically */ -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* center items vertically, in this case */ -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:80vh; padding-bottom: 10vh; } .banner-cont { display: block; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /*********************************************/ #banner-doc .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #banner-doc .banner-cont { } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 5vh; } .banner-cont-wrap.banner-red_bg , .banner-cont-wrap.banner-green_bg { height: 100%; padding-bottom: 20vh; } .banner-red_bg .banner-cont, .banner-green_bg .banner-cont { top: auto; left: 15%; } .banner_sign { margin: 0px 0px 0px 0px; } #banner-red .banner-item p, #banner-green .banner-item p { font-size: 16px; padding-left: 10px; padding-right: 10px; } #banner-profit .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; } #profit-calc-section .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; } #banner-clients .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; width: 100%; } #banner-clients .banner-cont { width: 100vw; display: block; } #banner-clients #index-customers { width:100vw; margin-left:0vw; padding-left:60px; padding-right:60px; } #banner-clients #index-customers .banner-item { margin-top: 5vh; } #banner-offer .banner-cont-wrap { padding-top: 0px; padding-bottom: 25vh; width: 100%; } #banner-offer .banner-cont { } #main .banner_title { max-width: 280px; width: 240px; margin: 5vh 0px 0px 0px; } #corp-profit .banner-cont-wrap { padding-top: 0px; padding-bottom: 10vh; } #corp-intro .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #corp-intro .banner-cont { } #corp-intro .details-link { top:75%; } #corp-profit .banner-title h2 { font-size: 40px; margin-bottom: 0px; } #corp-profit .banner-cont-wrap { margin-top:0px; padding-top: 0px; padding-bottom: 30vh; height: 90vh; } .carousel-ast .carousel .carousel-indicators { top: 50%; } .scroll-next { bottom: 10vh; } } @media screen and ( min-width: 1280px ) and ( max-height: 899px ){ #corp-why table tr > td { font-weight:400; font-size: 13px; } #main-corp .visible-short { display: table-row; } #main-corp .visible-short td { font-weight:400; font-size: 14px; } #corp-why table tr.visible-short > td > img { width: 16px; height: auto; } #corp-why .banner-title h2 { margin-bottom:0px; } #main-corp .visible-tall { display:none; } #main-corp .visible-tall td { font-weight:400; font-size: 14px; } #corp-intro .banner-cont-wrap { width: 100vw; height: 52vh; padding-bottom:0px; } #corp-intro .banner-cont { width: 100vw; display:block; margin-left:0px; } #corp-why .details-link { bottom: 10vh; } #corp-profit .details-link, #main-corp #contacts .details-link, #corp-clients .details-link, #corp-feed .details-link, #corp-how .details-link { bottom: 10vh; } #corp-how .banner-title h2 { font-size: 44px; line-height: 52px; margin-bottom: 3vh; } #corp-clients .banner-title, #corp-profit .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-clients .banner-title h2 { font-size: 44px; line-height:52px; margin-bottom: 1vh;/*3vh;*/ } #corp-profit .banner-title h2 { font-size: 44px; line-height:52px; margin-bottom: 3vh; } #corp-profit .banner-items-list { margin-top: 3vh; } #corp-profit .banner-item p { font-size: 13px; } #corp-clients #index-customers.banner-logo-list { height: 20vh; } #corp-clients .banner-title.banner-title-2 h2 { margin-top: 0px; margin-bottom: 0px;/*2vh;*/ } #corp-clients .banner-item p{ font-size: 14px; } #corp-profit .banner-item p { font-size: 13px; } #main-corp #contacts p { margin-bottom: 0px; } #corp-feed .banner-title h2{ font-size: 28px; line-height: 32px; margin-bottom: 20px; } #main-corp #contacts .banner-title h2 { font-size: 28px; line-height: 32px; margin-bottom: 6vh; } #main-corp #contacts .cont-above{ height: 30vh; } #main-corp #contacts p { margin-bottom: 0px; } #contacts .v-spacer { margin: 0px; } #contacts .border-line { margin-top: 0vh; margin-bottom: 10vh; } #corp-how .how-img { margin-top: 0px; } #corp-how img { height: 474px; height: calc(100vh - 300px); max-height: 474px; min-height: 340px; margin-left: 100px; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-offer .try-free-link { bottom: 10vh; } #banner-clients .details-link { bottom: 5vh; } #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-doc .try-free-link a, #banner-profit .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-bottom: 0px; } #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { margin-bottom: 20px; } #banner-doc .banner-text { padding: 20px 60px 10vh 60px; } #banner-doc .banner-text p { max-width: 760px; } #banner-doc .banner-text p span.hidden-md{ display: none!important; } #banner-doc { background-color: #f0f0f0; background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); } #banner-profit .banner-items-list { margin-top: 0px; } /*********************************************/ .banner-cont-wrap { display: flex; /* establish flex container */ -webkit-flex-direction: column; /* stack flex items vertically */ -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* center items vertically, in this case */ -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:80vh; padding-bottom: 10vh; } .banner-cont { display: block; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /*********************************************/ #banner-doc .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #banner-doc .banner-cont { } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 5vh; } .banner-cont-wrap.banner-red_bg , .banner-cont-wrap.banner-green_bg { height: 100%; padding-bottom: 15vh; } .banner-red_bg .banner-cont, .banner-green_bg .banner-cont { top: auto; left: 15%; } .banner_sign { margin: 0px 0px 0px 0px; } #banner-profit .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 25vh; } #profit-calc-section .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 25vh; } #banner-clients .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; width: 100%; } #banner-clients .banner-cont { width: 100vw; display: block; } #banner-clients #index-customers { width:100vw; margin-left:0vw; padding-left:60px; padding-right:60px; } #banner-clients #index-customers .banner-item { margin-top: 5vh; } #banner-offer .banner-cont-wrap { padding-top: 0px; padding-bottom: 25vh; width: 100%; } #banner-offer .banner-cont { } /******************/ #main .banner_title { max-width: 280px; width: 240px; margin: 5vh 0px 0px 0px; } #corp-intro .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #corp-intro .banner-cont { } #corp-intro .details-link { top:75%; } #corp-profit .banner-title h2 { font-size: 40px; margin-bottom: 0px; } #corp-profit .banner-cont-wrap { margin-top:0px; padding-top: 0px; padding-bottom: 30vh; height: 90vh; } .scroll-next { bottom: 10vh; } } @media screen and ( min-width: 1280px ) and ( min-height: 900px ){ #main-corp .visible-short { display:none; } #main-corp .visible-short td { font-weight:400; } #main-corp .visible-tall { display: table-row; } #main-corp .visible-tall td { font-weight:400; font-size: 14px; } #main-corp .visible-tall td { font-weight:400; font-size: 14px; } #corp-intro .banner-cont-wrap { width: 100vw; height: 52vh; padding-bottom:0px; } #corp-intro .banner-cont { width: 100vw; } #corp-why table tr > td { font-weight:400; font-size: 14px; } #corp-how img { height: 474px; height: calc(100vh - 260px); max-height: 474px; min-height: 340px; margin-left: 100px; } #corp-how .banner-title h2 { font-size: 44px; line-height: 52px; margin-bottom: 6vh; } #corp-profit .details-link, #corp-how .details-link, #corp-clients .details-link { bottom: 10vh; } #corp-clients .banner-title, #corp-profit .banner-title { padding-left: 0px; padding-bottom: 0px; } #corp-clients .banner-title h2 { font-size: 44px; line-height:52px; margin-bottom: 4vh; } #corp-profit .banner-title h2 { font-size: 44px; line-height:52px; margin-bottom: 6vh; } #corp-clients #index-customers.banner-logo-list { height: 20vh; } #corp-clients .banner-title.banner-title-2 h2 { margin-top: 0px; margin-bottom: 4vh; } #corp-clients .banner-item p{ font-size: 16px; } #corp-profit .banner-item p { font-size: 14px; } #corp-profit .banner-items-list { margin-top: 3vh; } #corp-feed .banner-title h2 { font-size: 36px; line-height: 44px; margin-bottom: 20px; } #main-corp #contacts .banner-title h2 { font-size: 36px; line-height: 44px; margin-bottom: 6vh; } #main-corp #contacts .cont-above{ height: 30vh; } #main-corp #contacts p { margin-bottom: 0px; } #contacts .v-spacer { margin: 0px; } #contacts .border-line { margin-top: 0vh; margin-bottom: 10vh; } #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 10vh; } #banner-red .try-free-link a, #banner-green .try-free-link a, #banner-doc .try-free-link a, #banner-profit .try-free-link a, #banner-clients .try-free-link a, #banner-clients .details-link a, #banner-offer .try-free-link a { margin-bottom: 0px; } #banner-doc .banner-text h2, #banner-doc .banner-text h1, #banner-profit .banner-title h2, #profit-calc-section .banner-title h2, #banner-clients .banner-title h2, #banner-offer .banner-title h2, #banner-price .banner-title h2, #banner-price .banner-title h1 { margin-bottom: 20px; } #banner-doc .banner-text { padding: 20px 60px 10vh 60px; } #banner-doc .banner-text p { max-width: 760px; } #banner-doc { background-color: #f0f0f0; background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); background: linear-gradient(#f0f0f0 0%, #f0f0f0 48vh, #fff 48vh, #fff 90%, #f0f0f0 100%); } #banner-profit .banner-items-list { margin-top: 0px; } /*********************************************/ .banner-cont-wrap { display: flex; /* establish flex container */ -webkit-flex-direction: column; /* stack flex items vertically */ -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: center; /* center items vertically, in this case */ -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height:80vh; padding-bottom: 10vh; } .banner-cont { display: block; position: relative; left: auto; top: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /*********************************************/ #banner-doc .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #banner-doc .banner-cont { } #banner-red .col-lg-8.banner-cont-wrap, #banner-green .col-lg-8.banner-cont-wrap { padding-bottom: 5vh; } .banner-cont-wrap.banner-red_bg, .banner-cont-wrap.banner-green_bg { height: 90vh; height: calc(100vh - 79px); padding-bottom: 20vh; } .banner-red_bg .banner-cont, .banner-green_bg .banner-cont { top: auto; left: 15%; } .banner_sign { margin: 0px 0px 0px 0px; } #banner-red .banner-item p, #banner-green .banner-item p { font-size: 16px; padding-left: 10px; padding-right: 10px; } #banner-profit .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; } #profit-calc-section .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; } #banner-clients .banner-cont-wrap { margin-top: 0px; padding-top: 0px; padding-bottom: 30vh; width: 100%; } #banner-clients .banner-cont { width: 100vw; display: block; } #banner-clients #index-customers { width:100vw; margin-left:0vw; padding-left:60px; padding-right:60px; } #banner-clients #index-customers .banner-item { margin-top: 5vh; } #banner-offer .banner-cont-wrap { padding-top: 0px; padding-bottom: 25vh; width: 100%; } #banner-offer .banner-cont { } #main .banner_title { max-width: 280px; width: 240px; margin: 5vh 0px 0px 0px; } #corp-intro .banner-cont-wrap { padding-top: 0px; padding-bottom:10vh; height: 90vh; } #corp-intro .banner-cont { } #corp-intro .details-link { top:75%; } #corp-profit .banner-title h2 { font-size: 40px; margin-bottom: 0px; } #corp-profit .banner-cont-wrap { margin-top:0px; padding-top: 0px; padding-bottom: 30vh; height: 90vh; } .carousel-ast .carousel .carousel-indicators { top: 50%; } .scroll-next { bottom: 10vh; } } @media screen and ( min-width: 1200px ) and ( max-height: 699px ){ #corp-how img { height: 474px; height: calc(100vh - 260px); max-height: 474px; min-height: 340px; margin-left: 100px; } #contacts .border-line { margin-top: 0vh; margin-bottom: 0vh; } #corp-why .details-link, #corp-profit .details-link, #main-corp #contacts .details-link, #corp-clients .details-link, #corp-how .details-link, #corp-feed .details-link, #banner-red .try-free-link, #banner-green .try-free-link, #banner-doc .try-free-link, #banner-profit .try-free-link, #banner-clients .try-free-link, #banner-clients .details-link, #banner-offer .try-free-link { bottom: 15px; } #banner-clients #index-customers .banner-item { margin-top: 3vh; } .scroll-next { bottom: 15px; } } @media (min-width: 768px) and (max-width: 1199px) { #main-corp .visible-short { display: none; } #main-corp .visible-tall { display: table-row; } } @media (max-width: 767px) { #main-corp .visible-short { display: none; } #main-corp .visible-tall { display: table-row; } } /*************************************************************************/ /************************** CONTACTS PAGE ********************************/ /*************************************************************************/ #productMenu main { display:none; } #contacts-page { position: relative; margin-left:0px; margin-right:0px; padding: 40px 100px 20px 60px; height: 85vh; height: calc(100vh - 120px); min-height: 580px; background-color: #f0f0f0; } #contacts-page.min320-width { min-width: 320px !important; } #contacts-page .col-lg-offset-1 { /*margin-left: 0;*/ } #contacts-page h2, #contacts-page h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 44px; letter-spacing: 1px; font-weight: 400; text-align: left; } #contacts-page h5 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 24px; letter-spacing: 0.5px; font-weight: 400; text-align: left; } #contacts-page .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #contacts-page .v-spacer { margin: 0px 15px; } #contacts-page .bg-white { background-color: white; } #contacts-page .color-white { color: white; } #contacts-page .color-gray { color: #888; } #contacts-page a { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; } #contacts-page a.underline-on-hover:hover { text-decoration: underline; } #contacts-page .underline { text-decoration: underline; } #contacts-page.p-5-p { padding-right: 5%; padding-left: 5%; } #contacts-page #first-section { width:320px; border-right: 2px solid #ddd; padding-right: 5px; } #contacts-page #second-section { padding-left: 60px; text-align: left; } #contacts-page #first-section img { height: 48px; width: 48px; max-height: 48px; max-width: 48px; margin-top: -8px; } #contacts-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } #contacts-page .p-l-20 { padding-left: 20px; } #contacts-page .mail-icon-banner { background: url('./Images/mail-sh.png') no-repeat center center; height: 48px; width: 48px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #contacts-page .map-icon-banner { background: url('./Images/map-sh.png') no-repeat center center; height: 48px; width: 48px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #contacts-page .phone-icon-banner { background: url('./Images/phone-sh.png') no-repeat center center; height: 48px; width: 48px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #contacts-page .facebook-icon-banner { background: url('./Images/face-b.png') no-repeat center center; height: 43px; width: 43px; } #contacts-page .facebook-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts-page .youtube-icon-banner { background: url('./Images/you-t.png') no-repeat center center; height: 43px; width: 43px; } #contacts-page .youtube-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts-page .telegram-icon-banner { background: url('./Images/telegram-icon_circle.png') no-repeat center center; height: 43px; width: 43px; } #contacts-page .telegram-icon-banner:hover { -ms-opacity: .5; opacity: .5; } #contacts-page .arrow-lg-icon-banner { background: url('./Images/arrow-left.png') no-repeat center center; height: 17px; width: 93px; vert-align: top; vertical-align: top; display: inline-block; margin-right: 16px; } #contacts-page .arrow-sm-md-icon-banner { background: url('./Images/arrow-top-left.png') no-repeat center center; height: 91px; width: 17px; vert-align: top; vertical-align: top; display: inline-block; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; } #contacts-page .arrow-xs-icon-banner { background: url('./Images/arrow-top-right.png') no-repeat center center; height: 72px; width: 21px; vert-align: top; vertical-align: top; display: inline-block; margin-left: 15px; margin-top: 25px; } #contacts-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #contacts-page .facebook-i-lg { vertical-align: top; display: inline-block; margin-left: 55px; margin-right: 33px; } #contacts-page .youtube-i-lg { vertical-align: top; display: inline-block; margin-right: 33px; } #contacts-page .telegram-i-lg { vertical-align: top; display: inline-block; margin-right: 33px; } #contacts-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } #contacts-page .facebook-i-md { vertical-align: top; display: inline-block; margin-left: 16px; margin-right: 16px; } #contacts-page .youtube-i-md { vertical-align: top; display: inline-block; margin-right: 16px; } #contacts-page .telegram-i-md { vertical-align: top; display: inline-block; margin-right: 16px; } #contacts-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #contacts-page .facebook-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts-page .youtube-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts-page .telegram-i-xs { vertical-align: top; display: inline-block; margin-right: 13px; } #contacts-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #contacts-page .font-bold { font-weight: 600; } #contacts-page .div-arrow { padding-left: 0px; } /*Необходим для корректной работы qTip*/ html body { position: static; } #contacts-page .form-control { display: block; width: calc(100% - 64px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 8px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #contacts-page textarea.form-control { height: auto; padding-top: 16px; } #corp-feed .form-control { -webkit-box-shadow:none; box-shadow:none; } #contacts-page .form-control:focus, #corp-feed .form-control:focus, #contacts-page .form-control:hover, #corp-feed .form-control:hover { -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #contacts-page .form-control::-webkit-input-placeholder, #corp-feed .form-control::-webkit-input-placeholder {color:#ccc} #contacts-page .form-control:-moz-placeholder, #corp-feed .form-control:-moz-placeholder {color:#ccc} #contacts-page .form-control::-moz-placeholder, #corp-feed .form-control::-moz-placeholder{color:#ccc} #contacts-page .form-control:-ms-input-placeholder, #corp-feed .form-control:-ms-input-placeholder {color:#ccc} #contacts-page .form-control.input-validation-error, #corp-feed .form-control.input-validation-error { background-color: #FFEAE6 !important; border-color: #D25A43; } .qtip-red-white { border: 1px solid #D25A43; border-color: #D25A43!important; background: #fff!important; background-color: #fff!important; width: 100%; padding:0px; } .qtip-red-white .qtip-content { color:#D25A43; font-size:15px; line-height:20px; background: #fff!important; background-color: #fff!important; text-align: center; padding: 0px; margin: 0px; } .validation-summary-errors ul li { font-size:15px; } #contacts-page .fa-wrapper { position: relative; } #contacts-page .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #contacts-page .form-control-and-fa-icon-lg { padding-left: 48px; } #contacts-page textarea.fa-textare-width { width: 100%; min-width: 100%; max-width: 100%; } #contacts-page .v-sum-lg { padding-left: 0px; } #contacts-page .v-sum-lg ul { margin-left: 0px; } #contacts-page i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #contacts-page i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #contacts-page i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #contacts-page i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #contacts-page i.fa-message-custom { background: url('./Images/icon-message.png') no-repeat center center; width: 24px; height: 24px; } #contacts-page .btn-send { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #contacts-page .btn-send:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } #contacts-page .field-validation-error { margin-left: 24px; } #contacts-page .alert.alert-success { width: 100%; font-size: 16px; line-height: 28px; color:#009999; background-color: #fff; border: 1px solid #00bbbb; border-radius: 8px; } #contacts-page .alert.alert-success .close{ color:#006666; } #contacts-page .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#009999; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #contacts-page { padding: 20px 100px 20px 20px; } #contacts-page .v-spacer { display: none; } #contacts-page h2, #contacts-page h1 { font-size: 36px; margin-bottom: 20px; } #contacts-page .color-black { font-size: 16px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #contacts-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; height: 736px; height: calc(100vh - 120px); min-height: 736px; } #contacts-page h2, #contacts-page h1 { font-size: 36px; margin-bottom: 20px; } #contacts-page #first-section { width: 320px; padding-left: 0px; padding-right: 0px; } #contacts-page #second-section { width: calc(100% - 320px); padding-left: 5%; padding-right: 0px; text-align: left; } #contacts-page .alert.alert-success { font-size: 15px; } } @media (max-width: 767px) { #contacts-page { padding: 0px; overflow-x: hidden; /*margin-top:79px;*/ } #contacts-page.p-5-p { height:auto; padding: 30px 20px 15px 20px; } #contacts-page h2, #contacts-page h1 { font-size: 36px; text-align: center; margin-left: -15px; margin-right: -15px; margin-bottom: 20px; } #contacts-page #first-section { width: 100%; border-right:none; border-bottom: 2px solid #ddd; padding: 0px 0px 20px 0px; margin-bottom: 40px; } #contacts-page #first-section .div-arrow { width: 80px; } #contacts-page #second-section { width: 100%; padding: 0px; } #contacts-page .v-sum-lg { padding-left: 0; } #contacts-page .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #contacts-page .alert.alert-success strong{ font-size: 14px; line-height: 22px; } } @media (max-width: 480px) { #contacts-page #first-section .div-arrow { width: auto; } } /***********************************************************/ /****************** FAQ Page *******************************/ /***********************************************************/ #faq p.color-black { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-weight: 400; line-height: 32px; font-size: 16px; } #faq .down-w { background: url('/Portals/0/Images/down-w-n.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #faq div.v-spacer { margin: 5px 15px; } #faq #document-ao-section-body a, #faq #artoffice-profit-section-body a, #faq #plugin-ao-section-body a, #faq #client-ao-section-body a, #faq #soed-section-body a{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-weight: 400; } #faq div#header-section { background: url(./Images/bg_faq_1280.png) no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 60px 120px; } #faq #header-section .p-5-p { padding-right: 0px; padding-left: 0px; } #faq #header-section .text-info a { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0.5px; } #faq #header-section .text-info a:link, #faq #header-section .text-info a:visited, #faq #header-section .text-info a:active { color: #fff; } #faq #header-section .text-info a:hover { color: #6ed0d2; text-decoration:underline; } #faq #header-section .text-info p { margin-bottom: 15px; } #faq .fq-section{ padding: 40px 120px; } #faq div#header-section h2, #faq div#header-section h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #fff; font-size: 44px; letter-spacing: 1px; font-weight: 400; } #faq .fq-section h2 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 44px; letter-spacing: 1px; font-weight: 400; } #faq #document-ao-section-body, #faq #artoffice-profit-section-body, #faq #plugin-ao-section-body, #faq #client-ao-section-body, #faq #soed-section-body, #faq #check-document-section-body { padding: 20px 120px; } #faq #document-ao-section-body h3, #faq #artoffice-profit-section-body h3, #faq #plugin-ao-section-body h3, #faq #client-ao-section-body h3, #faq #soed-section-body h3, #faq #check-document-section-body h3 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 28px; line-height: 42px; font-weight: 400; letter-spacing: 1px; margin-top:20px; } #faq #plugin-ao-section-body ul, #faq #client-ao-section-body ul, #faq #document-ao-section-body ul, #faq #check-document-section-body ul { list-style: none; padding-left: 15px; } #faq #plugin-ao-section-body ul li, #faq #client-ao-section-body ul li, #faq #document-ao-section-body ul li, #faq #check-document-section-body ul li { list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 16px; font-weight: 400; } #faq #plugin-ao-section-body ul li:before, #faq #client-ao-section-body ul li:before, #faq #document-ao-section-body ul li:before, #faq #check-document-section-body ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #faq #plugin-ao-section-body h4 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 28px; font-weight: 400; } @media (min-width: 768px) and (max-width: 1199px) { #faq div#header-section{ padding: 60px 60px; } #faq .fq-section { padding: 30px 60px; } #faq .fq-section h2 { font-size: 44px; margin-bottom: 0px; } #faq #document-ao-section-body, #faq #artoffice-profit-section-body, #faq #plugin-ao-section-body, #faq #client-ao-section-body, #faq #soed-section-body, #faq #check-document-section-body { padding: 0px 60px 40px 60px; } #faq #document-ao-section-body h3, #faq #artoffice-profit-section-body h3, #faq #plugin-ao-section-body h3, #faq #client-ao-section-body h3, #faq #soed-section-body h3, #faq #check-document-section-body h3 { font-size: 28px; font-weight: 400; letter-spacing: 1px; line-height: 42px; } } @media (max-width: 767px) { #faq { padding: 0px; overflow-x: hidden; } #faq div.v-spacer { display:none; } #faq p.color-black { line-height: 26px; font-size: 16px; } #faq #document-ao-section-body .text-info a.color-gray, #faq #artoffice-profit-section-body .text-info a.color-gray, #faq #plugin-ao-section-body .text-info a.color-gray, #faq #client-ao-section-body .text-info a.color-gray, #faq #soed-section-body .text-info a.color-gray { color: #888; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #faq .details-link { margin-top: 30px; margin-bottom: 20px; } #faq .details-link a { padding: 15px 30px; min-width: auto; } #faq div#header-section{ padding: 40px 10%; } #faq #document-ao-section, #faq #artoffice-profit-section, #faq #plugin-ao-section, #faq #client-ao-section, #faq #soed-section, #faq #check-document-section { padding: 40px 10%; } #faq div#header-section h2, #faq div#header-section h1 { font-size: 26px; margin-right: -15px; margin-bottom: 30px; } #faq .fq-section h2 { font-size: 26px; margin-right: -15px; margin-bottom: 0px; } #faq #header-section .text-info a { font-size: 12px; line-height: 18px; } #faq #document-ao-section-body, #faq #artoffice-profit-section-body, #faq #plugin-ao-section-body, #faq #client-ao-section-body, #faq #soed-section-body, #faq #check-document-section-body { padding: 0px 10% 40px 10%; } #faq #document-ao-section-body h3, #faq #artoffice-profit-section-body h3, #faq #plugin-ao-section-body h3, #faq #client-ao-section-body h3, #faq #soed-section-body h3, #faq #check-document-section h3 { font-size: 18px; line-height: 28px; margin-top: 60px; margin-bottom: 20px; } #faq #plugin-ao-section-body h4 { font-size: 22px; margin-bottom: 20px; } #faq #plugin-ao-section-body ul li, #faq #client-ao-section-body ul li, #faq #document-ao-section-body ul li, #faq #check-document-section ul li { line-height: 26px; } #faq #plugin-ao-section-body ul li:before, #faq #client-ao-section-body ul li:before, #faq #document-ao-section-body ul li:before, #faq #check-document-section ul li:before { margin: 7px 16px 0 -28px; } #faq .zip-icon-banner { margin-top: 60px; margin-bottom: 30px; } } /*****************************************************************/ /********************* DESKTOP Page ******************************/ /*****************************************************************/ #desktop { height: 85vh; height: calc(100vh - 120px); min-height: 600px; padding: 40px 100px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 260px, #fff 260px, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 260px, #fff 260px, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 260px, #fff 260px, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 260px, #fff 260px, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #desktop h2, #desktop h1 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; font-weight: 400; margin-bottom: 80px; } #desktop h3 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 36px; letter-spacing: 1px; font-weight: 400; margin-top: 40px; margin-bottom: 20px; } #desktop p { min-height: 100px; color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 18px; line-height: 28px; letter-spacing: 0px; font-weight: 400; margin-bottom: 0px; padding-left: 0px; padding-right:0px; } #desktop .details-link a { margin-top: 0px; margin-bottom:10px; } #desktop .page-content { padding-left: 5%; padding-right: 5%; } #desktop .plugin-section .img-wrap { margin-left: 0px; width: 50%; text-align: right; padding-right: 0px; padding-left: 0px; } #desktop .years-banner-wrap { display: table; width: 180px; max-width: 180px; min-width: 180px; margin: 20px 0px 0px 20px; padding:0px; border-color: #C2C5CB; border-width: 2px; border-style: dashed; -ms-border-radius: 10px; border-radius: 10px; } #desktop .years-banner { background: url(./Images/files.png) no-repeat center center; width: 80%; display: table-cell; } #desktop .year-list { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 14px; line-height: 16px; color: #C2C5CB; font-weight: 400; text-align: left; padding: 8px; width: 20%; display: table-cell; } #desktop .client-section img, #desktop .plugin-section img { height: 163px; width: 200px; min-width: 200px; max-width: 200px; } #desktop .plugin-section .years-banner-wrap img { height: 36px; width: 99px; min-width:99px; max-width: 99px; position: relative; top:22px; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #desktop { height: 85vh; height: calc(100vh - 120px); min-height: 560px; padding: 40px 100px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 220px, #fff 220px, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 220px, #fff 220px, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 220px, #fff 220px, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 220px, #fff 220px, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #desktop h2, #desktop h1 { margin-bottom: 40px; } #desktop .page-content { padding-left: 0px; padding-right: 0px; } #desktop p { min-height: 70px; } } @media (min-width: 768px) and (max-width: 1199px) { #desktop { position: relative; height: 736px; height: calc(100vh - 120px); min-height: 736px; padding: 40px 40px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 324px, #fff 324px, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 324px, #fff 324px, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 324px, #fff 324px, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 324px, #fff 324px, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #desktop h2, #desktop h1 { margin-bottom: 40px; } #desktop h3 { font-size: 30px; } #desktop .page-content { padding-left: 0px; padding-right: 0px; } #desktop p { min-height: 120px; } #desktop .plugin-section .img-wrap { margin-left: 0px; width: 100%; text-align: center; padding-right: 0px; padding-left: 0px; } #desktop .years-banner-wrap { margin: 0px; margin-bottom: 20px; margin-left: calc(50% - 90px); } #desktop .client-section .img-wrap { height: 267px; } #desktop .client-section .img-wrap img { margin-top: 104px; } } @media (max-width: 767px) { #desktop { padding: 0px; overflow-x: hidden; height: auto; padding: 40px 8%; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #f0f0f0 320px, #fff 320px, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #f0f0f0 320px, #fff 320px, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #f0f0f0 320px, #fff 320px, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #f0f0f0 320px, #fff 320px, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #desktop .page-title { padding:0px; } #desktop .page-content, #desktop .plugin-section, #desktop .client-section { padding-left: 0px; padding-right: 0px; } #desktop h2, #desktop h1 { text-align: left; font-size: 32px; letter-spacing: 1px; margin-right: 0px; margin-bottom: 40px; } #desktop h3 { font-size: 28px; letter-spacing: 1px; } #desktop .years-banner-wrap { margin: 20px 0px; margin-left: calc(50% - 90px); } #desktop .plugin-section .img-wrap { width: 100%; text-align: center; } #desktop p { min-height: auto; font-size: 18px; line-height: 28px; margin-bottom: 40px; padding-left: 10%; padding-right: 10%; } #desktop .details-link a { padding: 15px 50px; min-width: auto; } #desktop .client-section { margin-top: 100px; } } @media (max-width: 480px) { #desktop h2, #desktop h1 { text-align: left; font-size: 28px; letter-spacing: 0.5px; margin-right: -15px; margin-bottom: 40px; } #desktop h3 { font-size: 26px; letter-spacing: 0.5px; } #desktop p { padding-left: 0px; padding-right: 0px; font-size: 16px; line-height: 24px; } #desktop .details-link a { padding: 15px 30px; min-width: auto; } } /**********************************************************/ /********************** BLOG PAGE *************************/ /**********************************************************/ .go-back a, .read-more a { font-size: 15px; } #articles-page-title { margin: 0px; padding: 40px 80px 40px 80px; } #articles-page-title h1 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; margin-bottom: 0px; text-align: left; } .ArticleWrapper, .view-article-wrapper { margin: 0px; padding: 40px 95px; } .ArticleWrapper .ArticleTitle { display: none; } .ArticleWrapper h2.article-title, .ArticleWrapper h2.article-title a { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 30px; line-height: 40px; letter-spacing: 0.5px; text-transform: uppercase; margin-top:0px; margin-bottom: 30px; text-align: left; } .ArticleWrapper h2.article-title a{ color: #00bbbb; } .articles-list-image { min-width: 300px; width: 300px; height: 300px; margin: 0px; padding: 0px; float: left; position: relative; top: 10px; } .articles-list-text { width: calc(100% - 360px); padding-left: 60px; } .articles-list-text h4 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0.5px; margin-top: 20px; margin-bottom: 20px; } .articles-list-text h6 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; letter-spacing: 0.25px; margin-top: 20px; margin-bottom: 20px; } .articles-list-text p { font-size: 16px; line-height: 30px; } .ArticleWrapper .text-grey, .view-article-wrapper .text-grey { color: #888; } .ArticleWrapper .text-underlined, .view-article-wrapper .text-underlined { text-decoration: underline; } .ArticleWrapper a.text-underlined, .view-article-wrapper a.text-underlined { margin-top:40px; } .ArticleWrapper .read-more { margin-top:40px; } .Head, .ArticleAuthor { display:none; } .view-article-wrapper .article-title { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; line-height: 56px; letter-spacing: 1px; /*text-transform: uppercase;*/ margin: 0px; text-align: left; padding: 40px 0px; } .article-text-div { /*padding: 40px 100px;*/ } .view-article-wrapper .article-text-div h4 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 28px; font-weight: 400; line-height: 36px; letter-spacing: 0.5px; margin-top: 40px; margin-bottom: 40px; } .view-article-wrapper .article-text-div h5 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 0.5px; margin-top: 40px; margin-bottom: 20px; } .view-article-wrapper .article-text-div h6 { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 20px; font-weight: 400; line-height: 28px; letter-spacing: 0.25px; margin-top: 20px; margin-bottom: 20px; } .view-article-wrapper .article-text-div p { font-size: 16px; line-height: 30px; } .view-article-wrapper .article-text-div .teal-link { color:#00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; } .view-article-wrapper .article-text-div ul { list-style: none; padding-left: 10px; } .view-article-wrapper .article-text-div ol { padding-left: 0px; margin-left: 25px; } .view-article-wrapper .article-text-div ul li { list-style-type: none; padding-bottom: 15px; color: #444; line-height: 30px; font-size: 16px; font-weight: 400; } .view-article-wrapper .article-text-div ol li { padding-bottom: 15px; color: #444; line-height: 30px; font-size: 16px; font-weight: 400; text-indent: -25px; } .view-article-wrapper .article-text-div ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 9px 16px 0 -25px; border-radius: 50%; } .article-image-div .article-image{ margin-left: auto; margin-right: auto; } @media (min-width: 768px) and (max-width: 1199px) { .ArticleWrapper, .view-article-wrapper { margin: 0px; padding: 20px 95px 60px 95px; } .articles-list-image { /*width: 100%;*/ height: auto; max-height: 400px; margin: 0px; padding: 0px; /*float: none;*/ position: relative; top: 0px; } /*.articles-list-text { width: 100%; padding-left: 0px; }*/ .ArticleWrapper h2.article-title { margin-top:30px; margin-bottom:20px; } .view-article-wrapper .article-title { font-size: 36px; line-height: 42px; letter-spacing: 0.5px; } } @media (max-width: 767px) { .ArticleWrapper { margin: 0px; padding: 20px 40px 40px 40px; } .view-article-wrapper { margin: 0px; padding: 0px 40px 40px 40px; } .ArticleWrapper h2.article-title, .ArticleWrapper h2.article-title a { font-size: 24px; line-height: 30px; letter-spacing: 0.5px; } .articles-list-text h4 { font-size: 20px; line-height: 28px; letter-spacing: 0.25px; } .articles-list-text h6 { font-size: 18px; line-height: 24px; letter-spacing: 0.25px; } #articles-page-title { margin: 0px; padding: 20px 40px; } .articles-list-image { width: calc(100% + 50px); height: auto; max-height: 300px; margin: 0px -25px; padding: 0px; float: none; position: relative; top: 0px; } .article-image-div { width: calc(100% + 80px); height: auto; max-height: 300px; margin: 0px -40px; padding: 0px; float: none; position: relative; top: 0px; } .articles-list-text { width: 100%; padding: 0px 30px; } .article-text-div { width: 100%; padding: 0px; } .ArticleWrapper h2.article-title { margin-top:30px; margin-bottom:20px; } .view-article-wrapper .article-title { font-size: 26px; line-height: 30px; letter-spacing: 0.5px; } .view-article-wrapper .article-text-div h4 { font-size: 20px; line-height: 28px; letter-spacing: 0.5px; margin-top: 40px; margin-bottom: 30px; } } @media (max-width: 468px) { .articles-list-image { width: calc(100% + 50px); height: auto; max-height: 300px; margin: 0px -25px; padding: 0px; float: none; position: relative; top: 0px; } .articles-list-text { width: 100%; /*padding: 0px 0px;*/ } .view-article-wrapper { margin: 0px; padding: 0px 30px 40px 30px; } .article-image-div { width: calc(100% + 60px); margin: 0px -30px; } } /****************************************************************/ /************************* PAGE 404 *****************************/ /****************************************************************/ #siteWrapper > .container { display: none; } #page-404 { position: relative; margin: 0px; margin-left:0px; margin-right:0px; padding: 40px 120px; height: 85vh; height: calc(100vh - 120px); min-height: 580px; background-color: #f0f0f0; } #page-404.min320-width { min-width: 320px !important; } #page-404 .underline { text-decoration: underline; } #page-404 a { color: #009999; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #page-404 .page-title { padding-left:0px; } #page-404 .page-title h1 { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 44px; letter-spacing: 1px; margin-bottom: 40px; text-align: left; } #page-404 .image-wrapper { width: 400px; text-align: center; padding: 0px; } #page-404 .image-wrapper img { width: 100%; } #page-404 .text-wrapper { width: calc(100% - 400px); text-align: left; padding: 0px 0px 0px 60px; } #page-404 .text-wrapper h5 { color: #888; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 28px; letter-spacing: 0.5px; margin-bottom: 20px; margin-top: -6px; } #page-404 .text-wrapper p { color: #444; font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; margin-bottom: 0px; } #page-404 ul { list-style: none; margin-left: 0px; } #page-404 ul li { list-style-type: none; padding-top: 10px; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #page-404 ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 0px; border-radius: 50%; } @media (min-width: 768px) and (max-width: 1199px) { #page-404 { padding-right: 10%; padding-left: 10%; position: relative; height: 736px; height: calc(100vh - 120px); min-height: 860px; } #page-404 .image-wrapper { width: 100%; text-align: center; margin: 0px; } #page-404 .image-wrapper img { width: 400px; margin-left: auto; margin-right: auto; } #page-404 .text-wrapper { width: 100%; text-align: left; padding: 40px 0px; } } @media (max-width: 767px) { #page-404 { height: auto; padding: 30px 10%; } #page-404 .page-title { padding-right: 0px; } #page-404 .page-title h1 { font-size: 32px; margin-bottom: 40px; } #page-404 .image-wrapper { width: 100%; text-align: center; margin: 0px; } #page-404 .image-wrapper img { width: 300px; margin-left: auto; margin-right: auto; } #page-404 .text-wrapper { width: 100%; text-align: left; padding: 40px 0px; } #page-404 .text-wrapper h5 { font-size: 22px; margin-bottom: 20px; margin-top: 0px; } } #prices-page .container main { display: none; } @media (max-width: 767px) { #prices-page { overflow: hidden; } } /*** Contact Us Page ***/ #contact-us-page .container main { display: none; } #contact-us-page { position: relative; margin-left:0px; margin-right:0px; padding: 40px 100px 20px 60px; height: 85vh; height: calc(100vh - 120px); min-height: 580px; background-color: #f0f0f0; } #contact-us-page.min320-width { min-width: 320px !important; } #contact-us-page .img-wrapper { text-align:right; padding-left:0px; padding-right:0px; } #contact-us-page .title-wrapper { padding-left: 80px; margin-top:15px; } #contact-us-page .msg-div { padding-left: 0px; padding-right: 0px; } #contact-us-page h2, #contact-us-page h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 44px; letter-spacing: 1px; font-weight: 400; text-align: left; } #contact-us-page h5 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 24px; letter-spacing: 0.5px; font-weight: 400; text-align: left; } #contact-us-page .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #contact-us-page .v-spacer { margin: 0px 15px; } #contact-us-page .bg-white { background-color: white; } #contact-us-page .color-white { color: white; } #contact-us-page .color-gray { color: #888; } #contact-us-page a { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; } #contact-us-page a.underline-on-hover:hover { text-decoration: underline; } #contact-us-page .underline { text-decoration: underline; } #contact-us-page.p-5-p { padding-right: 5%; padding-left: 5%; } #contact-us-page #second-section { padding-left: 60px; text-align: left; } #contact-us-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } #contact-us-page .p-l-20 { padding-left: 20px; } #contact-us-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #contact-us-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } #contact-us-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #contact-us-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #contact-us-page .font-bold { font-weight: 600; } #contact-us-page .div-arrow { padding-left: 0px; } /*Необходим для корректной работы qTip*/ html body { position: static; } #contact-us-page .form-control { display: block; width: calc(100% - 64px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 8px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #contact-us-page textarea.form-control { height: auto; padding-top: 16px; } #contact-us-page .form-control { -webkit-box-shadow:none; box-shadow:none; } #contact-us-page .form-control:focus, #contact-us-page .form-control:hover { -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #contact-us-page .form-control::-webkit-input-placeholder {color:#ccc} #contact-us-page .form-control:-moz-placeholder {color:#ccc} #contact-us-page .form-control::-moz-placeholder {color:#ccc} #contact-us-page .form-control:-ms-input-placeholder {color:#ccc} #contact-us-page .form-control.input-validation-error { background-color: #FFEAE6 !important; border-color: #D25A43; } #contact-us-page .qtip-red-white { border: 1px solid #D25A43; border-color: #D25A43!important; background: #fff!important; background-color: #fff!important; width: 100%; padding:0px; } #contact-us-page .qtip-red-white .qtip-content { color:#D25A43; font-size:15px; line-height:20px; background: #fff!important; background-color: #fff!important; text-align: center; padding: 0px; margin: 0px; } #contact-us-page .validation-summary-errors ul li { font-size:15px; } #contact-us-page .fa-wrapper { position: relative; } #contact-us-page .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #contact-us-page .form-control-and-fa-icon-lg { padding-left: 48px; } #contact-us-page textarea.fa-textare-width { width: 100%; min-width: 100%; max-width: 100%; } #contact-us-page .v-sum-lg { padding-left: 0px; } #contact-us-page .v-sum-lg ul { margin-left: 0px; } #contact-us-page i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #contact-us-page i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #contact-us-page i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #contact-us-page i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #contact-us-page i.fa-message-custom { background: url('./Images/icon-message.png') no-repeat center center; width: 24px; height: 24px; } #contact-us-page .btn-send { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #contact-us-page .btn-send:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } #contact-us-page .field-validation-error { margin-left: 24px; } #contact-us-page .alert.alert-success { width: 100%; font-size: 16px; line-height: 28px; color:#009999; background-color: #fff; border: 1px solid #00bbbb; border-radius: 8px; } #contact-us-page .alert.alert-success .close{ color:#006666; } #contact-us-page .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#009999; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #contact-us-page { padding: 20px 100px 20px 20px; } #contact-us-page .v-spacer { display: none; } #contact-us-page h2, #contact-us-page h1 { font-size: 36px; margin-bottom: 20px; } #contact-us-page .color-black { font-size: 16px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #contact-us-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; height: 736px; height: calc(100vh - 120px); min-height: 736px; } #contact-us-page h2, #contact-us-page h1 { font-size: 36px; margin-bottom: 0px; } #contact-us-page #second-section { padding-left: 5%; padding-right: 0px; text-align: left; } #contact-us-page .alert.alert-success { font-size: 15px; } #contact-us-page .title-wrapper { padding-left: 0px; margin-left: -10px; margin-bottom: 20px; } #contact-us-page .img-wrapper { text-align:left; padding-left: 10%; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #contact-us-page .img-wrapper { text-align:right; padding-left: 0px; padding-right: 40px; } } @media (max-width: 767px) { #contact-us-page { height: calc(100vh - 138px); padding: 0px; overflow-x: hidden; /*margin-top:79px;*/ } #contact-us-page.p-5-p { padding: 30px 20px 15px 20px; } #contact-us-page h2, #contact-us-page h1 { font-size: 32px; text-align: left; padding-left: 40px; margin: 20px 0px 10px 0px; } #contact-us-page #second-section { width: 100%; padding: 0px; } #contact-us-page .v-sum-lg { padding-left: 0; } #contact-us-page .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #contact-us-page .alert.alert-success strong{ font-size: 14px; line-height: 22px; } #contact-us-page .title-wrapper { padding-left: 0px; } #contact-us-page .img-wrapper { text-align:left; padding-left: 40px; } } /*** / Contact Us Page ***/ /*** OUR CLIENTS Page ***/ #clients-page .container main { display: none; } #clients-page { position: relative; margin-left:0px; margin-right:0px; padding: 40px 40px; /*height: 90vh; height: calc(100vh - 120px); min-height: 600px; */ background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 5%, #fff 95%, #f0f0f0 100%); /* Standard syntax */ } #clients-page.min320-width { min-width: 320px !important; } #clients-page .banner-title h2, #clients-page .banner-title h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size:44px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; } #clients-page .logos-wrapper { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; } #clients-page #index-customers .banner-item { margin-top: 5vh; padding: 0px; } #clients-page .review-link a { margin-top:60px; margin-bottom:20px; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #clients-page { padding: 20px 20px; } #clients-page .v-spacer { display: none; } #clients-page h2, #clients-page h1 { font-size: 36px; margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #clients-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; } #clients-page .banner-title h2, #clients-page .banner-title h1 { font-size: 36px; margin-bottom: 0px; } #clients-page .review-link a { margin-top:0px; margin-bottom:20px; } } @media (min-width: 768px) and (max-width: 991px) { #clients-page { min-height: 860px!important; } } @media (min-width: 992px) and (min-height:1000px) { #clients-page { height: 90vh; height: calc(100vh - 120px); min-height: 740px; } } @media (max-width: 767px) { #clients-page { height: calc(100vh - 138px); overflow-x: hidden; } #clients-page.p-5-p { height:auto; padding: 30px 20px 15px 20px; } #clients-page .banner-title h2, #clients-page .banner-title h1 { font-size: 36px; text-align: left; padding-left: 0px; margin: 20px 0px 10px 0px; } #clients-page .reviews-link { position: absolute; bottom: 20px; } #clients-page .review-link a { margin-top:0px; } } /*** / OUR CLIENTS Page ***/ /*** PROFIT CALCULATOR ***/ #profit-calc-page .container main { display: none; } #profit-calc-page { position: relative; margin-left:0px; margin-right:0px; padding: 20px 60px; height: 90vh; height: calc(100vh - 120px); min-height: 480px; background-color:#f0f0f0; /* For browsers that do not support gradients */ } #profit-calc-section { position: relative; margin-left:0px; margin-right:0px; padding: 20px 60px 20px 60px; height: auto; min-height: 480px; background-color:#f0f0f0; /* For browsers that do not support gradients */ } #profit-calc-page.min320-width, #profit-calc-page .min320-width { min-width: 320px !important; } #profit-calc-page .banner-title { padding-left:0px; } #profit-calc-section .banner-title { padding-left:0px; } #profit-calc-page .banner-title h2, #profit-calc-page .banner-title h1, #profit-calc-section .banner-title h2 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size:44px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; margin-left:-4px; } #profit-calc-page #second-section.min320-width { min-height: auto; padding: 0px 30px 20px 40px; } #profit-calc-section #second-section.min320-width { min-height: auto; padding: 0px 0px 20px 40px; } #profit-calc-page h5, #profit-calc-section h5 { font-size: 24px; color: #009999; font-weight: 400; letter-spacing: 1px; margin-top: 0px; margin-bottom: 20px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #profit-calc-page #second-section .color-black, #profit-calc-section #second-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #profit-calc-page .uCalc_174291, #profit-calc-page .calculator-wrapper, #profit-calc-section .calculator-wrapper { border-left: 4px solid #f5bd14!important; background-color: #ffffff; } #profit-calc-section #calc-section { max-width: 820px; margin-top:0px; margin-bottom:40px; padding-left:0px; padding-right:0px; margin-left:-15px; margin-right:-15px; background-color: #ffffff; background: #ffffff; } #profit-calc-page .calculator-wrapper, #profit-calc-section .calculator-wrapper { padding: 20px 30px; max-width: 820px; background-color: #ffffff; background: #ffffff; } #profit-calc-page .calculator-wrapper .input-title, #profit-calc-section .calculator-wrapper .input-title { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #555; font-size: 16px; line-height: 20px; font-weight: 400; padding-left: 0px!important; padding-right: 0px!important; } #profit-calc-page .calculator-wrapper h5.result-row, #profit-calc-section .calculator-wrapper h5.result-row { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #009999!important; font-size: 24px; line-height: 30px; font-weight: 400!important; letter-spacing: 0.5px; margin-top: 20px!important; margin-bottom: 0px!important; } #profit-calc-page .calculator-wrapper h5.result-row span, #profit-calc-section .calculator-wrapper h5.result-row span { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #009999!important; font-size: 28px; line-height: 30px; font-weight: 400!important; letter-spacing: 1px; margin-top: -2px; } #profit-calc-page .calculator-wrapper .form-group, #profit-calc-section .calculator-wrapper .form-group { padding-left:0px; padding-right:0px; } .calculator-wrapper .form-group { padding-left:0px; padding-right:0px; margin-bottom:0px!important; } .calculator-wrapper .form-group.deliv-type { margin-top: 10px; } .calculator-wrapper .form-group .form-control { margin-top:0px!important; margin-bottom:20px!important; } .calculator-wrapper input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 50%; width: 20px; height: 20px; border: 2px solid #999; transition: 0.2s all linear; outline: none; margin-right: 0px; position: relative; top: 0px; } .calculator-wrapper input[type=number].form-control { padding-top:0px!important; padding-bottom:0px!important; font-size: 20px; } .calculator-wrapper .deliv-type .radio { margin: 5px 0px 5px 5px!important; } .calculator-wrapper .deliv-type .radio label { font-size:16px; position: relative; top: -4px; padding-left: 5px!important; } .calculator-wrapper input[type=radio]:focus { outline: none; } .calculator-wrapper input[type=radio]:checked { border: 6px solid #009999; border-color: #009999; } .calculator-wrapper input[type=radio]:checked::-ms-check { border: 6px solid #009999; border-color: #009999; color: #ffffff; } .calculator-wrapper select[name=subj-type].form-control, .calculator-wrapper input[type=number].form-control { border-radius: 0px; border: 1px solid transparent; box-shadow: inset 0 1px 1px rgba(0,0,0,0); border-bottom: 1px solid #00bbbb; padding-left:0px!important; } .calculator-wrapper h5.result-row { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #009999!important; font-size: 24px; line-height: 30px; font-weight: 400!important; letter-spacing: 0.5px; margin-bottom: 0px!important; margin-top: 10px!important; } .calculator-wrapper .result-row-description { width:100%; font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #009999!important; font-size: 16px; line-height: 30px; font-weight: 400!important; letter-spacing: 0.25px; margin-bottom: 10px!important; margin-top: 20px!important; padding-top: 10px; padding-bottom: 0px; border-top: 1px solid #00cccc; } .visible-lg.visible-1200-1365 { display: none!important; } @media (min-width: 1200px) and (max-width: 1365px) { .visible-lg.visible-1200-1365 { display: block!important; } .pull-left-1200-1365 { float:left!important; } .calculator-wrapper .result-row-description { margin-top:40px!important; } } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #profit-calc-page, #profit-calc-section { padding: 20px 60px; } #profit-calc-page .v-spacer, #profit-calc-section .v-spacer { display: none; } #profit-calc-page h2, #profit-calc-section h2 { font-size: 36px; margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #profit-calc-section { padding-bottom: 140px; } #profit-calc-page.p-5-p, #profit-calc-page .p-5-p, #profit-calc-section.p-5-p, #profit-calc-section .p-5-p { padding-right:4%; padding-left:5%; position: relative; min-height: 736px; } #profit-calc-section #calc-section { margin-left: -40px; margin-right: 0px; } #profit-calc-page #second-section.min320-width { min-height: auto; padding: 0px 15px; margin-top: 40px; } #profit-calc-section #second-section.min320-width { min-height: auto; padding: 0px 0px; } #profit-calc-page .banner-title h2, #profit-calc-page .banner-title h1, #profit-calc-section .banner-title h2 { font-size: 36px; margin-bottom: 20px; } } @media (max-width: 767px) { #profit-calc-page, #profit-calc-section { padding: 20px 40px; overflow-x: hidden; height: auto; } #profit-calc-section { padding-bottom: 140px; } #profit-calc-page.p-5-p, #profit-calc-page .p-5-p, #profit-calc-section .p-5-p, #profit-calc-section .p-5-p { height:auto; padding: 30px 20px 15px 20px; } #profit-calc-section #calc-section { margin-left: -40px; margin-right: 0px; } #profit-calc-page .banner-title h2, #profit-calc-page .banner-title h1, #profit-calc-section .banner-title h2{ font-size: 36px; text-align: left; padding-left: 0px; margin: 20px 0px 20px 0px; } #profit-calc-page .title-wrapper, #profit-calc-section .title-wrapper { padding: 0px 15px; } #calc-section { width: 100vw; padding: 0px; margin: 0px -25px; } #calc-section .calculator-wrapper { padding: 20px 40px; border-top: 4px solid #f5bd14!important; border-bottom: 4px solid #f5bd14!important; border-left: none!important; } #calc-section .calculator-wrapper h5.result-row { margin-bottom: 30px!important; } #profit-calc-page #second-section.min320-width { min-height: auto; padding: 0px 20px; margin-top: 40px; } #profit-calc-section #second-section.min320-width { min-height: auto; padding: 0px 0px; } .pull-left-xs { float:left!important; } .calculator-wrapper .result-row-description { margin-top: 40px!important; } .visible-xs.visible-lg.visible-1200-1365 { display: block!important; } } @media (max-width: 479px) { #profit-calc-page, #profit-calc-section { padding: 20px 40px; overflow-x: hidden; height: auto; } #profit-calc-section { padding-bottom: 140px; } #profit-calc-page .title-wrapper, #profit-calc-section .title-wrapper { padding: 0px 5px; } #profit-calc-page #second-section.min320-width, #profit-calc-section #second-section.min320-width { min-height: auto; padding: 0px 5px; min-width: 280px!important; } #calc-section .calculator-wrapper { padding: 20px 30px; } .calculator-wrapper select[name=subj-type].form-control { font-size: 16px; } .calculator-wrapper .deliv-type .radio { padding-right: 0px; width: calc(100% + 40px); } .calculator-wrapper .deliv-type .radio label { font-size: 14px; } .calculator-wrapper h5.result-row { font-size: 20px!important; } } /*** / PROFIT CALCULATOR ***/ /*** Need Consultation Page ***/ #need-consultation-page .container main { display: none; } #need-consultation-page { position: relative; margin-left:0px; margin-right:0px; padding: 20px 100px 20px 60px; height: 85vh; height: calc(100vh - 120px); min-height: 900px; background-color: #f0f0f0; } #need-consultation-page.min320-width { min-width: 320px !important; } #need-consultation-page .img-wrapper { text-align:right; padding-left:0px; padding-right:0px; } #need-consultation-page .title-wrapper { padding-left: 80px; margin-top:15px; } #need-consultation-page .msg-div { /*padding-left: 0px; padding-right: 0px;*/ } #need-consultation-page h2, #need-consultation-page h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 44px; letter-spacing: 1px; font-weight: 400; text-align: left; margin-bottom:20px; } #need-consultation-page h5 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 24px; letter-spacing: 0.5px; font-weight: 400; text-align: left; } #need-consultation-page .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #need-consultation-page .v-spacer { margin: 0px 15px; } #need-consultation-page .bg-white { background-color: white; } #need-consultation-page .color-white { color: white; } #need-consultation-page .color-gray { color: #888; } #need-consultation-page a { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; } #need-consultation-page a.underline-on-hover:hover { text-decoration: underline; } #need-consultation-page .underline { text-decoration: underline; } #need-consultation-page.p-5-p { padding-right: 5%; padding-left: 5%; } #need-consultation-page #second-section { padding-top: 0px; padding-left: 0px; text-align: left; } #need-consultation-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } #need-consultation-page .p-l-20 { padding-left: 20px; } #need-consultation-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #need-consultation-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } #need-consultation-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #need-consultation-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #need-consultation-page .font-bold { font-weight: 600; } #need-consultation-page .div-arrow { padding-left: 0px; } #need-consultation-page .form-control { display: block; width: calc(100% - 64px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 8px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #need-consultation-page textarea.form-control { height: auto; padding-top: 16px; } #need-consultation-page .form-control { -webkit-box-shadow:none; box-shadow:none; } #need-consultation-page .form-control:focus, #need-consultation-page .form-control:hover { -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #need-consultation-page .form-control::-webkit-input-placeholder {color:#ccc} #need-consultation-page .form-control:-moz-placeholder {color:#ccc} #need-consultation-page .form-control::-moz-placeholder {color:#ccc} #need-consultation-page .form-control:-ms-input-placeholder {color:#ccc} #need-consultation-page .form-control.input-validation-error { background-color: #FFEAE6 !important; border-color: #D25A43; } #need-consultation-page .qtip-red-white { border: 1px solid #D25A43; border-color: #D25A43!important; background: #fff!important; background-color: #fff!important; width: 100%; padding:0px; } #need-consultation-page .qtip-red-white .qtip-content { color:#D25A43; font-size:15px; line-height:20px; background: #fff!important; background-color: #fff!important; text-align: center; padding: 0px; margin: 0px; } #need-consultation-page .validation-summary-errors ul li { font-size:15px; } #need-consultation-page .fa-wrapper { position: relative; } #need-consultation-page .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #need-consultation-page .form-control-and-fa-icon-lg { padding-left: 48px; } #need-consultation-page textarea.fa-textare-width { width: 100%; min-width: 100%; max-width: 100%; } #need-consultation-page .v-sum-lg { padding-left: 0px; } #need-consultation-page .v-sum-lg ul { margin-left: 0px; } #need-consultation-page i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #need-consultation-page i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #need-consultation-page i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #need-consultation-page i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #need-consultation-page i.fa-message-custom { background: url('./Images/icon-message.png') no-repeat center center; width: 24px; height: 24px; } #need-consultation-page .btn-send { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #need-consultation-page .btn-send:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } #need-consultation-page .field-validation-error { margin-left: 24px; } #need-consultation-page .alert.alert-success { width: 100%; margin-top:20px; margin-bottom:20px; font-size: 16px; line-height: 28px; color:#009999; background-color: #fff; border: 1px solid #00bbbb; border-radius: 8px; } #need-consultation-page .alert.alert-success .close{ color:#006666; } #need-consultation-page .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#009999; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #need-consultation-page { padding: 20px 100px 20px 20px; } #need-consultation-page .v-spacer { display: none; } #need-consultation-page h2, #need-consultation-page h1 { font-size: 36px; margin-bottom: 20px; } #need-consultation-page .color-black { font-size: 16px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #need-consultation-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; height: auto; min-height: 736px; } #need-consultation-page h2, #need-consultation-page h1 { font-size: 36px; margin-bottom: 0px; } #need-consultation-page #second-section { padding-top: 20px; padding-left: 0px; text-align: left; } /* padding-left: 5%; padding-right: 0px; text-align: left; }*/ #need-consultation-page .alert.alert-success { font-size: 15px; } #need-consultation-page .title-wrapper { padding-left: 0px; margin-left: -10px; margin-bottom: 20px; } #need-consultation-page .img-wrapper { text-align:left; padding-left: 10%; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { #need-consultation-page.img-wrapper { text-align:right; padding-left: 0px; padding-right: 40px; } } @media (max-width: 767px) { #need-consultation-page { height: auto; padding: 0px; overflow-x: hidden; margin-top:80px; } #need-consultation-page.p-5-p { padding: 0px 20px 15px 40px; } #need-consultation-page h2, #need-consultation-page h1 { font-size: 32px; text-align: left; padding-left: 0px; margin: 20px 0px 10px 0px; } #need-consultation-page #second-section { width: 100%; padding: 0px; } #need-consultation-page .v-sum-lg { padding-left: 0; } #need-consultation-page .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #need-consultation-page .alert.alert-success strong{ font-size: 14px; line-height: 22px; } #need-consultation-page .title-wrapper { padding-left: 0px; } #need-consultation-page .img-wrapper { text-align:left; padding-left: 40px; } } @media (max-width: 479px) { #need-consultation-page { margin-top:0px; } } /*** / Need Consultation Page ***/ /*** CUSTOMER REVIEW Page ***/ #customer-review-page .container main { display: none; } #customer-review-page { position: relative; margin-left:0px; margin-right:0px; padding: 40px 40px; min-height: 860px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #customer-review-page.min320-width { min-width: 320px !important; } #customer-review-page .banner-title h2, #customer-review-page .banner-title h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size:44px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; } #customer-review-page .item .content-item a { color: #00bbbb; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #customer-review-page { padding: 20px 20px; } #customer-review-page h2 { font-size: 36px; margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #customer-review-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; height: 736px; height: calc(100vh - 120px); min-height: 736px; } #customer-review-page .banner-title h2, #customer-review-page .banner-title h1 { font-size: 36px; margin-bottom: 0px; } } #carousel-customers { margin-top:0px; width: 100%; } #carousel-customers .carousel-indicators { margin: 0px; height: 160px; overflow: auto; position: relative; text-align: center; white-space: nowrap; width: 100%; left: 0px; bottom: 0px; padding: 20px; } #carousel-customers .carousel-indicators li { background-color: transparent; -webkit-border-radius: 0; border-radius: 0; margin: 0px 40px!important; width: 140px; max-width:140px; border:1px solid transparent; border:1px solid transparent; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: flex-inline; flex-direction: column; } #carousel-customers .carousel-indicators li.softserve-li img { margin-top:40px; } #carousel-customers .carousel-indicators li img { display: block; opacity: 0.25; } #carousel-customers .carousel-indicators li.active img { opacity: 1; } #carousel-customers .carousel-indicators li:hover img { opacity: 0.75; } #carousel-customers .indicator-controls { display: inline-block; } #carousel-customers .indicator-controls.left, #carousel-customers .indicator-controls.right { width:52px; height: 160px; } #carousel-customers .indicator-controls.center { width:calc(100% - 104px); } #carousel-customers .carousel-inner { position: relative; min-height:440px; border:1px solid transparent; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25); } #carousel-customers .carousel-inner .item { margin: 30px 60px; } #carousel-customers .title-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; } #carousel-customers .title-item .title-item-img, #carousel-customers .title-item .title-item-text { display: inline-block; } #carousel-customers .title-item .title-item-img { width: 200px; height:80px; } #carousel-customers .title-item .title-item-text { width: calc(100% - 200px); height:auto; } #carousel-customers .title-item h2 { margin-bottom:15px!important; } #carousel-customers .title-item h4 { margin-bottom:0px!important; } #carousel-customers .title-item img { max-height:80px; } #carousel-customers .carousel-inner .item p { margin-top: 10px; margin-bottom: 10px; } #carousel-customers .carousel-control.left { text-align: left; color:#bbb; font-size: 80px; background-image: none; width: 52px; height: 160px; top: 0px; left: 0px; margin-top: 0px; line-height: 80px; padding: 30px 0px; opacity: 0.5; text-shadow: none; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #carousel-customers .carousel-control.right { text-align: right; color:#bbb; font-size: 80px; background-image: none; width: 52px; height: 160px; top: 0px; right: 0px; margin-top: 0px; line-height: 80px; padding: 30px 0px; opacity: 0.5; text-shadow: none; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } #carousel-customers .carousel-control.left:hover, #carousel-customers .carousel-control.right:hover { opacity: 1; } #carousel-customers .col-centered { float: none; margin: 0 auto; } #carousel-customers .img-reversed { transform:rotate(180deg); } #carousel-customers .rotate-90 { display: inline-block; transform:rotate(90deg); } @media (max-width: 767px) { #customer-review-page { height: calc(100vh - 138px); padding: 0px; overflow-x: hidden; } #customer-review-page.p-5-p { height:auto; padding: 30px 20px 15px 20px; } #customer-review-page .banner-title h2, #customer-review-page .banner-title h1 { font-size: 36px; text-align: left; padding-left: 0px; margin: 20px 0px 10px 0px; } #customer-review-page .title-item { display: block; margin-bottom: 15px; } #customer-review-page .title-item .title-item-img { display: block; width: 100%; height:80px; margin-bottom: 15px; } #customer-review-page .title-item .title-item-text { display: block; width: 100%; height:auto; } #customer-review-page .indicator-controls-wrapper { margin-left: -30px!important; margin-right: -30px!important; width: calc(100% + 60px); } #carousel-customers .carousel-indicators { overflow-x: hidden; } #customer-review-page .carousel-control.left, #customer-review-page .carousel-control.right { position: relative; } #customer-review-page .carousel-control.left:hover, #customer-review-page .carousel-control.right:hover, #customer-review-page .carousel-control.left:active, #customer-review-page .carousel-control.right:active { position: relative; } #carousel-customers .carousel-indicators li { display: none; padding: 0px; margin: 0px!important; } #carousel-customers .carousel-indicators li.active { display: inline-block; } #carousel-customers .carousel-indicators li.active img { margin: 0 auto; } #carousel-customers .carousel-indicators li.active.softserve-li img { margin-top: 40px; } #customer-review-page .sliders-wrapper { margin-left: -60px!important; margin-right: -60px!important; } } /*** / CUSTOMER REVIEW Page ***/ /*** BLOG Page ***/ #blog-page .container main { display: none; } #blog-page { position: relative; margin-left:0px; margin-right:0px; padding: 40px 40px; min-height: 860px; background-color:#f0f0f0; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#f0f0f0 0%, #fff 10%, #fff 90%, #f0f0f0 100%); /* Standard syntax */ } #blog-page.min320-width { min-width: 320px !important; } #blog-page .banner-title h1 { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size:44px; letter-spacing:1px; font-weight:400; margin-bottom: 20px; } #blog-page .item .content-item a { color: #00bbbb; } @media screen and ( min-width: 1200px ) and ( max-height: 899px ){ #blog-page { padding: 20px 20px; } #blog-page h2, #blog-page h1 { font-size: 36px; margin-bottom: 20px; } } @media (min-width: 768px) and (max-width: 1199px) { #blog-page.p-5-p { padding-right:4%; padding-left:5%; position: relative; height: 736px; height: calc(100vh - 120px); min-height: 736px; } #blog-page .banner-title h1 { font-size: 36px; margin-bottom: 0px; } } @media (max-width: 767px) { #blog-page { height: calc(100vh - 138px); padding: 0px; overflow-x: hidden; } #blog-page.p-5-p { height:auto; padding: 30px 20px 15px 20px; } #blog-page .banner-title h1 { font-size: 36px; text-align: left; padding-left: 0px; margin: 20px 0px 10px 0px; } #blog-page .title-item { display: block; margin-bottom: 15px; } #blog-page .title-item .title-item-img { display: block; width: 100%; height:80px; margin-bottom: 15px; } #blog-page .title-item .title-item-text { display: block; width: 100%; height:auto; } } /*** / BLOG Page ***/ /*** DNN MENU ***/ #dnnMenu { margin-left: -10px; } #dnnMenu > ul.topLevel > li.dropdown > a:hover, #dnnMenu > ul.topLevel > li.dropdown > a:focus { cursor: default; color: #777777!important; } #dnnMenu > ul.topLevel > li.dropdown ul.subLevel > li > a:hover, #dnnMenu > ul.topLevel > li.dropdown ul.subLevel > li > a:focus { color: #00cccc!important; } @media (min-width:1200px) and (max-width: 1279px) { #mainHeader-inner a.try-free-link { margin-right:0px!important; padding-right: 10px; padding-left: 10px; } } @media (max-width: 1199px) { #dnnMenu { margin-left: 0px; } #mainHeader-inner .navbar-fixed-top .navbar-collapse { padding-right:0px; } } /*** / DNN MENU **/ /************************************************************************************/ /************************ Integration-1C Page ********************************************/ /************************************************************************************/ #integration-1c-page .container main { display: none; } #integration-1c-page .bg-white { background-color: white; } #integration-1c-page .color-white { color: white; } #integration-1c-page .color-black { color: black; } #integration-1c-page .color-gray { color: gray; } #integration-1c-page a { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #integration-1c-page .underline { text-decoration: underline; } #integration-1c-page a.underline-on-hover:hover { text-decoration: underline; } #integration-1c-page .pdf-icon-banner { background: url('./Images/file-pdf.png') no-repeat center center; height: 63px; } #integration-1c-page .msi-icon-banner { background: url('./Images/file-msi.png') no-repeat center center; height: 63px; } #integration-1c-page .zip-icon-banner { background: url('./Images/file-zip.png') no-repeat center center; height: 63px; } #integration-1c-page .exe-icon-banner { background: url('./Images/file-exe.png') no-repeat center center; height: 63px; } #integration-1c-page .m-t-n { margin-top: 0; } #integration-1c-page .m-b-n { margin-bottom: 0; } #integration-1c-page .m-n { margin: 0; } #integration-1c-page .col-lg-1-5 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 12.499999995%; } #integration-1c-page .p-5-p { padding-right: 5%; padding-left: 5%; } #integration-1c-page .p-1-p { padding-right: 1%; padding-left: 1%; } #integration-1c-page .b-r-5 { -ms-border-radius: 5px; border-radius: 5px; } #integration-1c-page .b-r-5-t { -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; } #integration-1c-page .side-block-padder { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #integration-1c-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #integration-1c-page .btn-text-v { display: inline-block; vertical-align: middle; } #integration-1c-page #first-section { padding: 40px 80px 40px 0px; } #integration-1c-page #second-section, #integration-1c-page #third-section { padding: 40px 80px 40px 80px; } #integration-1c-page h1, #integration-1c-page h2, #integration-1c-page h3, #integration-1c-page h4, #integration-1c-page h5 { color: #00bbbb!important; font-family: "Open Sans", Roboto, Helvetica, sans-serif!important; font-weight: 400!important; } #integration-1c-page h1, #integration-1c-page h2 { font-size: 44px; letter-spacing: 1px; } #integration-1c-page h3 { font-size: 36px; padding-top:6px; letter-spacing:0.5px; } #integration-1c-page #third-section h3 { margin-bottom: 20px; font-size: 28px; } #integration-1c-page h4 { font-size: 28px; letter-spacing:0.5px; } #integration-1c-page h5 { font-size: 24px; letter-spacing:0.5px; } #integration-1c-page p { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; } #integration-1c-page .try-free-link a { margin-top: 0px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #integration-1c-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #integration-1c-page #first-section .color-black { color: #444; font-size: 18px; line-height: 36px; font-weight: 400; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #client #second-section .col-lg-5 { padding-right: 10%; } #integration-1c-page ul li { list-style-type: disc; } #integration-1c-page #second-section ul li { font-family: "Open Sans", Roboto, Helvetica, sans-serif; list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 16px; font-weight: 400; } #integration-1c-page #second-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #integration-1c-page #third-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #integration-1c-page #first-section .col-lg-offset-1 { margin-left: 0; } #integration-1c-page #second-section .col-lg-offset-1, #integration-1c-page #third-section .col-lg-offset-1 { margin-left: 0px; padding-right: 40px; } #integration-1c-page h4.dwnld-descrption-height { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 20px; font-weight: 400; min-height: 100px; } #integration-1c-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } #integration-1c-page .p-l-20 { padding-left: 20px; } #integration-1c-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } #integration-1c-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #integration-1c-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #integration-1c-page .font-bold { font-weight: 600; } #integration-1c-page .div-arrow { padding-left: 0px; } #integration-1c-page .form-control { display: block; width: calc(100% - 64px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 8px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #integration-1c-page textarea.form-control { height: auto; padding-top: 16px; } #integration-1c-page .form-control { -webkit-box-shadow:none; box-shadow:none; } #integration-1c-page .form-control:focus, #integration-1c-page .form-control:hover { -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #integration-1c-page .form-control::-webkit-input-placeholder {color:#ccc} #integration-1c-page .form-control:-moz-placeholder {color:#ccc} #integration-1c-page .form-control::-moz-placeholder {color:#ccc} #integration-1c-page .form-control:-ms-input-placeholder {color:#ccc} #integration-1c-page .form-control.input-validation-error { background-color: #FFEAE6 !important; border-color: #D25A43; } #integration-1c-page .qtip-red-white { border: 1px solid #D25A43; border-color: #D25A43!important; background: #fff!important; background-color: #fff!important; width: 100%; padding:0px; } #integration-1c-page .qtip-red-white .qtip-content { color:#D25A43; font-size:15px; line-height:20px; background: #fff!important; background-color: #fff!important; text-align: center; padding: 0px; margin: 0px; } #integration-1c-page .validation-summary-errors ul li { font-size:15px; } #integration-1c-page .fa-wrapper { position: relative; } #integration-1c-page .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #integration-1c-page .form-control-and-fa-icon-lg { padding-left: 48px; } #integration-1c-page textarea.fa-textare-width { width: 100%; min-width: 100%; max-width: 100%; } #integration-1c-page .v-sum-lg { padding-left: 20px; } #integration-1c-page .v-sum-lg ul { margin-left: 0px; } #integration-1c-page i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #integration-1c-page i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #integration-1c-page i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #integration-1c-page i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #integration-1c-page i.fa-message-custom { background: url('./Images/icon-message.png') no-repeat center center; width: 24px; height: 24px; } #integration-1c-page .btn-send { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #integration-1c-page .btn-send:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } #integration-1c-page .field-validation-error { margin-left: 24px; } #integration-1c-page .alert.alert-success { width: 100%; margin-top:20px; margin-bottom:20px; font-size: 16px; line-height: 28px; color:#009999; background-color: #fff; border: 1px solid #00bbbb; border-radius: 8px; } #integration-1c-page .alert.alert-success .close{ color:#006666; } #integration-1c-page .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#009999; } @media (min-width: 768px) and (max-width: 1199px) { #integration-1c-page .details-link a { padding: 15px 30px; } #integration-1c-page #first-section{ padding: 0px 40px 40px 40px; } #integration-1c-page #second-section, #integration-1c-page #third-section { padding-left: 40px; padding-right: 40px; } #integration-1c-page #second-section, #integration-1c-page #third-section { padding-top: 20px; padding-bottom:20px; } #integration-1c-page #second-section h3 { font-size: 28px; } #integration-1c-page #second-section .col-lg-5 { padding-right: 15px; } #integration-1c-page #second-section h5 { font-size: 20px; } #integration-1c-page #second-section ul { margin-left: 30px; } #integration-1c-page #second-section ul li { font-size: 16px; } #integration-1c-page #second-section ul li:before { margin-top: 10px; } #integration-1c-page .try-free-link a { margin-top: 20px; margin-bottom: 20px; padding: 15px 30px; } #integration-1c-page #first-section .color-black { font-size: 16px; } #integration-1c-page #first-section.row.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #integration-1c-page #second-section .v-spacer { margin: 0px 15px; } #integration-1c-page #first-section h2, #integration-1c-page #first-section h1{ text-align:left; font-size: 36px; margin-bottom: 20px; } #integration-1c-page h4.dwnld-descrption-height { min-height: 100px; } #integration-1c-page .alert.alert-success { font-size: 15px; } #integration-1c-page .title-wrapper { padding-left: 0px; margin-left: -10px; margin-bottom: 20px; } #integration-1c-page .img-wrapper { text-align:left; padding-left: 10%; margin-bottom: 20px; } } @media (max-width: 767px) { #integration-1c-page { padding: 0px; overflow-x:hidden; } #integration-1c-page .min320-width.row { margin-left:0px; margin-right:0px; } #integration-1c-page #second-section .v-spacer { margin: 0px 15px; } #integration-1c-page #first-section, #integration-1c-page #second-section, #integration-1c-page #third-section { padding: 80px 5% 40px 5%; } #integration-1c-page #second-section, #integration-1c-page #third-section { padding-top: 0px; padding-bottom: 40px; } #integration-1c-page #second-section { padding-top: 40px; padding-bottom: 40px; } #integration-1c-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #integration-1c-page #first-section h2, #integration-1c-page #first-section h1, #integration-1c-page #second-section h3 { font-size: 36px; text-align:left; margin-bottom:20px; } #integration-1c-page #first-section h2, #integration-1c-page #first-section h1 { margin-top:40px; } #integration-1c-page #first-section .color-black { font-size: 16px; } #integration-1c-page .try-free-link { text-align: center; } #integration-1c-page .try-free-link a { margin-top: 20px; margin-bottom: 40px; } #integration-1c-page #second-section ul { margin-left: 30px; } #integration-1c-page #second-section ul li { font-size: 16px; } #integration-1c-page #second-section ul li:before { margin-top: 10px; } #integration-1c-page #second-section h5 { font-size: 20px; line-height: 30px; } #integration-1c-page .details-link, #integration-1c-page .try-free-link{ margin-left: -15px; margin-right: -15px; } #integration-1c-page .details-link a, #integration-1c-page .try-free-link a { padding: 15px 30px; min-width: 260px; } #integration-1c-page .document-icon-banner, #integration-1c-page .pdf-icon-banner, #integration-1c-page .msi-icon-banner, #integration-1c-page .zip-icon-banner, #integration-1c-page .exe-icon-banner { margin-top:50px; } #integration-1c-page h4.dwnld-descrption-height { min-height: 60px; margin-top: 10px; margin-bottom:20px; } #integration-1c-page .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #integration-1c-page .alert.alert-success strong { font-size: 14px; line-height: 22px; } } @media (max-width: 480px) { #integration-1c-page #first-section { padding-top: 0px; padding-bottom: 40px; } } /*** / Integration 1C Page ***/ /************************************************************************************/ /************************ API Page **************************************************/ /************************************************************************************/ .bg-white-gradient { background-color:#ffffff; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#ffffff 0%, #f0f0f0 20%, #f0f0f0 100%); /* Safari 5.1-6.0 */ background: -o-linear-gradient(#ffffff 0%, #f0f0f0 20%, #f0f0f0 100%); /* For Opera 11.6-12.0 */ background: -moz-linear-gradient(#ffffff 0%, #f0f0f0 20%, #f0f0f0 100%); /* For Firefox 3.6-15 */ background: linear-gradient(#ffffff 0%, #f0f0f0 20%, #f0f0f0 100%); /* Standard syntax */ } #integration-api-page .container main { display: none!important; } #integration-api-page .down-b { background: url('/Portals/0/Images/down-b.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #integration-api-page .down-w { background: url('/Portals/0/Images/down-w-n.png') no-repeat center center; height:23px; width:16px; display:inline-block; margin-right: 16px; margin-bottom: -4px; } #integration-api-page .bg-white { background-color: white; } #integration-api-page .color-white { color: white; } #integration-api-page .color-black { color: black; } #integration-api-page .color-gray { color: gray; } #integration-api-page a { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #integration-api-page .underline { text-decoration: underline; } #integration-api-page a.underline-on-hover:hover { text-decoration: underline; } #integration-api-page .pdf-icon-banner { background: url('./Images/file-pdf.png') no-repeat center center; height: 63px; } #integration-api-page .msi-icon-banner { background: url('./Images/file-msi.png') no-repeat center center; height: 63px; } #integration-api-page .zip-icon-banner { background: url('./Images/file-zip.png') no-repeat center center; height: 63px; } #integration-api-page .exe-icon-banner { background: url('./Images/file-exe.png') no-repeat center center; height: 63px; } #integration-api-page .m-t-n { margin-top: 0; } #integration-api-page .m-b-n { margin-bottom: 0; } #integration-api-page .m-n { margin: 0; } #integration-api-page .col-lg-1-5 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 12.499999995%; } #integration-api-page .p-5-p { padding-right: 5%; padding-left: 5%; } #integration-api-page .p-1-p { padding-right: 1%; padding-left: 1%; } #integration-api-page .b-r-5 { -ms-border-radius: 5px; border-radius: 5px; } #integration-api-page .b-r-5-t { -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; } #integration-api-page .side-block-padder { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #integration-api-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } #integration-api-page .btn-text-v { display: inline-block; vertical-align: middle; } #integration-api-page #first-section { padding: 40px 80px 40px 0px; } #integration-api-page #second-section, #integration-api-page #forth-section { padding: 40px 80px 40px 80px; } #integration-api-page #third-section { padding: 80px 80px 80px 80px; } #integration-api-page h1, #integration-api-page h2, #integration-api-page h3, #integration-api-page h4, #integration-api-page h5 { color: #00bbbb!important; font-family: "Open Sans", Roboto, Helvetica, sans-serif!important; font-weight: 400!important; } #integration-api-page h1, #integration-api-page h2 { font-size: 44px; letter-spacing: 1px; } #integration-api-page h3 { font-size: 36px; padding-top:6px; letter-spacing:0.5px; } #integration-api-page #forth-section h3 { margin-bottom: 20px; font-size: 28px; } #integration-api-page h4 { font-size: 28px; letter-spacing:0.5px; } #integration-api-page h5 { font-size: 24px; letter-spacing:0.5px; } #integration-api-page p { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; } #integration-api-page .try-free-link a { margin-top: 0px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #integration-api-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #integration-api-page #first-section .color-black { color: #444; font-size: 18px; line-height: 36px; font-weight: 400; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #integration-api-page #second-section .col-lg-5 { /*padding-right: 10%;*/ } #integration-api-page ul li { list-style-type: disc; } #integration-api-page #second-section ul li { font-family: "Open Sans", Roboto, Helvetica, sans-serif; list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 16px; font-weight: 400; } #integration-api-page #second-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } #integration-api-page #forth-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } #integration-api-page #first-section .col-lg-offset-1 { margin-left: 0; } #integration-api-page #second-section .col-lg-offset-1, #integration-api-page #forth-section .col-lg-offset-1 { margin-left: 0px; padding-right: 40px; } #integration-api-page h4.dwnld-descrption-height { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 20px; font-weight: 400; min-height: 100px; } #integration-api-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } #integration-api-page .p-l-20 { padding-left: 20px; } #integration-api-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } #integration-api-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } #integration-api-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } #integration-api-page .font-bold { font-weight: 600; } #integration-api-page .div-arrow { padding-left: 0px; } #integration-api-page .form-control { display: block; width: calc(100% - 64px); height: 36px; padding: 10px 15px; font-size: 16px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 8px; -webkit-box-shadow:none; box-shadow:none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #integration-api-page textarea.form-control { height: auto; padding-top: 16px; } #integration-api-page .form-control { -webkit-box-shadow:none; box-shadow:none; } #integration-api-page .form-control:focus, #integration-api-page .form-control:hover { -webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #integration-api-page .form-control::-webkit-input-placeholder {color:#ccc} #integration-api-page .form-control:-moz-placeholder {color:#ccc} #integration-api-page .form-control::-moz-placeholder {color:#ccc} #integration-api-page .form-control:-ms-input-placeholder {color:#ccc} #integration-api-page .form-control.input-validation-error { background-color: #FFEAE6 !important; border-color: #D25A43; } #integration-api-page .qtip-red-white { border: 1px solid #D25A43; border-color: #D25A43!important; background: #fff!important; background-color: #fff!important; width: 100%; padding:0px; } #integration-api-page .qtip-red-white .qtip-content { color:#D25A43; font-size:15px; line-height:20px; background: #fff!important; background-color: #fff!important; text-align: center; padding: 0px; margin: 0px; } #integration-api-page .validation-summary-errors ul li { font-size:15px; } #integration-api-page .fa-wrapper { position: relative; } #integration-api-page .fa-icon-lg { position: absolute; top: 16px; left: 12px; } #integration-api-page .form-control-and-fa-icon-lg { padding-left: 48px; } #integration-api-page textarea.fa-textare-width { width: 100%; min-width: 100%; max-width: 100%; } #integration-api-page .v-sum-lg { padding-left: 20px; } #integration-api-page .v-sum-lg ul { margin-left: 0px; } #integration-api-page i.fa-email-custom { background: url('./Images/icon_mail.png') no-repeat center center; width: 24px; height: 24px; } #integration-api-page i.fa-user-custom { background: url('./Images/icon-user.png') no-repeat center center; width: 24px; height: 24px; } #integration-api-page i.fa-users-custom { background: url('./Images/icon_org.png') no-repeat center center; width: 24px; height: 24px; } #integration-api-page i.fa-phone-custom { background: url('./Images/icon_phone.png') no-repeat center center; width: 24px; height: 24px; } #integration-api-page i.fa-message-custom { background: url('./Images/icon-message.png') no-repeat center center; width: 24px; height: 24px; } #integration-api-page .btn-send { display: inline-block; padding: 15px 50px; margin-top: 10px; margin-bottom: 0px; letter-spacing: 1px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 400; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; font-size: 16px; color: #000!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; background-color: #009999; border: 3px solid #009999; color: #fff!important; box-shadow: none!important; } #integration-api-page .btn-send:hover { background-color: #006666; border: 3px solid #006666; color: #fff!important; } #integration-api-page .field-validation-error { margin-left: 24px; } #integration-api-page .alert.alert-success { width: 100%; margin-top:20px; margin-bottom:20px; font-size: 16px; line-height: 28px; color:#009999; background-color: #fff; border: 1px solid #00bbbb; border-radius: 8px; } #integration-api-page .alert.alert-success .close{ color:#006666; } #integration-api-page .alert.alert-success strong{ font-family: "Open Sans", Roboto, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 28px; color:#009999; } #integration-api-page #first-section .api-image-wrapper img { max-height: 350px; } @media (min-width: 768px) and (max-width: 1199px) { #integration-api-page .details-link a { padding: 15px 30px; } #integration-api-page #first-section{ padding: 40px 40px 40px 40px; } #integration-api-page #second-section, #integration-api-page #third-section { padding-left: 40px; padding-right: 40px; } #integration-api-page #second-section { padding-top: 20px; padding-bottom:20px; } #integration-api-page #second-section h3 { font-size: 28px; } #integration-api-page #second-section .col-lg-5 { padding-right: 15px; } #integration-api-page #second-section h5 { font-size: 20px; } #integration-api-page #second-section ul { margin-left: 30px; } #integration-api-page #second-section ul li { font-size: 16px; } #integration-api-page #second-section ul li:before { margin-top: 10px; } #integration-api-page .try-free-link a { margin-top: 20px; margin-bottom: 20px; padding: 15px 30px; } #integration-api-page #first-section .color-black { font-size: 16px; } #integration-api-page #first-section.row.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } #integration-api-page #second-section .v-spacer { margin: 0px 15px; } #integration-api-page #first-section h2, #integration-api-page #first-section h1{ text-align:left; font-size: 36px; margin-bottom: 20px; } #integration-api-page h4.dwnld-descrption-height { min-height: 100px; } #integration-api-page .alert.alert-success { font-size: 15px; } #integration-api-page .title-wrapper { padding-left: 0px; margin-left: -10px; margin-bottom: 20px; } #integration-api-page .img-wrapper { text-align:left; padding-left: 10%; margin-bottom: 20px; } #integration-api-page #first-section .api-image-wrapper { padding-left: 0px; padding-bottom: 40px; margin-left: -15px; } #integration-api-page #first-section .api-image-wrapper img { max-height: 300px; } } @media (max-width: 767px) { #integration-api-page { padding: 0px; overflow-x:hidden; } #integration-api-page .min320-width.row { margin-left:0px; margin-right:0px; } #integration-api-page #second-section .v-spacer { margin: 0px 15px; } #integration-api-page #first-section, #integration-api-page #second-section, #integration-api-page #third-section, #integration-api-page #forth-section { padding: 80px 5% 40px 5%; } #integration-api-page #second-section { padding-top: 0px; padding-bottom: 40px; } #integration-api-page #second-section { padding-top: 40px; padding-bottom: 40px; } #integration-api-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #integration-api-page #first-section h2, #integration-api-page #first-section h1, #integration-api-page #second-section h3 { font-size: 36px; text-align:left; margin-bottom:20px; } #integration-api-page #first-section h2, #integration-api-page #first-section h1 { margin-top:40px; } #integration-api-page #first-section .color-black { font-size: 16px; } #integration-api-page .try-free-link { text-align: center; } #integration-api-page .try-free-link a { margin-top: 20px; margin-bottom: 40px; } #integration-api-page #second-section ul { margin-left: 30px; } #integration-api-page #second-section ul li { font-size: 16px; } #integration-api-page #second-section ul li:before { margin-top: 10px; } #integration-api-page #second-section h5 { font-size: 20px; line-height: 30px; } #integration-api-page .details-link, #integration-api-page .try-free-link{ margin-left: -15px; margin-right: -15px; } #integration-api-page .details-link a, #integration-api-page .try-free-link a { padding: 15px 30px; min-width: 260px; } #integration-api-page .document-icon-banner, #integration-api-page .pdf-icon-banner, #integration-api-page .msi-icon-banner, #integration-api-page .zip-icon-banner, #integration-api-page .exe-icon-banner { margin-top:50px; } #integration-api-page h4.dwnld-descrption-height { min-height: 60px; margin-top: 10px; margin-bottom:20px; } #integration-api-page .alert.alert-success { width: 100%; font-size: 14px; line-height: 22px; } #integration-api-page .alert.alert-success strong { font-size: 14px; line-height: 22px; } #integration-api-page #first-section .api-image-wrapper img { max-height: 300px; } #integration-api-page #third-section { padding-top: 20px!important; } } @media (max-width: 480px) { #integration-api-page #first-section { padding-top: 0px; padding-bottom: 40px; } #integration-api-page #first-section .api-image-wrapper img { max-height: 300px; } #integration-api-page #third-section { padding-top: 20px!important; } } /*** / API Page ***/ /*** "site-page" class styles ***/ .site-page .container main { display: none!important; } .site-page .bg-white { background-color: white; } .site-page .color-white { color: white; } .site-page .color-black { color: black; } .site-page .color-gray { color: gray; } .site-page a { color: #00bbbb; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } .site-page .underline { text-decoration: underline; } .site-page a.underline-on-hover:hover { text-decoration: underline; } .site-page .pdf-icon-banner { background: url('./Images/file-pdf.png') no-repeat center center; height: 63px; } .site-page .msi-icon-banner { background: url('./Images/file-msi.png') no-repeat center center; height: 63px; } .site-page .zip-icon-banner { background: url('./Images/file-zip.png') no-repeat center center; height: 63px; } .site-page .exe-icon-banner { background: url('./Images/file-exe.png') no-repeat center center; height: 63px; } .site-page .m-t-n { margin-top: 0; } .site-page .m-b-n { margin-bottom: 0; } .site-page .m-n { margin: 0; } .site-page .col-lg-1-5 { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 12.499999995%; } .site-page .p-5-p { padding-right: 5%; padding-left: 5%; } .site-page.p-1-p { padding-right: 1%; padding-left: 1%; } .site-page .b-r-5 { -ms-border-radius: 5px; border-radius: 5px; } .site-page .b-r-5-t { -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; } .site-page .side-block-padder { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } .site-page .border-line { border-bottom-color: #c2c5cb; border-bottom-style: solid; border-bottom-width: 1px; } .site-page .btn-text-v { display: inline-block; vertical-align: middle; } .site-page h1, .site-page h2, .site-page h3, .site-page h4, .site-page h5 { color: #00bbbb!important; font-family: "Open Sans", Roboto, Helvetica, sans-serif!important; font-weight: 400!important; } .site-page h1, .site-page h2 { font-size: 44px; letter-spacing: 1px; } .site-page h3 { font-size: 36px; padding-top:6px; letter-spacing:0.5px; } .site-page h4 { font-size: 28px; letter-spacing:0.5px; } .site-page h5 { font-size: 24px; letter-spacing:0.5px; } .site-page p { font-family: "Open Sans", Roboto, Helvetica, sans-serif; font-size: 16px; } .site-page .try-free-link a { margin-top: 0px; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } .site-page ul li { list-style-type: disc; } .site-page #second-section ul li, .site-page #first-section ul li { font-family: "Open Sans", Roboto, Helvetica, sans-serif; list-style-type: none; padding-top: 12px; color: #444; line-height: 32px; font-size: 18px; font-weight: 400; } .site-page #second-section ul li:before, .site-page #first-section ul li:before { content: ""; line-height: 24px; width: 12px; height: 12px; background-color: #ccc; float: left; margin: 10px 16px 0 -28px; border-radius: 50%; } .site-page #forth-section .color-black { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #444; font-size: 16px; line-height: 32px; font-weight: 400; } .site-page #first-section .col-lg-offset-1 { margin-left: 0; } .site-page #second-section .col-lg-offset-1, .site-page #forth-section .col-lg-offset-1 { margin-left: 0px; padding-right: 40px; } .site-page h4.dwnld-descrption-height { font-family: "Open Sans", Roboto, Helvetica, sans-serif; color: #00bbbb; font-size: 20px; font-weight: 400; min-height: 100px; } .site-page .col-xs-9 { padding-right: 0px; padding-left: 0px; } .site-page .p-l-20 { padding-left: 20px; } .site-page .p-text-lg { margin-top: 5px; margin-bottom: 0; display: inline-block; } .site-page .p-text-md { margin-top: 5px; margin-bottom: 0; display: block; min-width: 200px; } .site-page .p-text-xs { margin-top: 5px; margin-bottom: 0; display: inline-block; min-width: 200px; } .site-page .font-bold { font-weight: 600; } .site-page .div-arrow { padding-left: 0px; } @media (min-width: 768px) and (max-width: 1199px) { .site-page .details-link a { padding: 15px 30px; } .site-page #first-section{ padding: 40px 40px 40px 40px; } .site-page #second-section, .site-page #third-section { padding-left: 40px; padding-right: 40px; } .site-page #second-section { padding-top: 20px; padding-bottom:20px; } .site-page #second-section h3 { font-size: 28px; } .site-page #second-section .col-lg-5 { padding-right: 15px; } .site-page #second-section h5 { font-size: 20px; } .site-page #second-section ul, .site-page #first-section ul { margin-left: 30px; } .site-page #second-section ul li , .site-page #first-section ul li { font-size: 18px; } .site-page #second-section ul li:before, .site-page #first-section ul li:before { margin-top: 10px; } .site-page .try-free-link a { margin-top: 20px; margin-bottom: 20px; padding: 15px 30px; } .site-page #first-section .color-black { font-size: 16px; } .site-page #first-section.row.min320-width .right-block-padder { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; } .site-page #second-section .v-spacer { margin: 0px 15px; } .site-page #first-section h2, .site-page #first-section h1{ text-align:left; font-size: 36px; margin-bottom: 20px; } .site-page h4.dwnld-descrption-height { min-height: 100px; } .site-page .alert.alert-success { font-size: 15px; } .site-page .title-wrapper { padding-left: 0px; margin-left: -10px; margin-bottom: 20px; } .site-page .img-wrapper { text-align:left; padding-left: 10%; margin-bottom: 20px; } .site-page #first-section .api-image-wrapper { padding-left: 0px; padding-bottom: 40px; margin-left: -15px; } .site-page #first-section .api-image-wrapper img { max-height: 300px; } } @media (max-width: 767px) { .site-page { padding: 0px; overflow-x:hidden; } .site-page .min320-width.row { margin-left:0px; margin-right:0px; } .site-page #second-section .v-spacer { margin: 0px 15px; } .site-page #first-section, .site-page #second-section, .site-page #third-section, .site-page #forth-section { padding: 80px 5% 40px 5%; } .site-page #second-section { padding-top: 0px; padding-bottom: 40px; } .site-page #second-section { padding-top: 40px; padding-bottom: 40px; } .site-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .site-page #first-section h2, .site-page #first-section h1, .site-page #second-section h3 { font-size: 36px; text-align:left; margin-bottom:20px; } .site-page #first-section h2, .site-page #first-section h1 { margin-top:40px; } .site-page #first-section .color-black { font-size: 16px; } .site-page .try-free-link { text-align: center; } .site-page .try-free-link a { margin-top: 20px; margin-bottom: 40px; } .site-page #second-section ul, .site-page #first-section ul { margin-left: 30px; } .site-page #second-section ul li, .site-page #first-section ul li { font-size: 16px; } .site-page #second-section ul li:before, .site-page #first-section ul li:before { margin-top: 10px; } .site-page #second-section h5 { font-size: 20px; line-height: 30px; } .site-page .details-link, .site-page .try-free-link{ margin-left: -15px; margin-right: -15px; } .site-page .details-link a, .site-page .try-free-link a { padding: 15px 30px; min-width: 260px; } .site-page .document-icon-banner, .site-page .pdf-icon-banner, .site-page .msi-icon-banner, .site-page .zip-icon-banner, .site-page .exe-icon-banner { margin-top:50px; } .site-page h4.dwnld-descrption-height { min-height: 60px; margin-top: 10px; margin-bottom:20px; } .site-page #first-section .api-image-wrapper img { max-height: 300px; } .site-page #third-section { padding-top: 20px!important; } } @media (max-width: 480px) { .site-page #first-section { padding-top: 0px; padding-bottom: 40px; } .site-page #first-section .api-image-wrapper img { max-height: 300px; } .site-page #third-section { padding-top: 20px!important; } } /*** EXPERTISE Page ***/ #expertise-page .container main { display: none!important; } #expertise-page { padding: 60px; height: auto; } #expertise-page #first-section { padding: 0px; } #expertise-page #first-section div.right-block-padder { padding-top: 0px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } #expertise-page #first-section .color-black { color: #444; font-size: 16px; line-height: 36px; font-weight: 400; font-family: "Open Sans", Roboto, Helvetica, sans-serif; } #expertise-page #first-section p, #expertise-page #first-section ul li { font-size: 16px; } #expertise-page #first-section .api-image-wrapper img { max-height: 350px; } @media (max-width: 1199px) { #expertise-page { padding: 40px 40px 40px 60px; } } @media (min-width: 992px) and (max-width: 1199px) { #expertise-page { height: auto; } } @media (min-width: 768px) and (max-width:991px) { #expertise-page { height: auto; } #expertise-page #first-section .api-image-wrapper img { max-height: 300px; } } @media (max-width: 767px) { #expertise-page { height: auto; overflow-x: hidden; padding: 30px; } #expertise-page #first-section .api-image-wrapper img { max-height: 250px; } #expertise-page #first-section div.right-block-padder { padding: 0px; } } /*** / EXPERTISE Page ***/ /**** ACTIONS: BIRTH DAY Action and BLACK FRIDAY Action ***/ .btn.btn-modal-action-bd.aoland { position: fixed; top: 80px!important; right: 0px!important; left: calc(100% - 140px)!important; background-color:#bb0000; padding:10px 20px; border-radius:10px!important; opacity:1!important; font-size:18px; letter-spacing:0.5px; } .btn.btn-modal-action-cm.aoland, .btn.btn-modal-action-cm_21.aoland { position: fixed; top: 90px!important; right: 0px!important; left: calc(100% - 140px)!important; background-color:#531779; padding:10px 20px; border-radius:5px!important; opacity:1!important; font-size:18px; letter-spacing:0.5px; text-shadow: 0px 1px 5px #0aa, 0 0 1em #fff, 0 0 0.5em #0dd; /*box-shadow:0px 0px 5px #0dd;*/ -webkit-transition: .3s; transition: .3s; } .btn.btn-modal-action-cm.aoland:hover, .btn.btn-modal-action-cm_21.aoland:hover { text-shadow:0px 1px 5px #fbe458, 0 0 1.5em #ffffff, 0 0 0.5em #ffec65; box-shadow:0px 0px 10px #fbe458, 0 0 1.5em #fff, 0 0 0.5em #ffec65; } .btn.btn-modal-action-cm.btn-modal-action-free_docs_22.aoland { padding: 10px 15px; left: calc(100% - 170px)!important; background-color: #1eb5a5; text-shadow: none; box-shadow: 4px 4px 10px #bbb; text-transform: none; font-size: 16px; line-height: 20px; } .btn.btn-modal-action-cm.btn-modal-action-free_docs_22.aoland:hover { text-shadow: none; box-shadow: 4px 4px 10px #777; } .btn.btn-modal-action-cm.btn-modal-action-free_docs_22.aoland h3 { margin-bottom: 0px; font-size: 18px; color: #fff; text-transform: uppercase; } #modal_action_free_docs_22 { padding-right:0px!important; } .btn.btn-modal-action-cm.btn-az_banner.aoland { width: calc(100% + 20px); margin:0px -10px !important; /*height: 144px;*/ border-radius:0px!important; padding: 5px 15px; left: 0px!important; top:80px!important; background-color: #009999; text-shadow: none; box-shadow: 4px 4px 10px #bbb; text-transform: none; font-size: 16px; line-height: 20px; opacity: 1!important; /*background-image: url('./Images/AZ_pRRO_banner_144x144px.png'); background-size: cover;*/ } .btn.btn-modal-action-cm.btn-az_banner.aoland:hover { opacity: 1!important; text-shadow: none; cursor:default; } .btn.btn-modal-action-cm.btn-az_banner.aoland h3 { margin-bottom: 0px; font-size: 50px; color: #fff; text-transform: uppercase; } .btn.btn-modal-action-bf.aoland { width: 200px; position: fixed; top: 74px!important; right: 30px!important; left: calc(100% - 230px)!important; background-color:#000000; padding:10px 10px; border-radius:0px!important; opacity:1!important; display:none!important; /* Uncomment this for stopping Black Friday Action */ } .btn.btn-modal-action-bf.aoland > span { font-size:20px; font-weight:800!important; letter-spacing:1.5px; } .modal-action-window { margin-top:56px; /*display:none!important; Uncomment this for stopping Birth Day Action */ } .modal-action-window .modal-header button.close { font-size:40px; font-weight:300; margin-top:-10px; color:#ffffff!important; text-shadow: none; opacity: 1; } #modal_action_BD .modal-title { color:#f0f0f0; letter-spacing:1px; } .modal-action-window .modal-footer .btn.btn-close { letter-spacing:1px; background-color:#00bbbb; opacity:1!important; color:#ffffff!important; border-radius: 25px; font-size: 16px; padding: 15px 30px; margin-left:0px; } #modal_action_BD .modal-content { background-image: url('./Images/action_img.jpg'); background-color: #152e42; background-position: right 0px top 0px; background-repeat: no-repeat; background-size: cover; padding:20px 20px 20px 30px; border-radius: 10px!important; } #modal_action_BF1 .modal-dialog, #modal_action_BF2 .modal-dialog { margin-top:96px; } #modal_action_BF1 .modal-content, #modal_action_BF2 .modal-content { min-height:638px; background-image: url('./Images/black_friday_15_w900.png'); background-color: #000000; background-position: right 50% top 0px; background-repeat: no-repeat; background-size: cover; padding:20px 20px 0px 30px; border-radius: 10px!important; } #modal_action_CM .modal-dialog { margin-top:96px; } #modal_action_CM .modal-content { min-height:450px; background-image: url('./Images/Cyber_monday_1200x600_3_blue.jpg'); background-color: #000000; background-position: right 50% top 0px; background-repeat: no-repeat; background-size: cover; padding:20px 20px 0px 20px; border-radius: 5px!important; display: flex; flex-direction: column; justify-content: space-between; } #modal_action_CM_21 .modal-dialog { margin-top:96px; } #modal_action_CM_21 .modal-content { min-height:450px; background-image: url('./Images/Cyber_monday_1200x600_3_blue_2021.jpg'); background-color: #000000; background-position: right 50% top 0px; background-repeat: no-repeat; background-size: cover; padding:20px 20px 0px 20px; border-radius: 5px!important; display: flex; flex-direction: column; justify-content: space-between; } .modal-action-window .modal-header { border-bottom: 0px solid #e5e5e5; } #modal_action_BF1 .modal-header, #modal_action_BF2 .modal-header { height:80px; border-bottom: 0px solid transparent; } #modal_action_BF1 .modal-header button.close, #modal_action_BF2 .modal-header button.close { font-size:80px; line-height:40px; font-weight:400; margin-top:-15px; color:#000000!important; text-shadow: none; opacity: 1; } #modal_action_BF1 .modal-body, #modal_action_BF2 .modal-body { min-height: 480px; } #modal_action_CM .modal-header { height:80px; border-bottom: 0px solid transparent; } #modal_action_CM .modal-header button.close { font-size: 60px; line-height: 60px; font-weight: 300; margin-top: -30px; color:#ffffff!important; text-shadow: none; opacity: 1; -webkit-transition: .3s; transition: .3s; } #modal_action_CM .modal-header button.close:hover { color:#78d0c4!important; text-shadow: 0px 1px 5px #0aa, 0 0 1em #fff, 0 0 0.5em #0dd; } #modal_action_CM .modal-body { min-height: 210px; } #modal_action_CM_21 .modal-header { height:80px; border-bottom: 0px solid transparent; } #modal_action_CM_21 .modal-header button.close { font-size: 60px; line-height: 60px; font-weight: 300; margin-top: -30px; color:#ffffff!important; text-shadow: none; opacity: 1; -webkit-transition: .3s; transition: .3s; } #modal_action_CM_21 .modal-header button.close:hover { color:#78d0c4!important; text-shadow: 0px 1px 5px #0aa, 0 0 1em #fff, 0 0 0.5em #0dd; } #modal_action_CM_21 .modal-body { min-height: 210px; } .modal-action-window .modal-body > p { color:#f0f0f0; font-size: 18px; font-weight:300; line-height: 30px; letter-spacing:0.25px; width: 50%; } .modal-action-window a.text-white, a.text-white:visited { color:#ffffff!important; } .modal-action-window a.link-underlined, .modal-action-window a.link-underlined:focus, .modal-action-window a.link-underlined:active, .modal-action-window a.link-underlined:visited { text-decoration:underline; } .modal-action-window .modal-footer { border-top: 0px solid #e5e5e5; padding-top:0px!important; padding-bottom: 0px!important; } #modal_action_BF2 .modal-footer { width: 100%; border-top: 0px solid transparent; display: table; vertical-align: bottom; text-align: center; padding-top:0px!important; padding-bottom: 0px!important; } #modal_action_BF2 .modal-footer .btn-close { margin-bottom:0px!important; margin-top: 20px; width: 500px; background-color:#000000; font-size: 20px; font-weight:800; color: #ffffff; letter-spacing: 2px; text-transform:uppercase; } #modal_action_CM .modal-footer, #modal_action_CM_21 .modal-footer { width: 100%; border-top: 0px solid transparent; display: table; vertical-align: bottom; text-align: center; padding-top:0px!important; padding-bottom: 25px!important; } #modal_action_CM .modal-footer > p, #modal_action_CM_21 .modal-footer > p { color: #fff; font-size: 32px; text-align: right !important; margin: 0px -15px !important; letter-spacing: 1px; line-height: 40px; text-shadow: 0px 0px 3px #35115f, 0px 0px 6px #fff, 0px 0px 9px #0dd; } #modal_action_CM .modal-footer > p > a, #modal_action_CM_21 .modal-footer > p > a { color: #0dd; text-decoration: underline; text-shadow: 0px 0px 3px #35115f, 0px 0px 6px #fff, 0px 0px 9px #0dd; -webkit-transition: .3s; transition: .3s; } #modal_action_CM .modal-footer > p > a:hover, #modal_action_CM_21 .modal-footer > p > a:hover { color: #ffffff; text-shadow: 0px 0px 3px #f31b61, 0px 0px 12px #fff, 0px 0px 15px #f31b61; } #modal_action_CM .modal-footer .btn-close, #modal_action_CM_21 .modal-footer .btn-close { margin-bottom:0px!important; margin-top: 20px; width: 500px; background-color:#000000; font-size: 20px; font-weight:800; color: #ffffff; letter-spacing: 2px; text-transform:uppercase; } .action-price-value { display:none!important; /* Uncomment this for stopping Birth Day Action */ font-size: 22px!important; color: #dd0000!important; font-weight:600!important; opacity: 1!important; position:relative; top:2px; margin-left:0px; } .action-price-value.month { margin-left:-5px; margin-right:3px; } .cross-red { display:none!important; /* Uncomment this for stopping Birth Day Action */ font-size: 32px!important; line-height: 32px!important; color: #dd0000!important; font-weight:400!important; position:relative; top: 5px; margin-left:-30px; } .cross-red.month { margin-left:-20px; margin-right:0px; } a.white-link, a.white-link:link, a.white-link:visited, a.white-link:active { color: #fff!important; } .cross-black { display:none!important; /*Uncomment this for stopping Black Friday Action */ font-size: 32px!important; line-height: 32px!important; color: #000000!important; font-weight:400!important; position:relative; top: 0px; margin-left: -30px; } .bf-action-price-value { display:none!important; /*Uncomment this for stopping Black Friday Action */ font-size: 22px!important; line-height: 22px!important; color: #000000!important; font-weight:600!important; font-style: italic; opacity: 1!important; position:relative; top:0px; display: block; margin-top: -28px; margin-left: 0px; } #modal_action_free_docs_22 .modal-dialog { margin-top:100px; max-width: 600px !important; } #modal_action_free_docs_22 .modal-header { background-color: #00bbbb; } #modal_action_free_docs_22 .modal-header .close { color: #fff; opacity:0.7; font-size: 32px; font-weight: 400; box-shadow: none!important; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; } #modal_action_free_docs_22 .modal-header .close:focus, #modal_action_free_docs_22 .modal-header .close:hover { color: #fff; opacity:1; font-size: 32px; font-weight: 400; } #modal_action_free_docs_22 .modal-header .modal-title { color: #ffffff!important; text-align:center; padding-left: 10px; padding-right: 10px; } #modal_action_free_docs_22 .body-title { color: #009999!important; text-align:center; padding: 10px; } #modal_action_free_docs_22 .modal-body p { text-align:center; padding: 10px; margin-bottom: 0px; } #modal_action_free_docs_22 .modal-footer, #modal_action_free_docs_22 .modal-footer p { text-align: center!important; margin:0px!important; border-top-color: transparent; } #modal_action_free_docs_22 .details-link a { margin-top: 0px; margin-bottom:30px; } @media (max-width: 1199px) { .action-price-value { margin-left:5px; margin-right:5px; font-weight:400!important; } .cross-red.month { margin-left:-22px; } .cross-black { margin-left: 3px; } .cross-violet { margin-left: 3px; } } @media (max-width: 991px) { #modal_action_BD .modal-body > p { width: 70%; line-height: 28px; } #modal_action_BD .modal-content { background-position: right -210px top 0px; } #modal_action_CM .modal-body > p, #modal_action_CM_21 .modal-body > p { width: 70%; line-height: 28px; } #modal_action_CM .modal-content, #modal_action_CM_21 .modal-content { min-height: 200px; } #modal_action_CM .modal-body, #modal_action_CM_21 .modal-body { min-height: 150px; } #modal_action_CM .modal-footer > p, #modal_action_CM_21 .modal-footer > p { color: #fff; font-size: 22px; margin: 0px -15px !important; letter-spacing: 0.5px; line-height: 28px; } .btn.btn-modal-action-cm.btn-az_banner.aoland { /*width: 108px; height: 108px; left: calc(100% - 130px)!important;*/ } .btn.btn-modal-action-cm.btn-az_banner.aoland h3 { font-size: 26px; } } @media (max-width: 767px) { .modal-action-window .btn.btn-modal-action-bd.aoland { right: 20px; } .modal-action-window { margin-top:76px; } .modal-action-window .modal-body > p { width: 100%; } .modal-action-window .modal-content { background-image: none; } #modal_action_BF1 .modal-dialog, #modal_action_BF2 .modal-dialog { margin-top:30px; } #modal_action_BF1 .modal-content, #modal_action_BF2 .modal-content { min-height:500px; padding:20px 20px 0px 20px; } #modal_action_BF1 .modal-header button.close, #modal_action_BF2 .modal-header button.close { font-size:40px; line-height:40px; margin-top: -20px; margin-right: -20px; } #modal_action_BF1 .modal-body, #modal_action_BF2 .modal-body { min-height: 350px; } #modal_action_BF2 .modal-footer { padding-left:0px; padding-right:0px; } #modal_action_BF2 .modal-footer .btn-close { width: 100%; margin-left:0px; margin-right:0px; font-size: 20px; letter-spacing: 2px; } #modal_action_CM .modal-dialog, #modal_action_CM_21 .modal-dialog { margin-top:30px; } #modal_action_CM .modal-content, #modal_action_CM_21 .modal-content { background-size: contain; background-color: #359997; min-height: 0px; width: 440px; margin-left: auto; margin-right: auto; } #modal_action_CM .modal-header button.close, #modal_action_CM_21 .modal-header button.close { font-size:40px; line-height:40px; margin-top: -30px; margin-right: -20px; } #modal_action_CM .modal-body, #modal_action_CM_21 .modal-body { min-height: 140px; height: 140px; } #modal_action_CM .modal-footer, #modal_action_CM_21 .modal-footer { min-height: 80px; display: flex; flex-direction: column; } #modal_action_CM .modal-footer > p, #modal_action_CM_21 .modal-footer > p { text-align: center!important; } #modal_action_CM .modal-footer > p > a, #modal_action_CM_21 .modal-footer > p > a { color: #ffffff; } #modal_action_CM .modal-footer > p > a:hover, #modal_action_CM_21 .modal-footer > p > a:hover { color: #ffffff; text-shadow: 0px 0px 3px #fff, 0px 0px 12px #fff, 0px 0px 15px #f31b61; } #modal_action_free_docs_22 .modal-dialog { margin-top:60px; margin-left: auto; margin-right:auto; } #modal_action_free_docs_22 .details-link a { padding: 15px 30px; min-width: 220px; } .btn.btn-modal-action-cm.btn-az_banner.aoland h3 { font-size: 18px; } } @media (max-width: 479px) { .modal-action-window .modal-content { padding:20px; } .modal-action-window .modal-footer .btn.btn-close { font-size:18px; padding: 15px 30px; } #modal_action_BF1 .modal-content, #modal_action_BF2 .modal-content { min-height:350px; } #modal_action_BF1 .modal-header button.close, #modal_action_BF2 .modal-header button.close { font-size:40px; line-height:20px; margin-top: -30px; margin-right: -30px; } #modal_action_BF1 .modal-body, #modal_action_BF2 .modal-body { min-height: 200px; } #modal_action_BF2 .modal-footer .btn-close { font-size: 20px; line-height:20px; margin-top:20px; padding-left:0px; padding-right:0px; } #modal_action_CM .modal-content, #modal_action_CM_21 .modal-content { min-height: 0px; width: 280px; margin-left: auto; margin-right: auto; } #modal_action_CM .modal-body, #modal_action_CM_21 .modal-body { min-height: 0px; height: 60px; } #modal_action_CM .modal-footer, #modal_action_CM_21 .modal-footer { min-height: 80px; display: flex; flex-direction: column; } #modal_action_CM .modal-footer > p, #modal_action_CM_21 .modal-footer > p { text-align: center!important; } #modal_action_free_docs_22 .modal-body p { padding: 10px 0px; } } /**** / ACTIONS ***/ @media screen and ( min-width: 1200px ) { #banner-clients { min-height: 720px; } #banner-clients .details-link { bottom: 5vh; } } @media screen and (max-height: 1299px) and (min-width: 768px) and (max-width: 1199px) { #corp-clients #index-customers.banner-logo-list { margin-bottom: 20px; } } @media screen and (min-height: 1300px) and (min-width: 768px) and (max-width: 1199px) { #corp-clients #index-customers.banner-logo-list { margin-bottom: 5%; } }