@charset "utf-8";
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(http://fonts.gstatic.com/s/materialicons/v21/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }

/* font-family: 'Barlow', sans-serif; */
@font-face{font-family:Barlow;font-style:normal;font-weight:100;src:local('Barlow Thin'),local('Barlow-Thin'),url(https://fonts.gstatic.com/s/barlow/v1/DnDmJgjpvLUPu5Lyr7RMYhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:100;src:local('Barlow Thin'),local('Barlow-Thin'),url(https://fonts.gstatic.com/s/barlow/v1/AEBRafzElgxx4Y5XdxtUP_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:200;src:local('Barlow ExtraLight'),local('Barlow-ExtraLight'),url(https://fonts.gstatic.com/s/barlow/v1/51v0xj5VPw1cLYHNhfd8NBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:200;src:local('Barlow ExtraLight'),local('Barlow-ExtraLight'),url(https://fonts.gstatic.com/s/barlow/v1/CskYcOKxzCwVNr7ydVL5PltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:300;src:local('Barlow Light'),local('Barlow-Light'),url(https://fonts.gstatic.com/s/barlow/v1/DpkD2-zKwm1pTYHsKcUM7xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:300;src:local('Barlow Light'),local('Barlow-Light'),url(https://fonts.gstatic.com/s/barlow/v1/t09mUKQAC1MQLTmQ7W-bpVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:400;src:local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v1/SCyUdhaPYx6RJd17dIjx7vesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:400;src:local('Barlow Regular'),local('Barlow-Regular'),url(https://fonts.gstatic.com/s/barlow/v1/m4mkzFgzyAU93qx0-DUx_Q.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:500;src:local('Barlow Medium'),local('Barlow-Medium'),url(https://fonts.gstatic.com/s/barlow/v1/ZqlneECqpsd9SXlmAsD2ExJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:500;src:local('Barlow Medium'),local('Barlow-Medium'),url(https://fonts.gstatic.com/s/barlow/v1/kIIp0WfvDOeW2tTGAi2QqVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:600;src:local('Barlow SemiBold'),local('Barlow-SemiBold'),url(https://fonts.gstatic.com/s/barlow/v1/6zP7RQ9oss18sxCTdjUjeBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:600;src:local('Barlow SemiBold'),local('Barlow-SemiBold'),url(https://fonts.gstatic.com/s/barlow/v1/STGn7jeR41qcJTicY9WE5VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:700;src:local('Barlow Bold'),local('Barlow-Bold'),url(https://fonts.gstatic.com/s/barlow/v1/yS165lxqGuDghyUMXeu6xRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:700;src:local('Barlow Bold'),local('Barlow-Bold'),url(https://fonts.gstatic.com/s/barlow/v1/8hNuYABG6RcCB7awZe-wJ1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:800;src:local('Barlow ExtraBold'),local('Barlow-ExtraBold'),url(https://fonts.gstatic.com/s/barlow/v1/xY0XUj4QQ03NM8fyY5m8ehJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:800;src:local('Barlow ExtraBold'),local('Barlow-ExtraBold'),url(https://fonts.gstatic.com/s/barlow/v1/CaHLjSyIeCIbt753gvinv1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Barlow;font-style:normal;font-weight:900;src:local('Barlow Black'),local('Barlow-Black'),url(https://fonts.gstatic.com/s/barlow/v1/pIKyfiLM06mFhvh5NGpGrxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-weight:900;src:local('Barlow Black'),local('Barlow-Black'),url(https://fonts.gstatic.com/s/barlow/v1/8xTtwcTHLrNmXC4s80ier1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}

/*
  ************************************************************************
  *  STYLE
  ************************************************************************  
*/
html, body { height:100%; }
body { color:#171819; font-size:15px; font-family: 'Barlow', sans-serif; }

.wrapper { margin-left:70px; margin-right:70px; }

.header { margin-top:50px; position:relative; z-index:2; }
.index-header { width:100%; position:absolute; left:0px; top:0px; }
.header .button-collapse { display:block; float:right; margin:0px; margin-top:16px; padding:0px; color:#ffffff; font-size:15px; font-weight:500; line-height:25px; position:relative; z-index:2; background-color:transparent; }
.header .button-collapse > span { display:inline-block; vertical-align:top; }
.header .button-collapse > img { float:right; margin-left:16px; }
.header .brand { width:320px; display:inline-block; float:left; color:#ffffff; }
.header .brand > img { float:left; margin-right:20px; }
.header .brand > span, .header .brand > strong { display:block; }
.header .brand > span { font-size:30px; font-weight:300; }
.header .brand > strong { margin-top:-5px; font-size:16px; font-weight:500; }

.phone-btn { display:inline-block; padding:0px 35px; color:#ffffff; font-size:17px; font-weight:500; line-height:43px; position:absolute; right:100px; bottom:-20px; z-index:2; border-radius:20px; background-color:#f3153a; }
.index-phone-btn { bottom:64px; }

.navigation { width:100%; height:84px; overflow:hidden; line-height:normal; position:absolute; left:0px; bottom:-40px; z-index:2; background-color:transparent; }
.index-navigation { bottom:45px; }
.navigation .menus { margin:0px; padding:0px; }
.navigation .menus > li { width:calc(20% - 3px); height:84px; display:inline-block; overflow:hidden; float:none; vertical-align:top; }
.navigation .menus > li:last-child { width:20%; }
.navigation .menus > li > a { display:block; padding:22px 32px; color:#171819; font-size:17px; font-weight:400; position:relative; background-color:#ffffff; }
.navigation .menus > li > a > span { display:block; color:#7e8386; }
.navigation .menus > li > a:hover, .navigation .menus > li > a.active { color:#ffffff; background-color:#32beff; }
.navigation .menus > li > a:hover > span, .navigation .menus > li > a.active > span { color:#ffffff; }

.mobile-navigation {  }
.mobile-navigation .profile-mobile { min-height:168px; padding:0px 30px; padding-top:20px; color:#ffffff; font-size:13px; font-weight:300; background-image:url(/images/mobile-nav-bg.jpg); background-repeat:no-repeat; background-position:center top; }
.mobile-navigation .profile-mobile strong { display:block; margin-top:10px; font-size:15px; font-weight:700; }
.mobile-navigation .phone { padding:10px 15px; text-align:center; color:#2b2b2b; font-size:14px; font-weight:600; border-bottom:1px solid #dfe2e4; }
.mobile-navigation .phone a { display:inline-block; font-size:14px !important; color:#2b2b2b; }
.mobile-navigation .phone i { margin:0px 10px; color:#2b2b2b; }
.mobile-navigation .social-media { margin:0px; padding:10px 15px; text-align:center; border-top:1px solid #dfe2e4; }
.mobile-navigation .social-media > li { display:inline-block; overflow:hidden; margin-left:3px; margin-right:3px; }
.mobile-navigation .social-media > li > a { width:36px; height:36px; display:block; overflow:hidden; padding:0px; color:#222222; font-size:14px; line-height:34px; border:1px solid #c9ced2; border-radius:20px; }
.mobile-navigation .social-media > li > a:hover { color:#e0a833; }
.mobile-navigation .social-media li > a > i { width:auto; height:auto; float:none; margin:0px; color:#2b2b2b; line-height:normal; }
.mobile-navigation a { height:auto; padding:0px; color:#141516; font-size:16px; font-weight:500; line-height:normal; }
.mobile-navigation a:hover { color:#32beff; background-color:transparent; }
.mobile-navigation ul { padding:0px 30px;}
.mobile-navigation ul > li { margin-bottom:4px; }
.mobile-navigation ul > li > a { padding:3px 0px; font-size:14px; }

.slider-area { height:100%; overflow:hidden; position:relative; }
.slider-area .owl-carousel { height:100%; position:relative; }
.slider-area .owl-carousel .owl-stage-outer { overflow:inherit; }
.slider-area div:not(.owl-controls) { height:100%; position:relative; }
.slider-area .owl-nav { width:90px; height:75px !important; position:absolute !important; left:calc(50% - 670px); top:calc(50% - 35px); z-index:0; }
.slider-area .owl-nav .owl-prev, .slider-area .owl-nav .owl-next { width:40px; height:65px; float:left; text-align:center; color:#ffffff; font-size:57px; line-height:57px; }
.slider-area .owl-nav .owl-next { float:right; }
.slider-area .owl-slide { text-align:left; background-image:url(/images/slide-1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slider-area .slide-content { width:100%; height:auto !important; }
.slider-area .head, .slider-area .summary { height:auto !important; margin:0px; color:#ffffff; font-size:40px; font-weight:700; }
.slider-area .summary { font-weight:300; }

.container-area { position:relative; }
.index-container-area { padding-top:50px; border-top:1px solid #62666f; }
.index-container-area .left-area { width:400px; float:left; margin-bottom:30px; }
.index-container-area .right-area { width:calc(100% - 400px); float:left; margin-bottom:50px; }
.index-container-area .left-area > img { float:left; margin-left:55px; margin-right:40px; }
.index-container-area .section { margin-top:0px; margin-bottom:0px; color:#32beff; font-size:30px; font-weight:400;  }
.index-container-area .title { margin-top:15px; margin-bottom:20px; color:#171819; font-size:30px; font-weight:400; position:relative; }
.index-container-area .title:before { width:40px; height:4px; position:absolute; right:0px; top:16px; background-color:#171819; content:""; }
.index-container-area .text { margin-bottom:20px; text-align:justify; color:#7e8386; font-size:15px; line-height:21px; }
.index-container-area .link { display:inline-block; float:right; color:#32beff; font-size:15px; }
.index-container-area .link > strong { font-weight:700; }

.footer { overflow:hidden; padding-top:50px; color:#ffffff; position:relative; background-color:#313334; }
.footer .brand { width:320px; display:inline-block; float:left; margin-top:45px; color:#ffffff; }
.footer .brand > img { float:left; margin-right:15px; }
.footer .brand > span, .footer .brand > strong { display:block; }
.footer .brand > span { font-size:25px; font-weight:300; }
.footer .brand > strong { margin-top:-5px; font-size:14px; font-weight:500; }
.footer .address { float:left; padding-left:45px; padding-bottom:15px; color:#ffffff; font-size:16px; border-left:1px solid #404142; }
.footer .address strong { display:block; margin-top:15px; margin-bottom:20px; font-size:18px; }
.footer .address a { display:inline-block; margin-right:10px; color:#ffffff; }
.footer .address span { display:inline-block; margin-right:5px; color:#44d5ff; }
.footer .social-media { float:right; clear:right; margin:0px; margin-top:50px; padding:0px; }
.footer .social-media > li { display:inline-block; margin-left:10px; }
.footer .social-media > li:first-child { margin-left:0px; }
.footer .social-media > li > a { width:40px; height:40px; display:block; overflow:hidden; padding:0px; text-align:center; color:#ffffff; font-size:15px; line-height:40px; border:1px solid #ffffff; border-radius:50%; }
.copyright { overflow:hidden; clear:both; margin-top:50px; padding-top:30px; padding-bottom:30px; color:#ffffff; font-size:14px; position:relative; border-top:1px solid #404142; }
.copyright > p { float:left; margin-top:0px; }
.copyright > p strong { font-weight:700; }
.copyright > p i { font-size:13px; }
.copyright .mouse-up { width:60px; height:48px; display:inline-block; text-align:center; color:#3f4330; font-size:24px; line-height:48px; position:absolute; left:calc(50% - 30px); top:-24px; background-color:#b3cd10; cursor:pointer; }
.sevenadworks { display:inline-block; float:right; }

/* Content Style */
.container-header { min-height:283px; position:relative; z-index:2; background-image:url(/images/header-bg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; }

.content-area { overflow:hidden; padding-top:40px; padding-bottom:50px; }
.content-area .content-title { margin-top:60px; margin-bottom:35px; color:#171819; font-size:30px; font-weight:400; }

.content-text {  }
.content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6 { color:#171819; font-size:24px; font-weight:400; }
.content-text h3 { font-size:22px; }
.content-text h4 { font-size:20px; }
.content-text h5, .content-text h6 { font-size:18px; }
.content-text .prew-image { float:left; margin-right:50px; margin-bottom:30px; }
.content-text p { margin-bottom:22px; }
.content-text p strong { color:#231f20; }
.content-text ul:not(.browser-default) { margin-bottom:26px; }
.content-text ul:not(.browser-default) li { list-style-image: url('/images/list-icon.png'); }
.content-text a { color:#bcda03; }
.content-text table { margin-bottom:36px; border:1px solid #edf0f3; }
.content-text table thead { border:none; background-color:#ffb414; }
.content-text table thead th { padding:10px 20px; color:#000000; font-size:14px; font-weight:700; border-radius:0px; }
.content-text table tbody th {font-weight:700; }
.content-text table tbody th, .content-text table tbody td { padding:10px 20px; color:#000000; border-radius:0px; border:1px solid #edf0f3; }
.content-text iframe { border:1px solid #edf0f3; }
#gmap_canvas { width:700px; height:385px; padding:0px; border:1px solid #edf0f3; position:relative; z-index:1; background-color:#ffffff; }

.services-list { margin:0px; margin-bottom:10px; padding:0px; text-align:center; }
.services-list > li { width:555px; display:inline-block; overflow:hidden; margin-bottom:50px; text-align:left; vertical-align:top; position:relative; cursor:pointer; }
.services-list > li > a { display:block; }
.services-list > li > strong { display:block; margin:15px 25px; padding-right:25px; color:#171819; font-size:20px; position:relative; }
.services-list > li > strong:before { position:absolute; right:0px; top:0px; content:"02"; }
.references-list > li > strong:before { content:"03"; }
.services-list > li > p { margin:0px 25px; text-align:justify; font-size:15px; }

.list-prev-next { overflow:hidden; float:right; list-style:none; margin:0px; margin-top:50px; padding:0px; }
.list-prev-next > li { display:inline-block; margin-left:8px; }
.list-prev-next > li.prev { float:left; }
.list-prev-next > li.next { float:right; }
.list-prev-next > li > a { display:block; padding:0px; text-align:center; color:#231f20; font-size:15px; font-weight:400; line-height:38px; }
.list-prev-next > li > a > span { width:40px; height:40px; display:inline-block; border:1px solid #231f20; border-radius:50%; }
.list-prev-next > li.prev > a > span { margin-left:15px; }
.list-prev-next > li.next > a > span { margin-right:15px; }

.form-area { max-width:1300px; overflow:hidden; margin:0px auto; position:relative; z-index:1; background-color:#eff4f6; }
.form-contact .form-head { color:#231f20; font-size:25px; font-weight:700; position:relative; }
.form-contact .input-field label { color:#686e73; font-size:15px; }
.form-contact .input-field input[type="text"]:focus + label, .form-contact .input-field input[type="email"]:focus + label, .form-contact .input-field .materialize-textarea:focus + label { color:#686e73; }
.form-contact input[type="text"], .form-contact input[type="email"], .form-contact textarea.materialize-textarea { color:#686e73; margin-bottom:14px; border-bottom:1px solid #ced3d5; }
.form-contact .input-field input[type=text]:focus, .form-contact .input-field input[type="email"]:focus, .form-contact .input-field .materialize-textarea:focus { color:#231f20; border-bottom-color:#b3cd11; box-shadow: 0 1px 0 0 #b3cd11; }
.form-contact .require-text { float:right; margin:0px; padding-top:10px; color:#686e73; font-size:15px; font-weight:500; }
.form-contact .require-text > span { color:#141516; }
.form-contact .btn { height:auto; padding:10px 24px; text-align:center; color:#231f20; font-size:18px; font-weight:700; line-height:normal; text-transform:none; letter-spacing:normal; border-radius:0px; background-color:#bcda03; }

.gallery-title { color:#171819; font-size:24px; }
.images-gallery { overflow:hidden; margin-top:25px; margin-bottom:15px; text-align:center; vertical-align:top; }
.images-gallery > li { display:inline-block; margin-bottom:26px; }
.images-gallery > li img { border:1px solid #ecf0f3; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
.images-gallery > li:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); }
.images-gallery > li span { display:block; text-align:center; color:#000000; font-size:13px; font-weight:400; }

.documents-gallery { overflow:hidden; margin-top:20px; margin-bottom:0px; }
.documents-gallery > li { overflow:hidden; margin-bottom:8px; color:#1d2024; font-size:13px; position:relative; border:1px solid #edf0f3; }
.documents-gallery > li:before { width:0%; height:100%; position:absolute; left:0px; top:0px; z-index:-1; content:""; background-color:#00af35; transition: all 0.5s ease-in-out; }
.documents-gallery > li:hover:before { width:100%; }
.documents-gallery > li:after { height:100%; color:#000000; position:absolute; right:30px; top:16px; z-index:-1; content:"İndir - Görüntüle"; }
.documents-gallery > li a { display:block; overflow:hidden; color:#1d2024; }
.documents-gallery > li:hover > a { color:#ffffff; transition: all 0.3s ease-in-out; }
.documents-gallery > li i { width:66px; height:48px; float:left; margin-right:25px; text-align:center; font-size:20px; line-height:48px; color:#ffffff; background-color:#00af35; }
.documents-gallery > li span { display:block; float:left; margin-top:16px; padding-right:150px; }

.pagination { margin:30px 25px; margin-top:45px; }
.pagination li { width:30px; height:30px; margin:0px 4px; }
.pagination li.active { background-color:#26a69a; }
.pagination li a { display:block; padding:0px; color:#65676e; font-size:17px; font-weight:600; font-family: 'Lato', sans-serif; }
.pagination li a i { color:#26a69a; }

.padding-top-0 { padding-top:0px !important; }
.padding-right-0 { padding-right:0px !important; }
.padding-bottom-0 { padding-bottom:0px !important; }
.padding-left-0 { padding-left:0px !important; }

.margin-top-0 { margin-top:0px !important; }
.margin-right-0 { margin-right:0px !important; }
.margin-bottom-0 { margin-bottom:0px !important; }
.margin-left-0 {margin-left:0px !important;  }

.margin-top-10 { margin-top:10px; }
.margin-right-10 { margin-right:10px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-left-10 {margin-left:10px;  }

.margin-top-20 { margin-top:20px; }
.margin-right-20 { margin-right:20px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-left-20 {margin-left:20px;  }

.margin-top-30 { margin-top:30px; }
.margin-right-30 { margin-right:30px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-left-30 {margin-left:30px;  }

.margin-top-40 { margin-top:40px; }
.margin-right-40 { margin-right:40px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-left-40 {margin-left:40px;  }


.clear-left { clear:left; }
.clear-right { clear:right; }
.clear-both { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none !important; }
.border-none { border:0px !important; }
.radius-none { border-radius:0px !important; }
.shadow-none { box-shadow:none !important; text-shadow:none !important; }
.outline-none, a { outline:none!important; }
.box-shadow { -webkit-box-shadow: 0px 0px 20px 0px rgba(52,55,57,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(52,55,57,0.3); box-shadow: 0px 0px 20px 0px rgba(52,55,57,0.3); }
.position-relative { position:relative; }
.position-absolute { position:absolute; }
.overflow-hidden { overflow:hidden; }
.display-none { display:none; }
.display-block { display:block; }
.display-inline-block { display:inline-block; }
.middle { margin-left:auto; margin-right:auto; }
.text-indent-9999 { text-indent:-9999px; }
.img-border { border:1px solid #ecf0f3; }
.font-light { font-weight:300; }
.font-medium { font-weight:500; }
.font-bold { font-weight:600; }
.height-0 {  height:0px;}

@media (max-width:1600px) {
	.phone-btn { display:none; }
}
@media (max-width:1360px) {
	.slider-area .owl-nav { display:none; }
}
@media (min-width:1200px ) {
	.navigation .menus > li { margin-right:3px; }
	.navigation .menus > li:last-child { margin-right:0px; }
	.services-list > li:nth-child(2n) { margin-left:30px; }
	.projects-list > li:nth-child(3n+2) { margin-left:15px; margin-right:15px; }
	.images-gallery > li:nth-child(3n+2) { margin-left:22px; margin-right:22px; }
}
@media (max-width:1200px) {
	.wrapper { margin-left:30px; margin-right:30px; }
	.navigation .menus > li { margin-right:3px; }
	.navigation .menus > li:last-child { margin-right:0px; }
	.navigation .menus > li > a { padding:22px 12px; }
	.index-container-area .left-area { width:340px; }
	.index-container-area .left-area > img { margin-left:0px; }
	.index-container-area .right-area { width:calc(100% - 340px); }
	.footer { text-align:center; }
	.footer .brand { width:auto; display:block; float:none; margin-top:0px; margin-bottom:30px; }
	.footer .brand > img { float:none; margin-right:auto; margin-left:auto; margin-bottom:15px; }
	.footer .address { float:none; padding-left:0px; border-left:none; }
	.footer .social-media { float:none; margin-top:15px; }
	.images-gallery { text-align:left; }
}
@media (min-width:992px ) and (max-width:1200px ) {
	/*body { background-color:red; }*/
	.images-gallery > li:nth-child(2n) { margin-left:22px; }
}
@media (max-width: 992px) {
	.navigation { display:none; }
	.slider-area .owl-slide { text-align:center; }
	.slider-area .head, .slider-area .summary { font-size:30px; }
	.index-container-area .left-area, .index-container-area .right-area { width:auto; overflow:hidden; float:none; }
	.container-header { min-height:183px; }
	.content-area { padding-top:0px; }
	.content-text .prew-image { float:none; margin-left:auto; margin-right:auto; }
}
@media (min-width:600px ) and (max-width:992px ) {
    /*body { background-color:green; }*/
	
}
@media (max-width:600px) {    
	/*body { background-color:yellow; }*/
	.wrapper { margin-left:15px; margin-right:15px; }
	.header { margin-top:40px; }
	.slider-area { height:568px; }
	.slider-area .head, .slider-area .summary, .index-container-area .title, .content-area .content-title, .index-container-area .section { font-size:25px; }
	.index-container-area .title::before { top:14px; }
	.index-container-area .left-area > img { margin-right:25px; }
	.container-header { min-height:148px; }
	.content-text h2, .content-text h3, .content-text h4, .content-text h5, .content-text h6, .gallery-title { font-size:20px; }
	.content-text h3 { font-size:18px; }
	.content-text h4 { font-size:17px; }
	.content-text h5, .content-text h6 { font-size:16px; }
	.services-list > li { max-width:555px; width:auto; display:block; }
	.services-list > li > strong, .services-list > li > p { margin-left:0px; margin-right:0px; }
	.copyright > p, .sevenadworks { float:none; }
}
@media (max-width:500px) {
	/*body { background-color:blue; }*/
	.header { margin-top:35px; }
	.header .brand { width:170px; }
	.header .brand > img { width:55px; margin-right:15px; }
	.header .brand > span { margin-top:10px; font-size:20px; }
	.header .brand > strong { display:none; }
	.header .button-collapse { margin-top:8px; }
	.container-header { min-height:128px; }
	.index-container-area .title::before { display:none; }
	.slider-area .head, .slider-area .summary, .index-container-area .title, .content-area .content-title { font-size:20px; }
	.services-list > li > strong { font-size:16px; }
}
@media (max-width:400px) {
	/*body { background-color:grey; }*/
	
}

.container { width:auto; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 600px) { .container { width: 570px; } }
@media (min-width: 992px) { .container { width: 962px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
@-webkit-keyframes pulse {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes pulse {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	50% { -webkit-transform: translate(0, 10px); transform: translate(0, 10px); }
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 
}