/*
Theme Name: Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Brad Dalton http://wpsites.net
Template: Divi
*/

@import url("../Divi/style.css");

body{
  color: #282828;
}

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

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

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

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

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

@font-face {
  font-family: 'AvenirNextCyr-Medium';
  src: url('fonts/AvenirNextCyr-Medium.eot?#iefix') format('embedded-opentype'),  
  url('fonts/AvenirNextCyr-Medium.woff') format('woff'), 
  url('fonts/AvenirNextCyr-Medium.ttf')  format('truetype'), 
  url('fonts/AvenirNextCyr-Medium.svg#AvenirNextCyr-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),  
  url('fonts/HelveticaNeue.otf')  format('opentype'),
       url('fonts/HelveticaNeue.woff') format('woff'), 
       url('fonts/HelveticaNeue.ttf')  format('truetype'), 
       url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
  font-weight: normal;
  font-style: normal;
}
.hel-ragular{
  font-family: 'HelveticaNeue' !important;
}

.avenir-heavy{
	font-family: 'AvenirNextCyr-Heavy' !important;
}
.avenir-bold{
	font-family: 'AvenirNextCyr-Bold' !important;
}
.avenir-demi{
	font-family: 'AvenirNextCyr-Demi' !important;
}
.avenir-medium{
	font-family: 'AvenirNextCyr-Medium' !important;
}
.avenir-regular{
	font-family: 'AvenirNextCyr-Regular' !important;
}
.avenir-light{
	font-family: 'AvenirNextCyr-Light' !important;
}
/* Style Footer Credits - Lines 948 & 949 */

#footer-info { 
text-align: left; 
color: green; 
padding-bottom: 10px; 
float: left; 
}

#footer-info a { 
font-weight: 700; 
color: yellow; 
}

#footer-info a:hover { 
color: pink; 
}


/* Style Footer Social Icons - Lines 1185 to 1198 */

#footer-bottom .et-social-facebook a {
	color: blue;
}
#footer-bottom .et-social-twitter a {
	color: powderblue;
}
#footer-bottom .et-social-google-plus a {
	color: red;
}
#footer-bottom .et-social-rss a {
	color: orange;
}

/* Hover Colors*/
#footer-bottom .et-social-facebook a:hover {
	color: pink;
}
#footer-bottom .et-social-twitter a:hover {
	color: pink;
}
#footer-bottom .et-social-google-plus a:hover {
	color: pink;
}
#footer-bottom .et-social-rss a:hover {
	color: pink;
}
.top_banner{
  position: relative;
}
.top_banner h1{
	font-family: 'AvenirNextCyr-Heavy';
  font-size: 70px;
}
.top_banner h3 {
    font-family: 'AvenirNextCyr-Bold';
    font-size: 32px;
    color: #fff;
    line-height: 45px;
    margin: 20px 0;
}
.top_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .50);
    z-index: 9999;
}
.top_banner .et_pb_column.et_pb_column_4_4.et_pb_column_0.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    z-index: 999999;
}
.banner-text2{
	color: #fff;
	font-family: 'AvenirNextCyr-Bold';
	font-size: 80px;
}
.banner-text2 {
    color: #fff;
    font-family: 'AvenirNextCyr-Bold';
    font-size: 80px;
    line-height: normal;
}
.btn1, .btn1:hover {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 10px !important;
    line-height: normal !important;
    padding: 11px 20px !important;
    min-width: 270px;
    text-align: center;
    border: 2px solid #fff !important;
    font-family: 'AvenirNextCyr-Medium' !important;
}
.btn1::after {
    top: 5px;
}
.top_banner .et_pb_button_0_wrapper {
    margin-bottom: 14px !important;
}
.top_banner {
    padding: 15vh 5% 20vh !important;
}
.wwd-wrap{
  text-align: center;
}
.wwd-wrap h2{
	font-size: 36px;
  font-family: 'AvenirNextCyr-Heavy';
  margin-bottom: 15px;
  text-transform: uppercase;
}
.wwd-wrap p{
	font-size: 24px;
  font-family: 'AvenirNextCyr-Bold' !important;
  text-transform: uppercase;
  line-height: 36px;
  color: #585757;
}
.abt-row .abt-con{
  display: inline-block;
}
.abt-row .abt-con span{
  font-size: 32px;
  font-family: 'HelveticaNeue';
  color: #585757;
}
.abt-row .abt-con h3 {
    font-size: 32px;
    font-family: 'AvenirNextCyr-Demi';
    margin: 10px 0px;
}
.abt-row .abt-con p{
  font-size: 20px;
  padding: 0;
  line-height: 1.3;
  font-family: 'HelveticaNeue';
}
.abt-row .et_pb_image_wrap{
  display: inline-block;
  position: relative;
}
/*--
.abt-row1 .et_pb_image_wrap::after {
    content: "";
    position: absolute;
    top: 27%;
    right: -92px;
    width: 300px;
    height: 400px;
    background-image: url(http://framesixty.com/wp-content/uploads/2020/04/shadow1.png);
    background-repeat: no-repeat;
    background-position: right top;
}
--*/
.abt-row .et_pb_image_wrap img {
    position: relative;
    max-width: 350px;
}
.abt-row2 .et_pb_image img{
  max-width: 380px;
}
.abt-row3 .et_pb_image_wrap img {
    max-height: 380px;
}
.abt-row {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    margin-top: 50px;
}
.abt-img{
  text-align: center !important;
}
.wwa-wrap {
    display: flex;
}
.abt-row .et_pb_column {
    text-align: center;
}
.wwa-wrap h2 {
    font-size: 34px;
    font-family: 'AvenirNextCyr-Heavy';
    margin-bottom: 15px;
}
.wwa-wrap p {
    font-size: 20px;
    margin-bottom: 15px;
    font-family: 'AvenirNextCyr-Medium';
    line-height: normal;
}
.wwa-con{
  padding: 60px 70px;
}
.cntct-box{
  padding: 10vh 6vw;
}
.build_wrap{
  padding: 0 !important;
}
.build_wrap img{
  max-width: 650px;
  width: 100%;
}
.build-con h2 {
    font-size: 50px;
    font-family: 'AvenirNextCyr-Demi';
    line-height: 1.4;
    margin-top: 40px;
}
.capability-wrap{}
.capability-wrap h2{
  text-align: center;
  font-family: 'AvenirNextCyr-Heavy' ;
  font-size: 36px;
}
.capability-wrap .et_pb_image .et_pb_image_wrap img {
    max-height: 42px;
}
.capability-wrap .et_pb_image.oc4 .et_pb_image_wrap img {
    max-height: 50px;
}
.capability-wrap .et_pb_image.oc5 .et_pb_image_wrap img {
    max-height: 39px;
}
.capability-wrap .et_pb_image.oc6 .et_pb_image_wrap img {
    max-height: 47px;
}
.capability-wrap .et_pb_image {
    height: 70px;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    margin-bottom: 15px !important;
}
.top_header nav.et-menu-nav ul{
  flex-wrap: nowrap;
}
.top_header nav.et-menu-nav a {
    font-size: 17px;
    color: #212020;
    font-family: 'AvenirNextCyr-Medium';
    text-transform: uppercase;
    white-space: nowrap;
}
#divi-sticky-header {
    background-color: rgba(255, 255, 255, .9) !important;
}
.top_header .logo_wrp_main img {
    min-height: 1px !important;
    max-height: 70px;
}
.et_pb_row_0_tb_header.et_pb_row.top_header{
  padding: 10px 18px !important;
  display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}
.top_header .et_pb_module.et_pb_image.et_pb_image_0_tb_header {
    margin: 0 !important;
    padding: 0 !important;
}
.phone-number p{
  font-size: 17px;
  color: #212020;
  font-family: 'AvenirNextCyr-Medium';
}
.cntct-wrap{
  display: flex;
    display: -webkit-flex;
    display: -o-flex;
}
.cntct-box h2{
 font-family: 'AvenirNextCyr-Demi' !important;
 font-size: 36px; 
 text-transform: uppercase;
}
.cntct-box p{
  font-family: 'AvenirNextCyr-Regular';
  font-size: 18px;
}
.cntct-box .wpcf7-text, .cntct-box .wpcf7-textarea{
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #444;
  height: 45px;
  font-family: 'AvenirNextCyr-Regular';
  width: 100%;
  color: #fff;
  font-size: 19px;
}
.wpcf7-form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
.wpcf7-form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
.wpcf7-form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity: 1;
}
.wpcf7-form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
.cntct-box .wpcf7-submit {
    border: none;
    cursor: pointer;
    background-color: #fff;
    padding: 13px;
    border-radius: 100px;
    width: 150px;
    font-family: 'AvenirNextCyr-Bold';
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 20px;
}
.top_header .et_pb_column_3_tb_header {
    text-align: right;
}
.top_header .et_pb_column_3_tb_header .et_pb_button{
    font-family: 'AvenirNextCyr-Medium'; 
}
.consultation_wrp_main .phone-number a {
    font-size: 17px;
    color: #212020;
    font-family: 'AvenirNextCyr-Medium';
}
.consultation_wrp_main .phone-number {
    margin: 0 80px 0 0 !important;
}
.top_header .et_pb_column{
  margin: 0 !important;
}
.top_header .logo_wrp_main {
    width: 20% !important;
}
.top_header .menu_wrp_main {
    width: 55% !important;
    position: unset!important;
}
ul#mega-menu-secondary-menu {
    position: unset!important;
}
#mega-menu-wrap-secondary-menu .mega-menu-toggle{background-color: transparent!important;}
.top_header .consultation_wrp_main {
    width: 40% !important;
    text-align: right;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    justify-content: flex-end;
}
li#mega-menu-item-custom_html-3 h2 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    color: #fff;
}

ul.mega-sub-menu p {
    font-size: 14px;
    font-style: normal;
    font-weight: 350;
    line-height: 20px;
    color: #FFFFFF;
    opacity: .4;
    font-family: 'avenirnextcyr-regular';
}
ul#mega-menu-secondary-menu li a {
    /*background-color: rgba(255,255,255,.1);*/
    padding: 3px 14px!important;
    border-radius: 30px!important;
    line-height: 1em!important;
   font-family: 'Avenir-Medium',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 14px!important;
}
.desktop_menU div {
    position: unset;
}

.desktop_menU {
    position: relative;
}

ul#mega-menu-secondary-menu, ul#mega-menu-secondary-menu li, ul#mega-menu-secondary-menu li a {
    position: unset;
}

.consultation_wrp_main .et_pb_button_module_wrapper {
    margin: 0 !important;
}
/*.wpcf7-form-control:focus{
  color: #fff !important;
}*/
.capability-wrap .et_pb_text_inner {
    font-size: 18px;
    font-family: 'AvenirNextCyr-Medium';
    line-height: 1.4;
}
.Our-Work {
  font-family: 'AvenirNextCyr-Heavy';
  font-size: 100px;
  color: #000000;
}
.Our-Lenses {
  font-family: 'AvenirNextCyr-Demi';
  font-size: 28px;
  color: #212020;
}
.social_media_f_wrp {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
}
.social_f_eac {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    margin: 10px 20px;
}
.social_f_eac.active a {
    border-bottom: 1px solid #000;
}
.social_media_f_wrp img {
    max-width: 25px;
    margin-right: 8px;
}
.social_media_f_wrp a {
  font-family: 'AvenirNextCyr-Demi';
  font-size: 17px;
  color: #282828;
  text-decoration: none;
}
.social_media_f_wrp {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
}

.f1-wrap h4{
  font-size: 22px;
  color: #212020;
  font-family: 'AvenirNextCyr-Medium';
  margin-bottom: 10px;
}
.f1-wrap a, .f1-wrap{
  font-size: 16px;
  color: #212020;
  font-family: 'AvenirNextCyr-Regular';
}
.f1-wrap {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    justify-content: space-between;
}
.f1-wrap ul {
    width: 100% !important;
}
.f1-wrap ul li {
    display: block;
    width: 100%;
}
.footer_bottm {
    display: flex;
    justify-content: space-between;
}
.f1-wrap .et_pb_column {
    margin: 0 !important;
    margin-left: 8% !important;
}
.f1-wrap .et_pb_column:nth-child(1) {
    width: 275px !important;
    margin: 0 !important;
}
.f1-wrap .et_pb_column:nth-child(2) {
    width: 245px;
}
.f1-wrap .et_pb_column:nth-child(3) {
    width: 280px !important;
}

/* .f1-wrap .et_pb_module {
    margin: 0 !important;
} */
.footer_bottm div {
    max-width: 230px;
}
.footer_bottm br {
    display: none;
}
.f1-wrap li {
    margin: 0 !important;
}
.f1-wrap a {
    padding: 0 !important;
    display: block !important;
    margin-bottom: 10px !important;
    line-height: normal;
}
.f-btm .et_pb_column_4_tb_footer {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    font-family: 'AvenirNextCyr-Regular';
    font-size: 15px;
}
.f-btm .et_pb_column_4_tb_footer .et_pb_module {
    margin: 0;
}
.f-btm .et_pb_column_4_tb_footer .et_pb_module .et_pb_text_inner {
    white-space: nowrap;
}
.f-btm .et_pb_column_4_tb_footer img {
    max-width: 36px;
    margin-right: 15px;
}
footer .et_pb_row.et_pb_row_1_tb_footer.f-btm {
    padding: 10px 0px !important;
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}
.f-btm .et_pb_column_5_tb_footer {
    text-align: right;
}
.f-btm .et_pb_column_5_tb_footer li {
    margin: 0;
    margin-left: 10px;
}
.f-btm .et_pb_column_5_tb_footer li a:before{
  font-size: 16px !important;
}
header .nav li ul{
  border: none;
}
header .nav li li{
  padding: 0;
  display: block;
}
header .et-menu li li a{
  width: auto;
}
.top_header .et_pb_menu_0_tb_header{
  margin: 0 !important;
}
div#divi-sticky-header{
  width: 100% !important;
}

/*--home slider--*/
.dev-slider-wrppr .slick-current {
  width: 860px !important;
}
.dev-slider-wrppr .slick-current .top_wrap {
    float: left;
    width: 55%;
}
.dev-slider-wrppr .slick-current .main_outer {
    float: right;
    width: 235px;
}
.dev-slider-wrppr h2{
    font-size: 40px;
    font-family: 'AvenirNextCyr-Heavy';
}
.dev-slider-wrppr .top_wrap h4, .mobile_slider_wpr h4{
  font-family: 'AvenirNextCyr-Medium';
  font-size: 32px;
}
.mobile_slider_wpr h4{
  text-transform: uppercase;
  font-size: 22px;
  margin: 0;
}
.dev-slider-wrppr .created_by, .mobile_slider_wpr .created_by{
  font-family: 'AvenirNextCyr-Medium';
  font-size: 17px;
  margin: 10px 0;
}
.mobile_slider_wpr .created_by{
  margin-bottom: 20px;
  margin-top: 0;
}
.dev-slider-wrppr .top_wrap .description, .mobile_slider_wpr .description{
  font-family: 'AvenirNextCyr-Regular';
  font-size: 20px;
  line-height: 1.3;
}
.mobile_slider_wpr .description{
  font-size: 16px;
}
.mobile_slider_wpr .slick-dots {
    padding: 0 !important;
    position: static;
    margin-top: 20px;
}
.mobile_slider_wpr .slick-dots li {
    margin: 0;
}
.mobile_slider_wpr .slick-dots li button:before{
  font-size: 12px;
}
.dev-slider-wrppr .top_wrap .logo {
    max-width: 160px;
    margin-top: 40px;
}
.dev-slider-wrppr button.slick-arrow {
    position: absolute;
    left: 0;
    top: 485px;
    z-index: 9999;
}
.dev-slider-wrppr button.slick-next.slick-arrow {
    left: 84px;
}
.dev-slider-wrppr button.slick-arrow::before {
    display: none;
}
.dev-slider-wrppr button.slick-arrow {
    position: absolute;
    left: 0;
    top: 485px;
    background-color: #fff !important;
    background-image: url(https://framesixty.com/wp-content/uploads/2020/04/combined-shape-1.png) !important;
    background-size: 11px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.dev-slider-wrppr button.slick-next.slick-arrow{
  background-image: url('https://framesixty.com/wp-content/uploads/2020/04/combined-shape.png') !important;
}
.dev-slider-wrppr span.pagingInfo {
    position: absolute;
    left: 42px;
    top: 473px;
    font-size: 18px;
}
.dev-slider-wrppr .slick-current .gif_image_wrap, .iphn {
    padding: 40px 16px;
    border-radius: 30px;
    height: 450px;
    margin: 20px 0;
    width: auto;
}
.iphn{
  position: absolute;
  top: 0;
  right: 219px;
  width: 235px;
  box-shadow: 0 0 20px #999;
  background-color: #fff;
  z-index: -1;
}
.gif_image_wrap-mobile {
    width: 200px;
    padding: 40px 12px;
    height: 350px;
    box-shadow: 0 0 8px #c5c5c5;
    background-color: #fff;
    margin: 25px auto;
    border-radius: 25px;
}
.dev-slider-wrppr .gif_image_wrap{
  height: 450px;
  margin: 20px 0;
  padding: 40px 16px;
  width: 235px;
}
.dev-slider-wrppr .slick-current .gif_image_wrap img, .dev-slider-wrppr .main_image_wrap img, .gif_image_wrap-mobile img, .dev-slider-wrppr video, .gif_image_wrap-mobile video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.dev-slider-row {
    position: relative;
}
.dev-slider-wrppr .slick-slide.slick-cloned:last-child {
    display: none;
}
.work_wrap h2{
  font-family: 'AvenirNextCyr-Heavy';
  font-size: 36px;
  margin-bottom: 20px;
}
.dev-slider-wrppr .slick-current .main_image_wrap{
  display: none;
}

.mobile_slider_wpr {
    text-align: center;
}
/*--home slider end--*/

.desktop_slider{}
body #page-container .et_pb_section .et_pb_button_0_tb_header{
  border: none !important;
}
header .et_pb_column .et_pb_module {
    background-color: transparent !important;
}
.top_header nav.et-menu-nav li .sub-menu li {
    display: block !important;
}

/****************serveces page*****5-may-2020************************/
.Bring-your-business_wrp .Bring-your-business {    
  font-family: 'AvenirNextCyr-Heavy';
  color: #000000;
  font-size: 40.6px;
  letter-spacing: normal;
  line-height: 1.5;
}
.WE-DESIGN-AND-BUILD_WRP .WE-DESIGN-AND-BUILD {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 21.9px;
  letter-spacing: normal;
  text-align: center;
  color: #585757;
  line-height: 1.6;
}
.WE-DESIGN-AND-BUILD_WRP .YOU-CAN-GROW-YOUR-BU {
  font-family: 'AvenirNextCyr-Bold';
  text-align: center;
  color: #000000;
  font-size: 21.9px;
  letter-spacing: normal;
  line-height: 1.6;
}

.photograpahers_wrp .Photograpahers, .photograpahers_wrp .Stores, .photograpahers_wrp .Artists, .photograpahers_wrp .Restaurants, .photograpahers_wrp .Small-Businesses, .photograpahers_wrp .Fashon-Designers {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 40.5px;
  color: #ffffff;
}
.photograpahers_wrp .photograpahers_wrp_sec {
  background-color: #000000;
  padding: 25px;
}
.photograpahers_wrp .photograpahers_wrp_sec h3 {
    padding-bottom: 20px !important;
}
.approach_wrp .OUR-APPROACH {
  font-family: 'AvenirNextCyr-Heavy';
  font-size: 26.3px;
  text-align: center;
  color: #000000;
}
.approach_wrp .approach-box h2{
  font-family: 'AvenirNextCyr-Bold';
  font-size: 28.1px;
  color: #000000;
}

.approach_wrp .approach-box p {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 21.9px;
  color: #585757;
}
.proud_of_wrp .lets_build {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 26.3px;
  text-align: center;
  color: #000000;
}

.proud_of_wrp .will_design {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 21.9px;
  text-align: center;
  color: #585757;
}

.our_work_sec_wrp .Our-Work {
  font-family: 'AvenirNextCyr-Heavy';
  font-size: 40.6px;
  color: #000000;
}
.main_portfoli_wrp {
    float: right;
}
.our_work_sec_wrp .All-Recent {
    font-family: 'AvenirNextCyr-Demi';
    font-size: 12.6px;
    color: #212020;
    border-radius: 100px;
    height: 28px;
    width: 110px;
    padding: 0 7px;
}

.work-head{
  text-align: center;
}
.work-head h2 {
  font-family: 'AvenirNextCyr-Bold';
  font-size: 28.1px;
  color: #000000;
}

.work-head .work-by {
  font-family: 'AvenirNextCyr-Medium';
  font-size: 17.5px;
  color: #282828;
}

.work-head p {
  font-family: 'AvenirNextCyr-Regular';
  font-size: 17.5px;
  color: #282828;
  line-height: 1.5;
}
.work-top {
    position: relative;
}
.work-img {
    position: absolute;
    top: 30px;
    left: -150px;
}
.wi-right{
  left: auto;
  right: -150px;
}
.work-img img {
    width: 95px;
}
.work-btm .et_pb_image{
  text-align: center;
}
.vicasso .work-btm .et_pb_image img{
  max-width: 1000px;
}
.ai-translate .work-btm .et_pb_image img{
  max-width: 800px;
}
.ar-solar .work-img img {
    width: 100px;
}
.ar-solar .work-img {
    top: 75px;
    right: -180px;
}
.sc-left img {
    max-width: 350px;
}
.sc-right img{
  max-width: 95px;
}
.sc-right .work-head{
  text-align: left;
}
.sign_chat_row{
  display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}
header.et-l.et-l--header {
    position: relative;
    z-index: 9999;
}
.port-slider .slick-container-port {
    position: relative;
}
.port-slider .bottom_outer-port {
    text-align: center;
    position: absolute;
    top: calc(100% - 30px) !important;
    left: 0;
    right: 0;
    z-index: 9999;
    bottom: auto !important;
}
.bottom_outer-port  h4{
  font-family: 'AvenirNextCyr-Demi' ;
  font-size: 15px;
  text-transform: uppercase;
  padding-bottom: 0;
}
.bottom_outer-port p{
  font-family: 'AvenirNextCyr-Medium' ;
  font-size: 12px;
}
.port-slider .slick-center .gif_image::after {
    content: "";
    position: absolute;
    top: -35px;
    bottom: -35px;
    left: -8px;
    right: -8px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 22px;
}
.port-slider .slick-list {
    padding-top: 50px !important;
    padding-bottom: 120px !important;
}
.bottom_outer-port img {
    max-width: 90px;
    display: inline-block;
}
.port-slider .gif_image{
  width: 160px;
  height: 240px;
  position: relative;
  z-index: 999;
  margin: 0 auto;
}
.port-slider .gif_image div{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.port-slider .gif_image video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.port-slider button.slick-arrow::before {
    display: none;
}
.port-slider button.slick-arrow {
    top: 41%;
    width: 50px;
    height: 50px;
    background-color: transparent !important;
    background-image: url(https://framesixty.com/wp-content/uploads/2020/05/group-17@2x.png);
    background-size: 48px;
    background-position: center;
    background-repeat: no-repeat;
}
.port-slider button.slick-next.slick-arrow{
    background-image: url(https://framesixty.com/wp-content/uploads/2020/05/group-17-copy@2x.png);
}
.bring-row, .aprch-row {
    display: flex;
    display: -webkit-flex;
    display: -o-flex;
    align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
}
.aprch-text h2{
  font-size: 28.1px;
  font-family: 'AvenirNextCyr-Bold';
}
.aprch-text p{
  font-size: 21.9px;
  color: #585757;
  line-height: 1.5;
  font-family: 'AvenirNextCyr-Bold';
}
.aprch-text{
  padding-left: 20px;
}
.web_app_main {
    display: flex;
}
.left_sec {
    width: 42%;
    color: #fff;
    background-color: #434343;
    padding: 20px 50px 40px;
}
.photograpahers .left_sec{
}
.stores .left_sec{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4c5c0+0,e7ddda+100 */
background: rgb(212,197,192); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(212,197,192,1) 0%, rgba(231,221,218,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(212,197,192,1) 0%,rgba(231,221,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(212,197,192,1) 0%,rgba(231,221,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4c5c0', endColorstr='#e7ddda',GradientType=1 ); /* IE6-9 */

}
.artists .left_sec{
    background-color: #a4b0bf;
}
.restaurants .left_sec{
    background-color: #ffffff;
}
.small_businesses .left_sec{
    background-color: #92908e;
}
.fashon_designers .left_sec{
    background-color: #5d636f;
}
.left_sec p{
  font-size: 40px;
  font-family: 'AvenirNextCyr-Bold';
  padding: 15px 0;
  line-height: 1.4;
  position: relative;
  display: inline-block;
}
.left_sec p::after{
  content: "";
  position: absolute;
  top: 100%;
  left: 0; 
  right: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s all;
}
.left_sec .active p::after{
  right: 0;
  transition: .5s all;
}
.right_sec {
    width: 58%;
    position: relative;
}
.right_sec div{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.right_sec img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.custom-image-web-app.active{
  opacity: 1;
}
.custom-image-web-app{
  opacity: 0;
  transition: .2s all;
}
.custom-image-web-app.active.is_active, .custom-image-web-app.is_active{
  opacity: 1;
  transition: .2s all;
}
.our_work_page_mobile .gif_image_wrap-mobile {
    background: no-repeat;
    box-shadow: none;
    padding: 0;
    width: 100%;
    height: auto;
    border-radius: 0;
}
.our_work_page_mobile button.slick-arrow{
  display: none !important;
}
.our_work_page_mobile{
  text-align: center;
}
.our_work_page_mobile h4{
    font-family: 'AvenirNextCyr-Demi';
    font-size: 28px;
    text-transform: uppercase;
}
.our_work_page_mobile .created_by{
    font-family: 'AvenirNextCyr-Medium';
    font-size: 18px;
}
.our_work_page_mobile .gif_image_wrap-mobile img {
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: unset;
}
.our_work_page_mobile .description_wrp p{
    font-size: 19px;
    font-family: 'AvenirNextCyr-Regular';
}
/*Redesign 14-june-23-start*/
.et_pb_row.et_pb_row_1.black_header_content {
    max-width: 875px;
    margin: 0 auto;
}

.header_list ul li {
    float: left;
    margin-right: 32px;
    list-style: none;
    position: relative;
}

.header_list ul li:before {
    width: 6px;
    height: 6px;
    background-color: #69696a;
    content: "";
    position: absolute;
    border-radius: 100%;
    left: -17px;
    top: 11px;
}
.black_header_content .et_pb_module.et_pb_text {
    margin-bottom: 34px;
}
.head_top_btns .et_pb_column.et_pb_column_4_4 {
    text-align: center;
}
.head_top_btns .et_pb_module {
    display: inline-block;
}
/*Redesign 14-june-23-end*/

  a.active {
            font-weight: bold !important;
            color: blue !important;
        }
/*--responsive--*/

@media all and (max-width: 1650px){
  .top_header nav.et-menu-nav a, .phone-number p, .consultation_wrp_main .phone-number a{font-size: 14px;}
  body #page-container .et_pb_section .et_pb_button_0_tb_header{font-size: 15px !important;}
}
@media all and (max-width: 1200px){
  .wwa-wrap h2, .wwd-wrap h2, .capability-wrap h2{font-size: 36px;}
  .top_banner h1{font-size: 70px;}
  .top_banner h3{font-size: 45px;}
  .abt-row1 .et_pb_image_wrap img{max-width: 100%;}
  .abt-row2 .et_pb_image img{max-width: 400px;}
  .wwd-wrap p{font-size: 20px; line-height: normal;}
  .abt-row .abt-con h3{font-size: 36px;}
  .abt-row .abt-con p{font-size: 20px;}
  .wwa-wrap p{font-size: 18px;}
  .build-con h2{font-size: 45px;}
  .capability-wrap .et_pb_text_inner{font-size: 16px;}
  .f1-wrap a, .f1-wrap{font-size: 14px;}
  .consultation_wrp_main .phone-number{margin-right: 20px !important;}
  .consultation_wrp_main .et_pb_button_module_wrapper a{font-size: 13px !important;}
  .top_header nav.et-menu-nav a, .phone-number p, .consultation_wrp_main .phone-number a{font-size: 13px;}
  .top_header .logo_wrp_main .et_pb_image_wrap img{max-height: 55px;}
  .vicasso .work-btm img, .ai-translate .work-btm img{max-width: 100% !important;}
}
@media all and (max-width: 980px){
 /* .et_pb_section_1 {padding: 0 !important;}*/
  .abt-row{width: 90% !important; margin-top: 0;}
  .abt-img{padding: 20px;}
  .et_pb_section_2{padding: 0;}
  .abt-row2 .et_pb_image img{max-width: 100%;}
  .build-con h2 br{display: none;}
  .build-con h2{text-align: center;}
  .f1-wrap .et_pb_column:nth-child(1){width: 58%; margin-bottom: 20px !important;}
  .f1-wrap .et_pb_column:nth-child(2){width: 38%; padding-left: 0; margin-left: 0 !important;}
  .top_header .consultation_wrp_main{display: none;}
  .top_header .et_pb_column_0_tb_header{margin: 0;}
  .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before{color: #000 !important;}
  .top_header .et_mobile_menu li a {padding: 5px 10px !important; font-family: 'AvenirNextCyr-Medium' !important; color: #000 !important;}
  .top_header ul#mobile_menu1{border-color: #000; border-width: 1px;}
  /*#mobile_menu1 > li:nth-last-child(1) a, #mobile_menu1 > li:nth-last-child(2) a { border: 1px solid #000; min-width: 180px; text-align: center; font-size: 12px !important; display: inline-block; font-family: 'AvenirNextCyr-Bold' !important; padding: 4px 15px !important; border-radius: 5px; margin-top:6px;}
*/  .f1-wrap span.mobile_menu_bar{display: none;}
  #mobile_menu1 > li:nth-last-child(1) a{margin-bottom: 8px;}
  .f1-wrap ul#mobile_menu2{display: block; position: static;  padding: 0; border: none; box-shadow: none;}
  .f1-wrap .et_pb_menu__wrap{margin: 0;}
  .f1-wrap .et_mobile_nav_menu{display: block; width: 100%; margin: 0;}
  .f1-wrap ul#mobile_menu2 a{border: none; color: #212020;}
  .top_header .menu_wrp_main{width: 100% !important;}
  .work-img{left: -90px;}
  .wi-right{right: -90px;}
  .sc-right br{display: none;}
  .ar-solar .work-img{right: -110px;}
  .et-db #et-boc .et-l .et_pb_text_1_tb_footer{margin-right: 0px!important;}
}
@media all and (max-width: 767px){
  .et_pb_row{width: 90%;}
  .top_banner h1{font-size: 36px; line-height: 1.2;}
  .top_banner h3 {font-size: 24px; line-height: 1.3; margin: 5px 0; padding: 0;}
  .top_banner{padding: 50px 20px !important;}
  .et_pb_section{padding: 0;}
  .btn1, .btn1:hover{font-size: 15px; padding: 10px 20px !important; min-width: 220px; border-radius: 5px !important;}
  .wwd-wrap h2{font-size: 25px; text-align: center; padding-bottom: 0;}
  .wwd-wrap p{text-align: center; font-size: 15px; line-height: 1.5;}
  .wwd-wrap p br, .abt-row .abt-con p br{display: none !important;}
  .et_pb_column .et_pb_row_inner, .et_pb_row{padding: 0;}
  .top_banner{margin-bottom: 35px;}
  .abt-row .abt-con span{font-size: 16px;}
  .abt-row .abt-con h3{font-size: 20px; padding: 0; margin: 6px 0;}
  .abt-row .abt-con p{font-size: 13px;}
  .abt-row1 .et_pb_image_wrap::after{display: none;}
  .abt-row .et_pb_column{margin: 0;}
  .abt-row{margin-bottom: 30px;}
  .wwa-wrap{display: block;}
  .wwa-con, .cntct-box{padding: 30px 20px;}
  .wwa-wrap h2, .wwd-wrap h2, .capability-wrap h2{font-size: 26px; text-align: center;}
  .wwa-wrap p{font-size: 16px; padding-bottom: 0;}
  .build-con h2{font-size: 25px; margin: 0;}
  .capability-wrap{padding: 30px 0 !important;}
  .capability-wrap .caps-row {display: flex; justify-content: space-between;}
  .capability-wrap .caps-row .et_pb_column{width: 36% !important; margin-left: 20px; margin-right: 20px;}
  .capability-wrap .et_pb_text_inner{font-size: 13px;}
  .cntct-box h2{font-size: 26px; text-align: center;}
  .cntct-box p{text-align: center; font-size: 16px; line-height: 1.2;}
  .cntct-box .wpcf7-text, .cntct-box .wpcf7-textarea{font-size: 17px;}
  .cntct-box .wpcf7-submit{font-size: 15px; width: 125px; padding: 11px;}
  
  .f1-wrap .et_pb_column:nth-child(1){width: 100% !important; margin-bottom: 20px !important;}
  .f1-wrap .et_pb_column:nth-child(2){width: 60% !important; padding: 0; padding-right: 15px;}
  .f1-wrap .et_pb_column:nth-child(3){width: 38% !important;}
  .f1-wrap{padding: 30px 0;}
  footer .et_pb_row.et_pb_row_1_tb_footer.f-btm{display: block;}
  .f-btm .et_pb_column_4_tb_footer{font-size: 14px; margin-bottom: 10px;}
  .f-btm .et_pb_column_4_tb_footer img{max-width: 45px; margin-right: 10px;}
  .f-btm .et_pb_column_4_tb_footer .et_pb_module .et_pb_text_inner{white-space: normal;}
  .f-btm .et_pb_column_5_tb_footer{text-align: center;}
  .top_header .et_pb_module{margin: 0 !important;}
  .top_header .logo_wrp_main {position: absolute; z-index: 9999; width: 150px !important; margin: 0 !important;}
  .top_header .mobile_menu_bar{padding: 15px 0;}
  .et_pb_row_0_tb_header.et_pb_row.top_header{padding: 0px 12px 0 10px !important;}
  .top_header .et_pb_column{margin: 0 !important;}
  .top_header ul#mobile_menu1 {margin: 0; position: absolute; left: -17px !important; width: calc(100% + 33px) !important; padding: 0 20px !important;}
  .desktop_slider{display: none;}
  .work_wrap h2{font-size: 26px;}
  .work_wrap .slick-arrow{display: none !important;}
  .work_wrap{padding-top: 40px;}
  .build_wrap{padding: 35px 0 20px !important;}
  .build_wrap .et_pb_column{margin: 0;}
  .abt-row3 img{max-width: 100px;}
  .abt-row .et_pb_image_wrap img{max-width: 100%;}
  .abt-row3 .et_pb_image_wrap img{max-height: 160px;}
  .f1-wrap .et_pb_column, .f1-wrap .et_pb_column:nth-child(1), .f1-wrap .et_pb_column:nth-child(2), .f1-wrap .et_pb_column:nth-child(3), .f1-wrap .et_pb_column:nth-child(4){width: 100% !important; padding: 0 !important; margin: 0 0 20px 0 !important;}
  .footer_bottm{justify-content: unset;}
  .footer_bottm div{max-width: 100%; width: 50%; padding-right: 10px;}
  .top_banner::before{background-color: rgba(0, 0, 0, .30);}
  .abt-row1 .abt-img, .abt-row3 .abt-img{padding-left: 0;}
  .abt-row2 .abt-img{padding-right: 0;}
  .our_work_sec_wrp .et_pb_column:nth-child(2), .work-sec, .sign_chat_wrp{display: none;}
  .our_work_sec_wrp .Our-Work{text-align: center;}
  .social_media_f_wrp{display: none;}
}

@media all and (min-width: 767px){
  .top_header nav.et-menu-nav li:nth-last-child(1), .top_header nav.et-menu-nav li:nth-last-child(2){display: none;}
  .mobile_slider_wpr, .our_work_page_mobile{display: none;}
}