@font-face {
    font-family: "Montserrat"; font-weight:600; src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
    font-family: "Montserrat"; font-weight:400; src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-family: "Montserrat"; font-weight:500; src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "Montserrat"; font-weight:300; src: url("../fonts/Montserrat-Thin.ttf");
}
@font-face {
    font-family: "Raleway"; font-weight:600; src: url("../fonts/Raleway-Bold.ttf");
}
@font-face {
    font-family: "Raleway"; font-weight:400; src: url("../fonts/Raleway-Medium.ttf");
}
@font-face {
    font-family: "Raleway"; font-weight:300; src: url("../fonts/Raleway-Regular.ttf");
}

* {margin: 0; padding: 0;}

html {scroll-behavior: smooth;}

body {font-size: 16px; font-family:Montserrat, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; width:100%;}

.clearall {clear: both; zoom: 1;}
.clearall:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.row {clear: both; zoom: 1;}
.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {text-decoration:none; color:#5f57d1}
a img {border:0;}
.img-responsive {max-width:100%; max-height:100%;}

.container-fluid {max-width:100%; margin:auto; position:relative; background-color:#fff; clear: both; zoom: 1;}
.container-fluid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container {max-width:1250px; margin:auto; position:relative; padding:0 4%; clear: both; zoom: 1;}
.container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.text-right {text-align:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-justify {
	text-align: justify;
    text-justify: inter-word;
}

.bold {font-weight:bold;}
.semibold {font-weight:500;}
.italic {font-style:italic;}
.light {font-weight:300;}
.sup {font-size:50%; vertical-align:super;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}
.yhigh {background: #ffea76;}
.strike { text-decoration: line-through; }


.grey {color: #666666;}
.grey2 {color: #546e7a;}
.black {color: #000;}
.red {color: #e15765;}
.green {color: #82c341;}
.blue {color: #719af6;}
.purple {color: #8b44c4;}
.orange {color: #fd5118;}


.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mt110 {margin-top:110px;}
.mt120 {margin-top:120px;}
.mt130 {margin-top:130px;}
.mt150 {margin-top:150px;}
.mt170 {margin-top:170px;}
.mt200 {margin-top:200px;}
.m-auto {margin-left:auto; margin-right:auto;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:9em;}
.ml6em {margin-left:6em;}
.ml7em {margin-left:7em;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-left:9em;}


.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr6em {margin-right:6em;}


.pad1-0 {padding:1em 0;}
.pad2-0 {padding:2em 0;}
.pad3-0 {padding:3em 0;}
.pad0-20 {padding:0 9%;}
.pad0-10 {padding:0 7%;}
.pad0-5 {padding:0 5%;}
.pad0-1 {padding:0 10px;}
.pad0-2 {padding:0 20px;}
.pad5-8 {padding:10px 15px;}
.pad0-8 {padding:0px 15px 0px 15px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pr40 {padding-right:40px;}
.pr3em {padding-right: 3em;}
.p25-30 {padding: 25px 30px;}
.pl40 {padding-left: 40px;}
.pl60 {padding-left: 60px;}
.pl3em {padding-left: 3em;}
.pad1percent {padding-top:1%;}
.pad6percent {padding-top:2%;}
.pad10percent {padding-top:10%;}
.pad20percent {padding-top:20%;}

.width18 {width:18%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width26 {width:26%;}
.width30 {width:30%;}
.width32 {width:32%;}
.width33m {width:33%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width47 {width:47%;}
.width48 {width:48%;}
.width49 {width:49%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width67 {width:67%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width88 {width:88%;}
.width90 {width:90%;}


.font08 {font-size:0.8em;}
.font09 {font-size:0.9em;}
.font10 {font-size:1em;}
.font11 {font-size:1.1em;}
.font12, .font12fluid {font-size:1.2em;}
.font13 {font-size:1.3em;}
.font14 {font-size:1.4em;}
.font15 {font-size:1.5em;}
.font16 {font-size:1.6em;}
.font18 {font-size:1.8em;}
.font20 {font-size:2em;}
.font22, .font22fluid {font-size:2.2em;}
.font24 {font-size:2.4em;}
.font28 {font-size:2.8em;}
.font30 {font-size:3em;}
.font32 {font-size:3.2em;}
.font34 {font-size:3.4em;}
.font35 {font-size:3.5em;}
.font36 {font-size:3.6em;}
.font40 {font-size:4em;}
.font48 {font-size:4.8em;}
.font52 {font-size:5.2em;}
.font65 {font-size:6.5em;}

h1 {font-size: 3em; margin-bottom: 30px; color: black;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.2em;}

p {font-family: Raleway, Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif"; line-height: 1.6em; margin-bottom: 30px; font-size: 1.1em;}

.h1-line {width: 120px; height: 8px; background-color: #000000; margin-bottom: 20px;}
.list-t6 {font-family: Raleway, Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.list-t6 li {padding: 6px 20px 6px 30px; list-style: none; background: url(../graphics/vbullet-black.jpg) no-repeat top left; background-position: 0; }
.callout {border-top: solid 2px #ffcb40; padding-top: 40px; line-height: 1.8em;}
.callout2 {border-top: solid 1px #b4b5b4; border-bottom: solid 1px #b4b5b4; padding: 40px 0; font-size: 30px; line-height: 1.6em;}
.head-small {padding: 0 30px 0 20px; display: inline-block; position: absolute; top: -7px; background: url(../graphics/square-yellow.png) no-repeat top left #FFFFFF; background-position: 0; text-transform: uppercase;}
.head-small2 {padding: 0 30px 0 20px; display: inline-block; background: url(../graphics/square-yellow.png) no-repeat top left; background-position: 0; text-transform: uppercase;}
.case-study {background-color: #eaeef3; padding: 3.5em 2.5em;}
.case-study p {font-size: 1em; line-height: 1.9em;}
.link-yellow {color: black; padding-bottom: 10px; border-bottom: solid 2px #ffcb40; font-weight: bold;}
.Raleway {font-family: Raleway, Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.line2em {line-height: 2em;}


.gradientbg { 
  background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);
}

.topmenu li {display:inline-block; list-style:none; margin-right:30px; font-weight:400; font-size:0.95em; font-family:Raleway;}
.topmenu a {display:inline-block; color:#444; padding:0.4em 0; transition: color ease-out 0.3s; -webkit-transition: color ease-out 0.3s;}
.topmenu a:hover {color: #5f57d1; border-bottom:2px solid  #5f57d1;}
.topmenu li.nav_cont {margin-right:0;}
.topmenu li.nav_cont a {transition: color ease-out 0.3s; -webkit-transition: color ease-out 0.3s; border:#000 2px solid; border-radius:5px; padding: 0.6em 0.6em; font-weight:600;}

.topmenu a.selected {color:#b0257b;}
.topmenu a.selected:hover {color:#fff;}
.topmenu .highlighted {color: #5f57d1; border-bottom:4px solid  #5f57d1;}

.logo {width:24%; padding:1.5em 0;}

.formhead {background: #e15765 none repeat scroll 0 0; color: #fff; padding: 10px 15px; z-index: 10; border-radius:5px;}
.borderall {border: 1px solid #d5d5d5;}
.borderall-grey {border: 1px solid #d3d3d3;}
.border-bottom {border: 1px solid #e7e7e7;}
.form-container {background-color:#FFFFFF;}

.big-btn {border-bottom: #5f57d1 2px solid; display: inline-block; padding: 0.2em 0em; transition: background 0.4s ease-out 0s; -webkit-transition: color 0.3s ease-out 0s; cursor:pointer; font-size:1em; color:#000; font-weight:600; border-right: none; border-left: none; background-color: #fff; border-top: none; font-family: Montserrat, Arial, Helvetica, sans-serif;}
.big-btn:hover {color: #5f57d1;}


.big-btn2 {background:  #5f57d1 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 1em 2em; text-decoration: none; text-transform:uppercase; transition: background 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:0.9em; font-weight:bold; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px #666666; background-image: linear-gradient(120deg, #5f57d1 0%, #3d3886 100%);}

.big-btn2:hover {background: #e15765 none repeat scroll 0 0;}


.big-btn3 {background:  #5f57d1 none repeat scroll 0 0; border-radius: 4px; color: #ffffff; display: inline-block; padding: 1em 2em; text-decoration: none; text-transform:uppercase; transition: background 0.4s ease-out 0s; -webkit-transition: background 0.4s ease-out 0s; cursor:pointer; font-size:0.9em; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.big-btn3:hover {background: #e15765 none repeat scroll 0 0;}



.imageshade { border-radius:5px; border:#b2b2b2 1px solid; margin-bottom:10px; opacity: 0.8; -webkit-opacity: 0.8; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s; }		
.imageshade:hover {opacity: 1; -webkit-opacity: 1;}
	
input[type="text"], textarea {background-color: #fff; border: 2px solid #ccc; padding: 4px; transition: background-color 0.3s ease 0s; width: 95%; display:block; font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:1em;}
textarea {min-height:80px;}

.grey-bckgrnd {background:#f8f8f9; padding: 70px 0;}
.grey-bckgrnd-nopad {background:#f8f8f9; padding: 70px 0 0 0;}
.grey-bckgrnd2 {background:#f8f8f9;}
.divider {border-bottom:1px solid #eee; height: 1px; width: 100%; margin:6em 0;}
.divider-head {border-bottom:1px solid #eee; height: 1px; width: 100%; margin:0; position: relative;}
.divider2 {border-bottom:2px solid #eee; height: 1px; width: 100%; margin:6em 0 3em 0;}
.divider3 {border-bottom:2px solid #eee; height: 1px; width: 100%; margin:15px 0;}
.divider4 {border-bottom:9px solid #000; height: 1px; width: 100%; margin:10px 0 15px 0;}

.vbullet {background: rgba(0, 0, 0, 0) url("../graphics/vbullet.png") no-repeat scroll 0 0;}
.centered-list {margin:auto; width:65%;}
.v-small li {list-style:none; background:url(../graphics/vbullet-small.png) no-repeat top left; background-position:0; padding:6px 20px 6px 30px;}
.plus-small li {list-style:none; background:url(../graphics/plus.png) no-repeat center left; padding:6px 20px 6px 30px;}
.centered-list .v-small li {float:left; width:40%; margin-left:20px;}
.new {background-color:#efad4d; padding:2px 6px; color:#FFFFFF; font-size:0.9em; font-weight:500; border-radius:2px; text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.mar-auto {margin-left:auto; margin-right:auto;}

.feature {border:#f0f0ee 1px solid; margin-left:-1px; min-height:450px;}
.feature > div {padding:25px 30px;}
.feature .v-small, .feature .plus-small {padding:0; margin:0;}
.divider-light {border-top:#CCC 1px dashed; height:1px; margin:15px 0;}

.roundimg img {border-radius: 50%; width: 100%; max-width:170px;}
.roundimg .quote {background: rgba(0, 0, 0, 0) url("../graphics/quote.png") no-repeat scroll 0 0; height: 35px; position: absolute; right: 0; top: 0; width: 35px; z-index: 10;}
.relative {position:relative;}

.left-testi2 {background: rgba(0, 0, 0, 0) url("../graphics/quotes.gif") no-repeat scroll left top; font-size: 0.9em; margin-left: 5%; padding-left: 100px;}

.skobki {padding:0 4em; background:url(../graphics/skobka-left.jpg) left top no-repeat, url(../graphics/skobka-right.jpg) right top no-repeat; min-height:187px; line-height:1.5em;}

.gallery1, .gallery2, .gallery3 {padding:0px;}

.gallery1 li, .gallery3 li {float:left; width:50%; list-style:none; margin-top:20px; background:#FFF; position:relative;}
.gallery1 li .prev, .gallery3 li .prev {position:absolute; z-index:5; bottom:5px; right:40px;}
.gallery1 li .prev img, .gallery3 li .prev img {width:auto; border:none;}
.gallery1 li img, .gallery3 li img {border-radius:5px; border:#b2b2b2 1px solid; width:90%; opacity: 0.7; -webkit-opacity: 0.7; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s;}
.gallery1 li img:hover, .gallery3 li img:hover {opacity: 1; -webkit-opacity: 1;}

.gallery2 li {list-style:none; margin-top:20px; background:#FFF; display:block;}
.gallery2 li .prev {position:absolute; z-index:5; bottom:5px; right:40px;}
.gallery2 li .prev img {width:auto; border:none;}
.gallery2 li img {border-radius:5px; border:#b2b2b2 1px solid; width:90%; opacity: 0.7; -webkit-opacity: 0.7; transition:opacity 0.5s; -webkit-transition:-webkit-opacity 0.5s;}
.gallery2 li img:hover {opacity: 1; -webkit-opacity: 1;}

.caption {padding-top:20px;}

.gallery3 li {width:25%; margin-top:10px;}
.gallery3 li .prev {position:absolute; z-index:5; bottom:5px; right:20px;}

.greencircle {background: #81c240 none repeat scroll 0 0; border-radius: 50%; color: #ffffff; font-size: 1.4em; font-weight: 700; height: 40px; line-height: 1.7em; text-align: center; width: 40px;}

.muzhik {padding:90px 180px 40px 30px; background:url(../graphics/muzhik.png) no-repeat right top;}

.greenbullets {list-style:none; padding:0; margin:0;}
.greenbullets li {margin-bottom:12px; background:url(../graphics/green-bullet.jpg) no-repeat left 6px; padding-left:15px;}

.shadow-box {background:#f3f3f3; border:#ddd 1px solid; box-shadow:0 0 4px rgba(100,100,100,0.3); padding:25px; border-radius:3px;}

.next {max-width:400px; min-width:250px;}
.width65t {width:65%;}

.phone {background:url(../graphics/phone.png) no-repeat left 2px; padding:5px 0 5px 40px;}
.container .subscribe {max-width:300px; margin:auto; padding:15px 20px; background:url(../graphics/email.png) no-repeat right center;}
.container .subscribe1 {max-width:100%; padding:11px 20px; background:url(../graphics/email.png) no-repeat right center;}
.icons li {list-style:none; display:inline-block; margin-left:20px;}

.search {border:#c8c8c8 1px solid;}
.search input {border:none; width:auto;}

.btn-top {display:inline-block; color:#444; padding:0.3em 0.7em; border-radius:0.2em; border:1px solid rgba(238, 238, 239, 0); transition: border ease-out 0.3s, color ease-out 0.3s; -webkit-transition: border ease-out 0.3s, color ease-out 0.3s;}
.btn-top:hover {color:#5f9826; border:1px solid #81c240;}
.submenu a {margin:0 15px; color:#505050;}

.btn-blue {border:2px solid #525d7d; padding:0.5em 0.8em; text-transform:uppercase; font-weight:bold; color:#525d7d;}
.btn-blue:hover {background-color:#525d7d; color:#fff;}

.slider .container {color:#525d7d;}

.new-product {background-color:#f3f3f3; margin-right:20px; padding-top:25px; min-height:190px;}
.minheight300 {min-height:300px;}

.mlr25 {margin-left:25px; margin-right:25px;}

.yellow {color: #5f57d1;}
.yellow2 {color: #ffcb40;}
.form-contact {background-color:#e4e4e4;}
.form-contact input {border:none;}

p.small {line-height:1.3em; font-size:1em;}

.comments li {list-style:none; margin-top:8%;}
.comm_1 .width25 {background:url(../graphics/comm_1.png) no-repeat top left; background-size: contain; min-height:50px;}
.comm_2 .width25 {background:url(../graphics/comm_2.png) no-repeat top left; background-size: contain; min-height:50px;}
.comm_3 .width25 {background:url(../graphics/comm_3.png) no-repeat top left; background-size: contain; min-height:50px;}
.comm_1 .width70 {margin-top:35px;}

.logos div {display:inline-block; padding:1.1em 1.3em;}

.list li {padding:0 0 15px 5px; margin-left:15px; font-family: Raleway, Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif"; line-height: 1.6em;}

.cont_form input[type=text], .cont_form textarea {border:#000 1px solid; border-radius: 5px; width:100%; padding:11px;}
.cont_form .left {padding:0 10px 0 0;}
.cont_form .right {padding:0 0 0 10px;}
.cont_form label {color:#000; font-size:14px;}

.footer {font-size:14px;}
.footer li {list-style:none; margin-bottom:10px;}
.footer li a {color:#5d5d5d;}
.footer li a:hover {color:#2d6bbe;}

.show-710 {display: none;}
.show-768 {display: none;}

.slider-bckgrnd {background:url(../graphics/slider-background.png) #8248c2;}
.slider-bckgrnd p, .slider-bckgrnd h1, .slider-bckgrnd h2, .slider-bckgrnd h3, .slider-bckgrnd h4 {color: #FFFFFF;}
.slider-bckgrnd .big-btn {background: #fff; color: #8248c2; text-decoration: none; padding: 10px 15px; border-radius: 5px;}

.narrow-text {max-width: 700px; margin-left: auto; margin-right: auto;}
.narrow-text2 {max-width: 1200px; margin-left: auto; margin-right: auto;}

.img-right {float: right; margin: 7px -7% 13px 15px; max-width: 330px;}
.img-left {float: left; margin:7px 15px 13px -7%; max-width: 330px;}
.img-right .caption, .img-left .caption {padding-top:0px; font-size: 0.9em; text-align: center;}

#download label {display: block;}
#download select {width: 100%; border: #000 1px solid; height: 45px; font-size: 15px!important;}
#download input, #download select, #download textarea {box-sizing:border-box}

.quote {font-size: 1.7em; margin: 10px 0 40px 0; text-align: center;}
.quote .caption {font-size: 0.6em; margin-top: 10px;}
.quote p {margin: 0; padding: 0; line-height: 1.5em;}

.stk_imgs .left {margin-right: 0;}
.stk_imgs .left div:first-child {margin-bottom: 4%;}

table {font-size: 14px; font-weight: normal; border-collapse: collapse; border-spacing: 0; font-family: Raleway, Baskerville, Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.price_table {width: 100%;}
.price_table th, .price_table td {border: 1px solid #e0e0e0; padding: 15px 10px; font-weight: normal;}
.price_table tbody th {text-align: left;}
.price_table tbody tr:hover {background-color: #f5fbff;}
.price_table thead tr th:first-child {border: none; width: 25%; font-size: 1.5em; color: #878787; line-height: normal;}
.price_table thead tr th:nth-child(2) {border-top: 5px solid #82b5dd; background-color: #fcfcfc; vertical-align: bottom;}
.price_table thead tr th:nth-child(3) {border-top: 5px solid #497bc0; background-color: #f9f9f9; vertical-align: bottom;}
.price_table thead tr th:nth-child(4) {border-top: 5px solid #1e408d; background-color: #f7f7f7; vertical-align: bottom;}
.price_table thead th {width: 25%;}
.price_table p {font-weight: normal; margin-bottom: 0;}
.v_sign {color: #366FBF; font-size: 1.5em;}
.x_sign {color: #C3C3C3; font-size: 1.5em;}
.desc-price {border-top: #EFEFEF 1px solid; margin-top: 20px;}

.table_ul {margin-left: 10px;}
.table_ul li {list-style: none; padding: 7px 0 7px 25px; background:url(../graphics/v-sign.png) no-repeat left;}

.data_table {overflow: hidden; width: 100%; position: relative;}
.data_table * {position: relative;}
.data_table td, .data_table th {border: 1px solid #e0e0e0; padding: 5px 10px; font-weight: normal;}
.data_table th {height: 30px; font-size: 16px; font-weight: bold; border: 1px solid #e0e0e0; background-color: #FBFBFB;}
.data_table thead th:nth-child(2), .data_table thead th:nth-child(3), .data_table thead th:nth-child(4), .data_table thead th:nth-child(5), .data_table thead th:nth-child(6), .data_table thead th:nth-child(7) {width: 13.5%;}
.data_table tbody tr {height: 40px;}
.data_table td, .data_table th {text-align: left;}

.highnav {background-image:url(../graphics/hero-image.jpg);  background-position: center right; background-repeat: no-repeat; background-size: auto; min-height:700px;}
.highnav2 {background-image:url(../graphics/offer-portrait.jpg);  background-position: center right; background-repeat: no-repeat; background-size: cover; min-height:630px;}
.highnav_content {color: #000000; padding: 70px 0; line-height:normal;}
.highnav_content h1 {color: #000000;}
.highnav_content .big-btn {background: #e15765; color: #fff; text-decoration: none; padding: 10px 13px; border-radius: 4px; font-size:0.9em; border-bottom:1px solid #e15765; font-weight:500;}
.highnav_content .big-btn.video {background:url(../graphics/video-thumb.png) #e15765 no-repeat; padding-left:47px; background-position:10px center; transition: background-color ease-out 0.3s; -webkit-transition: background-color ease-out 0.3s;}
.highnav_content .big-btn.video:hover {background-color:#a31b75;}

.white-menu a {color:#FFF;}
.white-menu a:hover {color: #fff; border-bottom: 2px solid #e15765;}
.white-menu li.nav_cont a {border-color:#FFF;}
.white-link {color:#FFF; text-decoration:underline; font-weight:500; font-size:0.9em;}

.black-menu a {color:#3a3839;}
.black-menu a:hover {color: #3a3839; border-bottom: 2px solid #e15765;}
.black-menu li.nav_cont a {border-color:#3a3839;}
.black-link {color:#3a3839; text-decoration:underline; font-weight:500; font-size:0.9em;}


.heading10 {text-transform:uppercase; letter-spacing:5px; font-weight:600;}

input[type="text"].form_field {border: 1px solid #d6d5d2; border-radius:4px; padding:11px 16px; font-size:0.85em;}
input[type="text"].form_field.icon_name {background:url(../graphics/form-name.png) no-repeat; padding-left:34px; background-position:10px center; background-color:#FFF; max-width:250px;}
input[type="text"].form_field.icon_email {background:url(../graphics/form-email.png) no-repeat; padding-left:34px; background-position:10px center; background-color:#FFF; max-width:250px;}

.form_submit {background:url(../graphics/plane-icon.png) no-repeat; padding:13px 19px 13px 54px; background-position:20px center; background-color: #e15765; color: #FFFFFF; border: none; border-radius:4px; font-size:1.1em; font-weight: 300; letter-spacing: 1px; cursor: pointer; transition: background-color ease-out 0.3s; -webkit-transition: background-color ease-out 0.3s;}
.form_submit:hover {background-color: #a31b75;}

.button_left, .button_right {display: block; background-color: #f0f4f4; border-radius: 5px; padding: 40px 60px; transition: background-color ease-out 0.3s; -webkit-transition: background-color ease-out 0.3s;}
.button_left:hover, .button_right:hover {background-color: #dee3e3;}
.button_left {margin-right: 2px; text-align: right; background:url(../graphics/arrow-left.png) no-repeat #f0f4f4; background-position:10% center;}
.button_right {margin-left: 2px; background:url(../graphics/arrow-right.png) no-repeat #f0f4f4; background-position:90% center;}

.footer-bg {background-image:url(../graphics/footer-bg.jpg);  background-position: center right; background-repeat: no-repeat; background-size: auto; min-height:183px;}

.footer_menu li {list-style: none; display: inline-block; margin-left: 25px;}



/*------- Continue animated button -----*/
.wrap {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  padding: 12px 20px; 
	font-size: 14px; 
	font-weight: 600;
	border-radius: 6px;
  color: #fff;
  background-color: #e15765;
  border: none;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  outline: none;
  position: relative;
  }

button::before {
content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}

button:hover::before, button:focus::before {
  opacity: 1;
}

.button:hover, .button:focus {
  background-color: #fff;
	color: #e15765;
	border: 1px solid #e15765;
}

button::after {
  content: '';
  width: 10px; height: 10px;
  border-radius: 100%;
  border: 6px solid #e15765;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 2s infinite;
}

button:hover::after, button:focus::after {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
/*----- end of Continue animated button ---*/




@media screen and (max-width: 900px) {
  .data_table {display: block;}
  .data_table > *, .data_table tr, .data_table td, .data_table th {display: block; padding: 10px 0;}
	.data_table tr {margin-bottom: 20px;}
	.data_table tr td:first-child {background-color: #F8F8F8; border: 1px solid #e0e0e0;}
  .data_table thead {display: none;}
  .data_table tbody tr {height: auto;}
  .data_table tbody tr td {padding-left: 45%; vertical-align: middle}
	.data_table td, .data_table th {border: 0; border-bottom: 1px solid #e0e0e0;}
  .data_table tbody tr td:last-child {
    margin-bottom: 0;
  }
  .data_table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }
  .data_table tbody tr td:nth-child(1):before {
	  padding-top: 10px;
    content: "Advertiser";
  }
  .data_table tbody tr td:nth-child(2):before {
	  padding-top: 10px;
    content: "Sites";
  }
  .data_table tbody tr td:nth-child(3):before {
	  padding-top: 10px;
    content: "Creatives";
  }
  .data_table tbody tr td:nth-child(4):before {
	  padding-top: 10px;
    content: "Occurances";
  }
  .data_table tbody tr td:nth-child(5):before {
	  padding-top: 10px;
    content: "Competitors";
  }
	.data_table tbody tr td:nth-child(6):before {
		padding-top: 10px;
    content: "My Client";
  }
	.data_table tbody tr td:nth-child(7):before {
		padding-top: 10px;
    content: "Market Latency";
  }
	.x_sign, .v_sign {font-size: 13px;}
}













@media all {
	.width23 {width:23%;} .width25 {width:25%;} .width30 {width:30%; float:left; margin-right:4%;} .width40 {width:40%;} .width45 {width:45%; float:left; margin-right:5%;} .width50 {width:50%;} .width68 {width:68%;} .width70 {width:70%;}
	.row .width45:nth-child(2) {margin-right:0;}
	.row .width30:nth-child(3) {margin-right:0;}
	.left {float:left;}
	.right {float:right;}
	.mobilemenu {width:38px; height:37px; background:url(../graphics/icon-menu.png) no-repeat; display:none;}
	.mobilemenu1 {display:none; position:absolute; top:63px; right:0; background:#fff; padding:5px 10px; border:#CCCCCC 1px solid; border-radius:5px; z-index:100; box-shadow:0 0 4px rgba(0,0,0,0.4);}
	.mobilemenu1 li {padding:10px 10px; border-bottom:#CCCCCC 1px solid; min-width:250px; list-style:none;}
	.mobilemenu1 li:last-child {border-bottom:none;}
	.form-container {position:absolute; right:4%; top:0; width:380px;}
	.hide-desktop {display:none;}
	.mla60 {margin-left:60px;}
	.phone-icon {display:none;}
}
@media all and (max-width:1400px){
	
}
@media all and (max-width:1300px){
	.centered-list {width:70%;}
	.centered-list .v-small li {float:left; width:40%; margin-left:0;}
}
@media all and (max-width:1290px){
	.footer-bg {background-size: contain;}
	.highnav {background-size: cover;}
}
@media all and (max-width:1200px){
	.comments li {margin-top: 5%;}
	.comm_1 .width70 {margin-top: 25px;}
	.highnav2 {background-image:url(../graphics/screenshot.jpg);}
	.topmenu{display:none;}
	.topmenu-mobile{width:40px; text-align:right; float:right; position:relative;}
	.mobilemenu {display:inline-block;}
}
@media all and (max-width:995px){
	.container .hide-tablet {display:none;}
	.show-tablet {display:inline-block;}
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.tablet-mt30 {margin-top:30px;}
	.topmenu {width:70%; text-align:right;}
	.container .tablet-mt {margin-top:110px;}
	.container .tablet-mt20 {margin-top:20px;}
	.divider {margin:2em 0;}
	.centered-list {width:100%;}
	.centered-list .v-small li {float:left; width:40%; margin-left:0;}
	.width33m {float:left; width:49%;}
	.width26, .container .expand-tablet {float:left; width:100%;}
	.mla60 {margin-left:0;}
	.v-small li {display:inline-block;}
	.container .shrink-tablet {width:auto;}
	.divider-tablet {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.greenbullets li {margin-bottom:5px;}
	.comments li {margin-top: 2%;}
}
@media all and (max-width:1000px){
	.sec3 .width70, .sec3 .width33m {width: 100%;}
	.sec3-img {width: 20%; float: left;}
	.sec3-text {width: 75%; float: right;}
	.sec3 .mt50 {margin-top: 0px;}
	.mt20-mobile {margin-top: 40px;}
	.row-mobile {clear: both; zoom: 1;}
	.row-mobile:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.pad6percent {padding-top: 2%;}
}
@media all and (max-width:920px){
	.comm_1 .width70 {margin-top: 15px;}
	.mt90 {margin-top: 40px;}
	.mt70 {margin-top: 30px;}
}
@media all and (max-width:870px){
	.comments p {margin-bottom: 10px;}
	h1 {font-size: 2.1em; margin-bottom: 30px; color: black;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.5em;}
	h4 {font-size: 1.2em;}
}
@media all and (max-width:840px){
	.comments .width25 {display: none;}
	.comments .width70 {width: 100%;}
	.comm .width60 {width: 100%;}
	.comm .width40 {width: 100%;}
	.pad6percent {padding-top: 0;}
	.narrow-text {width: 85%; margin: auto;}
	.highnav_content {width: 100%}
}
@media all and (max-width:768px){
	.show-mobile {display:inline-block;}
	.show-mobile1 {display:block;}
	.container .hide-tablet {display:none;}
	.container .hide-768 {display:none;}
	.tablet-mt10 {margin-top:10px;}
	.tablet-mt20 {margin-top:20px;}
	.tablet-mt40 {margin-top:40px;}
	.form-container {width:95%; position:static; margin:30px 10px;}
	.container .tablet-mt, .container .tablet-mt30 {margin-top:30px;}
	.foursection li {width:100%; min-height:inherit; margin-top:20px;}
	.width30, .width33m, .width26 {display:block; width:100%;}
	.divider {margin:2em 0;}
	.font22 {font-size:2em;}
	.font30 {font-size:2.5em;}
	.centered-list {width:100%;}
	.centered-list .v-small li {width:85%;}
	.expand-tablet {display:block; width:100%;}
	.divider-mobile {border-top:#CCCCCC 1px solid; margin:20px 0; padding-top:20px;}
	.hundred768 {width:100%;}
	.feature {min-height:inherit;}
	.tablet768-mt10 {margin-top:10px;}
	.tablet768-mt20 {margin-top:20px;}
	.tablet768-mt30 {margin-top:30px;}
	.contact .width25 {width: 100%; margin-top: 40px;}
	.contact .width25 .mt40 {margin-top: 20px;}
	.stk_imgs .left div:first-child {float: left; width: 48%;}
	.stk_imgs .left div:nth-child(2) {float: right; width: 48%;}
	.stk_imgs .width67, .stk_imgs .width32 {width: 100%;}
	.hide-768 {display: none;}
	.show-768 {display: block;}
	.price_table thead th {display: block; width: 95%; margin-bottom: 20px;}
	.highnav2 .width40 {width: 90%;}
}
@media all and (max-width:710px){
	.highnav {background-image:url(../graphics/hero-image-mobile.jpg);  background-position: center right; background-repeat: no-repeat; background-size: auto; min-height:500px;}
	.width47 {width:100%;}
	.mt110 {margin-top: 50px;}
	.mt170 {margin-top: 70px;}
	.mobile-mt10 {margin-top: 10px;}
	.mobile-mt20 {margin-top: 20px;}
	.mobile-mt40 {margin-top: 40px;}
	.mobile-mt60 {margin-top: 60px;}
	.left0-mobile {margin-left: 0; padding-left: 0;}
	.right0-mobile {margin-right: 0; padding-right: 0;}
	.hide-710 {display: none;}
	.show-710 {display: inline-block;}
	.sec9 .width90 {width: 100%;}
	.sec9 .mt30 {margin-top: 10px;}
	.cont_form input[type="text"], .cont_form textarea {width: 95%;}
	.cont_form .right {padding-left: 0;}
	.footer .width20 {width: 45%; margin-bottom: 20px;}
	.footer .width47 {width: 47%;}
}
@media all and (max-width:688px){
	.highnav2 {background-image:none; background-color: #f0f0f0; min-height:200px;}
}
@media all and (max-width:605px){
	.container .hide-mobile {display:none;}
	.width23, .width25, .width26, .width30, .width35, .width33m, .width40, .width45, .width50, .width60, .width65, .width68, .width70, .width90 {display:block; width:100%;} 
	.big-btn {display:inline-block;}
	.container .mobile-mt10 {margin-top:10px;}
	.container .mobile-mt20 {margin-top:20px;}
	.container .mobile-mt30 {margin-top:30px;}
	.container .mobile-mt40 {margin-top:40px;}
	.container .mobile-mt50 {margin-top:50px;}
	.container .mobile-mt60 {margin-top:60px;}
	.left {float:none;}
	.right {float:none;}
	.footer .left {float:left; width: 100%;}
	.container .logo {float:left; width:50%;}
	.topmenu{width:35px; text-align:right; float:right;}
	.ml30 {margin-left:0;}
	.ml40 {margin-left:0;}
	.left .callout {margin-left:0; padding-top: 20px;}
	.callout2 {padding: 20px 0;}
	.highnav_content .ml40 {margin-left:40px;}
	.width88 {float:right;}
	.greencircle {width:40px; float:left;}
	.expand-mobile {display:block; width:100%;}
	.phone-con {float:right; width:50%;}
	.font12fluid {font-size:1em;}
	.font22fluid {font-size:1.6em;}
	.skobki {padding:0 1em; background:none;}
	.phone-icon {display:inline-block; position:absolute; right:20px;}
	.footer .privacy {float: none; width: 100%; text-align: left; padding-top: 20px;}
	.stk_imgs .width67 {width: 100%; float: right;}
	.button_left {margin-bottom: 10px;}
}
@media all and (max-width:515px){
	.phone {padding:10px 0 10px 40px;}
	.muzhik {padding:10px 30px 20px 30px; background:#F9F9F9; margin-top:40px;}
	.container .subscribe {max-width:250px;}
}

@media all and (max-width:450px){
	.footer .left {float:none;}
}