/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
@font-face { font-family: 'Vazir'; src: url('../fonts/Vazir-persian-digits-overwrite.eot') format('embedded-opentype'), url('../fonts/Vazir-persian-digits-overwrite.ttf') format('truetype'), url('../fonts/Vazir-persian-digits-overwrite.woff') format('woff'); }
@font-face { font-family: 'BTitr'; src: url('../fonts/BTitrBold.eot') format('embedded-opentype'), url('../fonts/BTitrBold.ttf') format('truetype'), url('../fonts/BTitrBold.woff') format('woff'); }

html, body { margin: 0; font-size: 11pt; font-family: Vazir, sans-serif; background: #fff; }

    body a { text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

a:hover { text-decoration: none; }

input[type="button"], input[type="submit"] { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-family: Vazir, sans-serif; font-weight: 600; }

p { margin: 0; }

ul { margin: 0; padding: 0; }

label { margin: 0; }
/*-- header --*/
/*--header -top--*/
.social-bnr-agileits { float: left; margin-left: 1em; }
/*--social-icons--*/
ul.social-icons3 { display: block; padding: 0; margin-top: 1.55em; }

.social-icons3 li { display: inline-block; }

    .social-icons3 li a { display: block; height: 30px; width: 30px; margin-right: 1em; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; margin-right: 1em; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); line-height: 30px; color: #fff; text-align: center; }

        .social-icons3 li a.fa.fa-linkedin.icon-border.linkedin { background: #4D669C; }

        .social-icons3 li a.fa.fa-telegram.icon-border.telegram { background: #1da1f2; }

        .social-icons3 li a.fa.fa-google-plus.icon-border.instagram { background: #d34836; }

        .social-icons3 li a.fa.fa-rss.icon-border.rss { background: #ee802f; }

        .social-icons3 li a:hover { text-decoration: none; opacity: 0.8; }

          .social-icons3 li .language { box-shadow:none !important; color:#0f2453;  display:inline; margin-right:0px !important }

.contact-bnr-w3-agile { float: right; direction: ltr; }

    .contact-bnr-w3-agile ul li { list-style: none; display: inline-block; /*border-left: 1px solid #0066b2;*/ padding: 13px 20px; color: #101010; font-size: 14px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }

        .contact-bnr-w3-agile ul li a { color: #101010; text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; text-transform: lowercase; font-size: 15px; }

            .contact-bnr-w3-agile ul li a:hover { color: #0066b2; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; }

        .contact-bnr-w3-agile ul li i { color: #000000; font-size: 16px; margin-right: 15px; }
        /*--search--*/
        .contact-bnr-w3-agile ul li.s-bar { background: #ab00cb; border-left: 1px solid #ab00cb; }

.search label.icon-search { color: #212121; cursor: pointer; }

.search_form { position: absolute; z-index: 9999; right: 0px; top: 15px; overflow: hidden; width: 20px; height: 0px; background: #000000; transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; -webkit-transition: height 0.2s ease-out 0.5s, top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; }

    .search_form form { opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }

    .search_form input[type='search'] { width: 353px; padding: 6px; outline: none; font-size: 14px; color: #555; border: 1px solid #fff; background: #fff; font-family: Vazir, sans-serif; }
        .search_form input[type='search']::-webkit-input-placeholder { color: #0f2453 !important; }

    .search_form input[type='submit'] { outline: none; display: inline-block; color: #fff; font-size: 14px; letter-spacing: .5px; background: #0f2453; border: 2px solid #ffffff; text-transform: uppercase; padding: 5px 31px; font-family: Vazir, sans-serif; }

        .search_form input[type='submit']:hover { background: #ab00cb; color: #000; }

.search_box { visibility: hidden; }

    .search_box:checked ~ .search_form { direction: rtl; width: 500px; height: 53px; padding: 10px; top: 72px; transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; }

        .search_box:checked ~ .search_form form { opacity: 1; transition: 0.3s all ease-out 0.5s; -webkit-transition: 0.3s all ease-out 0.5s; }

label.icon-search span { color: #fff; font-size: 1.2em; top: 2px; right: 2px; padding-right: 12px; }
/*--//search--*/
/*-- nav --*/
.w3_navigation { background: #5917fd; }
    .w3_navigation .title { color: #f7ad1d; text-align: center; font-size: 18.5pt; font-family: BTitr; margin-top: 23px; text-shadow: 0px 0px 4px #5e6366; }

/*.navbar-default { background: none; border: none; }

.navbar { margin-bottom: 0; }

.navbar-collapse { padding: 0; }

.navbar-right { margin-right: 0; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: none; }

.navbar-default .navbar-nav > li > a { font-weight: 500; letter-spacing: 1px; }

.navbar-nav > li > a { margin: 0;  text-transform: uppercase; }

.navbar-default .navbar-nav > li > a:hover { color: #ab00cb; }

.navbar-default .navbar-nav > li > a:focus { color: #fff; outline: none; }

nav.navbar.navbar-default { background: none;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background: none; }

.navbar-default .navbar-nav > li > a { color: #fff; }

.navbar-default .navbar-nav > .active.open > a:focus { background: #0a9dbd; color: #fff; }

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #fff; }

.navbar-brand { padding: 0px 15px; font-size: 28px; text-transform: uppercase; letter-spacing: 5px; line-height: 28px; position: relative; font-weight: bold; }

    .navbar-brand span { color: #ab00cb; }*/

p.logo_w3l_agile_caption { text-transform: uppercase; letter-spacing: 2px; font-size: 15px; color: #c79f07; text-shadow: 0px 1px 3px #454a47; font-family: Vazir, sans-serif; font-weight: 600; }

.agile_short_dropdown { border-radius: 0; background: #ffffff; text-align: center; padding: 0; border: none; }

    .agile_short_dropdown li a { text-transform: uppercase; color: #212121; font-size: 13px; font-weight: 600; padding: .8em 0; }

    .agile_short_dropdown > li > a:hover { color: #fff; text-decoration: none; background-color: #ab00cb; }
/*-- nav-effect --*/
.menu__list { position: relative; margin: 1.5em 0 0; }

.menu__item { display: block; margin: 1em 0; }

.menu__link { font-size: .9em; font-weight: bold; display: block; padding: 1em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Iris */
.menu--iris .menu__item { margin: 0 0.3em; }

li.menu__item:nth-child(6) { margin-right: 0; }

.menu--iris .menu__link { position: relative; text-align: center; -webkit-transition: color 0.3s; transition: color 0.3s; text-shadow: 0px 1px 3px #033815; }

    .menu--iris .menu__link:hover,
    .menu--iris .menu__link:focus { color: #929292; }

.menu--iris .menu__item--current .menu__link, .menu__link:hover { color: #ab00cb; }

.menu--iris .menu__link::before,
.menu--iris .menu__link::after { content: ''; position: absolute; width: 10px; height: 10px; opacity: 0; border: 2px solid #ab00cb; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); }

.menu--iris .menu__link::before { top: 0; left: 0; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); }

.menu--iris .menu__link::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); }

.menu--iris .menu__item--current .menu__link::before,
.menu--iris .menu__item--current .menu__link::after, .menu__link:hover::before, .menu__link:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*-- //nav-effect --*/
/*-- //header --*/
/*-- banner-text --*/
.header-w3layouts { position: absolute; top: 0; z-index: 99; text-align: center; left: 0; width: 100%; }

.special-container { width: 30%; left: 0px; bottom: 10%; position: absolute; background-color: rgba(15,36,83,0.7); }
.agileits-banner-info h4 { font-size: 4em; color: #ab00cb; letter-spacing: 5px; font-weight: bold; text-transform: uppercase; font-family: Vazir, sans-serif; }

.agileits-banner-info h3 { color: #ab00cb; font-size: 1.5em; text-transform: uppercase; font-weight: 700; }

    .agileits-banner-info h3 span { background: rgba(0, 0, 0, 0.68); padding: 0 36px; }

.agileits-banner-info { text-align: right; padding: 1em 2em; }

    .agileits-banner-info p { color: #ab00cb; font-size: 1em; line-height: 1.8em; letter-spacing: 11px; margin: 1em auto; font-weight: 300; text-transform: uppercase; }

.agileits_w3layouts_more { position: relative; }

    .agileits_w3layouts_more a { font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; padding: 8px 25px; position: relative; display: inline-block; background: #0f2453; margin-top: 3em; z-index: 9999; border: 2px solid #fff; }

        .agileits_w3layouts_more a:focus { outline: none; }

        .agileits_w3layouts_more a:hover { color: #000; border: 2px solid #fff; background: #ab00cb; }
/*-- //banner-text --*/
/*-- banner-top --*/
.w3layouts-banner-top { background: url(../images/1.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

.w3layouts-banner-top1 { background: url(../images/2.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

.w3layouts-banner-top2 { background: url(../images/3.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

.w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 600px; background-repeat: no-repeat; background-position: 0px 0px; background-size: cover; }

.w3ls-banner { position: relative; }
/*-- //banner-top --*/
/*--slider--*/
#slider2,
#slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }

.rslides_tabs li:first-child { margin-left: 0; }

.rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; }

.events { list-style: none; }

.callbacks_container { position: relative; float: left; width: 100%; }

.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

    .callbacks li { position: absolute; width: 100%; }

    .callbacks img { position: relative; z-index: 1; height: auto; border: 0; }

    .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; padding: 10px 20px; margin: 0; max-width: none; top: 10%; text-align: center; }

.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 55%; left: 40px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 34px; width: 34px; background: url(../images/left.png) no-repeat 0px 0px; }

    .callbacks_nav.next { left: auto; background: url(../images/right.png) no-repeat 0px 0px; right: -62px; }

    .callbacks_nav.prev { left: auto; background: url(../images/left.png) no-repeat 0px 0px; left: -58px; }

#slider3-pager a { display: inline-block; }

#slider3-pager span { float: left; }

#slider3-pager span { width: 100px; height: 15px; background: #fff; display: inline-block; border-radius: 30em; opacity: 0.6; }

#slider3-pager .rslides_here a { background: #FFF; border-radius: 30em; opacity: 1; }

#slider3-pager a { padding: 0; }

#slider3-pager li { display: inline-block; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; }

    .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

    .rslides li { position: relative; display: block; float: left; }

    .rslides img { height: auto; border: 0; }

.callbacks_tabs { list-style: none; position: absolute; top: 85%; left: 46.5%; padding: 0; margin: 0; display: block; z-index: 99; }

.slider-top span { font-weight: 600; }

.callbacks_tabs li { display: inline-block; margin: 0px 7px; }
/*----*/
.callbacks_tabs a { visibility: hidden; }

    .callbacks_tabs a:after { content: "\f111"; font-size: 0; font-family: FontAwesome; visibility: visible; display: block; height: 10px; width: 10px; display: inline-block; background: #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; }

.callbacks_here a:after { background: #ab00cb; }

.thim-click-to-bottom { position: absolute; bottom: 12%; left: 49%; width: 40px; height: 40px; font-size: 40px; line-height: 40px; -webkit-animation: bounce 2s infinite ease-in-out; z-index: 99; }

    .thim-click-to-bottom i { color: #ab00cb; border: 2px solid #fff; font-size: 18px; width: 30px; height: 57px; text-align: center; line-height: 54px; border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; }

@-webkit-keyframes bounce {
    0%, 20%, 60%, 100% { -ms-transform: translateY(0); }

    0%, 20%, 60%, 100% { -o-transform: translateY(0); }

    0%, 20%, 60%, 100% { -moz-transform: translateY(0); }

    0%, 20%, 60%, 100% { -webkit-transform: translateY(0); }

    40% { -webkit-transform: translateY(-20px); }

    80% { -webkit-transform: translateY(-10px); }
}
/*-- //slider --*/

/*--modal--*/
.modal-content img { width: 100%; }

.modal-content h4 { color: #0f2453; text-align: center; font-size: 26px; margin-bottom: .5em; text-transform: uppercase; }

    .modal-content h4 span { color: #ab00cb; }

.modal-content h5 { color: #000; padding-top: 15px; font-size: 22px; letter-spacing: 1px; }

.modal-content p { color: #636363; font-size: 14.5px; letter-spacing: .8px; line-height: 32px; padding-top: 10px; word-spacing: .5px; }

.modal-header { padding: 30px; }
/*--//modal--*/
/*-- banner-form--*/
.book-form-left-w3layouts { padding: 0; }

    .book-form-left-w3layouts h2 { color: #fff; background: #ab00cb; padding: 60px 0; text-align: center; font-size: 25px; letter-spacing: 4px; }

.book-form input[type="text"], .book-form input[type="date"], .book-form input[type="time"], .book-form input[type="email"], .book-form .form-control { width: 100%; color: #9a9797; outline: none; font-size: 0.9em; line-height: 25px; padding: 3px 10px; border: 2px solid #fff; -webkit-appearance: none; margin-bottom: 1em; background: none; font-family: Vazir, sans-serif; }

.book-form input[type="text"] { border: 2px solid #fff; }

.book-form form input[type="submit"] { text-transform: capitalize; background: #0a1735; color: #FFFFFF; padding: 0em 2em; height: 147px !important; border: none; font-size: 16px; letter-spacing: 2px; outline: none; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-transform: uppercase; /* width: 23%; */ font-weight: 600; margin-left: 1em; -webkit-appearance: none; }

.book-form { background: #0f2453; height: 147px; padding: 0 0 0 27px; }

.fields-w3ls { width: 22%; float: left; margin: 2.2em 1em 0 0; }

.book-form p { color: #fff; font-size: 13px; font-weight: bold; margin-bottom: .8em; letter-spacing: 2px; word-spacing: 1px; text-transform: uppercase; }

.book-form select.form-control { /* outline: none; */ /* font-size: 1em; */ /* padding: 5px 10px; */ /* width: 100%; */ /* line-height: 20px; */ border-radius: 0; /* background: none; */ /* color: #9a9797; */ /* border: 2px solid #fff; */ box-shadow: none !important; }

.form-date-w3-agileits.second-agile { width: 30%; }

.form-date-w3-agileits.second-agile, .form-time-w3layouts.second-agile, .form-left-agileits-w3layouts.second-agile, .form-left-agileits-w3layouts.bottom-w3ls.second-agile { margin-right: 0 !important; padding: 0 !important; }

.form-left-agileits-w3layouts.bottom-w3ls { padding: 0 !important; }

.book-form input[type=submit]:hover { background: #ab00cb; color: #fff; }
/*-- //banner-form--*/
/*-- banner-bottom --*/
.banner-bottom { text-align: center; padding-bottom: 40px; }

.agileits_banner_bottom { width: 70%; margin: 0 auto; }

.banner-bottom h3 { font-size: 1em; color: #ab00cb; line-height: 2.3em; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; }

    .banner-bottom h3 span { display: block; font-size: 25px !important; color: #000000; font-weight: 500; }

    .banner-bottom h3 i { font-weight: 300; }

.w3ls_banner_bottom_grids { margin: 3em 0 0; }

.w3l_banner_bottom_grid { padding: 2em; text-align: center; border: 2px solid #999; }
/*-- grid-effect --*/
/* General grid styles */
.cbp-ig-grid { list-style: none; padding: 0; margin: 0; }

    /* Clear floats */
    .cbp-ig-grid:before,
    .cbp-ig-grid:after { content: " "; display: table; }

    .cbp-ig-grid:after { clear: both; }

    /* grid item */
    .cbp-ig-grid li { width: 24%; float: right; text-align: center; border: 1px solid #dedfe0; margin-left: 1%; margin-bottom:1% ; overflow:hidden}

        .cbp-ig-grid li:last-child { border-right: 1px solid #cfdbf3; }

.w3_grid_effect { padding: 2em; background: rgba(52, 74, 113, 0.09);  min-height:280px;}

/* anchor style */
.cbp-ig-grid li > a { display: block; height: 100%; color: #47a3da; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; transition: background 0.2s; }

/* the icon with pseudo class for icon font */
.cbp-ig-icon { /*padding: 1.5em 0 0;*/ display: block; -webkit-transition: -webkit-transform 0.2s; transition: -moz-transform 0.2s; transition: transform 0.2s; }

    .cbp-ig-icon:before { font-family: FontAwesome; font-size: 5em; speak: none; color: #0f2453; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.w3_road:before { content: "\f236"; }

.w3_cube:before { content: "\f1ad"; }

.w3_users:before { content: "\f0f4"; }

.w3_ticket:before { content: "\f1eb"; }

/* title element */
.cbp-ig-grid .cbp-ig-title { margin: 20px 0 10px 0; padding: 20px 0 0 0; font-size: 1.2em; position: relative; -webkit-transition: -webkit-transform 0.2s; -moz-transition: -moz-transform 0.2s; transition: transform 0.2s; text-transform: uppercase; /*letter-spacing: 4px;*/ color: #212121; }

    .cbp-ig-grid .cbp-ig-title:before { content: ''; position: absolute; background: #ab00cb; width: 160px; height: 6px; top: 0px; left: 50%; margin: -10px 0 0 -80px; -webkit-transition: margin-top 0.2s; /* top or translate does not seem to work in Firefox */ -moz-transition: margin-top 0.2s; transition: margin-top 0.2s; }

.cbp-ig-grid .cbp-ig-category { text-transform: uppercase; display: inline-block; font-size: 1em; letter-spacing: 1px; color: #ab00cb; -webkit-transform: translateY(10px); -moz-transform: -moz-translateY(10px); -ms-transform: -ms-translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; -webkit-transition: transform 0.3s, opacity 0.2s; }

.cbp-ig-grid li:hover .cbp-ig-category,
.touch .cbp-ig-grid li .cbp-ig-category { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

/* Hover styles */

.cbp-ig-grid li > .w3_grid_effect:hover { background: #0f2453; }

    .cbp-ig-grid li > .w3_grid_effect:hover .cbp-ig-icon { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

        .cbp-ig-grid li > .w3_grid_effect:hover .cbp-ig-icon:before { color: #ab00cb; }

    .cbp-ig-grid li > .w3_grid_effect:hover .cbp-ig-title { color: #fff; }

    .cbp-ig-grid li > .w3_grid_effect:hover .cbp-ig-title { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); }

        .cbp-ig-grid li > .w3_grid_effect:hover .cbp-ig-title:before { background: #fff; margin-top: 68px; }


@media screen and (max-width: 62.75em) {
    .cbp-ig-grid li { width: 50%; }
}

@media screen and (max-width: 25em) {
    .cbp-ig-grid { font-size: 80%; }
}
/*-- //banner-bottom --*/
/*--main--*/
.contact-w3ls, .advantages, .w3l-visitors-agile, .plans-section, .team { padding: 60px 0px; background-color: #f3f5f9; }

h3.title-w3-agileits { font-size: 22px; color: #FFF; font-weight: 500; /*letter-spacing: 3px;*/ margin-bottom: 1em; text-align: center; text-transform: capitalize; font-family: Vazir, sans-serif; }

.title-black-wthree { color: #0f2453 !important; }
/*--//main--*/
/*-- /about --*/
.about-wthree { padding: 2em; background: #eceef2; background: url(../images/bg_center.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
.about{
    border-top: 2px solid #000 !important;
min-height: 400px;
padding: 50px;
font-size: 17px;
margin-left: auto;
margin-right: auto;
 
background-image: url('../images/bg_center.jpg');
background-color: rgba(0,0,0,0.2);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
background-attachment: fixed;
background-position: top center;
background-size: cover;

}
.ab-w3l-spa { text-align: center; position: relative; }

.w3l-slider-img { border: 10px solid rgba(255, 255, 255, 0.4); position: absolute; left: 2em; top: 29em; }

.w3ls-info-about { position: absolute; left: 46%; z-index: 99; padding: 2em 4.5em; top: 107%; border: 10px solid #000; }

    .w3ls-info-about h4 { font-size: 1.5em; letter-spacing: 1px; color: #ab00cb; /* margin-bottom: 11px; */ line-height: 1.4em; text-transform: capitalize; background: #0f2453; padding: 10px 15px; }

    .w3ls-info-about p { /* margin: 0em 0 2em 0; */ color: #ffffff; line-height: 2.2em; background: rgba(0, 0, 0, 0.85); font-size: 0.9em; letter-spacing: 2px; }

p.about-para-w3ls { color: #000; font-size: 16px; line-height: 33px; letter-spacing: 0.5px; margin-bottom: 2em; }
/*-- //about --*/
/*--sevices-section--*/
.advantages { background: url(../images/services.jpg)no-repeat; min-height: 350px; background-size: cover; }

.advantage-block { padding: 2em 2em; background: rgba(0, 0, 0, 0.52); text-align: center; }

    .advantage-block:hover { background: rgba(255, 255, 255, 0.22); transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }

    .advantage-block h4 { font-size: 1.5em; color: #fff; margin: 0.5em 0em 0.5em 0em; text-transform: capitalize; letter-spacing: 1px; }

    .advantage-block p { font-size: 16px; color: #FFF; /* line-height: 1.8em; */ text-align: left; padding-left: 3em; line-height: 35px; letter-spacing: .8px; }

.advantage-grid { padding: 0; }

.left-w3ls { border-right: 1px solid #b1b1b1; }

.advantage-block .fa-credit-card, .advantage-block .fa-clock-o { color: #ab00cb; font-size: 45px; margin-bottom: 10px; }

.advantage-block p i { color: #ab00cb; font-size: 13px; margin-right: 10px; }
/*--//services-section--*/
/*-- team --*/

.tab1 .team-img-w3-agile { background: url(../images/teamb1.jpg)no-repeat 0px 0px; }

.tab2 .team-img-w3-agile { background: url(../images/teamb2.jpg)no-repeat 0px 0px; }

.tab3 .team-img-w3-agile { background: url(../images/teamb3.jpg)no-repeat 0px 0px; }

.tab4 .team-img-w3-agile { background: url(../images/teamb4.jpg)no-repeat 0px 0px; }

.tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; min-height: 360px; width: 27%; margin-left: 4em; }

.team-Info-agileits { text-align: left; padding: 4em 0 0 3em; }

    .team-Info-agileits h4 { font-size: 25px; letter-spacing: 1px; }

    .team-Info-agileits span { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #7d7a7a; }

    .team-Info-agileits p { font-size: 16px; /* text-transform: uppercase; */ letter-spacing: .5px; color: #337ab7; line-height: 30px; margin: 1.5em 0 1em; }

.resp-tabs-list li { opacity: .5; }

li.resp-tab-item.resp-tab-active { opacity: 1; }

ul.resp-tabs-list { margin-left: 15em; }

.resp-tabs-list li img { border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); }
/*-- //team --*/
/*--rooms & rates --*/
.price-list ul { padding: 0px; list-style: none; }

.price-gd-top { text-align: center; position: relative; }

    .price-gd-top h4 { font-size: 1em; color: #fff; padding: 0.8em; background: rgba(15,36,83,0.9); font-weight: 300; position: absolute; bottom: 1em; right: 0em; }

.price-selet h3 { padding: 0.2em 0em 0em 0em; font-size: 1.7em; float: left; margin-left: 20px; }

    .price-selet h3 span { color: #ef0404; font-size: 31px; margin-right: 5px; }

.price-gd-bottom { background: #fff; text-align: center; padding: 1.8em 0em 1em; }

.price-gd-top img { width: 100%; }

.price-list ul li { padding: 0.5em 0em; font-size: 0.9em; color: #2b2b2b; display: inline-block; }

.price-selet { padding: 1em 0em; text-align: center; background: #fff; }

    .price-selet a { font-size: 1.1em; color: #fff; display: block; }

    .price-selet a { font-size: 0.9em; color: #000000; display: inline-block; padding: 0.5em 2em; background: #ab00cb; text-decoration: none; border: 2px solid #ecbf11; }

.price-block { /*box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);*/ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }

/*.price-block:hover, .w3layouts-pricing:hover, .w3-agileits-vpn-grid:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); z-index: 1; }*/
/*--//rooms & rates --*/
/*-- visitors --*/
.w3l-visitors-agile { background: rgba(15, 36, 83, 0.07); }

.title-agileits1 { text-align: center; }

    .title-agileits1 h3 { display: block; color: #212121; font-size: 2.5em; position: relative; padding-bottom: .5em; }

        .title-agileits1 h3:before { content: ''; background: #bdbdbd; height: 1px; width: 23%; position: absolute; bottom: 0%; left: 38%; }

        .title-agileits1 h3:after { content: ''; background: #00a4e4; height: 4px; width: 10%; position: absolute; bottom: -1px; left: 44%; }

h3.w3l-agile:before, h2.w3l-agile:before { content: ''; background: #ccc; height: 1px; width: 15%; position: absolute; bottom: 0%; left: 43%; }

.w3layouts_work_grid_left { float: left; width: 50%; position: relative; }

.w3layouts_work_grid_left_pos { position: absolute; top: 18%; right: -7%; width: 60%; }

.w3layouts_work_grid_right { float: right; width: 50%; padding: 5em 13em 0em 6em; margin-top: 5em; }

.w3layouts_work_grid_left_pos img { border: 10px solid #ffffff; box-shadow: 0 0 15px rgba(98,98,98,0.32); -webkit-box-shadow: 0 0 15px rgba(98,98,98,0.32); }

.w3layouts_work_grid_right h4 { font-size: 1em; color: #0f2453; text-transform: uppercase; letter-spacing: 2px; }

    .w3layouts_work_grid_right h4 i { color: #ab00cb !important; }

.w3layouts_work_grid_right h5 { font-size: 1.5em; letter-spacing: 2px; text-align: right; margin-top: 10px; color: #212121; line-height: 1.4em; text-transform: capitalize; }

.w3layouts_work_grid_right p { margin: 2em 0 0; color: #444; font-size: 16px; line-height: 2.2em; letter-spacing: 1px; }

    .w3layouts_work_grid_right p:nth-child(4) { color: #ab00cb; text-align: right; margin-top: 0 !important; font-size: 14px; line-height: 20px; }
/*-- //visitors --*/
/*-- Gallery Section --*/
#portfolio p { line-height: 1.8em; margin: 25px 0 0 0; font-size: 1.1em; color: #ffffff; font-weight: 300; }

.gallery-section h3 { margin: 0; color: #ffffff; font-size: 36px; font-weight: 500; letter-spacing: 18px; }

.gallery-grid { padding: 10px; text-align:center /*float: right;*/  }

#lightgallery h4 { font-size: 13pt !important; letter-spacing: 0px !important; }
.gallery1 { position: relative; max-height: 300px; overflow: hidden; }
    .gallery1 h4 { font-size: 14pt !important; letter-spacing: 0px !important; }
    .gallery1 .textbox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); background-color: rgba(15, 36, 83, 0.12); }

    .gallery1:hover .textbox { -webkit-transform: scale(1); transform: scale(1); }

.gallery-grid img { max-height: 284px; /*width: 100%;*/ }

.textbox { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; text-align: center; }

    .textbox h4 { font-size: 2em; color: #FFF; margin-top: 3.5em; text-transform: uppercase; font-weight: 700; letter-spacing: 5px; }

    .textbox p { font-size: 26px !important; color: #fff; margin: 6px 0 0 0 !important; padding: 3px 0; }

.gallery-grids { margin-top: 50px; }
/*-- //Gallery Section --*/
/*-- contact --*/
section.contact-w3ls { background: url(../images/contact.jpg) no-repeat; background-position: center; background-attachment: fixed; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%; }

    section.contact-w3ls p.contact-agile1 { font-size: 15px; letter-spacing: 1px; font-weight: normal; padding-bottom: 10px; line-height: 29px; color: #fff; }

        section.contact-w3ls p.contact-agile1 strong { font-family: Vazir, sans-serif; letter-spacing: 1.5px; color: #ab00cb !important; font-size: 16px; }

        section.contact-w3ls p.contact-agile1 a { color: #fff; }

    section.contact-w3ls .contact-agileits, .contact-w3-agile1 { background-color: rgba(0, 0, 0, 0.55); padding: 20px 35px; color: #eee; line-height: 30px; }

    section.contact-w3ls h4 { font-size: 18px; letter-spacing: 1.5px; font-weight: bold; color: #fff; padding-bottom: 20px; font-family: Vazir, sans-serif; text-align: center; }

    section.contact-w3ls p.contact-agile2 { font-size: 16px; font-weight: normal; padding-bottom: 20px; line-height: 30px; color: #fff; text-align: center; }

    section.contact-w3ls label.contact-p1 { font-size: 17px; letter-spacing: 1px; font-weight: 300; color: #fff; padding-bottom: 10px; font-family: Vazir, sans-serif; }

.form-group { margin-bottom: 5px; }

section.contact-w3ls p.help-block { color: #ff0500 !important; }

section.contact-w3ls input#name, section.contact-w3ls input#email, section.contact-w3ls input.themeText { height: 37px; }

section.contact-w3ls input#name, section.contact-w3ls input#email, section.contact-w3ls input.themeText { font-size: 17px; font-weight: normal; color: #fff; background-color: transparent; border-radius: 0; border-color: #fff; font-family: Vazir, sans-serif; }

section.contact-w3ls input.btn.btn-primary { color: #fff; background-color: transparent; border: 2px solid #ab00cb; font-size: 17px; padding: 10px 20px; width: 100%; font-family: Vazir, sans-serif; margin: 25px 0 8px; }

    section.contact-w3ls input.btn.btn-primary:hover { color: #fff; background-color: #ab00cb; border: 2px solid #ab00cb; }

input::-webkit-input-placeholder { color: #aaa !important; }
input:-moz-placeholder { /* Firefox 18- */ color: #aaa !important; }
input::-moz-placeholder { /* Firefox 19+ */ color: #aaa !important; }
input:-ms-input-placeholder { color: #aaa !important; }

textarea::-webkit-input-placeholder { color: #aaa !important; }
textarea:-moz-placeholder { /* Firefox 18- */ color: #aaa !important; }
textarea::-moz-placeholder { /* Firefox 19+ */ color: #aaa !important; }
textarea:-ms-input-placeholder { color: #aaa !important; }

.footer-icons-agileinfo { margin-left: 0 !important; }

.contact-w3-agile1 iframe { width: 100%; height: 190px; margin-top: 1.5em; outline: none; border: none; }
/*-- /contact --*/
/*--copy-right--*/
.copy { text-align: center; background: #0f2453; }

    .copy p { color: #fff; font-size: 14px; letter-spacing: 2px; padding: 1em; }

        .copy p a { color: #00cb4e; text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

            .copy p a:hover { color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
/*--//copy-right--*/
/*--//footer--*/
/*-- to-top --*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 30px; right: 25px; overflow: hidden; z-index: 999; width: 32px; height: 32px; border: none; text-indent: 100%; background: url(../images/arr.png) no-repeat 0px 0px; }

#toTopHover { width: 32px; height: 32px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*-- //to-top --*/







.w3layouts_work_grids { direction: ltr; }

.w3_grid_effect img { margin: auto; max-height: 150px; }

.w3_grid_effect a { color: #ab00cb; }

.p20 { padding: 20px; }

.galleryTitle { padding: 12px; font-size: 15pt; text-align: center; background-color: #ab00cb; color: #fff; }

.DateView { text-align: left; padding: 3px; padding-left: 20px; color: #eee; font-size: 9pt; background-color: #0f2453; margin-bottom:20px; }
    .DateView i { padding-left: 5px; }
    .DateView .fa-eye { padding-right: 10px; }

.divMain { padding: 28px 0; }
    .divMain .container-fluid { text-align: center; padding: 20px; line-height: 1.7; }

#gallery { padding: 30px; }

.tab-pane { padding: 20px; }
.cat { margin-top: 5px; }
    .cat li { list-style: none; }
        .cat li > .media { margin-bottom: 10px; /*border-bottom: 2px solid #cac7c7; border-top: 2px solid #cac7c7;*/ /*background-color: #f8f8f8;*/ padding: 10px;  background-color:#f8f8f8; border:1px solid #ddd; transition:1.3s all; -ms-transition:1.3s all; -webkit-transition:1.3s all }
            .cat li > .media:hover { border:1px solid #cfdbf3;}
.media-right img { max-height: 90px; border: 1px solid #ddd; padding: 2px; }
.media-heading { padding: 5px; min-height:40px; }
    .media-heading a { color: #5e74a7; }
 .media-heading a:hover {color:#3e5996 }
.comments_box .fa {  padding-left:3px;}
.meta_date { font-size: 9pt; padding: 0px 5px 0px 10px; color: #8c93a2; }
.meta_more { float: left; color: #bbb; }
    .meta_more a { color: #555; }
.imgbox { margin-top: 10px; width: 100%; text-align: center; }
    .imgbox img { margin-left: auto; margin-right: auto; }
.share_post { margin: 10px; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #0f2453 !important; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0f2453 !important; opacity: 1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0f2453 !important; opacity: 1; }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #0f2453 !important; }
::-ms-input-placeholder { /* Microsoft Edge */ color: #0f2453 !important; }



.detail-text .imgbox{
    text-align:center;
}

.detail-text { font-family: Yekan !important; font-size: 16px; text-align:justify }
    .detail-text img { max-width: 100%; font-family: Yekan !important; font-size: 16px; margin:0 auto }
    .detail-text p { line-height: 30px !important; font-size: 16px !important; font-family: Yekan !important; }
    .detail-text span { line-height: 30px !important; font-family: Yekan !important; font-size: 16px !important; }
    .detail-text div { line-height: 30px !important; font-family: Yekan !important; font-size: 16px !important; }
    .detail-text iframe { width: 100% !important; height: auto !important; min-height: 580px; border: 0px; }

.detail-moreimg img { float: right; margin-top: 1%; margin-bottom: 1%; }
.file-box { float: right; width: 31%; margin: 1%; background-color: #eee; padding: 10px; }
    .file-box .fa-info-circle { color: #81898E; margin-right: 7px; }


.share_post { display: inline; float: right; width: 100%; margin-top: 20px; }
    .share_post a { color: #fff; display: block; float: right; height: 32px; line-height: 32px; margin-bottom: 25px; margin-right: 10px; padding-right: 10px; }
.linkedin { background-color: #436fc9; }
    .linkedin i { background-color: #3967c6; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.telegram { background-color: #40bef4; }
    .telegram i { background-color: #26b5f2; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.instagram { background-color: #ec5f4a; }
    .instagram i { background-color: #e94d36; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }


.share_post .facebook { background-color: #436fc9; }
    .share_post .facebook i { background-color: #3967c6; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.share_post .twitter { background-color: #40bef4; }
    .share_post .twitter i { background-color: #26b5f2; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.share_post .googleplus { background-color: #ec5f4a; }
    .share_post .googleplus i { background-color: #e94d36; display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }
.share_post .linkedin { background-color: #007BB5; }
    .share_post .linkedin i { background-color: #346DA6; }
.share_post .stumbleupon { background-color: #EF4E23; }
    .share_post .stumbleupon i { background-color: #CA4638; }
.share_post .cloob { background-color: #8BC63E; }
    .share_post .cloob i { background-color: #3AAA35; }
/*.cloob i img { padding-top: 5px; }*/
.share_post .linkedin i, .stumbleupon i, .cloob i { display: block; float: left; font-size: 16px; height: 32px; line-height: 33px; margin-right: 10px; padding-top: 0; text-align: center; width: 32px; }


.comment_post { background-color: #fff; display: inline-block; float: right; text-align: right; direction: rtl; margin-bottom: 20px; padding: 0 15px; width: 100%; }
    .comment_post h2 { border-bottom: 1px dotted #333D43; font-size: 25px; padding-bottom: 5px; font-family: Yekan; text-align: right; }
    .comment_post .fa { color: rgba(7,81,90,0.7); margin-left: 5px; }
    .comment_post .fa-clock-o { margin-right: 10px; }
    .comment_post .col-md-4 { text-align: left; }
    .comment_post .com-like { color: #888; font-family: Yekan; font-size: 18px; margin-left: 5px; cursor: pointer; }
        .comment_post .com-like .fa { color: #888; }
    .comment_post .com-dislike { color: #888; font-size: 18px; cursor: pointer; }
        .comment_post .com-dislike .fa { color: #888; }

.comment-box { background-color: #F0F3F5; padding: 3px; margin-bottom: 15px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.comment-box-header { background-color: #E0E3E6; padding-top: 5px; margin-bottom: 10px; border-top-left-radius: 5px; -o-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -o-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; }

.answer-box { position: relative; background-color: #fff; width: 90% !important; margin: 3%; padding: 10px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
    .answer-box:after { content: ''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -10px; right: 10px; }

.pager-container { padding-bottom: 25px; }
.PagingButton { background-color: #fff; padding: 1px; border: 1px solid #c8cfdc; padding-right: 9px; padding-left: 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #798fb6; font-size: 10pt; font-family: Yekan; }
.currentLable { background-color: #cccccc; padding: 2px; padding-right: 9px; padding-left: 9px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 10pt; }


.logo { padding: 0px 15px 10px 0px; text-align:center }
.marqarea { background-color: #f4f9f9; height: 40px; padding-top: 7px; border-top: 2px solid #fff; }


.content-header { padding-top:15px; /*float:right;*/ font-size:12pt; text-align:right; min-height:100px; direction:rtl; transition:1.1s all; color:#444; }
    .content-header:hover { background-color:rgba(0, 0, 0, 0.05); border-radius:2px;-ms-border-radius:2px; -webkit-border-radius:2px; }
    .content-header img { max-height:80px; max-width:90px;  /*width:100%*/}


.mainImg { float:right; max-width:450px; padding-left:20px; padding-bottom:20px; }
.contact { padding: 30px; line-height: 30px; }
    .contact .fa { color:#999 }

.gallery-box {  margin-bottom:20px; }
.gallery-cover { max-height: 260px; margin: 0 auto; margin-bottom: 0px; margin-bottom: 10px; }
#divColleagues,
#divgallery { direction:ltr; }
blockquote { border:0px !important }











/*--responsive--*/
@media(max-width:1600px) {
    .callbacks_tabs { top: 80%; }

    .thim-click-to-bottom { bottom: 6%; left: 49%; }
}

@media(max-width:1440px) {
    /*.agileits-banner-info { padding: 5em 2em; }*/

    .callbacks_tabs { left: 46%; }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 540px; }

    .thim-click-to-bottom { bottom: 11%; }

    .fields-w3ls { width: 21.5%; }
}

@media(max-width:1366px) {
    /*.agileits-banner-info h4 { font-size: 3.5em; }

    .agileits-banner-info { margin-top: 5em; }*/

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 460px; }

    .callbacks_tabs { top: 85.5%; }

    .thim-click-to-bottom i { height: 53px; }

    .book-form-left-w3layouts h2 { padding: 61px 0; font-size: 23px; letter-spacing: 3.5px; }

    .w3layouts_work_grid_right { padding: 5em 11em 0em 6em; margin-top: 4em; }

    .contact-w3-agile1 iframe { height: 190px; }

    ul.resp-tabs-list { margin-left: 17em; }
}

@media(max-width:1280px) {
    .book-form form input[type="submit"] { margin-left: 0.2em; }

    .book-form { padding: 0 0 0 23px; }

    .w3layouts_work_grid_right { padding: 5em 11em 0em 5em; margin-top: 2.5em; }

    .textbox h4 { font-size: 1.7em; }
}

@media(max-width:1080px) {
    .navbar-brand { font-size: 26px; }

    p.logo_w3l_agile_caption { letter-spacing: 4.7px; font-size: 10px; }

    .menu__link { font-size: .8em; }

    .agileits-banner-info h4 { font-size: 3.3em; /*letter-spacing: 23px;*/ }

    .agileits-banner-info h3 { font-size: 1.2em; /*letter-spacing: 9px;*/ }

    .agileits-banner-info p { font-size: .9em; /*letter-spacing: 9px;*/ }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 400px; }

    /*.agileits-banner-info { margin-top: 4em; }*/

    .callbacks_tabs { left: 44.8%; }

    .agileits_w3layouts_more a { font-size: 12.5px; margin-top: 2.5em; }

    .thim-click-to-bottom { bottom: 11%; left: 48.5%; }

    .book-form-left-w3layouts h2 { padding: 54px 0; font-size: 16px; }

    .book-form form input[type="submit"] { padding: 0em 1.6em; height: 125px !important; font-size: 14px; }

    .book-form p { font-size: 12px; }

    .fields-w3ls { width: 20.5%; margin: 1.8em 1em 0 0; }

    .book-form { height: 125px; }

    .contact-w3ls, .advantages, .w3l-visitors-agile, .plans-section, .team { padding: 70px 0px; }

    .about-wthree { padding: 4em 0 21.2em 0px; background-image: url('../images/bg_center.jpg'); background-position: center center; }

    .banner-bottom h3 span { font-size: 22px !important; letter-spacing: 2px; }

    .cbp-ig-icon:before { font-size: 3em; }

    .cbp-ig-grid .cbp-ig-title { font-size: .9em; letter-spacing: 2px; }

    .cbp-ig-grid .cbp-ig-category { text-transform: uppercase; display: inline-block; font-size: .8em; letter-spacing: 1.5px; }

    h3.title-w3-agileits { font-size: 2.4em; margin-bottom: .8em; }

    .w3l-slider-img { top: 23em; }

    .w3ls-info-about h4 { font-size: 1.2em; }

    .w3ls-info-about { left: 48%; padding: 2em 3em; top: 110%; }

        .w3ls-info-about p { letter-spacing: 1.5px; }

    .advantage-block p { padding-left: 1em; }

    .advantage-block .fa-credit-card, .advantage-block .fa-clock-o { font-size: 40px; }

    .advantage-block h4 { font-size: 23px; letter-spacing: 2px; }

    .resp-tabs-list li img { border-radius: 100%; width: 85%; margin: 0 auto; }

    .resp-tabs-list li { padding: 11px 10px; }

    ul.resp-tabs-list { margin-left: 11.5em; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { width: 33%; }

    .team-Info-agileits h4 { font-size: 23px; }

    .team-Info-agileits { padding: 3.3em 0 0 3em; }

        .team-Info-agileits p { margin: 1.3em 0 .8em; }

    .price-grid { padding: 0px 10px; }

    .price-gd-top h4 { font-size: 1.3em; bottom: 1em; }

    .price-selet h3 { font-size: 1.5em; }

    .price-selet a { padding: 0.5em 1.7em; }

    .w3layouts_work_grid_left { width: 45%; }

    .w3layouts_work_grid_right h4 { font-size: 15px; }

    .w3layouts_work_grid_right { padding: 1em 9em 0em 1em; margin-top: 2.5em; }

        .w3layouts_work_grid_right h5 { font-size: 1.3em; }

    .flex-control-nav { top: 23%; }

    section.contact-w3ls h4 { font-size: 29px; }

    section.contact-w3ls label.contact-p1 { font-size: 15px; padding-bottom: 6px; }

    section.contact-w3ls p.contact-agile1 { line-height: 24.7px; }

    section.contact-w3ls button.btn.btn-primary { padding: 8px 20px; }

    .contact-w3-agile1 iframe { height: 185px; }

    section.contact-w3ls p.contact-agile1 { font-size: 13px; }

    .textbox h4 { font-size: 1.5em; }
}

@media(max-width:1050px) {
}

@media(max-width:1024px) {
    .navbar-brand { font-size: 23px; letter-spacing: 4px; }

    p.logo_w3l_agile_caption { letter-spacing: 3.2px; }

    .search_form input[type='search'] { width: 266px; }

    .search_form input[type='submit'] { font-size: 12px; letter-spacing: 1px; padding: 6.5px 19px; }

    .search_box:checked ~ .search_form { width: 384px; }

    .agileits-banner-info h4 { font-size: 2.9em; /*letter-spacing: 20px;*/ }

    .agileits-banner-info h3 { font-size: 1.1em; /*letter-spacing: 8px;*/ }

    /*.agileits-banner-info p { letter-spacing: 9px; }*/

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 380px; }

    .callbacks_tabs { left: 44.5%; top: 50.5%; }

    .thim-click-to-bottom { bottom: 19%; }

    /*.agileits-banner-info { margin-top: 3em; }*/

    .w3layouts_work_grid_right { margin-top: 2em; }

    .thim-click-to-bottom { bottom: 10%; }

    .textbox h4 { font-size: 1.3em; }
}

@media(max-width:991px) {
    /*.menu__link { font-size: .76em; }

    .navbar-nav > li > a { padding: 0 1em; }

    .navbar-brand { font-size: 22px; }*/

    p.logo_w3l_agile_caption { letter-spacing: 3px; }

    /*.agileits-banner-info { padding: 4em 0em; }*/

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 360px; }

    .thim-click-to-bottom { bottom: 14%; }

    .book-form-left-w3layouts h2 { padding: 20px 0; }

    .book-form { padding: 0 0 0 57px; }

        .book-form form input[type="submit"] { margin-left: 1.3em; }

    .banner-bottom h3 span { font-size: 20px !important; }

    .banner-bottom h3 { font-size: 14px; line-height: 2.5em; }

    .cbp-ig-grid li:last-child, .cbp-ig-grid li:nth-child(3) { border-top: 1px solid #cfdbf3; }

    .cbp-ig-grid li:nth-child(2) { border-right: 1px solid #cfdbf3; }

    .w3l-slider-img { width: 60%; left: 1em; }

    .w3ls-info-about { left: 32%; padding: 1.5em 3em; top: 104.5%; width: 68%; border: 8px solid #000; }

    .w3l-slider-img { border: 8px solid rgba(255, 255, 255, 0.4); }

    .left-w3ls { border-bottom: 1px solid #b1b1b1; border-right: none; }

    .advantage-grid { width: 80%; margin: 0 auto; }

    ul.resp-tabs-list { margin-left: 5em; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { width: 40%; float: left; margin-left: 0em; }

    .team-Info-agileits { padding: 3em 0 0 2.5em; float: left; width: 60%; }

    .price-grid { padding: 0px 10px; width: 41%; float: left; margin: 0 2.02em; }

        .price-grid:nth-child(1), .price-grid:nth-child(2) { margin-bottom: 2em; }

    .price-gd-top h4 { bottom: 1em; }

    h3.title-w3-agileits { font-size: 2.3em; }

    .w3layouts_work_grid_right { margin-top: 1em; padding: 1em 6em 0em 1em; }

    .contact-w3-agile2 { padding-left: 0; }

    section.contact-w3ls h4 { font-size: 25px; padding-bottom: 15px; }

    section.contact-w3ls .contact-agileits, .contact-w3-agile1 { padding: 20px 25px; }

    section.contact-w3ls p.contact-agile1 strong { font-size: 14px; }

    section.contact-w3ls p.contact-agile1 { font-size: 13px; }

    .contact-w3-agile1 iframe { height: 175px; }

    section.contact-w3ls p.contact-agile1 { padding-bottom: 4.5px; }

    .about-wthree { padding: 4em 0 16.8em 0px; }

    .w3ls_banner_bottom_grids { margin: 2.5em 0 0; }

    .gallery-grid { padding: 0; float: left; width: 33%; }

    .textbox h4 { margin-top: 4.5em; }
}

@media(max-width:900px) {
    .callbacks_tabs { left: 44%; }

    .social-icons3 li a { height: 25px; width: 25px; margin-right: .5em; font-size: 14px; line-height: 26px; }

    ul.social-icons3 { margin-top: .6em; }

    .contact-bnr-w3-agile ul li { padding: 10px 14px; }

    .book-form { padding: 0 0 0 45px; }

    .advantage-block h4 { font-size: 21px; }

    .advantage-block .fa-credit-card, .advantage-block .fa-clock-o { font-size: 35px; margin-bottom: 3px; }

    ul.resp-tabs-list { margin-left: 4.5em; }

    .tpl6 .dmbutton { margin: 90px 5px 20px 5px; }

    .search_box:checked ~ .search_form { top: 43px; }

    .w3layouts_work_grid_right p { margin: 1em 0 0; }

    .form-group { margin-bottom: 0px; }

    section.contact-w3ls button.btn.btn-primary { margin: 21px 0 8px; }
       .mainImg { float:none; margin:0 auto }
}

@media(max-width:800px) {
    .agileits-banner-info h4 { font-size: 2.5em; letter-spacing: 18px; }

    .agileits-banner-info p { letter-spacing: 6px; font-size: .8em; }

    /*.agileits-banner-info { margin-top: 1.5em; }*/

    .agileits_w3layouts_more a { font-size: 12px; margin-top: 2em; padding: 6px 20px; }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 273px; }

    .callbacks_tabs { left: 42.85%; top: 51.5%; }

    .thim-click-to-bottom i { height: 40px; width: 25px; line-height: 39px; font-size: 15px; }

    .thim-click-to-bottom { bottom: 10%; }

    .book-form-left-w3layouts h2 { padding: 15px 0; font-size: 15px; }

    .book-form { padding: 0 0 0 25px; }

        .book-form form input[type="submit"] { margin-left: .3em; }

    .banner-bottom h3 span { font-size: 19px !important; }

    .tpl6 .dmbutton { margin: 78px 5px 20px 5px; }

    .w3layouts_work_grid_right p { font-size: 15px; line-height: 1.8em; letter-spacing: 0.5px; }

    .w3layouts_work_grid_right h4 { font-size: 13px; letter-spacing: 1px; }

    .w3layouts_work_grid_right { margin-top: 0.5em; }

        .w3layouts_work_grid_right h5 { font-size: 1.2em; }

    .flex-control-nav { top: 10%; }

    h3.title-w3-agileits { font-size: 2.1em; }

    .textbox h4 { margin-top: 4em; font-size: 1.2em; }
}

@media(max-width:768px) {
    .special-container { width: 60%; }
    .book-form form input[type="submit"] { font-size: 13px; }

    .banner-bottom h3 span { font-size: 16px !important; }

    .banner-bottom h3 { font-size: 13px; }

    .w3_grid_effect { padding: 1.5em; }

    .cbp-ig-icon:before { font-size: 2.5em; }

    .cbp-ig-grid .cbp-ig-title { font-size: .8em; }

    p.about-para-w3ls { font-size: 14.5px; }

    .w3l-slider-img { top: 20.5em; }

    .w3ls-info-about h4 { font-size: 1.1em; }

    .w3ls-info-about p { font-size: 0.8em; }

    .w3ls-info-about { left: 36%; top: 105.5%; width: 64%; }

    .advantage-block h4 { font-size: 19px; margin: 0.8em 0em 0.2em 0em; }

    .advantage-block p { font-size: 14.5px; line-height: 33px; }

    .resp-accordion img { border-radius: 50%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16); }

    h2.resp-accordion:first-child, h2.resp-accordion { border-top: none !important; border: none !important; }

    .w3layouts_work_grid_left_pos img { border: 7px solid #ffffff; }

    .team-Info-agileits p { font-size: 14.5px; }

    .team-Info-agileits h4 { font-size: 20px; }

    .w3layouts_work_grid_right p { font-size: 14.5px; line-height: 2em; }

    .flex-control-paging li a { font-size: 13px; }

    h3.title-w3-agileits { font-size: 2em; letter-spacing: 2px; }

    .w3layouts_work_grid_right h5 { font-size: 1.1em; }

    .contact-w3ls, .advantages, .w3l-visitors-agile, .plans-section, .team { padding: 55px 0px; }

    .about-wthree { padding: 4em 0 15.9em 0px; }

    .about-wthree { padding: 3em 0 13.9em 0px; }
 

}

@media(max-width:767px) {

    /*.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

    .navbar-default .navbar-toggle { border-color: #ab00cb; margin-top: 3px !important; }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }

    .nav > li > a { display: inline-block; }

    .navbar-collapse { box-shadow: none; }*/

    /*.menu__list { margin: 0; padding: 1em 0; background: #0a0a0a; text-align: center; }

    .menu--iris .menu__item { margin: 0 0 1em; }*/

    /*.navbar-nav .open .dropdown-menu { background-color: #1f7f9a; }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 25px; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; position: absolute; width: 100%; background: #a5a5a5; z-index: 999; }

    .navbar-toggle { margin: .8em 0 0; }

    .navbar-nav > li > a { padding: 0 3em !important; padding-top: 0px !important; }*/

    .nav-tabs { margin: 2em 0; }

    .w3_tab_img_left { padding: 0 5px; width: 50%; float: left; }

    .navbar-toggle { margin: 0em 0 0; border-radius: 0; padding: 10px 10px; }

    .thim-click-to-bottom { left: 48%; }

    .price-gd-top h4 { bottom: 1em; font-size: 1.2em; }

    .price-selet a { padding: 0.3em 1.7em; }

    .price-gd-bottom { padding: 1.3em 0em 1em; }

    .price-selet { padding: .5em 0em; }

        .price-selet h3 { padding: 0em 0em 0em 0em; }

    .modal-dialog { width: 80%; margin: 2.5em auto 0; }

    .contact-w3-agile2 { padding: 0; margin-bottom: 1em !important; }

    .contact-w3-agile2, .contact-w3-agile1 { width: 80%; margin: 0 auto; }

    section.contact-w3ls p.contact-agile2 { font-size: 14px; letter-spacing: 1px; }

    .contact-w3-agile1 iframe { height: 200px; }
}

@media(max-width:736px) {
    .agileits-banner-info h4 { font-size: 2.1em; /*letter-spacing: 14px;*/ }

    .agileits-banner-info h3 { font-size: 15px; /*letter-spacing: 6px;*/ }

    /*.agileits-banner-info { padding: 2.5em 0em; }*/

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 240px; }

    .callbacks_tabs { left: 42.5%; top: 46.5%; }

    .book-form-left-w3layouts h2 { padding: 12px 0; font-size: 14px; }

    .banner-bottom h3 span { font-size: 15px !important; }

    .banner-bottom h3 { font-size: 12px; }

    .w3ls_banner_bottom_grids { margin: 1.55em 0 0; }

    .w3ls-info-about { left: 39%; top: 104.5%; width: 60%; border: 7px solid #000; padding: 1em 2em; }

        .w3ls-info-about h4 { font-size: 1.05em; }

    .about-wthree { padding: 4em 0 14em 0px; }

    .dmbutton { padding: 9px 13px; }

    a.dmbutton i { font-size: 15px; }

    .viewbox-button-next { right: -33px; }

    .viewbox-button-prev { left: -33px; }

    .viewbox-button-close { width: 45px; height: 45px; }

    .price-grid { width: 43%; margin: 0 1.5em; }

    .w3layouts_work_grid_left { width: 70%; float: none; margin: 0 auto; }

    .w3layouts_work_grid_right { float: none; width: 100%; margin-top: 0em; padding: 2em 7em 0em; }

    .flex-control-nav { top: 17%; }

    .textbox h4 { font-size: 1.1em; letter-spacing: 3px; }
}

@media(max-width:667px) {
    .book-form p { font-size: 11px; }

    .fields-w3ls { width: 20.5%; margin: 1.8em .5em 0 0; }

    .book-form input[type="text"], .book-form input[type="date"], .book-form input[type="time"], .book-form input[type="email"], .book-form .form-control { font-size: 0.8em; }

    .book-form select.form-control { height: 34.8px; }

    .book-form form input[type="submit"] { font-size: 12px; }

    .fields-w3ls { width: 20.5%; margin: 1.2em .3em 0 0; }

    .book-form form input[type="submit"] { margin-left: .6em; height: 111px !important; }

    .w3l-slider-img { top: 23.5em; border: 6px solid rgba(255, 255, 255, 0.4); width: 50%; }

    .w3ls-info-about { left: 33%; width: 67%; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 318px; }

    .team-Info-agileits { padding: 1.8em 0 0 2em; }

    .viewbox-button-next { right: 18px; }

    .viewbox-button-prev { left: 18px; }

    .viewbox-button-next, .viewbox-button-prev { top: 54%; width: 90px; height: 90px; }

    .viewbox-body { top: 52%; }

    .tpl6 .dmbutton { margin: 67px 5px 20px 5px; }

    .price-grid { width: 48%; margin: 0 .3em; }

    .flex-control-nav { top: 14%; }

    .book-form { height: 111px; }

    .textbox h4 { margin-top: 3em; }
}

@media(max-width:640px) {
    .agileits-banner-info h4 { font-size: 2em; /*letter-spacing: 12px;*/ }

    .agileits-banner-info h3 { font-size: 13px; }

    .agileits-banner-info p { letter-spacing: 6px; font-size: .7em; }

    .agileits_w3layouts_more a { font-size: 11px; margin-top: 1.3em; padding: 5px 15px; }

    .callbacks_tabs a:after { height: 9px; width: 9px; }

    .callbacks_tabs li { margin: 0px 5px; }

    .callbacks_tabs { top: 49.5%; }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 200px; }

    /*.agileits-banner-info { margin-top: 1em; }*/

    .thim-click-to-bottom { bottom: 6%; }

    .contact-bnr-w3-agile ul li i { font-size: 15px; margin-right: 9px; }

    .contact-bnr-w3-agile ul li { padding: 10px 9px; }

    .modal-content h4 { font-size: 22px; }

    .modal-content h5 { font-size: 20px; }

    .modal-content p { font-size: 14px; line-height: 28px; }

    .contact-w3ls, .advantages, .w3l-visitors-agile, .plans-section, .team { padding: 45px 0px; }

    .about-wthree { padding: 3em 0 13.5em 0px; }

    .w3ls-info-about h4 { font-size: 1em; }

    .w3ls-info-about { padding: 1em 1.9em; }

    h3.title-w3-agileits { font-size: 1.8em; }

    .advantage-block h4 { font-size: 18px; }

    .tpl6 .dmbutton { margin: 62px 5px 20px 5px; }

    /*.price-gd-top h4 { top: 12.8em; }*/
}

@media(max-width:600px) {
    .thim-click-to-bottom { bottom: 5%; }

    .book-form-left-w3layouts h2 { padding: 10px 0; font-size: 12px; }

    .fields-w3ls { width: 19.5%; }

    .book-form p { font-size: 10px; letter-spacing: 1.5px; }

    .book-form { height: 106px; }

        .book-form form input[type="submit"] { height: 106px !important; }

    .banner-bottom h3 span { font-size: 14px !important; letter-spacing: 1px; }

    .w3l-slider-img { top: 18.5em; width: 48%; }

    .w3ls-info-about { left: 27%; width: 73%; }

    .about-wthree { padding: 2.6em 0 11.4em 0px; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 275px; }

    .advantage-block { padding: 1.5em 1em; }

    .team-Info-agileits { padding: 1.1em 0 0 1.9em; }

        .team-Info-agileits p { margin: .6em 0 .1em; }

    .tpl6 .dmbutton { margin: 96px 5px 20px 5px; }

    /*.price-gd-top h4 { top: 11.8em; }*/

    .w3layouts_work_grid_left { width: 80%; }

    .w3layouts_work_grid_right { padding: 2em 4em 0em; }

    section.contact-w3ls h4 { font-size: 23px; }

    section.contact-w3ls p.contact-agile2 { line-height: 15px; }

    .textbox h4 { margin-top: 5em; font-size: 1em; }

    .gallery-grid { padding: 0; float: left; width: 50%; }

    .textbox h4 { margin-top: 3.8em; }
}

@media(max-width:568px) {
    .callbacks_tabs { left: 41.1%; }

    .thim-click-to-bottom i { height: 33px; width: 20px; line-height: 32px; font-size: 13px; }

    .fields-w3ls { width: 67%; margin: 0em auto 0; float: none; }

    .book-form { height: 285px; padding: 1.5em 0 0 0; }

        .book-form form input[type="submit"] { height: 40px !important; margin: 1em 0 0 14.5em; }

    .banner-bottom h3 { font-size: 11px; }

    #ui-datepicker-div { width: 215px; }

    .w3ls-info-about { left: 19.8%; width: 80%; }

    .advantage-grid { width: 85%; }

    .team-Info-agileits { padding: 0.2em 0 0 1.9em; }

    .tpl6 .dmbutton { margin: 89px 5px 20px 5px; }

    .price-grid { width: 100%; margin: 0 auto; }

    .priceing-table-main { width: 51%; margin: 0 auto; }

    .price-grid:nth-child(1), .price-grid:nth-child(2), .price-grid:nth-child(3) { margin-bottom: 1.5em; }

    .copy p { font-size: 13px; }
}

@media(max-width:480px) {
    .special-container { width: 100%; }
    .banner-top .social-bnr-agileits { float: none; text-align: center; margin: 10px 0; }

    .search_form { top: 89px; }

    .search_box:checked ~ .search_form { top: 87px; }

    .contact-bnr-w3-agile ul li { padding: 10px 20px; }

    /*.navbar-brand { font-size: 20px; }

    p.logo_w3l_agile_caption { letter-spacing: 2.2px; line-height: 17px; }

    .navbar-toggle .icon-bar { width: 19px; }

    .navbar-default .navbar-toggle { margin-top: 5px !important; padding: 7px 8px; }

    nav.navbar.navbar-default { padding: .58em 0 0em 0; }*/

    .agileits-banner-info h4 { font-size: 1.5em; /*letter-spacing: 10px;*/ }

    .agileits-banner-info p { margin: .5em auto; /*letter-spacing: 4px;*/ }

    /*.agileits-banner-info { padding: 2em 0em; }*/

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 200px; }

    .callbacks_tabs { top: 46.5%; left: 39.9%; }

    .thim-click-to-bottom { left: 47.5%; }

    .book-form form input[type="submit"] { margin: .9em 0 0 11em; }

    .banner-bottom h3 { letter-spacing: 1.5px; }

    .cbp-ig-grid .cbp-ig-title { font-size: .7em; }

    .cbp-ig-grid .cbp-ig-category { font-size: .75em; }

    p.about-para-w3ls { font-size: 14px; }

    .w3ls-info-about { left: 0%; width: 100%; top: 108.5%; }

    .about-wthree { padding: 2.6em 0 12em 0px; }

    .advantage-block p { font-size: 14px; line-height: 30px; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 360px; width: 83%; margin: 0 auto; float: none; }

    .team-Info-agileits { padding: 1.5em 0 0 1.9em; width: 100%; float: none; }

        .team-Info-agileits p { font-size: 14px; }

        .team-Info-agileits span { font-size: 11px; }

        .team-Info-agileits h4 { font-size: 19px; }

    .tpl6 .dmbutton { margin: 70px 5px 20px 5px; }

    .viewbox-button-next, .viewbox-button-prev { top: 58%; }

    .priceing-table-main { width: 61%; }

    .price-gd-top h4 { /*top: 12.8em;*/ font-size: 1.1em; }

    .price-selet h3 { font-size: 1.3em; }

        .price-selet h3 span { font-size: 27px; }

    .price-selet a { padding: 0.2em 1.5em; }

    .flex-control-nav li { margin: 9px 0; }

    .flex-control-nav { top: 13%; }

    h3.title-w3-agileits { font-size: 1.6em; }

    .w3layouts_work_grid_right p { font-size: 14px; letter-spacing: 0.5px; line-height: 30px; }

    .w3layouts_work_grid_right h4 { font-size: 12px; }

    section.contact-w3ls input#name, section.contact-w3ls input#email, section.contact-w3ls input#phone { height: 30px; }

    section.contact-w3ls button.btn.btn-primary { padding: 5px 20px; }

    section.contact-w3ls label.contact-p1 { font-size: 14px; padding-bottom: 2px; }

    .contact-w3-agile2, .contact-w3-agile1 { width: 100%; }

    .copy p { font-size: 13px; line-height: 29px; padding: 10px 20px; }
}

@media(max-width:414px) {
    .contact-bnr-w3-agile ul li { padding: 10px 9px; }

    /*.agileits-banner-info p { letter-spacing: 3px; }*/

    .callbacks_tabs { left: 38.4%; }

    .thim-click-to-bottom { bottom: 6%; }

    /*.agileits-banner-info { padding: 1.8em 0em; }*/

    .book-form form input[type="submit"] { margin: .9em 0 0 8.5em; }

    .cbp-ig-grid li { width: 100%; }

        .cbp-ig-grid li:last-child { border-right: none; }

    .cbp-ig-grid li { border-left: none; }

        .cbp-ig-grid li:nth-child(2) { border-top: 1px solid #cfdbf3; border-right: none; }

    .w3l-slider-img { top: 19.5em; width: 70%; left: 3.4em; }

    .w3ls-info-about { top: 132.5%; padding: 1em 1em; }

    .about-wthree { padding: 2.6em 0 19em 0px; }

    .advantage-block { padding: 1.5em .8em; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 355px; width: 100%; }

    .team-Info-agileits { padding: 1.5em 0 0 0em; }

    .tpl6 .dmbutton { margin: 131px 5px 20px 5px; }

    .viewbox-button-next { right: 2px; }

    .viewbox-button-prev { left: 2px; }

    .priceing-table-main { width: 72%; }

    .flex-control-nav { top: 9%; right: 2.5%; }

    .w3layouts_work_grid_right { padding: 2em 2.5em 0em; }

        .w3layouts_work_grid_right h5 { font-size: 1em; letter-spacing: 1.5px; }

        .w3layouts_work_grid_right p:nth-child(4) { font-size: 13px; letter-spacing: 1px; }

    .copy p { padding: 10px 21px; }

    .contact-bnr-w3-agile ul li { width: 100%; float: none; text-align: center; }

    .search_box:checked ~ .search_form { width: 396px; padding: 10px 15px; }

    .contact-bnr-w3-agile { float: none; }

        .contact-bnr-w3-agile ul li { padding: 7px 0px; }

    .search_box:checked ~ .search_form { top: 151px; }

    .search_form { top: 152px; }

    .banner-top .social-bnr-agileits { margin: 15px 0 6px; }

    .textbox h4 { margin-top: 3.1em; font-size: .9em; }
}

@media(max-width:384px) {
    /*.agileits-banner-info h3 { letter-spacing: 5px; }

    .agileits-banner-info p { letter-spacing: 2px; }*/

    .callbacks_tabs li { margin: 0px 4px; }

    .search_box:checked ~ .search_form { width: 365px; }

    .search_form input[type='search'] { width: 250px; }

    .search_form input[type='submit'] { padding: 6.2px 12px; }

    .book-form form input[type="submit"] { margin: .9em 0 0 7.3em; }

    .cbp-ig-grid .cbp-ig-title { font-size: .9em; }

    .cbp-ig-grid .cbp-ig-category { font-size: .95em; }

    .callbacks_tabs { top: 44.5%; }

    .fields-w3ls { width: 75%; }

    .w3ls-info-about { top: 120.5%; }

        .w3ls-info-about p { line-height: 1.8em; padding: 7px 0; }

    .advantage-block p { line-height: 28px; }

    .priceing-table-main { width: 78%; }

    h3.title-w3-agileits { font-size: 1.5em; }

    .w3layouts_work_grid_left_pos { top: 14%; width: 65%; }

    .flex-control-nav { top: 7%; }

    .advantage-block h4 { font-size: 16px; }
}

@media(max-width:375px) {
    .contact-w3ls, .advantages, .w3l-visitors-agile, .plans-section, .team { padding: 40px 0px; }

    .about-wthree { padding: 2.2em 0 18em 0px; }

    .tpl6 .dmbutton { margin: 116px 5px 20px 5px; }

    .priceing-table-main { width: 80%; }

    .search_box:checked ~ .search_form { width: 357px; padding: 10px 10px; }

    .navbar-brand { font-size: 18px; }

    p.logo_w3l_agile_caption { letter-spacing: 1.5px; line-height: 14px; }

    /*.agileits-banner-info { margin-top: .5em; }*/

    .callbacks_tabs { top: 41.5%; }

    .advantage-block { padding: 1.2em .8em; }

    .viewbox-button-next, .viewbox-button-prev { top: 60%; width: 80px; height: 80px; }

    .flex-control-nav li { margin: 8px 0; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 290px; }
}

@media(max-width:320px) {
    .search_form input[type='search'] { width: 190px; }

    .search_box:checked ~ .search_form { width: 303px; }

    .agileits-banner-info h4 { font-size: 1.3em; /*letter-spacing: 8px;*/ }

    .agileits-banner-info h3 { letter-spacing: 3px; /*font-size: 12px;*/ }

    /*.agileits-banner-info p { letter-spacing: 0.4px; }*/

    .agileits_w3layouts_more a { margin-top: 1.1em; }

    .callbacks_tabs { left: 36.4%; }

    .w3layouts-banner-top, .w3layouts-banner-top1, .w3layouts-banner-top2 { min-height: 180px; }

    .thim-click-to-bottom { bottom: 5%; }

    .book-form form input[type="submit"] { margin: .9em 0 0 4.6em; }

    .banner-bottom h3 span { font-size: 13px !important; }

    .w3l-slider-img { top: 21.5em; width: 76%; left: 2em; }

    .advantage-block p { padding-left: 0.5em; }

    .advantage-grid { width: 95%; }

    .tab1 .team-img-w3-agile, .tab2 .team-img-w3-agile, .tab3 .team-img-w3-agile, .tab4 .team-img-w3-agile { min-height: 245px; }

    .resp-tab-content { padding: 20px; }

    .tpl6 .dmbutton { margin: 99px 5px 20px 5px; }

    .priceing-table-main { width: 90%; }

    .price-gd-top h4 { /*top: 12.5em;*/ font-size: 1.05em; }

    h3.title-w3-agileits { font-size: 1.4em; line-height: 33px; }

    .w3layouts_work_grid_right { padding: 2em 1.9em 0em; }

    .w3layouts_work_grid_left { width: 85%; }

    .w3layouts_work_grid_left_pos { top: 10%; width: 72%; }

    .flex-control-nav { top: 5%; right: 0%; }

    section.contact-w3ls h4 { font-size: 21px; }

    section.contact-w3ls p.contact-agile2 { font-size: 13px; }

    section.contact-w3ls .contact-agileits, .contact-w3-agile1 { padding: 15px 17px; }

    .gallery-grid { padding: 0; float: left; width: 100%; }

    .textbox h4 { margin-top: 5.5em; }
}
/*--responsive--*/



/*tag haye man*/
.margingtop { margin-top: 20px; /*border:1px solid green;*/ padding: 0; }
.backmenu { background-color: #014A81; }
.border-radius4 { border-radius: 4px; }
.padding-top-bottom { padding-top: 10px; padding-bottom: 10px; }

.text-align_c { text-align: center; }
.text-align_l { text-align: left; }
.margin_padding_0 { margin: 0; padding: 0; }
.defultcss { margin-bottom: 20px; background-color: #fff; padding: 10px; }

.Myshadow { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }
.footerBox { background-color: #ffffff; margin-top: 20px; border-top: 1px solid #444; }
.border-top { border-top: 1px solid #444; }
.border-top6 { border-top: 6px solid #AB00CA; }
.footerback { background-color: #493C36; color: #fff; direction: ltr; padding: 15px; }
    .footerback a { color: #FF3300; }
.TitleSlider { color: #000;  font-family: 'BYekan'; }
.SubTitleslider { color: #7c7575; padding: 15px; font-family: 'BYekan'; }
.width100d{  width:100%; }
.width100d{ height:100px }
.paddingtop35{
padding-top:35px;
} 
.paddingbottom15{
    padding-top:15px;
}
.paddingtop15{
    padding-top:15px;
}
.paddingtop7{
    padding-top:7px;
}
.marginbottom7 {
    margin-bottom:7px
}
.margintop15 {
    margin-top:15px
}
.margintop45 {
    margin-top:45px
}
.marginbottom45{
margin-bottom:45px;
}
.backgroundcolorfff{
    background-color:#fff
}
.backgroundcolor014A81{
    background-color:#014A81
}
.backgroundcolor9b75ff{
    background-color:#9b75ff
}

.backgroundcolorab00cb{
    background-color:#ab00cb
}
.backgroundcolorff00cc{
    background-color:#ff00cc
}
.backgroundcolore16ea9{
    background-color:#e16ea9
}
.minheight490{
    min-height: 490px
}
.minheight100{
min-height:100px;
}
.textalignc{text-align:center}.textalignr{text-align:right}.textalignl{text-align:left}
.marginbottom85{ margin-bottom:85px }
.pad0{
    padding:0
}
.pad15{
    padding:15px
}
.height50{
    height:50px
}
.marg0{
    margin:0
}
.imgsal{
    text-align: center;
    position: relative;
    top: 16px;
    z-index: 10;
}

.boxin{
    background-color:#9B75FF;
  
    border-color: rgba(45, 204, 33, 0.38);
    font-size: 12px;
    text-align: center;   
    padding: 10px; 
    color: #fff;
    display:inline-block;
    position:absolute;
    right:15px

}
.padl10{
    padding-left:10px
}
.padl3{
    padding-left:3px
}
.paddingtop10{
    padding-top:10px;
}
.fontsize17{
    font-size:17px;
}
.wraptext{
    line-height:55px
}
.wraptext h4,a{
    color:#AB00CB;
}
 .wraptext .link_{
      color:#fff;
 }
 .wraptext .h5_{
      color:#fff;
 }

.wraptext  a:hover{
    color:#000;
}
.textalignj{
    text-align:justify;
}
.backgfff0{
    background-color:rgba(255, 255, 255, 0.75);
    padding:20px;
}
.over {
    position: relative;
    top: -50px;
}
.over p{
    color:#fff;
    padding:5px;
}
.over h3{
    padding:10px;
       color:#fff;
       font-size:17px;
}

.boxnews img:hover{
    opacity:0.5;
    border:3px solid #ab00cb;
     
}
.color000{
    color:#000
}
.colorFB00CE{
    color:#FB00CE
}

.color5917FD{
    color:#5917FD
}


.bgdet {
    background: url('../images/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.input-group-addon a{
    color:#000
}

h3{
        font-size:20px;

}
.flag{
    position: absolute;
top: 10px;
left: 10px;

}

.banner-top {
    background-image: url('../../../fa/Styles/images/top_bg.png'); 
  /* The image used */
 
    /* Full height */
    width: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
}