/*
Theme Name:Donata-Sturken
Author: Inizsoft Technology
Author URI: https://inizsoft.com/
Description: The Donata-Sturken Theme based on the famous Wordpress CMS.
Version: 1.0
*/
@import url(fonts/stylesheet.css);
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #fff;font-size:16px; color: #333333;    font-family: 'latoregular'; font-weight: normal; position: relative;}
ul {list-style: none;padding: 0;}
p {font-size:16px;line-height:23px;margin-bottom: 20px;}
p:last-child{ margin-bottom: 0;}



a {color: #4b4b4a;text-decoration: none;transition: 0.4s;}
html{ scroll-behavior: smooth; scroll-padding-top: 150px;}
.scroll_stop{overflow: hidden;}
/* ----- Heading Font CSS ------ */
h1,h2,h3,h4 ,h5 ,h6 {margin-bottom: 20px;line-height: 1.1;}
h1{font-size:42px;line-height: 50px;     font-family: 'charterroman';  font-weight: normal;  }
h2{font-size:35px;line-height: 45px; font-family: 'latolight'; font-weight: normal;}
h3{font-size:30px;line-height: 45px; font-family: 'latolight'; font-weight: normal;}
h4{font-size:26px;line-height: 45px; font-family: 'latolight'; font-weight: normal;}
h5{font-size:22px;line-height: 45px; font-family: 'latolight'; font-weight: normal;}
h6{font-size:18px;line-height: 45px; font-family: 'latolight'; font-weight: normal;}
strong{font-weight: bold;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus{border: none;outline: none;}
/* global css start */ 
.layout{width: 100%;float:left; overflow: hidden;}
.full_width{width: 100%;float:left;}
.wrapper{max-width:1350px;margin: 0 auto;width: 100%;padding: 0 30px;}
.wrapper.small{max-width:1090px;}
.btn_one{transition: 0.4s;padding: 13px 25px 15px; min-width: 120px;float: left;border-radius: 4px; transition: 0.4s; line-height: 1; position: relative;  font-family: "Lato", sans-serif; font-weight: 400; line-height: 1;background: #4b4b4a;color: #ffffff;text-align: center;}
.btn_one:hover{background: #333333;color:#ffffff ;}
strong{font-family: 'latobold'; font-weight: normal;;}


.top_title{position: relative; padding-bottom:15px; margin-bottom: 45px;}
.top_title.center{ text-align: center;}
.top_title.gray::before{ background: #7a97ab;}
.top_title.gray h1{ color: #7a97ab;}
.top_title::before{content: ""; position: absolute; bottom: 0; left: 0; width: 78px; height: 1px; background: #fff;}
.top_title.center::before{left: 50%; transform: translate(-50% , -50%);}
/* global css end */

/* main css */
/* header css start */
.main-content{margin-top: 145px;}
.header {padding: 25px 0 25px;position: fixed; background: #fff; z-index: 9;left: 0;top: 0;transition: 0.4s;}
.header .header_inner{display: flex;justify-content: space-between;align-items: flex-end; position: relative;}
.header .logo{width: 350px; transition: 0.4s;}
.header .logo a{display: block;}
.header .logo img{display: block;}
.header .right_part{width: calc(100% - 350px); display: flex;justify-content: flex-end;align-items: flex-end;}
.header .navigation li{display: inline-block;position: relative;}
.header .navigation  ul{display: flex;justify-content: flex-end;}
.header .navigation > ul> li { margin-right: 30px;}
.header .navigation > ul> li:last-child { margin-right: 0px;}
.header .navigation li a{font-size:20px;line-height: 1; color: #7a97ab; text-transform: uppercase; letter-spacing: 1px; font-family: 'latolight'; font-weight: normal;}
.header .navigation li:hover a{color: #4b4b4a;}

.header.sticky{padding: 15px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.header.sticky .logo{ width: 250px;}

/* sub menu css */
.header .sub-menu{position: absolute;left: -18px;top: 30px;padding: 20px 18px 18px;background: #d8e0e8;min-width: 325px;display: none;}
.header .sub-menu li{display: block;line-height: 1;}
.header li .sub-menu li a{color: #7a97ab !important;}
.header li .sub-menu li a:hover{color: #7a97ab !important;}
.header .navigation li:hover .sub-menu{display: block;}

/* menu bar css */
.menubar{position: relative; transition: 0.4s; width: 45px;position: absolute;right: 0px;top: 50%;z-index: 9;display: none;transform: translateY(-50%);}
.menubar span{background: #7a97ab;width: 100%;height: 2px;float: left;margin-bottom: 5px;transition: 0.4s; border-radius: 10px;}
.menubar span:last-child{margin-bottom: 0;}

.cross_icon{ position: absolute; top: 6px; left:22px; opacity: 0; visibility: hidden; pointer-events: none; }
.header .mob-menu  ul{list-style: none; width: 100%; transition: 0.4s;}
.header .mob-menu  ul li { border-bottom: 1px solid #7a97ab;}
.header .mob-menu  ul li a{ padding: 18px 30px; display: block; text-decoration: none; font-size: 20px;color: #7a97ab;text-transform: uppercase;letter-spacing: 1px; font-family: 'latolight'; font-weight: normal;}
.header .mob-menu  ul li:last-child{ border-bottom: unset;}
.header .mob-menu{opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s; padding-top: 22px; position: fixed;left: 0;top: 100px;z-index: 3;height: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;overflow: auto;}
.header .mob-menu::before{border-bottom-left-radius: 100%; content: ""; position: absolute;right: 0;top: 0;transition: 0.4s all;width: 100%;height:100%;}
.header .mob-menu.open::before{border-radius: 0; width: 100%;height: 100%;background: #fff;}
.header .mob-menu.open{opacity: 1;visibility: visible;pointer-events: all; transition: 0.4s all;}
.header .mob-menu .inner_sec{ position: relative; z-index: 3; width: 100%;}
.header.sticky .mob-menu { top: 95px;}

/* header css end */


/* text_img_sec  css */
.text_img_sec{  margin-bottom: 75px;}
.text_img_sec .inner_part{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.text_img_sec .left_part{ width: calc(33% + 275px); margin-right: -275px; z-index: 1; background: #7a97ab; padding:  50px 0 ; color: #fff;}
.text_img_sec .left_part .text_box{ max-width: 470px; margin:  0 auto;}
.text_img_sec .right_part{ width: 67%;}
.text_img_sec .left_part .text_box p{  text-align: justify;}
.text_img_sec.opposite .left_part{ order: 2; margin-right: 0; margin-left: -275px;}
.text_img_sec.opposite .right_part{ order: 1;}
.text_img_sec.opposite .top_title span{ display: block; margin-bottom: 20px;}
.text_img_sec.opposite { margin-bottom: 50px;}
.text_img_sec img{ display: block;}

/* my_working_sec css */
.my_working_sec{ margin-bottom: 100px;}
.my_working_sec .inner_part{ margin: 0 auto; max-width: 915px; text-align: center;}
.my_working_sec .top_title h1{ color: #7a97ab;}
.my_working_sec .top_title.center::before{   background: #7a97ab;}
.my_working_sec.bg{background: #7a97ab; padding: 70px 0; margin-bottom: 20px;}
.my_working_sec.bg a{ color: #fff; text-align: center; display: block; width: 100%;}
.my_working_sec.bg .inner_part { max-width: 820px; margin: 0 auto; color: #fff; text-align: center;}
.my_working_sec.bg .top_title h1 { color: #fff;}
.my_working_sec.bg .bottom { margin-top: 80px;}
.my_working_sec.bg .bottom p{margin-bottom: 0; text-transform: uppercase;} 
.my_working_sec.bg .top_title.center::before { background: #fff;}
.my_working_sec .inner_part p{ text-align: justify; text-align-last: center;}

/* text_align_sec css */
.text_align_sec{ padding: 65px 0 75px; margin-bottom: 80px;}
.text_align_sec .text_box{ max-width: 700px;  clear: both; margin-bottom: 100px;}
.text_align_sec .text_box:last-child{ margin-bottom: 0;}
.text_align_sec .text_box:nth-of-type(2n - 1){ float: right;}
.text_align_sec .text_box:nth-of-type(2n - 1) .top_title{text-align: right; }
.text_align_sec .text_box:nth-of-type(2n - 1) .top_title::before{ left: calc(-500% + 700px); width: 500%;}
.text_align_sec .text_box .top_title::before{ right: calc(-500% + 700px); width: 500%;}
.text_align_sec h1{ color: #7a97ab;}
.text_align_sec .top_title{ padding-bottom: 1px;}
.text_align_sec .text_box .card_content p{ margin-bottom: 30px; text-align: justify;}
.text_align_sec .text_box .card_content p:last-child{ margin-bottom: 0;}

/* about_me_sec css */
.about_me_sec{ margin-bottom: 110px;}
.about_me_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1000px; margin:  0 auto;}
.about_me_sec .card{ width: 48%;}
.about_me_sec  p { margin-bottom: 25px; text-align: justify;}
.about_me_sec  h6 { font-size: 16px; line-height: 23px; color: #7a97ab;  margin-bottom: 30px; text-transform: uppercase;  font-family: "Lato", sans-serif; }
.about_me_sec p:last-child{ margin-bottom: 0;}
.about_me_sec .card:first-child{ padding-top:54px;}


/* default_page css */
.default_page{padding: 70px 0px;}
.default_page p { text-align: justify;}

.list_style ul{padding-left: 20px;margin: 22px 0px;list-style-type: none;}
.list_style ul li {position: relative;margin-bottom: 15px;font-size: 18px;line-height: 24px;}
.list_style ul li a{color: #7a97ab;transition: 0.4s;text-decoration: underline;}
.list_style ul li a:hover{text-decoration: none;}
.list_style ul li strong{  font-family: 'latobold'; font-weight: normal;}
.list_style ul li::before {content: '';width: 8px;height: 8px;background: #7a97ab;position: absolute;left: -18px;top: 9px;border-radius: 100%;}
.list_style ol {padding-left: 20px;margin: 22px 0px;}
.list_style ol li {margin-bottom: 8px;font-size: 20px;line-height: 24px;}
.list_style ol li strong{  font-family: 'latobold'; font-weight: normal;}
.list_style ol li a{color: #7a97ab;transition: 0.4s;text-decoration: underline;}
.list_style ol li a:hover{text-decoration: none;}
.list_style ol li::marker {color: #7a97ab; font-family: 'latobold'; font-weight: normal;}
 
/* error_page css */
.error_page{padding: 70px 0px;}
.error_page .inner_part{text-align: center;}
.error_page .inner_part h2{margin-bottom: 50px;}
.error_page .inner_part img{margin-bottom: 50px;}
.error_page .btn_one{ background: #7a97ab;}
.error_page .btn_one:hover{ background: #000;}
.error_page .btn-box{ display: flex; justify-content: center; align-items: center; margin-top: 30px;}

/* footer start */
.footer{background: #bbbeba;padding: 25px 0 ; background: #d6d1ca;}
.footer .footer_inner{ text-align: center; }
.footer .footer_logo{  width: 83px; margin: 0 auto 25px;}
.footer  ul {list-style: none; margin-top: 25px; display: flex;  align-items: center; justify-content: center;}
.footer a{display: block; text-transform: uppercase; color: #000000; }
.footer  ul li {line-height: 1; border-right: 1px solid #000; padding-right: 10px; margin-right: 10px;}
.footer  ul li:last-child{ border-right: unset; margin-right: 0; padding-right: 0;}
.footer .footer_right  p { font-size: 20px; line-height: 24px; text-transform: uppercase; color: #000;  letter-spacing: 1px; font-family: 'latolight'; font-weight: normal;}
.footer  ul li  a { font-size: 20px; line-height:1; text-transform: uppercase; color: #000; letter-spacing: 1px; font-family: 'latolight'; font-weight: normal; }
.footer a:hover{color: #7a97ab;}

/* Responsive Css Start */

@media only screen and (max-width:1279px) {
.header .logo{ width: 300px;}
.header .right_part{ width: calc(100% - 300px);}
.text_img_sec .left_part{width: calc(33% + 190px); margin-right: -190px;}
.main-content { margin-top: 121px;}


}

@media only screen and (max-width:1023px) {
h1{ font-size: 37px; line-height: 43px;}
.wrapper{ max-width: 100%;}
.header .logo{ width: 250px;}
.header .right_part{width: calc(100% - 250px);}
.header .navigation li a{ font-size: 18px;}
.header .navigation > ul > li { margin-right: 20px;}
.text_img_sec .right_part{ width: 100%; order: 1; margin-bottom: 10px;}
.text_img_sec img{ display: block; margin: 0 auto;}
.text_img_sec .left_part{ width: 100%; order: 2; padding: 50px;}
.text_img_sec .left_part .text_box{ max-width: 100%; }
.text_img_sec, .about_me_sec , .text_align_sec ,.my_working_sec { margin-bottom: 70px;}
.text_align_sec .text_box{ margin-bottom: 80px;}
.text_img_sec.opposite .left_part{ margin-left: 0;}
.top_title{ margin-bottom: 35px;}  
.about_me_sec p{ margin-bottom: 20px;}
.my_working_sec.bg .bottom{ margin-top: 70px;}

.menubar{ display: block; cursor: pointer;}
.header .navigation ul{ display: none; align-items: center;}
.menubar.active span {transition: 0.4s;}
.menubar.active span:nth-child(2) {display: none;}
.menubar.active span:nth-child(1) {transform: rotate(40deg);margin-bottom: -2px;}
.menubar.active span:nth-child(3) {transform: rotate(-40deg);}
}

@media only screen and (max-width:767px) {

h1{ font-size: 33px; line-height: 37px;}

.top_title{ margin-bottom: 30px; padding-bottom: 1px;}
.about_me_sec .card{ width: 100%;}
.about_me_sec .card{ margin-bottom: 50px;}
.about_me_sec .card:last-child{ margin-bottom: 0;}
.contact_sec{ padding: 50px 0;}
.my_working_sec.bg .bottom { margin-top: 50px;}
.text_img_sec .left_part{ padding: 50px 30px;}
.text_img_sec, .about_me_sec , .text_align_sec , .my_working_sec { margin-bottom: 50px;}
.my_working_sec.bg{ margin-bottom: 20px; padding: 50px 0;}
.text_align_sec .text_box { margin-bottom: 50px;}
.contact_sec .inner_part{ width: 100%; max-width: 100%;}
.about_me_sec .card:first-child{ padding-top: 0;}
.my_working_sec.bg .inner_part{max-width: 100%;}
.footer  ul li a , .footer .footer_right p{ font-size: 16px;}
.footer ul{ margin-top: 20px;}
.text_align_sec{ padding: 50px 0;}
html{ scroll-padding-top: 130px;}
.header .mob-menu ul li a{ padding: 15px 30px;}
.default_page, .error_page{ padding: 20px 0 50px;}
.text_align_sec .text_box .card_content p{ margin-bottom: 20px;}
.about_me_sec h6{ margin-bottom: 20px;}
.about_me_sec p {text-align: left;}

}

@media only screen and (max-width:600px) {

h1{ font-size: 30px; line-height: 35px;}
h2{font-size:26px;line-height: 31px;}
h3{font-size:24px;line-height: 29px;}
h4{font-size:22px;line-height: 27px;}
h5{font-size:20px;line-height: 25px;}
h6{font-size:18px;line-height: 24px;}

.main-content{ margin-top: 88px;}
.wrapper{ padding:  0 20px;}
.header .logo{ width: 200px;}
.header .right_part{width: calc(100% - 200px);}
.text_img_sec .left_part{ padding: 20px 20px;}
.text_align_sec .text_box{ margin-bottom: 30px;}
.footer ul{ margin-top: 20px;}
.footer .footer_logo{ width: 60px; margin: 0 auto 20px;}
.header{ padding: 15px 0;}
.header.sticky .logo{ width: 200px;}
.footer  ul li a , .footer  p{ font-size: 16px;}
.list_style ul{ margin: 20px 0;}
.list_style ol li{ font-size: 18px; line-height: 23px;}
.header.sticky .mob-menu{ top: 85px;}
.my_working_sec.bg{ margin-bottom: 10px;}
.top_title{ margin-bottom: 20px;}
.header .mob-menu{padding-top: 0;top: 86px;}
}