/*------------------------------------Template CSS Override--------------------------*/
.btn, .sppb-btn{border: none;border-bottom:0;font-size: 14px;color: #fff;border-radius: 50px;line-height: 20px;padding: 10px 20px;text-transform: none;box-shadow: none;-webkit-box-shadow: none;}
.uk-panel-box>.uk-panel-teaser{margin-top: -20px;margin-left: -20px;margin-right: -20px;}
input:focus:invalid:focus,.form-control:focus,select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: #099eb6;}
:focus{outline: none;}
.form-control{border-color:#e6e6e6;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{padding: 0;}
.sp-megamenu-wrapper{margin-right: 0;}
body .sp-megamenu-parent >li{margin-left: 15px;}
body #offcanvas-toggler{float: left;}
#offcanvas-toggler{color: #099eb6;}
#offcanvas-toggler:hover{color: #0a3e63;}
body .offcanvas-menu .offcanvas-inner .sp-module ul > li a:after{right: -45px;height: 2px;background-color: #099eb6;}
.offcanvas-menu{width: 320px;left:-400px;right: auto;}
body .close-offcanvas{right: 0;background-color: #099eb6;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{letter-spacing: 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item{text-align: left;}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul li ul >li >a{line-height:15px;font-size:13px;margin-right:15px;}
.ltr.offcanvas .offcanvas-menu {left: 0;right: auto; transform: translate(0%,0%) matrix(1,0,0,1,0,0);-webkit-transform: translate(0%,0%) matrix(1,0,0,1,0,0);}
.offcanvas-menu .offcanvas-inner{padding: 50px 51px 90px 10px;left: 0;right: auto;background-image: url("../../../images/en-logo-black-text.png"); background-repeat: no-repeat;background-position: 96% 98%;background-size: 50px;}
.ltr.offcanvas .offcanvas-inner {transform: translate(0%,0%) matrix(1,0,0,1,0,0);-webkit-transform: translate(00%,0%) matrix(1,0,0,1,0,0);}
#offcanvas-toggler >i{padding: 0 10px 0 0;}
#preloader .load{width: 100%;height: 300px;}
.my-loader-content{color: #0a3e63 !important;text-align: center;}
#fp-nav.right {left: 8px;right:auto;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{float: left;margin-right: 6px; margin-left: auto;}
#fp-nav ul li a.active span{margin-right: 12px; margin-left: auto;}
#fp-nav i {transform: translateX(7px)translateY(-2px);}
#fp-nav ul li .fp-tooltip{font-size: inherit;line-height: 25px;}
/*--------------------------------End of Template CSS Override-------------------------*/


/*------------------------------------General Style------------------------------------*/
.float-left{float: left;}
.no-padding{padding: 0;}
.no-margin{margin: 0;}
.small-margin-right{margin-right: 5px;}
.medium-margin-left{margin-left:10px;}
.medium-margin-right{margin-right:10px;}
.large-margin-top{margin-top:15px;}
.large-margin-bottom{margin-bottom:15px;}
.master-color{color:#089eb6;}
.master-bg-color{background-color:#089eb6;}
.slave-color{color:#0a3e63;}
.radius-btn{padding: 10px 20px;border-radius: 50px;text-align: center;margin-bottom: 15px;}
.btn-master{background-color:#089eb6;color: #fff;border: 1px solid #099eb6;}
.btn-master:hover{color: #089eb6;background-color: inherit;border: 1px solid #089eb6;}
.btn-slave{background-color: #0a3e63;color: #fff;border: 1px solid #0a3e63;}
.btn-slave:hover{color: #0a3e63;background-color: inherit;border: 1px solid #0a3e63;}
.small-desc{font-size:13px;color:#a7a7a7;}
.symbol-title{padding-bottom: 40px;background: url(../images/home-page/symbol-title.png) no-repeat center bottom;text-align:center;margin-bottom:60px;}
.dotted-title{width: 100%;position: relative;height: 33px;}
.dotted-title>h2{background-color: white;padding-right: 10px;position: absolute;margin: 0;}
.dotted-title:before{content: "";position: absolute;border-top: 1px dotted #c5c5c5;width: 100%;top: 50%;}
/*------------------------------------End of General Style-------------------------------*/

/*---------------------------------------Section Container-------------------------------*/
.body-innerwrapper,#sp-mainbody,#sp-mainbody>.row,#sp-component,#sp-component>.sp-column,.blog-featured,.item{height:100%;}
#sp-component>.sp-column{overflow:hidden;}
/*---------------------------------End of Section Container------------------------------*/
/*------------Page Loader---------------*/
.my-loader-content h3{font-weight: 800;margin-bottom: 20px;margin-top: 0;}
/*------------End of Page Loader---------------*/
/*----------------------------------------Header Section-------------------------------------*/
/*------------Search Section---------------*/
#sp-search{text-align:left;margin-top: 20px;}
/*---------End of Search Section-----------*/

/*------------Logo Section---------------*/
.logo-white-text{display: none; transition:all 2s}
.logo-black-text{display: block; transition: all 2s;}
.fp-viewing-intro .logo-white-text{display: block; transition: all 2s;}
.fp-viewing-intro .logo-black-text{display: none; transition: all 2s;}
#sp-logo .logo{display: none;}
/*---------End of Logo Section-----------*/

/*------------Phone Section---------------*/
.home-phone a{color: inherit;}
.home-phone{float:right;padding:0 5px;font-size:15px;border:dashed 1px #545454;color:#000;white-space: nowrap;}
.fp-viewing-intro .home-phone{color:#fff;}
.home-phone .fa{color:#089eb6;margin-right:10px;font-size: 20px;transform: translateY(3px);-webkit-animation: flash linear 1s infinite;animation: flash linear 1s infinite;}
@-webkit-keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } }
@keyframes flash { 0% { opacity: 1; } 50% { opacity: .1; } 100% { opacity: 1; } }
/*----------End of Phone Section----------*/

/*------------Menu Section---------------*/
#sp-header{position:fixed;background:none;padding:0 35px;margin-top:20px;}
.sp-megamenu-parent >li >a{color:#000;}
.sp-megamenu-parent >li >a:before{background-color: #000;}
.fp-viewing-intro .sp-megamenu-parent >li >a{color:#fff;}
.fp-viewing-intro .sp-megamenu-parent >li >a:before{background-color: #fff;}
.sp-megamenu-parent >li.active >a{color:#089eb6;}
body .sp-megamenu-parent{float:none;text-align:center;}
body .sp-megamenu-parent >li.sp-has-child>a:after{position:relative;}
.sp-megamenu-parent >li.sp-has-child>a {padding-right: 6px;}
.persian-font{font-family:sans-normal,arial}
/*-----------End of Menu Section---------*/
/*-----------------------------------End of Header Section------------------------------------*/

/*---------------------------------------Pages Setting----------------------------------------*/

div[id^="page"] .container-fluid{max-width: 1170px;}

/*----------Vertical Page Navigation----------*/
.fp-viewing-intro #fp-nav ul li .fp-tooltip{color:#fff;}
#fp-nav li:nth-child(1) i:before{content: "\f015";}
#fp-nav li:nth-child(2) i:before{content: "\f129";}
#fp-nav li:nth-child(2) i{transform: translateX(11px)translateY(-1px);}
#fp-nav li:nth-child(3) i:before{content: "\f0ad";}
#fp-nav li:nth-child(4) i:before{content: "\f03d";}
#fp-nav li:nth-child(5) i:before{content: "\f044";}
#fp-nav li:nth-child(5) i{transform: translateX(7px)translateY(0);}
#fp-nav li:nth-child(6) i:before{content: "\f1ea";}
#fp-nav li:nth-child(6) i{transform: translateX(-5px)translateY(1px);}
#fp-nav li:nth-child(7) i:before{content: "\f095";}
#fp-nav li:nth-child(7) i{transform: translateX(-7px)translateY(1px);}
/*--------End of Vertical Page Navigation-----------*/

/*-----------------Pages Background----------------*/
#page1,#page3,#page4,#page5,#page6{background-size:cover;background-repeat:no-repeat;}
#page1{background-image:url(../images/home-page/page1-bg.jpg);color:#fff;}
#page2{background-image:url(../images/home-page/page2-bg.jpg); background-position: left bottom;background-repeat: no-repeat;}
#page3{background-image:url(../images/home-page/page3-bg.jpg);}
#page4{background-image:url(../images/home-page/page4-bg.jpg);}
#page5{background-image:url(../images/home-page/page5-bg.jpg);}
#page6{background-image:url(../images/home-page/page6-bg.jpg);}
#page7{background-image:url(../images/home-page/page7-bg.gif); background-position: bottom;background-repeat: no-repeat;background-color:#fff;}
/*-----------------End of Pages Background----------------*/

/*------------------------Page1-----------------------------*/
#page1{padding: 0 5px 0 95px;}
.play-button{border:0;position: absolute;width: 90px;height: 90px;border-radius: 15px;text-align: center;top: 50%;left: 50%;background-color:#089eb6;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
.play-button:hover{background-color:#fff;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
.play-button>i{display: block;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);color:#fff;line-height: 90px;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
.play-button:hover>i{color:#000;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
.my-video{text-align:center;}
.modal-body{padding: 0;}
.modal-backdrop.in{opacity: .8}
.modal-header{border-bottom: 0;}
.modal-content{background: none;border: 0;box-shadow: unset;border-radius: unset;width: 70%;max-width: 900px;margin: 0 auto;}
.close{font-size: 25px;font-weight: normal;line-height: 1;color: #fff;text-shadow: unset;opacity: 0.8;position: absolute;left: 0;top: -25px;height: 25px;width: 25px;}
.close:hover{color:#089eb6;}
.my-video-table{display: table;width: 100%;height: 100vh;}
.video-cell{display: table-cell;width: 50%;vertical-align: middle;}
/*-------Mouse Icon Animation-------*/
.mouse-wrap{display:inline-block;position:absolute;left:50%;bottom:70px;transform:translate(-50%,-50%) scale(0.6);direction: ltr;-ms-transform: scale(0.6); /* IE 9 */-webkit-transform: scale(0.6); /* Safari */}
.mouse {top:0;position: absolute;left: 50%;transform: translateX(-50%);width: 48px;animation: nudgeMouse 5.5s ease-out infinite;}
.mouse:after {content: '';background-color: #ffffff;width: 7px;height: 7px;border-radius: 100%;animation: trackBallSlide 5.5s linear infinite;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transform:translateY(20px);}
.mouse .frame {width: 100%;position: absolute;z-index: 1;}
.mouse .frame path {fill: none;stroke: #ffffff;stroke-width: 3;opacity:0.5;}
.mouse .mouse-left, .mouse .mouse-right{width: 50%;position: absolute;z-index: 2;}
.mouse .mouse-right {right: 0;}
.mouse .Animate-Draw {fill: none;stroke: #FFFFFF;stroke-width: 3;fill-opacity: 1;}
.mouse .mouse-left .Animate-Draw {animation: DrawLine 5.5s ease-out infinite;}
.mouse .mouse-right .Animate-Draw {animation: DrawLineBack 5.5s ease-out infinite;}
/*Keyframes*/
@keyframes DrawLine { 0% {stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 22% {stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 38%{stroke-dashOffset: 125;stroke-dasharray: 120;stroke-opacity:1;} 38.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} 48%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 64%{stroke-dashOffset: 125;stroke-dasharray: 120;stroke-opacity:1;} 64.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} 74%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 90%{stroke-opacity:1;stroke-dashOffset: 125;stroke-dasharray: 120;} 90.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} }
@keyframes DrawLineBack { 0%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 22%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 38%{stroke-dashOffset: -114;stroke-dasharray: 120;stroke-opacity:1;} 38.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} 48%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 64%{stroke-dashOffset: -114;stroke-dasharray: 120;stroke-opacity:1;} 64.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} 74%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:1;} 90%{stroke-opacity:1;stroke-dashOffset: -114;stroke-dasharray: 120;} 90.1%{stroke-dashOffset: 0;stroke-dasharray: 120;stroke-opacity:0;} }
@keyframes nudgeMouse { 0%{transform: translateY(0) translateX(-50%);} 22%{transform: translateY(0px) translateX(-50%);} 38%{transform: translateY(9px) translateX(-50%);} 48%{transform: translateY(0px) translateX(-50%);} 64%{transform: translateY(9px) translateX(-50%);} 74%{transform: translateY(0px) translateX(-50%);} 90%{transform: translateY(9px) translateX(-50%);} }
/*Text*/
@keyframes nudgeText { 0% {transform: translateY(0) translateX(-50%) scaleY(1);opacity:1;} 22% {transform: translateY(0px) translateX(-50%)  scaleY(1);opacity:1;} 38%{transform: translateY(5px) translateX(-50%) scaleY(0.9);opacity:0.5;} 48%{transform: translateY(0px) translateX(-50%) scaleY(1);opacity:1;} 64%{transform: translateY(5px) translateX(-50%) scaleY(0.9);opacity:0.5;} 74%{transform: translateY(0px) translateX(-50%) scaleY(1);opacity:1;} 90%{transform: translateY(5px) translateX(-50%) scaleY(0.9);opacity:0.5;} }
/*Mouse wheel*/
@keyframes trackBallSlide { 0% {transform:translateY(20px) scale(1);opacity:1;} 22% {transform:translateY(20px) scale(1);opacity:1;} 26%{transform:translateY(30px) scale(0.9);opacity:1;} 34%{transform:translateY(55px) scale(0.1);opacity:0;} 41%{transform:translateY(30px) scale(0);opacity:0.3;} 48%{transform:translateY(20px) scale(1);opacity:1;} 52%{transform:translateY(30px) scale(0.9);opacity:1;} 60%{transform:translateY(55px) scale(0.1);opacity:0;} 67%{transform:translateY(30px) scale(0);opacity:0.3;} 74%{transform:translateY(20px) scale(1);opacity:1;} 78%{transform:translateY(30px) scale(0.9);opacity:1;} 86%{transform:translateY(55px) scale(0.1);opacity:0;} 93%{transform:translateY(30px) scale(0);opacity:0.3;} 100%{transform:translateY(20px) scale(1);opacity:1;} }
/*------End of Mouse Icon Animation-------*/
/*-------------------------End of Page1-------------------*/

/*---------------------------Page2------------------------*/
/*------------------------End of Page2------------------*/

/*---------------------------Page3----------------------*/
#page3{padding:0 70px 0 150px;}
.services-cont>div{padding:10px;}
.services-cont>div>a>div{color:#000000;background-color: #fff;text-align: center;height: 165px;padding-top:35px;border-radius: 5px;transition: background-color 0.2s ease-out; webkit-box-shadow: 0px 2px 20px 2px rgb(208, 208, 208, 0.52);-moz-box-shadow: 0px 2px 20px 2px rgb(208, 208, 208, 0.52);box-shadow: 0px 2px 20px 2px rgb(208, 208, 208, 0.52);}
.services-cont i{font-size: 28px;color:#383838;}
.services-cont>div>a>div:hover{background-color: #0a3e63;color:#fff;transition: background-color 0.2s ease-out;}
.services-cont>div>a>div:hover i{color:#fff;}
.services-img{padding-top: 3%;}
.services-img>img{position: absolute;right: 0;-webkit-transition:  1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);-o-transform: scale(0,0);transform: scale(0,0);opacity: 0;width: 100%;}
.services-img#service-1>img.graphic,
.services-img#service-2>img.special-effects,
.services-img#service-3>img.film,
.services-img#service-4>img.ghorfe,
.services-img#service-5>img.simulator,
.services-img#service-6>img.campaign,
.services-img#service-7>img.website,
.services-img#service-8>img.photography{opacity: 1;-webkit-transform: scale(1,1);-webkit-transform-origin: top right;-moz-transform: scale(1,1);-moz-transform-origin: top right;-o-transform: scale(1,1);-o-transform-origin: top right;transform: scale(1,1);transform-origin: center;}
#page3 h3{font-size: 15px;}
/*---------------------------End of Page3-------------------------*/

/*-----------------------------Page4-----------------------------*/
#page4{padding:0 40px 0 130px}
#page4 .uk-panel-title{transform: translate(-15px, -35px); color: #fff;}
#page4 .uk-margin{margin-bottom: 0;}
#page4 .uk-grid-margin{margin-top: 0;}
#page4 .uk-overlay-background{background: rgba(9, 158, 182, 0.56);}
#page4 .uk-overlay-icon:before{color: #fff;}
/*------------Portfolio---------------*/
.jux-icon:before,.jux-icon:after{content: "";left: -100px;top: -60px;width: 100px;height: 100px;display: block;border-radius: 10px;position: absolute;opacity: 0;z-index: 1;-webkit-transform: rotate(-30deg);-ms-transform: rotate(-30deg);transform: rotate(-30deg);border: 8px solid #089eb6;webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.jux-icon:after{left: auto;top: auto;right: -100px;bottom: -60px;}
.jux-image:hover>.jux-icon:before{opacity: 1;left: -60px;top: -40px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.jux-image:hover>.jux-icon:after{opacity: 1;right: -60px;bottom: -40px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.jux_portfolio_pro_modules .item-info{display: none;}
.jux_portfolio_pro_modules .jux_portfolio_pro .jux-image:before{content: ""; position: absolute; width: 100%; height: 100%;background: #003e62ba;z-index: 1;}
.jux_portfolio_pro_modules .jux_portfolio_pro .jux-image img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
.jux_portfolio_pro_modules .jux_portfolio_pro .jux-image:hover img{-webkit-filter: none; /* Safari 6.0 - 9.0 */filter: none;}
.jux_portfolio_pro_modules .jux_portfolio_pro .jux-item .content .hover_3{height: 250px;border-radius: 6px;}
/*------------End of Portfolio---------------*/
/*---------------------------End of Page4-------------------------*/

/*----------------------------Page5--------------------------*/
#page5{padding: 0 100px 0 51px;}
#page5 .container-fluid >.row{position: relative;}
#page5 .symbol-title{margin-bottom: 130px;}
.article-container{margin: 0 auto;height: 350px;position: relative;perspective: 1000px;}
.article-carousel {height: 100%;transform-style: preserve-3d;transition: transform 1s;}
.article-container,.article-carousel{width: 250px;}
.item.after,.item.before{display: block;opacity: 0.3; transition: opacity 1s;}
.item.active{display: block;opacity: 1; transition: opacity 1s;}
.item,.d.item.before,.f.item.after {display: block;position: absolute;width: 250px;height: 285px;box-shadow: 0 0 4px rgba(0,0,0,.2);opacity: 0.06;transition: opacity 1s;}
.d.item.before,.f.item.after {display: none;}
.item .fa{transform: translateY(3px);font-size: 1.2rem;}
.a {transform: rotateY(0deg) translateZ(350px);}
.b {transform: rotateY(45deg) translateZ(350px);}
.c {transform: rotateY(90deg) translateZ(350px);}
.d {transform: rotateY(135deg) translateZ(350px);}
.f {transform: rotateY(225deg) translateZ(350px);}
.g {transform: rotateY(270deg) translateZ(350px);}
.h {transform: rotateY(315deg) translateZ(350px);}
.next, .prev {color: #0a3e63;position: absolute;top: 120px;padding: 8px 13px 0 0;cursor: pointer;background: #ffffff;border-radius: 50px;box-shadow: 0 2px 5px #c5c5c5;width: 40px;height: 40px;transition: all 0.3s;}
.next{right:0px;}
.prev{left: 0px;}
.next:hover, .prev:hover{color: #fff;background-color: #089eb6;transition: all 0.3s;}
.info-slider{padding: 10px;background: #fff;font-size: 8px;line-height: 15px;float: right;}
.info-slider h3{font-family: casablanca;font-size:1.3rem !important;line-height: 15px !important;margin-top: 0;}
.info-slider p{font-size:.8rem;line-height: 15px;color: #a7a7a7;}
.info-slider a{font-size: 9px; line-height: 13px;}
.date-slider{margin-top: 0;background: #089EB6;color: #fff;position: absolute;z-index: 20;padding: 5px 10px;top: 20px;margin-left: -25px;left: 0;font-size: 7px;line-height: 15px;}
.date-slider .fa{transform: translateY(2px);font-size: 1rem;}
.date-slider:after{content: '';border-left: 25px solid transparent;border-top: 10px solid #089EB6;bottom: -10px;left: 0;position: absolute;z-index: 1;}
.image-slider{height:150px;overflow:hidden;}
/*----------------------------End of Page5--------------------------*/

/*----------------------------Page6--------------------------*/
#page6{padding: 0 150px 0 50px;}
#page6 .uk-panel-box{border-radius: 5px;border:0;-webkit-box-shadow: 0px 7px 18px 6px rgba(208, 208, 208, 0.68);-moz-box-shadow: 0px 7px 18px 6px rgba(208, 208, 208, 0.68);box-shadow: 0px 7px 18px 6px rgba(208, 208, 208, 0.68);}
#page6 img{border-radius: 5px 5px 0 0;}
#page6 .uk-panel-title{color:#000;font-family: sans-medium;}
#page6 .uk-margin>p{color:#a7a7a7;font-family: sans-ultralight;}
#page6 .uk-panel>p{position: absolute;left: 30px;bottom: -20px;}
#page6 .uk-button{color: #fff;border: 0 !important;border-radius: 50%;background-color: #089eb6;font-size: 16px;width: 40px;height: 40px;box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);webkit-box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);-moz-box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);}
#page6 .uk-button>i{transform: translateY(5px);}
#page6 .uk-overlay-background{background: rgba(9, 158, 182, 0.56);}
#page6 .uk-overlay-icon:before{color: #fff;}
#page6 .uk-panel-box .uk-panel-teaser>*{border-top-left-radius: 5px;border-top-right-radius: 5px;}
#page6 .uk-dotnav>*>*{width: 10px; height: 10px;}
#page6 .uk-dotnav>.uk-active>*{background: rgb(0, 109, 162);}
/*-----------------End of Page6----------------*/

/*----------------------------Page7--------------------------*/
#page7 .container-fluid{padding: 0 50px 0 150px;}
.contact-info i{font-size: 25px;color: #0a3e63;}
.address-cont i{line-height: 53px;}
.mail-cont a{color: inherit;}
.social-cont i{padding-right: 25px;font-size: 20px;color: #c6c6c6;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.social-cont i:hover{color: #0a3e63;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#page7 .copy-right{position: absolute;bottom: 15px;color: #fff;text-align: center;left: 0;right: 0;font-size: 14px;padding: 0 25px;}
.copy-right span{color:#089eb6;}
.customer-logo-row{margin-top: 70px;}
.customers-slider{position: relative;}
.customers-slider img{display: inline-block;}
.customers-slider>.uk-flex{display: block;width: 100%;position: absolute;top: -15px;}
.customers-slider>.uk-flex>.uk-grid{display: block;}
.customers-slider .uk-grid>div:first-child{margin-left: -35px;}
.customers-slider .uk-grid>div:last-child{float: right;margin-right: -25px;}
.home-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #d5d5d5 !important;opacity: 1; /* Firefox */}
.home-form :-ms-input-placeholder { /* Internet Explorer 10-11 */color: #d5d5d5 !important;}
.home-form ::-ms-input-placeholder { /* Microsoft Edge */color: #d5d5d5 !important;}
.home-form input{border-radius: 50px;height: 43px !important;}
.home-form textarea{height: 148px !important;border-radius: 27px;margin-top: 20px;resize: none;}
.home-form button{border-radius: 50px;height: 40px;width: 40px;position: absolute;right: 60px;bottom: -16px; background-color: #089eb6;box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);-webkit-box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);-moz-box-shadow: 0px 7px 18px 0px rgba(9, 158, 182, 0.52);}
.home-form button:hover{background-color: #006da2;box-shadow: 0px 7px 18px 0px rgba(0, 109, 162, 0.5);-webkit-box-shadow: 0px 7px 18px 0px rgba(0, 109, 162, 0.5);-moz-box-shadow: 0px 7px 18px 0px rgba(0, 109, 162, 0.5);}
.home-form button:before{content: "\f1d8";position: absolute;color: #fff;font-size: 20px;left: 9px;bottom: 9px;}
#page7 .shetab-cont a{color: #c6c6c6; line-height: 37px;font-size: 12px;}
.customer-row{margin-top: 50px;}
/*----------------------------End of Page7--------------------------*/
/*--------------------------------------------End of Pages Setting-------------------------------------------------*/

/*--------------------------------------------Media Query 1300px-------------------------------------------------*/
@media (max-width: 1300px){
    /*----------------Page1---------------*/
    #fp-nav ul li .fp-tooltip{display: none;}
    /*-----------End of Page1------------*/
}
/*--------------------------------------------End of Media Query 1300px-------------------------------------------------*/
/*--------------------------------------------Media Query 1200px and 992px----------------------------------------------*/
@media (max-width: 1200px) and (min-width: 992px){
    /*----------------Page3---------------*/
    .services-cont > div > a > div {height: 111px;padding-top: 25px;}
    .services-cont h3{margin: 0;}
    /*----------------End of Page3---------------*/
}
/*----------------------------------------End of Media Query 1200px and 992px-------------------------------------------*/
/*--------------------------------------------Media Query 1199px-------------------------------------------------*/
@media (max-width: 1199px) {
    /*----------------Page4---------------*/
        /*------------Portfolio---------------*/
        .jux_portfolio_pro_modules .jux_portfolio_pro .jux-item .content .hover_3{height: 140px;}
        /*------------End of Portfolio---------------*/
    /*----------------End of Page4---------------*/

}
/*--------------------------------------------End of Media Query 1199px-------------------------------------------------*/
/*--------------------------------------------Media Query 991px-------------------------------------------------*/
@media (max-width: 991px) {
    /*----------------Page1---------------*/
    #page1 .container-fluid{max-width: 500px;}
    #fp-nav ul li .fp-tooltip{display: inline-block;}
    #sp-logo{display: none;}
    /*-----------End of Page1------------*/
    /*----------------Page2---------------*/
    #page2{padding: 0 33px 0 140px;}
    /*-----------End of Page2------------*/
    /*----------------Page3---------------*/
    #page3{padding: 0 30px 0 150px;}
    .services-cont>div{padding: 5px;}
    .services-cont>div>a>div {height: 104px;padding: 12px 8px;float: right;width: 100%;}
    .services-cont i{font-size: 22px;float: left;margin-right: 10px;}
    .services-cont h3{font-size: 14px !important;float: left;margin: 0;}
    .services-img{height:312px;}
    .services-cont>div>a>div {-webkit-box-shadow: 0px 1px 9px 1px rgb(208, 208, 208, 0.52);-moz-box-shadow: 0px 1px 9px 1px rgb(208, 208, 208, 0.52);box-shadow: 0px 1px 9px 1px rgb(208, 208, 208, 0.52);}
    /*-----------End of Page3------------*/
    /*----------------Page4---------------*/

    /*-----------End of Page4------------*/
    /*----------------Page5---------------*/
    #page5{padding: 0 60px 0 155px;}
    .item, .d.item.before, .f.item.after,.article-container, .article-carousel{width: 150px;}
    .item, .d.item.before, .f.item.after{height: 270px;}
    .a {transform: rotateY(0deg) translateZ(200px);}
    .b {transform: rotateY(45deg) translateZ(200px);}
    .c {transform: rotateY(90deg) translateZ(200px);}
    .d {transform: rotateY(135deg) translateZ(200px);}
    .f {transform: rotateY(225deg) translateZ(200px);}
    .g {transform: rotateY(270deg) translateZ(200px);}
    .h {transform: rotateY(315deg) translateZ(200px);}
    .date-slider:after{display: none;}
    .date-slider{margin-left: 0;}
    /*-----------End of Page5------------*/
    /*----------------Page7---------------*/
    .customer-logo-row{margin-top: 20px;}
    .home-form input{margin-bottom: 5px;}
    /*-----------End of Page7------------*/
}
/*--------------------------------------------End of Media Query 991px-------------------------------------------------*/
@media (min-width: 768px) {
    /*-----------------Fade Effect----------------*/
    .fp-section{width: 100% !important;position: absolute;left: 0;top: -100px;visibility: hidden;opacity: 0.3;transform: scale(0.9);}
    .fp-section.active{visibility: visible;opacity: 1;top:0;transform: scale(1);}
    .fp-slidesContainer {width: 100% !important;transform: none!important;}
    .fp-slide{width: 100% !important;position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;}
    .fp-slide.active{visibility: visible;opacity: 1;}
    .fp-slide{-webkit-transition: all 1000ms ease;transition: all 1000ms ease;}
    .fp-section{-webkit-transition: all 500ms ease;transition: all 500ms ease;}
    .fp-section.active{-webkit-transition: all 1000ms ease;transition: all 1000ms ease;}
    /*-----------------End of Fade Effect-----------*/
}
/*--------------------------------------------Media Query 767px-------------------------------------------------*/
@media (max-width: 767px) {
    /*----------------General Page Setting---------------*/
    h2 {font-size: 20px !important;line-height: 10px !important;}
    /*----------------End of General Page Setting---------------*/
    /*----------------------------------------Header Section-------------------------------------*/
    #sp-header{margin-top: 0;background-color: #0a3e63;height: 62px;}
    .fp-viewing-intro #sp-header{background: none;}
    #sp-search{margin-top: 15px;}
    .home-phone{color: #fff;border-color: #fff;}
    #offcanvas-toggler >i{line-height: 62px;height: 62px;}
    /*----------------------------------------End of Header Section-------------------------------------*/
    /*----------------Pages Setting---------------*/
    #page1,#page2{padding:25px 0 0 0;}
    #page3,#page4,#page6{padding: 25px 25px 0 25px;}
    div[id^="page"] .container-fluid {max-width: 500px;}
    #page2,#page3,#page4,#page5,#page6{background-image: none;}
    .fp-tableCell{overflow: unset;}
    /*----------------End ofPages Setting---------------*/
    /*----------------Page1---------------*/
    #fp-nav.right{left: 5px;}
    #fp-nav ul li .fp-tooltip{display: none;}
    #page1 h2{margin-top: 0;}
    #page1 .container-fluid{transform: scale(0.9);}
    .play-button>i{line-height: unset;}
    .play-button{width: 60px;height: 60px;}
    #home-video{margin: -20px;}
    /*-----------End of Page1------------*/
    /*----------------Page2---------------*/

    /*-----------End of Page2------------*/
    /*----------------Page3---------------*/
    .services-cont{padding: 0;}
    .services-img{display: none;}
    .services-cont h3{font-size: 12px !important;float: none;}
    .services-cont i{font-size: 18px;float: none;margin-left: 0;}
    /*-----------End of Page3------------*/
    /*----------------Page4---------------*/

    /*-----------End of Page4------------*/
    /*----------------Page5---------------*/
    #page5{padding: 0 10px 0 10px;}
    #page5 .symbol-title{margin-bottom: 60px;}
    .item, .d.item.before, .f.item.after{width: 150px;height: 265px;}
    .date-slider{margin-left: 0;}
    .date-slider:after{display: none;}
    .article-container, .article-carousel{width: 150px;}
    .info-slider h3 {font-size: 11px !important;line-height: 10px !important;}
    .info-slider a {font-size: 0.7rem;line-height: 12px;}
    .article-container{height: 265px;}
    /*-----------End of Page5------------*/
    /*----------------Page6---------------*/
    #page6 .symbol-title{margin-bottom: 20px;}
    /*-----------End of Page6------------*/
    /*----------------Page7---------------*/
    #page7 .container-fluid{padding: 50px 15px 0 15px;}
    #page7 .contact-form{margin-top: 50px;}
    #page7 .customer-logo-row{padding-bottom: 120px;margin-top: 80px;}
    #page7 .customers-slider{transform: scale(0.8);}
    #page7 .copy-right{bottom: 0;}
    #page7 .copy-right p{font-size: 11px;}
    #page7{padding: 0 15px 130px 15px;}
    /*-----------End of Page7------------*/
}
/*--------------------------------------------End of Media Query 767px-------------------------------------------------*/