@charset "utf-8";

/* CSS Document */



/* CSS Document © 2015 Digimax.co.uk */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



::-moz-selection{ background:#7b7d7f; color:#ffffff; text-shadow:none;}

::selection { background:#7b7d7f; color:#ffffff; text-shadow:none;}

*,

*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Poppins", serif;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body {color:#504f50; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow:hidden;}

:root { overflow-y: scroll;}

a { text-decoration:none; transition:all 0.25s ease-out 0s;}

p, p span { font-family: "Poppins", serif;}

img { border:0px;}

ol, ul, li{ list-style: none;}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

* {-webkit-appearance: none;}

::-webkit-input-placeholder {

  color:#312216;

}

::-moz-placeholder {

  color:#312216;

}

:-ms-input-placeholder {

  color:#312216;

}

:-moz-placeholder {

  color:#312216;

}


.header-wrapp, .linker-wrapp, .banner-wrapp, .work-wrapp, .work-inner-wrapp, .work-inner-details-wrapp, .contact-wrapp, .flinker-wrapp, .footer-wrapp { width:100%; float:left;}

.margin { width:100%; max-width:1446px; margin:auto;}



/*header-wrapp*/

.header-wrapp { background:#b2d3e5; padding:20px 0 20px; position:absolute; top:0; left:0; right:0; margin:0 auto; z-index:9;}

.header-wrapp p { float:left; font-size:15px; color:#ffffff; letter-spacing:0; line-height:28px; margin:0 0 0;}

.header-wrapp p a { color:#ffffff;}

.header-wrapp p span { display:block;}

.header-wrapp p strong { font-weight:700;}

.header-wrapp .header-col1 { width:106px; float:left; transition:all 0.7s; margin:0 0 0;}

.header-wrapp .header-col1 img { width:100%; display:block;}

.header-wrapp .header-col1 .header-row1 { width:100%; float:left;}

.header-wrapp .header-col2 { width:auto; float:right; transition:all 0.7s; margin:36px 0 0;}

.header-wrapp .header-col2 img { width:100%; display:block;}

.header-wrapp .header-col2 .header-row2 { width:100%; float:left;}



/*banner-wrapp*/

.banner-wrapp { background:none; position:relative;}

.banner-wrapp .banner-col1 { width:100%; float:left;}

.banner-wrapp .banner-col1 img { width:100%; display:block; height:auto}



/*work-wrapp*/

.work-wrapp { text-align:center; background:none; padding:118px 0 130px;}

.work-wrapp p { float:none; font-size:16px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.38; margin:0 0 16px;}

.work-wrapp p a { color:#000000;}

.work-wrapp p span { display:block;}

.work-wrapp p strong { font-weight:700;}

.work-wrapp h2 { float:none; font-size:36px; font-weight:500; color:#312216; letter-spacing:0.5px; line-height:normal; text-transform:uppercase; margin:0 0 34px;}

.work-wrapp h2 a { color:#312216;}

.work-wrapp h2 span { display:block;}

.work-wrapp h3 { float:none; font-size:20px; font-weight:500; color:#312216; line-height:normal; margin:0 0 0;}

.work-wrapp h3 a { color:#312216;}

.work-wrapp h3 span { display:block;}

.work-wrapp .work-col1 { width:100%; float:left; text-align:left;}

.work-wrapp .work-col1 img { width:100%; display:block;}

.work-wrapp .work-col2 { width:23.7%; float:left; padding:1.2% 1.2% 1.4%; margin:1.7% 1.7% 0 0; background:#fff; filter: drop-shadow(0px 0px 16px rgba(0,0,0,0.1));}

.work-wrapp .work-col2:nth-child(4n) { margin-right:0;}

.work-wrapp .work-col2 .work-row1 { width:100%; float:left; margin:0 0 15px;}

.work-col2:first-child, .work-col2:nth-child(2), .work-col2:nth-child(3), .work-col2:nth-child(4) { margin-top:0;}



/*work-inner-wrapp*/

.work-inner-wrapp { text-align:center; margin:146px 0 0; padding:118px 0 130px;}

.work-inner-wrapp p { float:none; font-size:16px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.38; margin:0 0 16px;}

.work-inner-wrapp p a { color:#000000;}

.work-inner-wrapp p span { display:block;}

.work-inner-wrapp p strong { font-weight:700;}

.work-inner-wrapp h2 { float:none; font-size:36px; font-weight:500; color:#312216; letter-spacing:0.5px; line-height:normal; text-transform:uppercase; margin:0 0 34px;}

.work-inner-wrapp h2 a { color:#312216;}

.work-inner-wrapp h2 span { display:block;}

.work-inner-wrapp h3 { float:none; font-size:20px; font-weight:500; color:#312216; line-height:normal; margin:0 0 0;}

.work-inner-wrapp h3 a { color:#312216;}

.work-inner-wrapp h3 span { display:block;}

.work-inner-wrapp .work-inner-col1 { width:100%; float:left; text-align:left; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 img { width:100%; display:block;}

.work-inner-wrapp .work-inner-col1 .work-inner-row1 { width:100%; float:left; margin:0 0 15px;}

.work-inner-wrapp .work-inner-col2 { width:23.7%; float:left; background:#ffffff; filter: drop-shadow(0px 0px 16px rgba(0,0,0,0.1)); margin:1.7% 1.7% 0 0; padding:1.2% 1.2% 1.4%;}

.work-inner-wrapp .work-inner-col2:nth-child(4n) { margin-right:0;}

.work-inner-wrapp .work-inner-col2 .work-inner-row2 { width:100%; float:left;}
.work-inner-wrapp .work-inner-col2 .work-inner-row2 h3 { float:left; margin-top:15px;}

.work-inner-wrapp .work-inner-col3 { width:100%; float:left; margin:0 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3 { width:23.7%; float:left; border:1px solid #312216; margin:1.7% 1.7% 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3:nth-child(4n) { margin-right:0;}

.work-inner-col2:first-child, .work-inner-col2:nth-child(2), .work-inner-col2:nth-child(3), .work-inner-col2:nth-child(4) { margin-top:0;}

.work-inner-col3 .work-inner-row3:first-child, .work-inner-col3 .work-inner-row3:nth-child(2), .work-inner-col3 .work-inner-row3:nth-child(3), .work-inner-col3 .work-inner-row3:nth-child(4) { margin-top:0;}



/*work-inner-details-wrapp*/

.work-inner-details-wrapp { text-align:center; margin:146px 0 0; padding:118px 0 130px;}

.work-inner-details-wrapp p { float:none; font-size:16px; font-weight:400; color:#312216; letter-spacing:normal; line-height:1.68; margin:0 0 16px;}

.work-inner-details-wrapp p a { color:#312216;}

.work-inner-details-wrapp p span { display:block;}

.work-inner-details-wrapp p strong { font-weight:700;}

.work-inner-details-wrapp h2 { float:none; font-size:20px; font-weight:400; color:#312216; letter-spacing:normal; line-height:normal; margin:0 0 10px;}

.work-inner-details-wrapp h2 a { color:#312216;}

.work-inner-details-wrapp h2 span { display:block;}

.work-inner-details-wrapp h2 strong { font-weight:500;}



/*contact-wrapp*/

.contact-wrapp { text-align:center; margin:146px 0 0; padding:118px 0 130px;}

.contact-wrapp p { float:none; font-size:16px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.38; margin:0 0 16px;}

.contact-wrapp p a { color:#000000;}

.contact-wrapp p span { display:block;}

.contact-wrapp p strong { font-weight:700;}

.contact-wrapp h2 { float:none; font-size:36px; font-weight:500; color:#312216; letter-spacing:0.5px; line-height:normal; text-transform:uppercase; margin:0 0 34px;}

.contact-wrapp h2 a { color:#312216;}

.contact-wrapp h2 span { display:block;}

.contact-wrapp .contact-col1 { width:40%; float:none; margin:0 auto 0;}

.contact-wrapp .contact-col1 img { width:100%; display:block;}

.contact-wrapp .contact-col1 .contact-row1 { width:100%; float:none;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil1 { color:#312216; background:rgba(232,224,204,0.5); border-color:rgba(0,0,0,0); resize:none;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { width:74%; height:56px; float:none; margin:0 auto 2%; padding:0 2% 0;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { width:74%; height:156px; float:none; margin:0 auto 30px; padding:20px 2% 0;}

.contact-wrapp .contact-btn1 { float:none; color:#312216; background:inherit; border-color:#312216; margin:0 4px 0; padding:18px 44px 16px; cursor: pointer;}

.contact-wrapp .contact-btn1:hover { color:#ffffff; background-color:#312216; border-color:#312216;}



/*flinker-wrapp*/

.flinker-wrapp { background:#b2d3e5; padding:60px 0 20px;}

.flinker-wrapp .margin { max-width:1284px;}

.flinker-wrapp p { float:none; font-size:15px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.6; margin:0 0 18px;}

.flinker-wrapp p a { color:#000000;}

.flinker-wrapp p span { display:block;}

.flinker-wrapp p strong { font-weight:700;}

.flinker-wrapp h2 { font-size:30px; font-weight:600; color:#ffffff; letter-spacing:0.5px; line-height:normal; text-transform:uppercase; margin:0 0 14px;}

.flinker-wrapp h2 a { color:#ffffff;}

.flinker-wrapp h2 span { display:block;}

.flinker-wrapp .flinker-col1 { width:10%; float:left;}

.flinker-wrapp .flinker-col1 img { width:100%; display:block;}

.flinker-wrapp .flinker-col1 .flinker-row1 { width:100%; float:left;}

.flinker-wrapp .flinker-col2 { width:46%; float:left; margin:0 5% 0 0;}

.flinker-wrapp .flinker-col2 img { width:100%; display:block;}

.flinker-wrapp .flinker-col2 .flinker-row2 { width:100%; float:left;}

.flinker-wrapp .flinker-col2 .flinker-row2 li { float:none; margin:0 0 10px; padding:0 0 0 20px;}

.flinker-wrapp .flinker-col2 .flinker-row2 li:last-child { margin-bottom:0;}

.flinker-wrapp .flinker-col2 .flinker-row2 li a:hover { color:#308454;}

.flinker-wrapp .flinker-col3 { width:47%; float:left; margin:0 0 0;}

.flinker-wrapp .flinker-col3 img { width:100%; display:block;}

.flinker-wrapp .flinker-col3 .flinker-row3 { width:50%; float:left;}

.flinker-wrapp .flinker-col3 .flinker-row3 li { float:none; margin:0 0 10px;}

.flinker-wrapp .flinker-col3 .flinker-row3 li:last-child { margin-bottom:0;}

.flinker-wrapp .flinker-col3 .flinker-row3 li a:hover { color:#308454;}

.flinker-row2 li, .flinker-row2 li a { font-size:14px; font-weight:400; color:#ffffff; letter-spacing:0.5px; line-height:1.6; position:relative;}

.flinker-row3 li, .flinker-row3 li a { font-size:14px; font-weight:600; color:#ffffff; letter-spacing:0.5px; line-height:1.6; position:relative;}



/*footer-wrapp*/

.footer-wrapp { background:#b2d3e5; padding:20px 0 80px;}

.footer-wrapp .margin { max-width:1284px;}

.footer-wrapp p { float:none; font-size:15px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.6; margin:0 0 18px;}

.footer-wrapp p a { color:#000000;}

.footer-wrapp p span { display:block;}

.footer-wrapp p strong { font-weight:700;}

.footer-wrapp h2 { float:left; font-size:16px; font-weight:400; color:#fff; letter-spacing:0.5px; line-height:2.07; margin:0 16px 0 0;}

.footer-wrapp h2 a { color:#fff;}

.footer-wrapp h2 span { display:block;}

.footer-wrapp .footer-col1 { width:auto; float:right; margin:6px 0 0;}

.footer-wrapp .footer-col1 img { width:100%; display:block;}

.footer-wrapp .footer-col1 .footer-row1 { width:100%; float:left;}

.footer-wrapp .footer-col1 .footer-row1 li { float:none; display:inline-block; margin:0 0 0;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { margin:0 6px 0;}

.footer-wrapp .footer-col1 .footer-row1 li a:hover { color:#308454;}

.footer-wrapp .footer-col2 { width:auto; float:left; margin:0 0 0;}

.footer-wrapp .footer-col2 img { width:100%; display:block;}

.footer-wrapp .footer-col2 .footer-row2 { width:100%; float:right;}

.footer-wrapp .footer-col2 .footer-row2 { width:100%; float:left;}

.footer-wrapp .footer-col2 .footer-row2 a { width:36.6px; float:left; margin:0 6.7px 0 0;}

.footer-row1 li, .footer-row1 li a { font-size:13px; font-weight:400; color:#fff; letter-spacing:0.5px; line-height:normal;}



.flinker-rt { width:63%; float:right;}



/*btn-css*/

.contact-btn1, .contact-fil1 { text-align:center; font-size:14px; font-weight:500; letter-spacing:0.5px; border:1px solid; border-radius:30px; text-transform:uppercase; transition:all 0.25s ease-out 0s; display:inline-block; position:relative;}



/*show-hide-css*/



/*Smartphone css*/

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

.margin { width:90%;}



.header-wrapp { text-align:center; padding:82px 0 30px; position:relative; top:inherit;}

.header-wrapp .header-col1 { width:106px; float:none; margin:0 auto 0;}

.header-wrapp .header-col1 .header-row1 { width:100%; float:none;}

.header-wrapp .header-col2 { width:100%; background:#ffffff; margin:0 0 0; position:fixed; top:0; right:0; left:0;}

.header-wrapp .header-col2 .header-row2 { width:100%;}



.work-wrapp { padding:50px 0;}

.work-wrapp h2 { font-size:30px;}

.work-wrapp h3 { font-size:16px;}

.work-wrapp .work-col1 { text-align:center;}

.work-wrapp .work-col2 { width:100%; margin:0 0 15px;}



.work-inner-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-wrapp h2 { font-size:30px; margin:0 0 28px;}

.work-inner-wrapp h3 { font-size:16px; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 .work-inner-row1 { width:100%; margin:0 0 10px;}

.work-inner-wrapp .work-inner-col2 { width:100%; margin:5.9% 0 0; padding:5% 5% 5%;}

.work-inner-wrapp .work-inner-col2 .work-inner-row2 { width:100%;}

.work-inner-wrapp .work-inner-col3 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3 { width:100%; margin:5.9% 0 0;}

.work-inner-col2:first-child { margin-top:0;}

.work-inner-col3 .work-inner-row3:first-child { margin-top:0;}



.work-inner-details-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-details-wrapp p { font-size:14px; margin:0 0 10px;}

.work-inner-details-wrapp h2 { font-size:16px; margin:0 0 6px;}



.contact-wrapp { margin:0 0 0; padding:50px 0 50px;}

.contact-wrapp p { font-size:14px; margin:0 0 10px;}

.contact-wrapp h2 { font-size:30px; margin:0 0 28px;}

.contact-wrapp .contact-col1 { width:100%; margin:0 auto 0;}

.contact-wrapp .contact-col1 .contact-row1 { width:100%;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil1 { text-align:center;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { width:100%; height:50px; margin:0 0 12px; padding:0 5% 0;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { width:100%; height:150px; margin:0 0 22px; padding:20px 5% 0;}

.contact-wrapp .contact-btn1 { margin:0 4px 0;}



.flinker-wrapp { text-align:center; padding:50px 0 0;}

.flinker-wrapp h2 { font-size:20px; margin:0 0 8px;}

.flinker-wrapp .flinker-col1 { width:106px; float:none; margin:0 auto 20px;}

.flinker-wrapp .flinker-col1 .flinker-row1 { width:100%; float:none;}

.flinker-wrapp .flinker-col2 { width:100%; margin:0 0 15px;}

.flinker-wrapp .flinker-col2 .flinker-row2 li { float:none; display:block; margin:0 0 6px; padding:0 0 0;}

.flinker-wrapp .flinker-col3 { width:100%; margin:0 0 0;}

.flinker-wrapp .flinker-col3 .flinker-row3 { width:100%;}

.flinker-wrapp .flinker-col3 .flinker-row3 li { float:none; display:inline-block; margin:0 6px 0;}

.flinker-row2 li, .flinker-row2 li a { font-size:12px;}

.flinker-row3 li, .flinker-row3 li a { font-size:12px;}



.footer-wrapp { text-align:center; padding:30px 0 60px;}

.footer-wrapp h2 { float:none; font-size:12px; line-height:normal; display:none; margin:0 0 5px;}

.footer-wrapp .footer-col1 { width:100%;}

.footer-wrapp .footer-col1 .footer-row1 li { float:none; display:inline-block; margin:0 0 0;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}

.footer-wrapp .footer-col2 { width:100%;}

.footer-wrapp .footer-col2 .footer-row2 a { float:none; display:inline-block; margin:0 3px 0;}

.footer-row1 li, .footer-row1 li a { font-size:11px;}



.flinker-rt { width:100%;}



/*btn-css*/

.contact-btn1, .contact-fil1 { font-size:12px;}

}



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

.margin { width:90%;}



.header-wrapp { text-align:center; padding:82px 0 30px; position:relative; top:inherit;}

.header-wrapp .header-col1 { width:106px; float:none; margin:0 auto 0;}

.header-wrapp .header-col1 .header-row1 { width:100%; float:none;}

.header-wrapp .header-col2 { width:100%; background:#ffffff; margin:0 0 0; position:fixed; top:0; right:0; left:0;}

.header-wrapp .header-col2 .header-row2 { width:100%;}



.work-wrapp { padding:50px 0;}

.work-wrapp h2 { font-size:30px;}

.work-wrapp h3 { font-size:16px;}

.work-wrapp .work-col1 { text-align:center;}

.work-wrapp .work-col2 { width:49%; margin:0 0 15px;}

.work-wrapp .work-col2:nth-child(2n) { float:right;}



.work-inner-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-wrapp h2 { font-size:30px; margin:0 0 28px;}

.work-inner-wrapp h3 { font-size:16px; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 .work-inner-row1 { width:100%; margin:0 0 10px;}

.work-inner-wrapp .work-inner-col2 { width:48%; margin:5.9% 0 0; padding:5% 5% 5%;}

.work-inner-wrapp .work-inner-col2:nth-child(2n) { float:right;}

.work-inner-wrapp .work-inner-col2 .work-inner-row2 { width:100%;}

.work-inner-wrapp .work-inner-col3 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3 { width:48%; margin:5.9% 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3:nth-child(2n) { float:right;}

.work-inner-col2:first-child, .work-inner-col2:nth-child(2) { margin-top:0;}

.work-inner-col3 .work-inner-row3:first-child, .work-inner-col3 .work-inner-row3:nth-child(2) { margin-top:0;}



.work-inner-details-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-details-wrapp p { font-size:14px; margin:0 0 10px;}

.work-inner-details-wrapp h2 { font-size:16px; margin:0 0 6px;}



.contact-wrapp { margin:0 0 0; padding:50px 0 50px;}

.contact-wrapp p { font-size:14px; margin:0 0 10px;}

.contact-wrapp h2 { font-size:30px; margin:0 0 28px;}

.contact-wrapp .contact-col1 { width:100%; margin:0 auto 0;}

.contact-wrapp .contact-col1 .contact-row1 { width:100%;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil1 { text-align:center;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { width:100%; height:50px; margin:0 0 12px; padding:0 5% 0;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { width:100%; height:150px; margin:0 0 22px; padding:20px 5% 0;}

.contact-wrapp .contact-btn1 { margin:0 4px 0;}



.flinker-wrapp { text-align:center; padding:50px 0 0;}

.flinker-wrapp h2 { font-size:20px; margin:0 0 8px;}

.flinker-wrapp .flinker-col1 { width:106px; float:none; margin:0 auto 20px;}

.flinker-wrapp .flinker-col1 .flinker-row1 { width:100%; float:none;}

.flinker-wrapp .flinker-col2 { width:100%; margin:0 0 15px;}

.flinker-wrapp .flinker-col2 .flinker-row2 li { float:none; display:inline-block; margin:0 6px 0; padding:0 0 0;}

.flinker-wrapp .flinker-col3 { width:100%; margin:0 0 0;}

.flinker-wrapp .flinker-col3 .flinker-row3 { width:100%;}

.flinker-wrapp .flinker-col3 .flinker-row3 li { float:none; display:inline-block; margin:0 6px 0;}

.flinker-row2 li, .flinker-row2 li a { font-size:12px;}

.flinker-row3 li, .flinker-row3 li a { font-size:12px;}



.footer-wrapp { text-align:center; padding:30px 0 60px;}

.footer-wrapp h2 { float:none; font-size:12px; line-height:normal; display:none; margin:0 0 5px;}

.footer-wrapp .footer-col1 { width:100%;}

.footer-wrapp .footer-col1 .footer-row1 li { float:none; display:inline-block; margin:0 0 0;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}

.footer-wrapp .footer-col2 { width:100%;}

.footer-wrapp .footer-col2 .footer-row2 a { float:none; display:inline-block; margin:0 3px 0;}

.footer-row1 li, .footer-row1 li a { font-size:11px;}



.flinker-rt { width:100%;}



/*btn-css*/

.contact-btn1, .contact-fil1 { font-size:12px;}

}



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

.margin { width:90%;}



.header-wrapp { text-align:center; padding:82px 0 30px; position:relative; top:inherit;}

.header-wrapp .header-col1 { width:106px; float:none; margin:0 auto 0;}

.header-wrapp .header-col1 .header-row1 { width:100%; float:none;}

.header-wrapp .header-col2 { width:100%; background:#ffffff; margin:0 0 0; position:fixed; top:0; right:0; left:0;}

.header-wrapp .header-col2 .header-row2 { width:100%;}



.work-wrapp { padding:50px 0;}

.work-wrapp h2 { font-size:30px;}

.work-wrapp h3 { font-size:16px;}

.work-wrapp .work-col1 { text-align:center;}

.work-wrapp .work-col2 { width:49%; margin:0 0 15px;}

.work-wrapp .work-col2:nth-child(2n) { float:right;}



.work-inner-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-wrapp h2 { font-size:30px; margin:0 0 28px;}

.work-inner-wrapp h3 { font-size:16px; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col1 .work-inner-row1 { width:100%; margin:0 0 10px;}

.work-inner-wrapp .work-inner-col2 { width:48%; margin:5.9% 0 0; padding:5% 5% 5%;}

.work-inner-wrapp .work-inner-col2:nth-child(2n) { float:right;}

.work-inner-wrapp .work-inner-col2 .work-inner-row2 { width:100%;}

.work-inner-wrapp .work-inner-col3 { width:100%; margin:0 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3 { width:48%; margin:5.9% 0 0;}

.work-inner-wrapp .work-inner-col3 .work-inner-row3:nth-child(2n) { float:right;}

.work-inner-col2:first-child, .work-inner-col2:nth-child(2) { margin-top:0;}

.work-inner-col3 .work-inner-row3:first-child, .work-inner-col3 .work-inner-row3:nth-child(2) { margin-top:0;}



.work-inner-details-wrapp { margin:0 0 0; padding:50px 0 50px;}

.work-inner-details-wrapp p { font-size:14px; margin:0 0 10px;}

.work-inner-details-wrapp h2 { font-size:16px; margin:0 0 6px;}



.contact-wrapp { margin:0 0 0; padding:50px 0 50px;}

.contact-wrapp p { font-size:14px; margin:0 0 10px;}

.contact-wrapp h2 { font-size:30px; margin:0 0 28px;}

.contact-wrapp .contact-col1 { width:100%; margin:0 auto 0;}

.contact-wrapp .contact-col1 .contact-row1 { width:100%;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil1 { text-align:center;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { width:48%; height:50px; float:left; margin:0 0 4.2%; padding:0 5% 0;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2:nth-child(2n) { float:right;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { width:48%; height:50px; float:left; margin:0 0 4.2%; padding:15px 5% 0;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3:nth-child(2n) { float:right;}

.contact-wrapp .contact-btn1 { margin:0 4px 0;}



.flinker-wrapp { text-align:center; padding:50px 0 0;}

.flinker-wrapp h2 { font-size:20px; margin:0 0 8px;}

.flinker-wrapp .flinker-col1 { width:106px; float:none; margin:0 auto 20px;}

.flinker-wrapp .flinker-col1 .flinker-row1 { width:100%; float:none;}

.flinker-wrapp .flinker-col2 { width:100%; margin:0 0 15px;}

.flinker-wrapp .flinker-col2 .flinker-row2 li { float:none; display:inline-block; margin:0 6px 0; padding:0 0 0;}

.flinker-wrapp .flinker-col3 { width:100%; margin:0 0 0;}

.flinker-wrapp .flinker-col3 .flinker-row3 { width:100%;}

.flinker-wrapp .flinker-col3 .flinker-row3 li { float:none; display:inline-block; margin:0 6px 0;}

.flinker-row2 li, .flinker-row2 li a { font-size:12px;}

.flinker-row3 li, .flinker-row3 li a { font-size:12px;}



.footer-wrapp { text-align:center; padding:30px 0 60px;}

.footer-wrapp h2 { float:none; font-size:12px; line-height:normal; display:none; margin:0 0 5px;}

.footer-wrapp .footer-col1 { width:100%;}

.footer-wrapp .footer-col1 .footer-row1 li { float:none; display:inline-block; margin:0 0 0;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}

.footer-wrapp .footer-col2 { width:100%;}

.footer-wrapp .footer-col2 .footer-row2 a { float:none; display:inline-block; margin:0 3px 0;}

.footer-row1 li, .footer-row1 li a { font-size:11px;}



.flinker-rt { width:100%;}



/*btn-css*/

.contact-btn1, .contact-fil1 { font-size:12px;}

}



@media screen and (min-width:768px) and (max-width:900px) {

.margin { width:94%;}



.header-wrapp .header-col1 { width:86px;}

.header-wrapp .header-col2 { margin:30px 0 0;}



.work-wrapp { padding:78px 0 90px;}

.work-wrapp h2 { font-size:30px;}

.work-wrapp h2 span { display:inline;}

.work-wrapp h3 { font-size:14px;}

.work-wrapp h3 span { display:inline;}



.work-inner-wrapp { margin:128px 0 0; padding:78px 0 90px;}

.work-inner-wrapp h2 { font-size:30px;}

.work-inner-wrapp h2 span { display:inline;}

.work-inner-wrapp h3 { font-size:14px;}

.work-inner-wrapp h3 span { display:inline;}



.work-inner-details-wrapp { margin:128px 0 0; padding:78px 0 90px;}

.work-inner-details-wrapp p { font-size:14px;}

.work-inner-details-wrapp p span { display:inline;}

.work-inner-details-wrapp h2 { font-size:16px;}

.work-inner-details-wrapp h2 span { display:inline;}



.contact-wrapp { margin:128px 0 0; padding:78px 0 90px;}

.contact-wrapp p { font-size:14px;}

.contact-wrapp h2 { font-size:30px;}

.contact-wrapp .contact-col1 { width:52%;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { height:50px;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { height:132px; margin:0 auto 24px;}



.flinker-wrapp h2 { font-size:24px;}

.flinker-wrapp h2 span { display:inline;}

.flinker-row2 li, .flinker-row2 li a { font-size:12px; letter-spacing:0.3px;}

.flinker-row3 li, .flinker-row3 li a { font-size:12px; letter-spacing:0.3px;}



.footer-wrapp h2 { display:none;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { margin:0;}

.footer-row1 li, .footer-row1 li a { font-size:11px; letter-spacing:0.3px;}



.flinker-rt { width:80%;}



/*btn-css*/

.contact-btn1, .contact-fil1 { font-size:12px;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.margin { width:94%;}



.header-wrapp .header-col1 { width:96px;}

.header-wrapp .header-col2 { margin:33px 0 0;}



.work-wrapp { padding:98px 0 110px;}

.work-wrapp h2 { font-size:33px;}

.work-wrapp h2 span { display:inline;}

.work-wrapp h3 { font-size:17px;}

.work-wrapp h3 span { display:inline;}



.work-inner-wrapp { margin:136px 0 0; padding:98px 0 110px;}

.work-inner-wrapp h2 { font-size:33px;}

.work-inner-wrapp h2 span { display:inline;}

.work-inner-wrapp h3 { font-size:17px;}

.work-inner-wrapp h3 span { display:inline;}



.work-inner-details-wrapp { margin:136px 0 0; padding:98px 0 110px;}

.work-inner-details-wrapp p { font-size:15px;}

.work-inner-details-wrapp p span { display:inline;}

.work-inner-details-wrapp h2 { font-size:18px;}

.work-inner-details-wrapp h2 span { display:inline;}



.contact-wrapp { margin:136px 0 0; padding:98px 0 110px;}

.contact-wrapp p { font-size:15px;}

.contact-wrapp h2 { font-size:33px;}

.contact-wrapp .contact-col1 { width:46%;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil2 { height:53px;}

.contact-wrapp .contact-col1 .contact-row1 .contact-fil3 { height:144px; margin:0 auto 27px;}



.flinker-wrapp h2 { font-size:27px;}

.flinker-wrapp h2 span { display:inline;}

.flinker-row2 li, .flinker-row2 li a { font-size:13px; letter-spacing:0.3px;}

.flinker-row3 li, .flinker-row3 li a { font-size:13px; letter-spacing:0.3px;}



.footer-wrapp h2 { display:none;}

.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { margin:0 2px;}

.footer-row1 li, .footer-row1 li a { font-size:12px; letter-spacing:0.3px;}



.flinker-rt { width:75%;}



/*btn-css*/

.contact-btn1, .contact-fil1 { font-size:13px;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

.margin { width:94%;}



.flinker-rt { width:71%;}

}



@media screen and (min-width:1241px) and (max-width:1340px) {

.margin { width:94%;}



}



@media screen and (min-width:1341px) and (max-width:1440px) {

.margin { width:94%;}



}

.video-wrapper { display:block; width:100%; clear:both}
.video-wrapper h2,  .video-wrapper p, .work-inner-details-wrapp h2, .work-inner-details-wrapp p{ text-align:left}
.video-wrapper .videobox { float:left; width:49% !important;}
.video-wrapper .videobox:nth-child(2n) { float:right}