@font-face
{
font-family: "gbold";
src:  url("./fonts/gotchamb.eot");
src:  local('☺'), url('./fonts/gotchamb.woff') format('woff'), url('./fonts/gotchamb.ttf') format('truetype'), url('gotchamb.svg#font') format('svg');
}
 @font-face
{
font-family: "glight";
src:  url("./fonts/gotl.eot");
src:  local('☺'), url('./fonts/gotl.woff') format('woff'), url('./fonts/gotl.ttf') format('truetype'), url('gotl.svg#font') format('svg');
}
 @font-face
{
font-family: "gbook";
src:  url("./fonts/gbook.eot");
src:  local('☺'), url('./fonts/gbook.woff') format('woff'), url('./fonts/gbook.ttf') format('truetype'), url('gbook.svg#font') format('svg');
}
 @font-face
{
font-family: "glight_it";
src:  url("./fonts/gotl_it.eot");
src:  local('☺'), url('./fonts/gotl_it.woff') format('woff'), url('./fonts/gotl_it.ttf') format('truetype'), url('gotl_it.svg#font') format('svg');
}
 @font-face
{
font-family: "gbook_it";
src:  url("./fonts/gbook_it.eot");
src:  local('☺'), url('./fonts/gbook_it.woff') format('woff'), url('./fonts/gbook_it.ttf') format('truetype'), url('gbook_it.svg#font') format('svg');
}

 @font-face
{
font-family: "gthin";
src:  url("./fonts/gthin.eot");
src:  local('☺'), url('./fonts/gthin.woff') format('woff'), url('./fonts/gthin.ttf') format('truetype'), url('gthin.svg#font') format('svg');
}
         
* {
margin: 0;
padding: 0;
}
html, body
{
   -webkit-text-size-adjust: none;
}
body
{
/*height: 100%;*/
/*overflow:hidden;*/
}

/**/
A
{
color:#2ec4f4;
text-decoration:none;
}
H1,H2
{
font-family:inherit;
font-size:inherit;
font-weight:normal;
margin:0;
padding:0;
display:block;
}
#main
{
width:100%;
max-width:1250px; /*1150*/
margin:0 auto;
}
.center_block
{
margin-left:50px;
margin-right:50px;
}
#logo
{
cursor:pointer;
margin-top:80px; /*83px*/
}

#div_top
{
position:relative;
width:100%;
height:100%;
}
#div_background
{
overflow:hidden;
width:100%;
height:100%;
position:absolute;
left:0px;
top:0px;
}
#bg_back
{
position:absolute;
z-index:1;
top:0px;
left:0px;
/*width:100%;
height:100%;*/
opacity:0;
}
#bg_top
{
position:absolute;
z-index:2;
top:0px;
left:0px;
width:100%;
height:100%;
background:url("./i/05_texture.svg") repeat;
}
#logo_main
{
position:relative;
z-index:3;
cursor:pointer;
margin-top:80px; /*83px*/
}
#social_icons
{
position:absolute;
top:88px;
right:0px;
z-index:3;
cursor:pointer;
}
.social
{
cursor:pointer;
margin-right:18px;
}
.social:last-child
{
margin-right:0px;
}
.social IMG
{
cursor:pointer;
border:0;

}
#message_main
{
display:block;
position:relative;
z-index:3;
margin-top:91px;
}
#contact_main
{
display:block;
position:relative;
z-index:3;
margin-top:45px;
}
#main_footer
{
position:relative;
z-index:3;
max-width:442px;
background:url('./i/04_white_line.svg') no-repeat top center;
margin-top:165px;
font-family:'Times New Roman';
color:#ffffff;
font-size:17px;
font-style:italic;
padding-top:11px;
}
#arrow_main
{
position:absolute;
z-index:3;
cursor:pointer;
bottom:48px;
left:calc( (100% - 34px) / 2 ) !important;
width:34px;
display:block;
margin:0 auto;
opacity:0;
}

.project_description
{
display:inline-block;
font-family:'gbook';
color:#58595b;
font-size:10px;
line-height:15px;
text-transform:uppercase;
max-width:552px;
background:url('./i/07_project_name_line.svg') no-repeat top left;
margin-top:120px; /*120*/
margin-right:100px;
padding-top:21px; /*24*/
}

.project_description A
{
color:#2ec4f4;
text-decoration:none;
}

.project_title
{
font-family:'gbold';
color:#231f20;
font-size:11px;
margin-bottom:16px; /*15 23*/
}

.project_list
{
display:inline-block;
font-family:'gbook_it';
color:#58595b;
font-size:10px;
line-height:15px;
text-transform:uppercase;
min-width:155px;
width:155px;
background:url('./i/08_project_list_line.svg') no-repeat top left;
margin-top:120px; /*120*/
padding-top:21px; /*24*/
float:right;
}

.project_ul li
{
list-style: none; 
background: url('./i/09_bullet.svg') no-repeat 0 6px;
padding-left: 8px;
}

.project_ul
{
position:relative;
left:-8px;
}


#title_sent
{
font-family:"glight"; /*gthin"*/
color:#231f20;
font-size:28px;
margin-top:88px; /*103*/
}
.columns_sent
{
display:flex;
flex-wrap:wrap;
max-width:760px;
margin-top:48px; /*52 64*/
}
.columns_wrapper
{
display:flex;
width:100%;
}
.columns_small
{
display:flex;
width:100%;
}
.columns_small .input_sent
{
min-width:183px; /*width*/
}
.columns_small DIV:first-child
{
margin-right:4px;
}
.columns_big
{
/*width:332px;*/
width:100%;
min-width:370px;
}
.column_margin_left
{
margin-left:20px;
}
.column_margin_right
{
margin-right:20px;
}
.input_select_wrapper
{
display:flex;
}
.columns_big .input_select
{
position:relative;
width:363px;
}
.columns_big .input_bg
{
display:inline-block;
width:7px;
height:30px;
margin-top:6px; /*4*/
background-color:#f1f2f2;
}
.flex_wrapper
{
width:100%;
}
.column_separator
{
width:100%;
height:1px;
background-color:#e6e7e8;
margin-top:20px; /*44*/
margin-bottom:18px;/*24*/
}
.column_separator2
{
margin-top:47px;
}
.column_title
{
width:100%;
}
.column_checkbox
{
margin-top:44px;
}
.column_sent_1
{
margin-right:20px;
width:370px;
float:left;
}
.column_sent_2
{
width:370px;
float:left;
}
.input_title
{
font-family:"gbold";
color:#231f20;
font-size:11px;
}
.input_error
{
font-family:"gbold";
color:#2ec4f4;
font-size:11px;
padding-left:8px;
}
.input_answer
{
font-family:"gbold";
color:#a7a9ac;
font-size:11px;
padding-left:8px;
}
.input_sent
{
box-sizing:border-box;
font-family:Arial;
color:#58595b;
font-size:12px;
max-width:370px; /*400 370*/
width:100%;
padding-left:11px;
padding-right:11px;
height:30px;
background-color:#f1f2f2;
border:0;
margin-bottom:24px; /*40 47*/
margin-top:6px; /*4 9 10*/
outline: none;
}
.input_text
{
box-sizing:border-box;
font-family:Arial;
color:#58595b;
font-size:12px;
width:100%;
padding-left:11px;
padding-right:11px;
padding-top:11px;
padding-bottom:11px;
height:100px;
background-color:#f1f2f2;
border:0;
margin-bottom:27px; /*40 47*/
margin-top:6px; /*4 9 10*/
outline: none;
}
.input_sent_small
{
font-family:Arial;
color:#58595b;
font-size:12px;
width:161px; /*172*/
padding-left:11px;
padding-right:11px;
height:30px;
background-color:#f1f2f2;
border:0;
margin-bottom:40px; /*47*/
margin-top:4px; /*9 10*/
outline: none;
}
#phone
{
/*margin-right:4px;*/
}
.input_select
{
font-family:Arial;
color:#58595b;
font-size:12px;
width:370px; /*370*/
padding-left:7px;
height:30px;
background-color:#f1f2f2;
border:0;
margin-bottom:24px; /*40 47*/
margin-top:6px; /*4 9 10*/
outline: none;
}
#contact_sent
{
margin-top:30px; /*70*/
cursor:pointer;
margin-right:18px; /*22*/
}
.contact_sent
{
display:flex;
justify-content:center;
align-items:center;
font-family:'gbold';
font-size:11px;
margin-top:30px; /*70*/
cursor:pointer;
margin-right:18px; /*22*/
background-color:#00BAF1;
color:#FFFFFF;
width:150px;
height:27px;
border-radius:5px;
}
#thanks_sent
{
font-family:'glight';
font-size:10px;
color:#231f20;
display:inline-block;
line-height:16px;
position:relative;
top:10px;/*-10*/
opacity:0;
}
#iloading
{
display:none;
padding-top:10px;
}
.def_cursor
{
cursor:default !important;
}
#thanks_sent DIV
{
display:inline-block;
}
#back_sent
{
display:block;
position:relative;
left:-16px; /*-32*/
margin-top:68px; /*74 86*/
border:0;
cursor:pointer;
}
#back1_sent
{
border:0;
}
#back2_sent
{
border:0;
}
#sent_footer
{
font-family:'gbook';
font-size:11px;
line-height:17px;
color:#231f20;
min-height:70px;
margin-bottom:64px; /*70*/
/*border-top:1px solid #000000;*/
background:url('./i/14_footer_line.svg') no-repeat top left;
padding-top:19px; /*24*/
margin-top:196px;
}

#main_footer_2
{
font-family:'gbook';
font-size:11px;
line-height:17px;
color:#231f20;
min-height:70px;
margin-bottom:64px; 
/*border-top:1px solid #000000;*/
background:url('./i/14_footer_line.svg') no-repeat top left;
padding-top:19px; 
margin-top:120px; 
}

.content
{
margin-top:46px; /*110 104 106  140 31*/
padding-bottom:56px; /*50*/
/*width:100%;*/
}


.portfolio_item IMG, .portfolio_item VIDEO
{
max-width:100%;
/*border:25px solid #ffffff;*/
}

.portfolio_item
{
/*border:1px solid #d3d3d3;*/
}

.i_video
{
max-width:100%;
}

.graphics_item
{
margin-bottom:57px; /*141 81 50*/
position:relative;
}

.video_item
{
margin-bottom:0px !important; /*91 97 81 50*/
border:0 !important;
}

.portfolio_caption
{
/*height:44px;*/ /*36*/
margin-top:61px; /*13*/
margin-bottom:0px; /*20*/
/*text-transform:uppercase;*/
font-family:'gbook';
color:#58595b;
font-size:10px;
line-height:15px;
text-transform:uppercase;
/*position:absolute;
left:0px;*/
}

.portfolio_caption STRONG
{
font-family: 'gbold';
font-size:12px;
color:#353535;
font-weight:normal;
}

.portfolio_caption .line
{
position:relative;
top:13px; /*8*/
z-index:222;
padding-left:3px; /*7 11*/
padding-right:4px; /*7 11*/
z-index:0;
}


 
 .slider {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.slider ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
 .slider ul li {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
 .slider ul li img {
  width: 100%;
  display: block;
}
.slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
 .slider .slides > li:first-child {
  display: block;
}
 
 
.control-nav {
  position: absolute;
  bottom: -30px; /*-37 -41 -30*/
  /*right: 0;*/
  left:0px;
  display: block;
  z-index: 10;
  height: 4px;
  width:100%;
  text-align:center;
}
.control-nav li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
 /* margin: 0 0 0 8px;*/
   margin: 0 24px 0 8px;
}
.control-nav li a {
  background: #d2d3d5;
  width: 6px; /*5*/
  height: 6px; /*5*/
  display: block;
  text-indent: -9999px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*.control-nav li a:hover,*/
.control-nav li a.activeSlide,
.control-nav li a.active {
  background: #757679;
}

.direction-nav a {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  margin: 0;
  cursor: pointer;
  text-indent: -9999px;
  z-index: 10;
}
.direction-nav a:active,
.direction-nav a:focus {
  outline: 0;
  border: none;
  cursor: pointer;
}
.direction-nav .prev {
  background-image: url('./i/10_arrow_r_desktop.svg');
  background-position: left center;
  background-repeat: no-repeat;
  width: 35%;
  left: -50px; /*-20*/
}



.direction-nav .next {
  background-image: url('./i/11_arrow_l_desktop.svg');
  background-position: right center;
  background-repeat: no-repeat;
  width: 75%;
  right: -50px; /*-20*/
}

.video_next
{
width: 20px !important;
}

.video_prev
{
width: 20px  !important;
}

.direction-nav a {

}
.direction-nav a:hover {
 }


            .jssorb10 div, .jssorb10 div:hover, .jssorb10 .av
            {
                background: url(./img/b11.png) no-repeat;
                overflow:hidden;
                cursor: pointer;
            }
            .jssorb10 div { background-position: -10px -10px; }
            .jssorb10 div:hover, .jssorb10 .av:hover { background-position: -40px -10px; }
            .jssorb10 .av { background-position: -70px -10px; }
            .jssorb10 .dn, .jssorb10 .dn:hover { background-position: -100px -10px; }

/**/
/*responsitive*/
@media (max-width: 858px)  {

.columns_wrapper
{
flex-direction:column;
}
.columns_small
{
flex-direction:column;
}
.column_checkboxes
{
display:flex;
flex-direction:column;
}
.input_text
{
height:140px;
}

}
@media (max-width: 670px)  {
.center_block
{
margin-left:25px;
margin-right:25px;
}
#logo
{
cursor:pointer;
margin-top:47px; /*50*/
}
#logo_main
{
cursor:pointer;
margin-top:55px; /*50*/
}
#social_icons
{
top:58px;
}
#message_main
{
margin-top:42px; /*50*/
}
#contact_main
{
margin-top:37px; /*38*/
}
#arrow_main
{

}

.project_description
{
margin-top:60px; /*60 50 45*/
margin-right:0px;
}

.project_list
{
margin-top:40px; /*46 45*/
float:none;
width:100% !important;
}

.project_ul
{
position:relative;
left:-8px;
}



.content
{
margin-top:41px; /*45 110*/
padding-bottom:17px; /*25*/
}

.portfolio_caption
{
margin-top:63px; /*13*/
margin-bottom:0px; /*32 20*/
}

.graphics_item
{
margin-bottom:62px; /*68 57*/
}

.direction-nav A
{
height:100%;
} 

.direction-nav .prev {
  background-image: url('./i/19_arrow_l_mobile.svg');
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 35%; /*24px 35%*/
  left: 0px; /*-12 -20*/
  top:62px;
}



.direction-nav .next {
  background-image: url('./i/20_arrow_r_mobile.svg');
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 75%; /*24px 75%*/
  right: 0px; /*-1 -20*/
   top:62px;
}

#title_sent
{
margin-top:73px; /*70 85*/
}
.columns_sent
{
margin-top:32px; /*28 40*/
}
.column_sent_1
{
margin-right:0px;
width:100%;
max-width:370px;
}
.column_sent_2
{
width:100%;
max-width:370px;
}
.input_sent
{
margin-bottom:16px; /*33 47*/
width:100%;
max-width:400px; /*348*/
}
.input_select
{
margin-bottom:16px;/*17*/
max-width:393px; /*341*/
}
.column_separator
{
margin-top:28px;
margin-bottom:19px;
}
.column_separator2
{
margin-top:47px;
}
.input_sent_small
{
margin-bottom:16px; /*33 47*/
width:100%;
max-width:172px;
}
#contact_sent
{
margin-top:13px; /*6 40*/
}
#back_sent
{
margin-top:36px; /*69 81*/
}
#back1_sent
{
opacity:0;
}
#sent_footer
{
margin-bottom:64px; /*70*/
margin-top:82px;
}
#main_footer
{
margin-bottom:64px; /*70*/
margin-top:59px; /*20 82*/
}
}
@media (max-width: 564px) {
#thanks_sent
{
top:0px;
}
}
@media (max-width: 391px) {
#thanks_sent
{
top:4px;
}
}
/*end of responsitive*/

/*datapicker jquery*/
/*
.ui-datepicker table
{
      display:none !important;
}*/
.ui-datepicker td span, .ui-datepicker td a
{
text-align:center !important;
font-weight:normal !important;
}
.ui-widget-header
{
font-weight:normal !important;
font-size: 0.9em !important;
text-transform: uppercase !important;
color: #808185 !important;
border:0 !important;
}
.ui-widget
{
font-size:inherit !important;
}
.ui-datepicker table
{
font-size:0.7em !important;
color: #808185 !important;
font-weight:normal !important;
font-family:Arial !important;
}
.ui-datepicker .ui-datepicker-title
{
font-weight:normal !important;
font-size: 0.7em !important;
text-transform: uppercase !important;
color: #808185 !important;
font-family:Arial !important;
}
.ui-datepicker-prev span
{
background:url("./i/21_arrow_l.svg") no-repeat center !important;
}
.ui-datepicker-next span
{
background:url("./i/22_arrow_r.svg") no-repeat center !important;
}
.ui-datepicker-header
{
padding-bottom:7px !important;
}
.ui-datepicker-title
{
padding-top:3px !important;
}
/*end of datapicker jquery*/
/*custom checkbox*/
.column_checkboxes
{
}
.container_checkbox
{
display:inline-block;
font-family:'gbook';
font-size:10px;
line-height:14px;
color:#6d6e71;
text-transform:uppercase;
margin-top:16px;/*13 20*/
margin-right:21px;/*19*/
cursor:pointer;
}
.container_checkbox input 
{
position:absolute;
opacity:0;
cursor:pointer;
height:0;
width:0;
}
.container_checkbox .mark
{
box-sizing:border-box;
display:inline-block;
position:relative;
top:7px;
left:0px;
height:20px;
width:20px;
margin-right:8px;
background-color: transparent;
background:#ffffff;
border:1px solid #D2D3D5;
transition:all 0.3s linear;
}
.container_checkbox:hover input ~ .mark
{
border-color:#000000;
}
.container_checkbox input:checked ~ .mark
{
background-image:url('i/checkbox_selected.svg');
background-repeat:no-repeat;
background-position:center;
}
.container_checkbox .mark:after
{
content:"";
position:absolute;
transition:0.3s all linear;
}


/*end custom checkbox*/
/*site created by ALaKO, 2015-2023*/