@import url(../fonts/font.css);

/*pt1 - bold | pt2 - bold italik | pt13 - italik | gillroy_reg - regular*/
/*gillroy_reg_bold | gillroy_reg*/
/*hel1 - black | hel2 - bold | hel3 - heavy | hel4 - light | gillroy_reg - medium | gillroy_reg - regular | hel7 - thin | hel8 - ultraLight*/

/*------------------------------*/
/*   Author: Sgurskiy Andrey    */
/*------------------------------*/
/*-------framework_pack1--------*/

/* ========= {Scroll bar} =========== */
::-webkit-scrollbar-button {background-image:url(''); background-repeat:no-repeat; width:8px; height:0px}
::-webkit-scrollbar-track { background:none; }
::-webkit-scrollbar{width: 0px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 0px; border-radius: 0px; background-color:#a4a4a4;}
::-webkit-scrollbar-thumb:hover{ background-color:#53c2c8;}
::-webkit-resizer{background-image:url(''); background-repeat:no-repeat;  width:8px; height:0px}
::-webkit-scrollbar{width: 8px; background-color:#e1e5e4;}
/* ========= {Scroll bar} =========== */


body, select, input, textarea, button {outline: none; padding:0px; margin:0px; }

/* ============ {body} ============== */
body, select, input, textarea, button {outline: none; padding:0px; margin:0px;}
.clear{ clear:both;}
/* ============ {body} ============== */

li {
    list-style-type: none; /* Убираем маркеры */
   }

/* ============ offile ============== */
#offline{ background-color:#fff !important; height:100%; } /*background-color:#24abbf !important;*/
.off{ height:100%; width:100%; display:table; text-align:center;}
.logopos{ width:200px; height:auto; display:table; margin-left:auto; margin-right:auto;}
.offsubj{font-family:'gillroy_bol',Verdana; font-size:36px; display:table; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; color:#000000;}
.offlinetext{font-family:'gillroy_reg',Verdana; color:#000000; font-size:22px;}
/* ============ offile ============== */


/* ========= {inpyt_form} =========== */
.input-form input[type="text"] {
	border:none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
	background:none;
	
}

.input-form input[type="phone"] {
	border:none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
	background:none;
}

.input-form textarea {
	border:none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 2%;
	outline: none;
	font-size: 12px;
	padding:10px;
	color:#000;
	transition: 0.3s;
	min-height:90px;
	font-family:'gillroy_reg',Verdana !important;
	resize: vertical;
	background:none;
}

.input-form input[type="email"] {
	border:none;
	border-bottom: 1px solid #000;
	width: 100%;
	margin-bottom: 4px;
	outline: none;
	font-size: 12px;
	padding:15px;
	color:#000;
	transition: 0.3s;
	background:none;
}

.input-form input[type="text"]:hover{ border-bottom: 1px solid #1ca269;}
.input-form input[type="email"]:hover{border-bottom: 1px solid #1ca269; }
.input-form input[type="phone"]:hover{border-bottom: 1px solid #1ca269; }
.input-form textarea:hover{ border-bottom: 1px solid #D5B012; }
/* ========= {inpyt_form} =========== */




/* ======= {Хлебные крошки} ========= */

/*-----------Константы------*/
.vertical_table{ display:table; height:100%;}
.vertical_center{display: table-cell; vertical-align: middle; height:100%;}

.flex-container { -webkit-display: flex;    display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}
.flex-container #dle-content{display: flex; flex-wrap: wrap; margin: 0 auto; max-width:100%;}

a{ color:#000; font-family:'gillroy_reg',Verdana; text-decoration:none;}
a:hover{ color:#1ca269;}


#wrapper{ position:relative; min-height:100%;}
#content{ min-height: calc(80vh - 80px);}


.link_per{ background-color:#FFFFFF; display:table; transition: 0.5s; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; padding-top:12px; padding-bottom:12px; color:#11131b; 
font-family:'gillroy_bol',Verdana; font-size:16px; border-radius:50px;}
.link_per span{ padding-left:12px;}
.link_per:hover{ background-color:#11131b; color:#FFFFFF;}

.desctop{ display:block; }
.mobilebl{ display:none;}

h1{font-family:'gillroy_bla',Verdana; padding:0; margin:0; font-size:37px; color:#222840;}
h2{font-family:'gillroy_bla',Verdana; padding:0; margin:0; font-size:16px; color:#00A269;}
/*-----------Константы------*/

/* ========= {modal pack} =========== */
.dm-overlay {position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.90); display: none; overflow: auto; width: 100%; height: 100%; z-index:9000 !important;}
.dm-overlay:target {display: block; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s;}
.dm-table { display: table; width: 100%; height: 100%;}
.dm-cell { display: table-cell; padding: 0 1em; vertical-align: middle; text-align: center;}
.dm-modal { display: inline-block;   background: #fff; -webkit-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3); color: #cfd8dc; text-align: left; position:relative; z-index:9 !important;}
.closers{ width:30px; height:30px; line-height:30px; font-family:'gillroy_reg',Verdana; font-size:16px; display:block; float: right; clear:both;}
@-moz-keyframes fade {
	from {opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade {
    from {opacity: 0; }
    to {opacity: 1;}
}
/* ========= {modal pack} =========== */

/* ======= {Хлебные крошки} ========= */


/*=========================================================Основное============================================================*/

.links{font-family:'gillroy_reg',Verdana; animation:fadeInLeft; animation-duration:2s;  transition: 0.2s; font-size:16px; padding-top:20px; color:#4971AA;}
.links span{ transition: 0.2s;  color:#4971AA; padding-left:0px; }
.links:hover{color:#000;}
.links:hover span{ color:#000; padding-left:10px;}

/*-----------social----------*/
.social_network{ width:100%; height:auto; margin-top:30px;}
.sociallink{ display:block; margin:10px; float:left; width:30px; font-size: 12px !important; height:30px; border-radius:50%; box-shadow:0 3px 15px 3px rgba(0,0,0,.1); line-height:30px; text-align:center; margin-bottom:12px;}
.soc1{ color:#fff; background-color:#004BA1; transition: 0.5s !important;  }
.soc1:hover{ color:#004BA1; background-color:#fff; }

.soc1{ color:#fff; background-color:#004BA1; transition: 0.5s !important;  }
.soc1:hover{ color:#004BA1; background-color:#fff; }

.soc2{ color:#fff; background-color:#E42159; transition: 0.5s !important;  }
.soc2:hover{ color:#E42159; background-color:#fff; }

.soc3{ color:#fff; background-color:#4C75A3; transition: 0.5s !important;  }
.soc3:hover{ color:#4C75A3; background-color:#fff; }

.soc4{ color:#fff; background-color:#F2730C; transition: 0.5s !important;  }
.soc4:hover{ color:#F2730C; background-color:#fff; }

.soc5{ color:#fff; background-color:#DD4C39; transition: 0.5s !important;  }
.soc5:hover{ color:#DD4C39; background-color:#fff; }

.soc6{ color:#fff; background-color:#56ACE9; transition: 0.5s !important;  }
.soc6:hover{ color:#56ACE9; background-color:#fff; }

.soc7{ color:#fff; background-color:#0088CC; transition: 0.5s !important;  }
.soc7:hover{ color:#0088CC; background-color:#fff; }

.soc8{ color:#fff; background-color:#37B40E; transition: 0.5s !important;  }
.soc8:hover{ color:#37B40E; background-color:#fff; }

.soc9{ color:#fff; background-color:#EF1722; transition: 0.5s !important;  }
.soc9:hover{ color:#EF1722; background-color:#fff; }

.soc10{ color:#fff; background-color:#2B69B2; transition: 0.5s !important;  }
.soc10:hover{ color:#2B69B2; background-color:#fff; }

.soc11{ color:#fff; background-color:#004BA1; transition: 0.5s !important;  }
.soc11:hover{ color:#004BA1; background-color:#fff; }

.soc12{ color:#fff; background-color:#CB2028; transition: 0.5s !important;  }
.soc12:hover{ color:#CB2028; background-color:#fff; }
/*-----------social----------*/


/*-----------navigation----------*/
.navigations { display:table; margin-left:auto; margin-right:auto; padding-top:60px;}
.navigations .previs{ color:#000000; }
.navigations .prev{height:30px; width:30px; line-height:30px; transition: 0.2s; padding:0; font-size:14px; background-color:#00a269;  border:2px solid #00a269;  display:block; float:left; margin-right:10px;  text-align:center; }
.navigations .prev .previs{ color:#FFFFFF;}
.navigations .prev:hover{ background:none; color:#00a269;}
.navigations .prev:hover .previs{color:#00a269;}

.navigations .next{ height:30px; width:30px; line-height:30px; transition: 0.2s; padding:0; font-size:14px; background-color:#00a269;   border:2px solid #00a269;  display:block; float:left; margin-left:10px;  text-align:center; }
.navigations .next .nextis{ color:#FFFFFF;}
.navigations .next:hover{ background:none; color:#00a269;}
.navigations .next:hover .nextis{color:#00a269;}

.navigations .pages{ display:block; height:auto; float:left;}
.navigations .pages a{height:30px; width:30px; line-height:30px; transition: 0.2s;  font-size:14px; background-color:#FFFFFF;  border:2px solid #FFFFFF;  display:block !important; float:left; margin-right:5px; margin-left:5px; text-align:center  !important; color:#000 !important; font-family:'gillroy_med',Verdana;}
.navigations .pages a.actinavig{ background:none !important; border:2px solid #00a269;}
.navigations .pages a:hover{ background:none;  border:2px solid #00a269;}



/*-----------navigation----------*/
/*=========================================================Основное============================================================*/


/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.topmenu{  width:100%;  display:table;  padding-top:5px; transition: 0.5s; box-shadow: 0 0px 0px 0px rgba(0,0,0,.0); padding-bottom:5px;  position:fixed; z-index:999 !important; height: auto; padding-left:2%; padding-right:2%;}
.logo{ width:15%; display:block; float:left; min-height:1px;  }
.menu{ width:55%; transition: 0.2s; display:block; float:left;  min-height:1px; }
.lang{ width:30%; transition: 0.2s; display:block; float:left;  min-height:1px;}

.logo .logo_svg{ transition: 0.2s; width: auto; height:50px; display:block; margin-top:0px;}
.mlink{ display:table; padding-top:0px; transition: 0.2s;}
.mobile{ width:50%; float:left; text-align:right;}
.mobile a{ color:#000000; height:30px; width:30px; float:right; line-height:30px; font-size: 16px; text-align:center; display:block; }
#mobilem{ display:none; position: fixed; z-index:9999; height:100%; width:100%; background-color:#FFFFFF; top:0; left:0; padding:20px; overflow-y: auto;}
.mibl1{ float:left; min-height:1px;  width:50%;}
.mobcole{ height:30px; line-height:30px; width:30px; display:block; float:right; text-align:center; font-size:12px; color:#000000;}
.minlang{ width:100%; }
.minlang strong{font-family:'gillroy_reg',Verdana; font-weight:normal; color:#CCCCCC; font-size: 12px; display:block; margin-top:30px; margin-bottom:10px;}
.mibilm2 strong{font-family:'gillroy_reg',Verdana; font-weight:normal; color:#CCCCCC; font-size: 12px; display:block; margin-top:30px; margin-bottom:10px;}

#nav{float:left;  list-style:none;  padding:0; margin:0;}
#nav li{float:left;  position:relative;  z-index:7000 !important; display:block;}
#nav li a{  display:table; height:50px;  line-height:50px; text-decoration:none;  padding-left:20px; font-family:'gillroy_med',Verdana;  border-bottom:0px solid #fff;  color:#11131b; font-size:16px; transition: 0.2s; padding-right:20px; transition: 0.2s; text-decoration:none;font-size:16px;}
#nav li a:hover{border-bottom:1px solid #00A269;}
#nav li span{ cursor:pointer; display:table; height:50px;  line-height:50px; text-decoration:none;  padding-left:20px; font-family:'gillroy_med',Verdana;  border-bottom:0px solid #fff;  color:#11131b; font-size:16px; transition: 0.3s; padding-right:20px; transition: 0.2s; text-decoration:none;font-size:16px;}
#nav li span:hover{border-bottom:1px solid #00A269;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity;  background-color: #fff; box-shadow: 0px 9px 60px rgba(0, 0, 0, 0.1);}
#nav ul li{background-color: #fff; width: auto;  float:none; margin-left:-40px;}
#nav ul a{ height: 43px; line-height: 43px; min-width:180px; border-bottom:none; text-transform:none; color: #181818; font-size: 14px; font-family:'gillroy_med',Verdana;  white-space:nowrap; display:block;}
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{}
#nav ul li a:hover{border-bottom:none; }
#nav ul li:hover{ background-color:#F9F9F9; }
#nav ul li:hover a{ background-color:#F9F9F9;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang{ float:right;  width:auto; padding-left:22px;  padding-right:22px; transition: 0.5s !important; height:50px; margin:0;  line-height:50px; }
#lang li{float:left;  position:relative;  z-index:7000 !important; display:block;}
#lang li a{  display:table;   font-size: 13px; font-family:'gillroy_med',Verdana;  text-transform:uppercase;  padding-left: 17px; padding-right: 7px; text-decoration:none; transition: 0.1s;}
#lang li a span{ display: table-cell; vertical-align: middle;}
#lang li a:hover{color:#000; background-color:#eee;}
#lang:hover{ }
/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#lang ul{ padding-top:0px; list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; }
#lang ul li{background-color: #fff; width: auto;  float:none; }
#lang ul a{ height: 43px; line-height: 43px; margin-left:-60px !important; background-color: #fff;  min-width:140px; text-transform:none; color: #181818; font-size: 13px;  font-family:'gillroy_med',Verdana; white-space:nowrap; display:block;}
#lang li:hover ul{ left:0; opacity:1; }
#lang ul:hover{}
#lang ul li:hover{ height: 43px; line-height: 43px !important; color: #323232; background-color: #eeeeee;  }
#lang ul li:hover a{ height: 43px; line-height: 43px !important; color: #323232; background-color:#eee; }
.lang_m{ padding-right:10px;}
/*-----------Topmenu----------*/


.top_m_act{ background-color:#FFFFFF; box-shadow: 0 6px 40px -8px rgba(0,0,0,.4);}
.top_m_act .llink{ color:#000; }
.top_m_act .llink a{ color:#000;}


.llink{display:table; float:right; transition: 0.2s; margin-left:auto; margin-right:0px;  color:#FFFFFF; line-height:50px;}
.llink a{ padding-left:5px;  font-family:'gillroy_med',Verdana; font-size:16px;  padding-right:20px; color:#FFFFFF;  transition: 0.2s; text-decoration:none; }

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/
/*-----------секция 1----------*/
.section{ }
.section_block1{ height:800px; }

.video{  width: auto;  position:absolute; top:0; right:50%; height:700px;}
.video_head{width:100%; position:absolute; top:0;  height:700px;  border-radius:0px 0px 0px 1000px; overflow:hidden; background: url('../images/close-up-of-businessman-with-digital-tablet.jpg') no-repeat;  background-size:cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;  background-attachment:fixed !important;}

.line_head{background-color:#00A269; width:75%; position:absolute; top:0; left:0; height:700px; z-index:10; border-radius:0px 0px 1000px 0px;}
.block_head{background-color:#F6FAFD; width:73%; position:absolute; top:0; left:0; height:700px; z-index:11; border-radius:0px 0px 1000px 0px;}

.text_head{ width:100%; z-index:11; position:absolute; height:auto; }
.textposition{ display:table; height:700px; }

.textposition strong{font-family:'raleway10',Verdana; font-size:86px; color: #222840;}
.textposition span{font-family:'raleway4',Verdana; font-size:60px; color: #000000;}
.textposition p{font-family:'gillroy_reg',Verdana; font-size:20px; color: #000000; display:block; width:50%;}


.link_butt{ height:auto; padding:5px; width:auto; display:table; background-color:#00A269; border-radius:50px; transition: 0.2s;}
.link_butt div{ float: left; display:table; font-family:'gillroy_bol',Verdana; font-size:14px; color: #fff; transition: 0.2s; padding-right:20px; line-height:30px; padding-left:20px; }
.link_butt span{ float:left; display:table; height:30px; width:30px; background-color:#FFFFFF; transition: 0.2s; border-radius:50%; color:#000000; font-size:14px; line-height:30px; text-align:center;}
.link_butt:hover{ background-color:#FFFFFF; box-shadow: 0 6px 40px -8px rgba(0,0,0,.4); }
.link_butt:hover div{color:#000000;}
/*-----------секция 1----------*/

/*-----------секция 2----------*/
.section_2{ width:100%;  padding-bottom:100px; }
.sec{webkit-flex-grow: 1; min-height:1px; flex-grow: 1; }
.sec_block1{ width:50%;  height:500px; }
.sec_block2{ width:50%; }

.sectext{font-family:'gillroy_reg',Verdana; font-size:38px; color: #000000; padding-bottom:20px; display:block; }
.text_ces_bl{ width:50%; padding-top:150px;}

.services_block{ background-color:#FFFFFF; padding:20px; border-radius:15px; transition: 0.2s; box-shadow: 0 6px 40px -8px rgba(0,0,0,.4); display:block; float:left; overflow: hidden; }
.stter1{width: 46%; margin:2%;}
.stter1 strong{font-family:'gillroy_reg',Verdana; font-size:12px; color:#CCCCCC; padding-bottom:20px;  display:block;}
.stter1 span{ font-family:'gillroy_bol',Verdana; font-size:24px; color:#262626;}
.stter2{width: 21%; margin:2%;}
.stter2 strong{font-family:'gillroy_reg',Verdana; font-size:12px; color:#CCCCCC; padding-bottom:20px;  display:block;}
.stter2 span{ font-family:'gillroy_bol',Verdana; font-size:18px; color:#262626;}

.services_block:before{content: ""; padding-top: 100%; float: left;}
.services_block:hover{box-shadow: 0 6px 40px -8px rgba(0,0,0,.0); border-radius:0px;}
.secbl_center{  }

.img_sb{ margin-bottom:10px;}
.img_sb img{ height:60px; width:60px;}
/*-----------секция 2----------*/


/*-----------секция 3----------*/
.section3{ background-color:#F3FEFA; width:100%; height:500px; margin-top:50px; padding-top:50px;}
.team_block{webkit-flex-grow: 1; min-height:1px; flex-grow: 1; margin:2%; width: 21%; padding:20px;}
.img_tb{ width:100%; height:250px; border-radius:15px;  background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; display:block;}
.team_block strong{ display:block; text-align:center; color:#222840; font-family:'gillroy_bol',Verdana; padding-top:15px; font-size:20px;}
.team_block span{ display:block; text-align:center; font-family:'gillroy_reg',Verdana; font-size:16px; color:#000000;}
/*-----------секция 3----------*/

/*-----------секция 4----------*/
#sec4{}
.section4{display:table; height:100%; padding-top:100px; padding-bottom:100px;  }
.news{transition: 0.3s; box-shadow: 0 0px 0px 0px rgba(0,0,0,0); background:none; margin-bottom:20px;}
.newss{-webkit-flex-grow: 1; transition: 0.3s;  min-height:1px; flex-grow: 1; width:32%; max-width:32%; padding:30px; display:block;}
.nef{width:100%; height:300px; overflow:hidden; transition: 0.3s; background-color:#fcdc71;}
.neft_tit{width:100%; height:300px; position: relative; margin-top:-300px;  display:table; padding-left:50px; padding-right:50px; font-family:'gillroy_hea',Verdana; font-size:16px; color:#000000; text-align:center; text-transform:uppercase; transition: 0.3s; }
.neft_img{width:100%; height:300px; opacity:0.4;  background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; transition: 0.3s;}


.net strong{font-family:'gillroy_bol',Verdana; font-size:20px; text-transform:uppercase; color: #000000; display: none; padding-top:15px; padding-bottom:0px; margin-bottom:0px;}
.net span{  font-family:'gillroy_reg',Verdana; font-size:16px; display:block; color:#000000; padding-top:10px; padding-bottom:10px;}

.newss:hover{ background-color:#fff; box-shadow: 0 6px 40px -8px rgba(0,0,0,.4);}
.newss:hover .neft_tit{opacity:0;}
.newss:hover .neft_img{opacity:1;}
/*-----------секция 4----------*/


/*-----------секция 5----------*/
.section_block4{  background-color:#e4eaef; background: url('../images/rmbg.jpg') no-repeat; background-position:center; background-attachment:fixed; background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;}
.section5{ display:table; height:100%; padding-top:100px; padding-bottom:100px; }
.section55{ display:block; padding-top:100px; padding-bottom:100px; } 
.contacts{}
.cont{-webkit-flex-grow: 1; min-height:1px; flex-grow: 1; width:32%; padding:30px;}
.map{ width:100%; height:500px; border:10px solid #e4eaef; }
.adrr{ color:#000000;}
.adrr h1{ padding:0; margin:0; padding-bottom:50px;}
.adrr h2{ text-transform:uppercase; padding:0; margin:0;}
.adrr span{font-family:'gillroy_reg',Verdana; font-size:18px; display:block; margin-bottom:15px;}
.adrr .lcon{ font-family:'gillroy_med',Verdana;display:block; transition: 0.3s;  margin-top:5px; margin-bottom:5px;}
.adrr .lcon:hover{ color:#1ca269;}

.privacy{ display: table; background-color:#FFFFFF; transition: 0.7s; margin-top:40px; font-family:'gillroy_bol',Verdana; border-bottom:1px solid #D5B012; padding-left:15px; padding-right:15px; padding-bottom:14px;}
.privacy:hover{ border-bottom:1px solid #000000; }

.errorsds{ color:#000000; font-family:'gillroy_med',Verdana; font-size: 12px; display:block; padding: 20px; background-color:#FFB8B8;}
.succesds{ color:#000000; font-family:'gillroy_bol',Verdana; font-size: 12px; display:block; padding: 20px; background-color:#CDEACA;}
.form_b{}
.form_b h1{font-family:'gillroy_bol',Verdana; font-size: 18px; color:#000000;}
.subcom{ background-color:#1ca269; border:none; border-radius:50px;  border:1px solid #1ca269; color:#fff; font-family:'gillroy_med',Verdana; transition: 0.3s; font-size: 14px; padding-left:30px; padding-right:30px; padding-top:12px; padding-bottom:12px;}
.subcom:hover{ background:none; color:#000000; border:1px solid #000;}
/*-----------секция 5----------*/

/*-------------------------------------------position7------------------------------------------------------*/
#post7{   margin-bottom:25px; margin-top:25px;  height:220px;}
.projectbyu{ display:block; transition: 1s; height:250px; background:none !important; opacity:0.5;}
.projectbyu img{ width:auto !important; display:table; margin-left:auto; margin-right:auto; height:220px !important;}
.projectbyu:hover{opacity:1;}
/*-------------------------------------------position7------------------------------------------------------*/
/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
#content{height: auto; padding-bottom:50px;}

/*-----------категории----------*/
.categirys{ padding-top:60px;}
.categ_short{ margin-top:60px;}
.catregory_images{background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; transition: 0.3s;background: url('../images/close-up-of-businessman-with-digital-tablet.jpg') no-repeat; background-attachment:fixed !important; background-position: bottom !important; }
.catregory_images h1{ color:#FFFFFF; display:block; padding-top:50px; padding-bottom:50px;}
/*-----------категории----------*/


/*-----------shorstory----------*/
.shorstory{-webkit-flex-grow: 1; z-index:9; transition: 0.3s; border:1px solid #eee; flex-grow: 1; padding:20px; width:23%; max-width:23%; margin:1%;}
.shorstory:hover{  }
.shorstory:hover .img_sh{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.shorstory:hover .img_sh2{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.shorstory:hover .img_tit{opacity:0;}
.shorstory:hover .img_sh{opacity:1;}

.short_img2{width:100%; height:350px; position:relative; overflow:hidden; transition: 0.3s; margin-bottom:20px;}
.dateshoer{ position:absolute; z-index:2; top:0; left:0; padding-left:20px; padding-right:20px; padding-top:5px; padding-bottom:5px; background-color:#FFFFFF; font-family:'gillroy_bol',Verdana; color:#000000; font-size: 10px;}
.img_sh2{width:100%; height:350px; background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; transition: 0.3s; }

.short_img{width:100%; height:250px; overflow:hidden; transition: 0.3s; background-color:#1ca269;}
.img_tit{width:100%; height:250px; position: relative; margin-top:-250px;  display:table; padding-left:50px; padding-right:50px; font-family:'gillroy_hea',Verdana; font-size:16px; color:#ffffff; text-align:center; text-transform:uppercase; transition: 0.3s; }
.img_sh{width:100%; height:250px; opacity:0.4;  background-position:center !important; background-size:cover !important;  -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; transition: 0.3s;}

.short_text{ height: auto; width:100%; }
.titl_short{font-family:'gillroy_bol',Verdana; margin-bottom:20px; font-size:16px;  color:#000;} 
.short_short{font-family:'gillroy_reg',Verdana; font-size:14px; color:#000;}
.ttls{ display:none;}
.datenews{ padding-top:10px; font-family:'gillroy_bol',Verdana; font-size:12px; padding-bottom:10px;}
/*-----------shorstory----------*/


/*-----------fullstory----------*/
.fullstory{   padding-bottom:100px;}
.fulposter1{ height:120px; width:100%; background-color:#f7f7f7;}
.fulposter2{ padding-top:30px; padding-bottom:30px; width:100%; background-color:#f7f7f7; font-family:'gillroy_bol',Verdana; font-size:12px; border-top:1px solid #eee; margin-bottom:30px;}
.glavfullsr{ font-family:'gillroy_bol',Verdana; font-size:22px; margin-bottom:50px;}
/*-----------fullstory----------*/

/*-----------offline----------*/
#offline{ height:100%; width:100%; background-color:#00A269 !important; }
#off{ display:table; width:100%; height:100%;}
.logopos{}
.logopos .logo_svg2{ position:relative; z-index:8; width: 200px; fill:#fff; height:auto; display:table; margin:auto; animation: offile 2s cubic-bezier(.36,.63,.37,.65) 0s infinite alternate both;}
@keyframes offile{
  0%  {  opacity:0.4;  }
  100%{   opacity:1;   }
}
.offsubj{ display:table; margin:auto; font-family:'gillroy_bol',Verdana; opacity:1; position:relative; z-index:0;  font-size:53px; margin-top:100px; color:#FFFFFF;}
.offlinetext{ display:table; margin:auto; font-family:'gillroy_reg',Verdana; color:#FFFFFF; opacity:1; font-size:18px; text-align:center;}
/*-----------offline----------*/

/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
@media (min-width: 1400px) and (max-width: 1500px) {

}

@media (min-width: 1300px) and (max-width: 1400px) {
/*-----------секция 2----------*/
.sectext{ font-size:30px; }
.stter1 strong{ font-size:12px; }
.stter1 span{font-size:16px;}
.stter2{width: 21%; margin:2%;}
.stter2 strong{ font-size:12px;}
.stter2 span{  font-size:16px;}
/*-----------секция 2----------*/

}

@media (min-width: 1200px) and (max-width: 1300px) {

/*-----------секция 2----------*/
.sectext{ font-size:28px; }
.stter1 strong{ font-size:10px; }
.stter1 span{font-size:16px;}
.stter2{width: 21%; margin:2%;}
.stter2 strong{ font-size:10px;}
.stter2 span{  font-size:16px;}
/*-----------секция 2----------*/

/*-----------shorstory----------*/
.shorstory{-webkit-flex-grow: 0; z-index:9;  flex-grow: 0; padding:20px; width:31%; max-width:31%; margin:1%;}

.short_img2{height:200px; }
.img_sh2{ height:200px; }

.short_img{height:200px;}
.img_tit{ height:200px; margin-top:-200px; }
.img_sh{height:200px; }

.short_text{ height: auto; width:100%; }
.titl_short{ font-size:14px; } 
.short_short{font-size:12px; }
/*-----------shorstory----------*/
}


@media (min-width: 992px) and (max-width: 1199px) {
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/

.logo{ padding-top:5px;  }
.logo .logo_svg{ height:40px;}


#nav li a{  font-size:14px;}
#nav ul a{ font-size: 12px; }

#lang li a{ font-size: 12px; }
#lang li a span{ font-size: 12px;}
#lang ul{ padding-top:0px; list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; }
#lang ul li{background-color: #fff; width: auto;  float:none; }
#lang ul a{font-size: 12px; }

.llink{font-size:14px;}
.llink a{ font-size:14px;  }

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/
/*-----------секция 1----------*/
.section_block1{ height:600px; }

.video{  height:500px;}
.video_head{height:500px;}
.line_head{height:500px;}
.block_head{height:500px;}
.textposition{ height:500px; }

.textposition strong{ font-size:60px;}
.textposition span{font-size:50px;}
.textposition p{font-size:14px; }


.link_butt div{ font-size:12px; padding-right:14px; line-height:20px; padding-left:14px; }
.link_butt span{ height:20px; width:20px; font-size:12px; line-height:20px; color:#000000;}
/*-----------секция 1----------*/

/*-----------секция 2----------*/
.sec_block1{ width:40%; height: auto;}
.sec_block2{ width:60%; }

.sectext{ font-size:20px; }
.text_ces_bl{ width:50%; padding-top:150px;}


.stter1 strong{ font-size:10px; }
.stter1 span{font-size:16px;}
.stter2{width: 21%; margin:2%;}
.stter2 strong{ font-size:10px;}
.stter2 span{  font-size:16px;}
/*-----------секция 2----------*/

/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/

/*-----------shorstory----------*/
.shorstory{-webkit-flex-grow: 0; z-index:9;  flex-grow: 0; padding:20px; width:31%; max-width:31%; margin:1%;}

.short_img2{height:200px; }
.img_sh2{ height:200px; }

.short_img{height:200px;}
.img_tit{ height:200px; margin-top:-200px; }
.img_sh{height:200px; }

.short_text{ height: auto; width:100%; }
.titl_short{ font-size:14px; } 
.short_short{font-size:12px; }
/*-----------shorstory----------*/
}



@media(min-width: 748px) and (max-width: 991px) {
/*=========================================================Основное============================================================*/
.desctop{ display:none; }
.mobilebl{ display:block;}

h1{ font-size:27px; }
h2{ font-size:12px;}

.social_network{ width: auto; height:auto;  display: table; margin-left:auto; margin-right:auto;}

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.topmenu{   background-color:#FFFFFF;  box-shadow: 0 6px 40px -8px rgba(0,0,0,.4);}
.logo{ width:50%;}
.menu{ display:none;}
.lang{ display:none;}

.logo .logo_svg{ transition: 0.2s; width: auto; height:30px; display:block; margin-top:0px;}
.mlink{ display:table; padding-top:0px; transition: 0.2s;}

#nav{float:none; width:100%;}
#nav li{float:none;  position: static; width:100%;  }
#nav li a{  display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li a:hover{ border-bottom:1px solid #eeeeee; background-color:#eeeeee;}
#nav li span{  display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li span:hover{border-bottom:1px solid #00A269;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ position: static; left:0px; width:100%; opacity:1; -webkit-transition:1s linear opacity; background:none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);margin-left:0px; padding:0; margin:0;}
#nav ul li{ background:none; width: 100%;  float:none; margin-left:0px; padding:0; margin:0;}
#nav ul a{ display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{border-bottom:1px solid #eeeeee; background-color:#eeeeee;}
#nav ul li a:hover{border-bottom:none; }
#nav ul li:hover{ background-color:#F9F9F9; }
#nav ul li:hover a{ background-color:#F9F9F9;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/


#lang{float:none; width:100%; left:0px; display:block; padding:0; height:auto; line-height:normal;}
#lang li{float:none; display:block; left:0px;  position: static; width:100%; padding:0; margin:0 !important; }
.bglang{ display:none;}


#lang  ul{ position: static; display:block; left:0px;  width:100%; opacity:1; -webkit-transition:1s linear opacity; background:none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);margin-left:0px; padding:0; margin:0;}
#lang  ul a{ display: block; width:100%; height: auto; margin:0 !important;   line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
/*-----------Topmenu----------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/

/*=========================================================Основное============================================================*/


/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/
/*-----------секция 1----------*/
.section{ }
.section_block1{ height: auto; }

.video{  width: auto;  position:absolute; top:0; right:50%; height:700px; display:none;}
.video_head{ display:none;}

.line_head{ display:none;}
.block_head{ display:none;}

.text_head{  position: static; height:auto; background: url('../images/close-up-of-businessman-with-digital-tablet.jpg') no-repeat;  background-size:cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;  background-attachment:fixed !important;}
.textposition{ display:table; height: auto; padding-top:250px; padding-bottom:200px; text-align:center; }

.textposition strong{ font-size:36px; color: #fff;}
.textposition span{font-size:23px; color: #fff;}
.textposition p{font-size:18px; color: #fff; display:block; width:100%; text-align:center;}


.link_butt{  padding:5px; margin-left:auto; margin-right:auto; width:auto; display:table; }
.link_butt div{ font-size:12px;  padding-right:10px; line-height:20px; padding-left:10px; }
.link_butt span{  height:20px; width:20px;  font-size:10px; color:#000000; line-height:20px; }

/*-----------секция 1----------*/

/*-----------секция 2----------*/
.section_2{ width:100%;  padding-bottom:50px; padding-top:100px; }
.sec{webkit-flex-grow: 0; min-height:0px; flex-grow: 0; }
.sec_block1{ width:100%;  height: auto; }
.sec_block2{ width:100%; }

.sectext{ text-align:center; font-size:18px; padding-bottom:20px; }
.text_ces_bl{ width:100%; padding-top:20px; padding-bottom:20px;}

.stter1{width: 46%; margin:2%;}
.stter1 strong{ font-size:10px; }
.stter1 span{ font-size:20px;}
.stter2{width: 46%; margin:2%;}
.stter2 strong{ font-size:10px; }
.stter2 span{ font-size:14px;}
/*-----------секция 2----------*/






/*-----------секция 5----------*/
.section5{ height: auto; padding-top:50px; padding-bottom:50px; text-align:center; }

.contacts{text-align:center;}
.cont{-webkit-flex-grow:0; min-height:0px; flex-grow: 0; width:100%; padding:0px;}
.map{ width:100%; height:300px; border:10px solid #e4eaef; }
.adrr{ color:#000000;}
.adrr h1{ padding:0; margin:0; padding-bottom:50px;}
.adrr h2{ text-transform:uppercase; padding:0; margin:0;}
.adrr span{ font-size:14px; display:block; margin-bottom:15px;}
.adrr .lcon{ font-size:14px;}



.errorsds{font-size: 10px; }
.succesds{font-size: 10px;}
.form_b{ padding-bottom:20px;}
.form_b h1{font-size: 14px; }
.subcom{ font-size: 12px; padding-left:20px; margin-left:auto; margin-right:auto; display:table; padding-right:20px; padding-top:9px; padding-bottom:9px; margin-bottom:40px;}
.subcom:hover{ background:none; color:#000000; border:1px solid #000;}
/*-----------секция 5----------*/

/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/


/*-----------shorstory----------*/
.shorstory{-webkit-flex-grow: 0; z-index:9;  flex-grow: 0; padding:20px; width:48%; max-width:48%; margin:1%;}

.short_img2{height:200px; }
.img_sh2{ height:200px; }

.short_img{height:200px;}
.img_tit{ height:200px; margin-top:-200px; }
.img_sh{height:200px; }

.short_text{ height: auto; width:100%; }
.titl_short{ font-size:14px; } 
.short_short{font-size:12px; }
/*-----------shorstory----------*/
}


@media(max-width:748px){
/*=========================================================Основное============================================================*/
.desctop{ display:none; }
.mobilebl{ display:block;}

h1{ font-size:27px; }
h2{ font-size:12px;}

.social_network{ width: auto; height:auto;  display: table; margin-left:auto; margin-right:auto;}

/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/
/*-----------Topmenu----------*/
.topmenu{   background-color:#FFFFFF; box-shadow: 0 6px 40px -8px rgba(0,0,0,.4);}
.logo{ width:50%;}
.menu{ display:none;}
.lang{ display:none;}

.logo .logo_svg{ transition: 0.2s; width: auto; height:30px; display:block; margin-top:0px;}
.mlink{ display:table; padding-top:0px; transition: 0.2s;}

#nav{float:none; width:100%;}
#nav li{float:none;  position: static; width:100%;  }
#nav li a{  display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li a:hover{ border-bottom:1px solid #eeeeee; background-color:#eeeeee;}
#nav li span{  display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li span:hover{border-bottom:1px solid #00A269;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#nav ul{ position: static; left:0px; width:100%; opacity:1; -webkit-transition:1s linear opacity; background:none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);margin-left:0px; padding:0; margin:0;}
#nav ul li{ background:none; width: 100%;  float:none; margin-left:0px; padding:0; margin:0;}
#nav ul a{ display: block; width:100%; height: auto;  line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
#nav li:hover ul{ left:0; opacity:1; }
#nav ul:hover{border-bottom:1px solid #eeeeee; background-color:#eeeeee;}
#nav ul li a:hover{border-bottom:none; }
#nav ul li:hover{ background-color:#F9F9F9; }
#nav ul li:hover a{ background-color:#F9F9F9;}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/


#lang{float:none; width:100%; left:0px; display:block; padding:0; height:auto; line-height:normal;}
#lang li{float:none; display:block; left:0px;  position: static; width:100%; padding:0; margin:0 !important; }
.bglang{ display:none;}


#lang  ul{ position: static; display:block; left:0px;  width:100%; opacity:1; -webkit-transition:1s linear opacity; background:none; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);margin-left:0px; padding:0; margin:0;}
#lang  ul a{ display: block; width:100%; height: auto; margin:0 !important;   line-height: normal; transition: 0.3s; padding-left:0px;  font-size:15px; padding-right:0px; padding-top:18px; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
/*-----------Topmenu----------*/
/*/////////////////////////////////////////////////////////////////////////Обшее//////////////////////////////////////////////////////////////////////////////*/

/*=========================================================Основное============================================================*/


/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/
/*-----------секция 1----------*/
.section{ }
.section_block1{ height: auto; }

.video{  width: auto;  position:absolute; top:0; right:50%; height:700px; display:none;}
.video_head{ display:none;}

.line_head{ display:none;}
.block_head{ display:none;}

.text_head{  position: static; height:auto; background: url('../images/close-up-of-businessman-with-digital-tablet.jpg') no-repeat;  background-size:cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover;  background-attachment:fixed !important;}
.textposition{ display:table; height: auto; padding-top:250px; padding-bottom:200px; text-align:center; }

.textposition strong{ font-size:36px; color: #fff;}
.textposition span{font-size:23px; color: #fff;}
.textposition p{font-size:18px; color: #fff; display:block; width:100%; text-align:center;}


.link_butt{  padding:5px; margin-left:auto; margin-right:auto; width:auto; display:table; }
.link_butt div{ font-size:12px;  padding-right:10px; line-height:20px; padding-left:10px; }
.link_butt span{  height:20px; width:20px;  font-size:10px; color:#000000; line-height:20px; }

/*-----------секция 1----------*/

/*-----------секция 2----------*/
.section_2{ width:100%;  padding-bottom:50px; }
.sec{webkit-flex-grow: 0; min-height:0px; flex-grow: 0; }
.sec_block1{ width:100%;  height: auto; }
.sec_block2{ width:100%; }

.sectext{ text-align:center; font-size:18px; padding-bottom:20px; }
.text_ces_bl{ width:100%; padding-top:20px; padding-bottom:20px;}

.stter1{width: 96%; margin:2%;}
.stter1 strong{ font-size:10px; }
.stter1 span{ font-size:20px;}
.stter2{width: 96%; margin:2%; margin-bottom:10%;}
.stter2 strong{ font-size:10px; }
.stter2 span{ font-size:14px;}
/*-----------секция 2----------*/




/*-----------секция 5----------*/
.section5{ height: auto; padding-top:50px; padding-bottom:50px; text-align:center; }

.contacts{text-align:center;}
.cont{-webkit-flex-grow:0; min-height:0px; flex-grow: 0; width:100%; padding:0px;}
.map{ width:100%; height:300px; border:10px solid #e4eaef; }
.adrr{ color:#000000;}
.adrr h1{ padding:0; margin:0; padding-bottom:50px;}
.adrr h2{ text-transform:uppercase; padding:0; margin:0;}
.adrr span{ font-size:14px; display:block; margin-bottom:15px;}
.adrr .lcon{ font-size:14px;}



.errorsds{font-size: 10px; }
.succesds{font-size: 10px;}
.form_b{ padding-bottom:20px;}
.form_b h1{font-size: 14px; }
.subcom{ font-size: 12px; padding-left:20px; margin-left:auto; margin-right:auto; display:table; padding-right:20px; padding-top:9px; padding-bottom:9px; margin-bottom:40px;}
.subcom:hover{ background:none; color:#000000; border:1px solid #000;}
/*-----------секция 5----------*/

/*////////////////////////////////////////////////////////////////////Главная страница////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/
/*-----------категории----------*/
.catregory_images h1{ text-align:center;}
/*-----------категории----------*/

/*-----------shorstory----------*/
.shorstory{-webkit-flex-grow: 0; z-index:9;  flex-grow: 0; padding:20px; width:98%; max-width:98%; margin:1%;}

.short_img2{height:200px; }
.img_sh2{ height:200px; }

.short_img{height:200px;}
.img_tit{ height:200px; margin-top:-200px; }
.img_sh{height:200px; }

.short_text{ height: auto; width:100%; }
.titl_short{ font-size:14px; } 
.short_short{font-size:12px; }
/*-----------shorstory----------*/

/*-----------fullstory----------*/
.fulposter2{  font-size:10px; }
.glavfullsr{ font-size:18px; text-align:center;}
.fulls{ font-size:12px;}
/*-----------fullstory----------*/
/*///////////////////////////////////////////////////////////////////Остальные страницы///////////////////////////////////////////////////////////////////////*/

}