@import url("reset.css");

@font-face {
			font-family: "LatoRegular";
			src: url("../fonts/LatoRegular/LatoRegular.eot");
			src: url("../fonts/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoRegular/LatoRegular.woff") format("woff"),
			url("../fonts/LatoRegular/LatoRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoBold";
			src: url("../fonts/LatoBold/LatoBold.eot");
			src: url("../fonts/LatoBold/LatoBold.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoBold/LatoBold.woff") format("woff"),
			url("../fonts/LatoBold/LatoBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoItalic";
			src: url("../fonts/LatoItalic/LatoItalic.eot");
			src: url("../fonts/LatoItalic/LatoItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoItalic/LatoItalic.woff") format("woff"),
			url("../fonts/LatoItalic/LatoItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoLight";
			src: url("../fonts/LatoLight/LatoLight.eot");
			src: url("../fonts/LatoLight/LatoLight.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoLight/LatoLight.woff") format("woff"),
			url("../fonts/LatoLight/LatoLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoBoldItalic";
			src: url("../fonts/LatoBoldItalic/LatoBoldItalic.eot");
			src: url("../fonts/LatoBoldItalic/LatoBoldItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoBoldItalic/LatoBoldItalic.woff") format("woff"),
			url("../fonts/LatoBoldItalic/LatoBoldItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoLightItalic";
			src: url("../fonts/LatoLightItalic/LatoLightItalic.eot");
			src: url("../fonts/LatoLightItalic/LatoLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../fonts/LatoLightItalic/LatoLightItalic.woff") format("woff"),
			url("../fonts/LatoLightItalic/LatoLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

    @font-face {
      font-family: "Lato-Black";
      src: url("../fonts/LatoBlack/Lato-Black.eot"); /* IE9 Compat Modes */
      src: url("../fonts/LatoBlack/Lato-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../fonts/LatoBlack/Lato-Black.woff") format("woff"); /* Modern Browsers */
      font-weight: normal;
      font-style: normal;
    }

body {
    font-family: 'LatoRegular', sans-serif;
}

br.mg {
    display: block;
    margin: 80px 0;
    clear:both;
}

.infoproduct h5, .infoproduct-2 h5 {
    color: 
    #ffffff;
    text-align: center;
    padding: 80px 0;
    font-size: 27px;
    font-family: 'LatoLight', sans-serif;
    display: block;
    max-width: 925px;
    margin: 0 auto;
    line-height: 1.5;
}

.infoproduct-2 {
    background-color: 
#33475B;
background-image: url("/assets/images/cubes.png"), linear-gradient(45deg,
#008DD7,
#008DD7);
border-top: 1px solid
#FFFFFF;
background-size: cover;
}

.infoproduct-2 h5 {
    max-width: 880px;
}

.horizontal {
    margin-bottom:80px;
}

.horizontal img {
    border:5px solid #FCC400;
}

.horizontal h3 {
    margin:30px 0;
    font-size: 36px;
}

.horizontal strong {
    font-family: 'Lato-Black', sans-serif;
}

.content {
    width: 1190px;
    margin: 0 auto;
}

.items_content {
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.item_content {
    width:320px;
    height:200px;
    padding: 30px;
    margin:5px;
    text-align:center;
    font-size:18px;
    line-height:1.5;
    border-radius:10px;
    color:#33475B;
}

.item_content i {
    font-size:100px;
    display:block;
    margin:0 auto 30px;
    text-align:center;
    color:#33475B;
}

.dileram{
    margin-bottom:80px;
}

.dileram p {
    margin:10px 0;
}

.txtcont p, .horizontal p {
    color: #33475B;
    margin-top: 0;
    margin-bottom: 20px;
    line-height:1.5;
    font-size:20px;
}

.txtcont p strong {
    font-weight: bold;
}

.txtcont ul, .horizontal ul {
    margin-bottom: 20px;
}

.txtcont ul, .horizontal ul {
    list-style-type: disc;
    list-style-position: inside;
    line-height:1.5;
}

.txtcont img {
    margin:30px 0;
    border-left: 5px solid #FCC400;
}

header {
    padding: 10px;
    width: 1190px;
    margin: 0 auto;
}

.header {
    background: linear-gradient(45deg, #00ADE4, #006DB0);
    background-repeat: no-repeat;
    background-position: center;
}

.header {
    background-image: url("/assets/images/cub.png"), linear-gradient(45deg, #00ADE4, #006DB0); /* W3C */
}

.videotitle {
    font-family: 'Lato-Black', sans-serif;
    font-size:36px;
    color:#B0C9E4;
    margin-bottom:30px;
}

.videotitle p {
    font-size:19px;
    font-family: "LatoRegular", sans-serif;
    padding-top:20px;
}

.video {
    background-color:#33475B;
    background-image: url("/assets/images/texture-cubes-abstract.png"), linear-gradient(45deg, #33475B, #33475B);

}

header p {
    color:#FFFFFF;
}

#logo {
    width: 500px;
    float: left;
    margin-top: 55px;
}

.right {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    text-align: right;
    font-size: 17px;
    color: #373737;
}

.expertbox {
    background-color: #EDEDED;
}

.info .expert .title strong {
    color:#E53450;
}

.expert {
    padding-top: 80px;
    padding-bottom: 80px;
    margin: 0 auto;
    width: 100%;
}

.exflex {
    display:flex;
    align-items: center;
    width: 925px;
    margin:0 auto;
}

.exflex img {
    display:block;
    width: 200px;
    height: 109px;
    margin-right:30px;
}

.expert .title {
    margin:0;
}

.bottom {
    width:709px;
}

.bottom .title {
    font-size:19px;
}

.bottom .subtitle {
    font-size: 34px;
}

.address {
    font-family: 'Lato-Regular', sans-serif;
}

.subtitletxt, .txtcont ul li, .horizontal ul li, .offer-two p {
    font-family: "LatoRegular", sans-serif;
    margin-top:18px;
    line-height:1.7;
    font-size: 18px;
    color: #33475B;
}

.txtcont ul li, .horizontal ul li {
    margin:0 0 0 30px;
}

#pazl {
    margin-top:220px;
}

#elem {
    margin-top:150px;
}

.subtitletxt i {
    color:#E53450;
    min-width:20px;
    text-align:center;
}

.subtitle {
    color: #E53450;
    font-size: 18px;
    line-height: 2;
    border-left: 5px solid #FCC400;
    padding-left: 30px;
    font-family: 'Lato-Black', sans-serif;
}

.title, .offer h2 {
    color: #33475B;
    font-size: 20px;
    line-height: 1.5;
    border-left: 5px solid #E53450;
    padding-left: 30px;
    font-family: 'Lato-Black', sans-serif;
    clear: both;
    text-align:left;
}

.offer h2 {
    font-family: "LatoRegular", sans-serif;
    margin-top: 18px;
    line-height: 1.5;
}

h2 strong {
    color: #E53450;
    font-family: 'Lato-Black', sans-serif;
}

.offer {
    width: 1190px;
    margin: 0 auto;
}

.offer img {
    width:881px;
    height:auto;
    display:block;
    margin:80px auto;
}

.offer-two {
    display:flex;
    margin:50px 0;
}

.offer-two img {
    max-width:595px;
    height:auto;
}

.subtitle_content {
    font-family: 'Lato-Black', sans-serif;
    font-size: 36px;
    color: #33475B;
    margin:80px 0 30px;
    line-height:1.5;
}

.subtitle_content p {
    font-size: 19px;
    font-family: "LatoRegular", sans-serif;
    padding-top: 20px;
}

.container {
    width: 850px;
    margin: 80px auto;
    padding-left: 140px;
}

.titlebox {
    position:relative;
    min-height:215px;
}

.half-cube {
    position:absolute;
    left:-92px;
    top:12px;
}

.subphone {
    border-right: 5px solid #FCC400;
    padding-right: 10px;
}

.phone {
    font-family: 'Lato-Black', sans-serif;
    font-size: 22px;
    border-right: 5px solid #FFFFFF;
    padding-right: 10px;
}

.video {
    padding:80px 0;
}

.video_content {
    width:1190px;
    margin:0 auto;
}

.video_content .pagination > li.active > a, .video_content .pagination > li.active > span {
    background-color:#FFFFFF;
    color:#090909;
    display:inline-block;
}

.video_content .pagination > li > span:focus, .video_content .pagination > li > span:hover, .video_content .pagination > li > a:focus, .video_content .pagination > li > a:hover {
    background-color: #E53450;
    color:#FFFFFF;
    border:none;
}

.video_content .vb_video_title {
    color:#B0C9E4;
    line-height:1.5;
    font-family: FontAwesome, 'Lato-Black', sans-serif;
    font-size:18px;
}

.video_content .vb_video_title:hover {
    color:#FFFFFF;
}

.video_content .pagination > li {
    display:inline-block;
}

.video_content .pagination > li.active > a {
    background-color: #FCC400;
    border:none;
    cursor:default;
    color:#090909;
}

.video_content .vb_video_cont img {
    border-radius:10px;
    border:1px solid #6B96C1;
}

.vb_video_cont img:hover {
    border:1px solid #FFFFFF;
}

.pagination {
    border-bottom:1px solid #FFFFFF;
    padding-bottom:5px;
}

h1 {
    font-family: 'LatoBold', sans-serif;
    color: #33475B;
    font-size: 36px;
    margin: 0;
    text-align: left;
}

h2 {
    font-size: 28px;
    margin: 50px 0;
    color: #090909;
    text-align: center;
    line-height:1.5;
}

h3 {
    font-size: 19px;
    color: #33475B;
    font-family: 'Lato-Black', sans-serif;
    border-left: 5px solid #E53450;
    padding-left: 10px;
    line-height: 1.5;
}

.item {
    width: 280px;
    min-height: 400px;
    text-align: left;
    float: left;
    margin: 10px 58px;
}

.item p {
    margin: 0px;
    padding: 5px;
    border-left: 5px solid #FCC400;
    padding-left: 10px;
    line-height: 1.5;
    color:#33475B;
}

.puzzle {
    min-height:300px;
}

.item img {
    max-width: calc(100% - 20px);
    height: auto;
    max-height: 200px;
}

.item span {
    color: #C4412D;
    font-size: 22px;
    display: inline-block;
}

.item .vb_video_cont a {
    border:none;
    font-size: 19px;
    color: #008BD0;
    font-family: 'Lato-Black', sans-serif;
    border-left: 5px solid #E53450;
    padding-left: 10px;
    line-height: 1.5;
    text-align: left;
}

.item .vb_video_title {
    padding:0;
    font-size: 19px;
}

.item a.site, .item span.price {
    display: block;
    padding: 10px;
    color: #33475B;
    font-family: 'Lato-Black', sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    border: 5px solid #FCC400;
    width: 265px;
}

.item a {
    color:#0077B8;
    border-bottom:1px dashed #0077B8;
}

footer {
    clear: both;
}

.footer {
    padding: 50px 0;
    background-color: #33475B;
background-image: -webkit-linear-gradient(45deg, #33475B, #33475B);
background-image: -moz-linear-gradient(45deg, #33475B, #33475B);
background-image: -o-linear-gradient(45deg, #33475B, #33475B);
background-image: url("/assets/images/texture-cubes-abstract.png"), linear-gradient(45deg, #33475B, #33475B);
    color: #9CB2CA;
    text-align: center;
    font-size: 19px;
}

.footer a {
    color: #9CB2CA;
    font-size: 19px;
    border-bottom:1px dashed #9CB2CA;
}

.footer a:hover {
    color: #FFFFFF;
    font-size: 19px;
}

p {
    line-height: 1.5;
}